@font-face{font-family:Chamber UI;src:url(alloy-studio/fonts/chamber-ui.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Chamber Display;src:url(alloy-studio/fonts/chamber-display.woff2) format('woff2');font-weight:400 500;font-display:swap}
:root{--page:#f2e6e2;--paper:#fff8f4;--ink:#352329;--muted:#60454e;--action:#a92642;--line:#b5959f;--focus:#99223b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:500 16px/1.55 'Chamber UI',sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:3px}.skip{position:absolute;top:-100px;left:1rem;background:var(--paper);padding:1rem;z-index:9}.skip:focus{top:1rem}header,main,footer{width:min(1440px,calc(100% - 6rem));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line);gap:1rem}.brand{font-size:1.2rem;letter-spacing:-.04em;font-weight:800;text-decoration:none}.brand span{display:block;font-size:.75rem;letter-spacing:0;color:var(--muted);font-weight:500}.demo-tag,.eyebrow{font-size:.8rem;color:var(--muted)}.intro{padding:5rem 0 3.5rem}.eyebrow{margin:0 0 1.2rem}h1,h2{font-family:'Chamber Display',sans-serif;font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(2.5rem,5.7vw,5.5rem);line-height:1.14;margin:0}h1 span{color:var(--action)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-top:2rem}.intro-bottom p{max-width:32rem;margin:0;color:var(--muted)}.primary{display:inline-flex;justify-content:center;padding:.9rem 1.4rem;background:var(--ink);border:1px solid var(--ink);border-radius:100px;color:var(--paper);text-decoration:none;white-space:nowrap;transition:transform .25s,background .25s}.primary:hover{background:var(--action);transform:translateY(-3px)}.primary:active{transform:scale(.97)}.studies{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem;padding-bottom:4rem}.study{text-decoration:none;display:block;min-width:0}.study-image{position:relative;overflow:hidden;border-radius:20px;background:var(--paper);aspect-ratio:1.44}.study-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.study:hover img{transform:scale(1.025)}.study:hover .arrow{transform:translate(3px,-3px)}.study:active .study-image{transform:scale(.99)}.study-title{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:1rem}.study-title>span:first-child{grid-column:1/-1;font-size:.75rem;color:var(--muted)}.study h2{font-size:clamp(1.3rem,2vw,2rem);margin:.3rem 0 0}.arrow{font-size:1.7rem;transition:transform .25s}.study>p{margin:.4rem 0;color:var(--muted);font-size:.9rem}.latest{position:absolute;top:1rem;left:1rem;padding:.35rem .8rem;border-radius:100px;color:var(--paper);background:var(--ink);font-size:.75rem}.materials,.scenes{border-top:1px solid var(--line);padding:3rem 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem}.materials h2,.scenes h2{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.25;margin:0}.materials p:not(.eyebrow),.scenes p:not(.eyebrow){color:var(--muted);max-width:29rem}.materials nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.materials a{border:1px solid var(--line);padding:1rem;min-height:100px;border-radius:16px;display:flex;gap:1rem;align-items:center;text-decoration:none;transition:transform .25s,background .25s}.materials a:hover{background:var(--paper);transform:translateY(-3px)}.materials i{display:block;width:38px;height:38px;border-radius:50%;box-shadow:inset 1px 1px 2px #fff8f4,2px 4px 8px #35232922}.titanium{background:linear-gradient(130deg,#eee4d1,#afa99e 48%,#686a67)}.rose-metal{background:linear-gradient(130deg,#f5d0db,#ba879c,#745965)}.pearl{background:linear-gradient(130deg,#f5f3e9,#c4c8ce,#8e969f)}.graphite{background:linear-gradient(130deg,#9c9ea9,#414653,#252b30)}.scenes nav a{display:grid;grid-template-columns:2rem 1fr auto;gap:.2rem .7rem;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}.scenes nav a:hover{padding-left:.6rem;background:var(--paper)}.scenes nav a>span{grid-row:1/3;font-size:.75rem;color:var(--muted)}.scenes strong{font-size:1rem}.scenes small{grid-column:2;font-size:.8rem;color:var(--muted)}.scenes b{grid-column:3;grid-row:1/3;align-self:center;font-size:1.4rem;font-weight:500}footer{display:flex;justify-content:space-between;gap:3rem;padding:2rem 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}footer p{margin:0;max-width:38rem}@media(max-width:800px){header,main,footer{width:calc(100% - 2rem)}.intro{padding:3rem 0}.materials,.scenes{gap:2rem;grid-template-columns:1fr}.studies{gap:2rem 1rem}.study-image{border-radius:14px}.intro-bottom{align-items:start}.demo-tag{font-size:.75rem;max-width:8rem;text-align:right}}@media(max-width:600px){.intro-bottom{display:block}.intro-bottom .primary{margin-top:1.5rem}.studies{grid-template-columns:1fr}.study h2{font-size:1.5rem}.intro{padding:2.5rem 0}h1{font-size:clamp(2rem,8.7vw,3rem)}.materials nav{gap:.5rem}.materials a{padding:.8rem;gap:.65rem;font-size:.875rem;min-height:90px}.materials i{width:30px;height:30px;flex-shrink:0}footer{display:block}footer p{margin-top:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}