.brand-home{background:var(--paper)}.brand-home>header{padding:22px 4vw;border:0;gap:25px}.brand-home>header .logo{width:235px}.brand-home>header nav{gap:25px}.brand-home>header nav a{font-size:11px}.brand-home>header .portal-link{border-radius:30px;font-size:10px}
.brand-stage{min-height:650px;height:calc(100svh - 95px);max-height:1200px;background:var(--red);color:var(--paper);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:140px 6vw 170px}
.stage-coordinate{position:absolute;top:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;opacity:.85}
.brand-orbit{position:absolute;z-index:-1;width:min(85vw,1100px);right:-40%;top:50%;transform:translateY(-50%) rotate(-18deg);opacity:.055;pointer-events:none}.brand-orbit img{width:100%}
.brand-arrival{width:min(1180px,100%);text-align:center}.brand-arrival h1{margin:0;animation:logo-arrive 1.25s cubic-bezier(.19,1,.22,1) both}.brand-arrival h1 img{width:100%;height:auto}.brand-arrival>p{margin-top:42px;font-size:10px;letter-spacing:4px;animation:line-arrive .7s .65s both}
.stage-bottom{position:absolute;bottom:35px;left:4vw;right:4vw;border-top:1px solid #ffffff65;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;animation:line-arrive .7s .9s both}.stage-bottom>p{font-size:12px;line-height:1.7}.stage-note{font-size:8px;letter-spacing:1.3px;line-height:1.8;text-align:right;max-width:270px}.stage-enter{display:flex;align-items:center;gap:40px;text-decoration:none;border:1px solid #f6f1e790;border-radius:40px;padding:16px 23px;font-size:12px;transition:background .2s,color .2s}.stage-enter>span{font-size:25px;line-height:1}.stage-enter:hover{background:var(--paper);color:var(--red)}
.project-interface{padding:0 4vw}.project-interface details{border:0}.project-interface summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 0;list-style:none;cursor:pointer}.project-interface summary .eyebrow{font-size:10px}.project-toggle{display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:1px}.project-toggle b{font-size:28px;font-weight:350;line-height:1;transition:transform .3s}.project-interface details[open] .project-toggle b{transform:rotate(90deg)}.project-drawer{border-top:1px solid var(--line);padding:55px 0 70px;animation:line-arrive .5s both}.project-drawer-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.project-drawer-intro h2{font-size:clamp(50px,6vw,90px);line-height:.98;letter-spacing:-.035em}.project-drawer-intro p{font-size:14px;max-width:320px;justify-self:end}.project-entry{display:grid;grid-template-columns:1.6fr 1fr;gap:5vw;align-items:center;text-decoration:none}.project-entry-image{position:relative;overflow:hidden}.project-entry-image img{aspect-ratio:1.25;object-fit:cover;object-position:50% 36%;transition:transform .6s}.project-entry:hover img{transform:scale(1.025)}.project-entry-image>span{position:absolute;left:20px;bottom:20px;background:var(--paper);color:var(--ink);padding:10px 15px;font-size:9px;border-radius:25px}.project-entry-meta>span:first-child{font-size:9px;letter-spacing:1px}.project-entry-meta h3{font-size:clamp(45px,5vw,80px);line-height:.95;letter-spacing:-.03em;margin:25px 0}.project-entry-meta p{font-size:12px}.project-entry-meta small{font-size:10px;color:#756b60}.project-count{display:block;font-size:9px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);letter-spacing:.7px}
.brand-home .manifesto{padding:85px 6vw;background:var(--ink);color:var(--paper)}.brand-home .manifesto h2{font-size:clamp(45px,6.3vw,100px)}.brand-home .manifesto em{color:#ef3d53}.brand-home .manifesto-bottom{padding-left:30%}.brand-home .manifesto-bottom p{color:#d8d0c4}.brand-home footer{flex-wrap:wrap}
@keyframes logo-arrive{from{opacity:0;transform:translateY(35px) scale(.94);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0)}}@keyframes line-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.brand-home>header{flex-wrap:wrap}.brand-home>header nav{order:3;justify-content:space-between;width:100%}.brand-stage{height:calc(100svh - 135px);min-height:620px}.stage-note{display:none}.brand-arrival>p{letter-spacing:2px}.project-entry{gap:30px}.brand-home .manifesto-bottom{padding-left:0}}
@media(max-width:600px){.brand-home>header{padding:20px 5vw;gap:20px}.brand-home>header .logo{width:205px}.brand-home>header .portal-link{font-size:8px;padding:0;border:0}.brand-home>header nav{gap:10px}.brand-home>header nav a{font-size:10px}.brand-stage{height:calc(100svh - 132px);min-height:560px;padding:105px 6vw 180px}.stage-coordinate{left:5vw;right:5vw;top:25px;font-size:7px;letter-spacing:1px}.stage-coordinate>span:last-child{display:none}.brand-arrival>p{font-size:7px;letter-spacing:1.5px;margin-top:28px}.stage-bottom{left:5vw;right:5vw;bottom:28px;flex-direction:column;align-items:start;gap:20px;padding-top:22px}.stage-bottom>p{font-size:11px}.stage-enter{padding:12px 18px;font-size:11px;gap:45px}.brand-orbit{width:120vw;right:-70%}.project-interface{padding:0 5vw}.project-interface summary{padding:25px 0}.project-interface summary .eyebrow{font-size:8px}.project-toggle{font-size:8px;gap:20px}.project-drawer{padding:35px 0 45px}.project-drawer-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.project-drawer-intro h2{font-size:45px}.project-drawer-intro p{justify-self:start;font-size:12px}.project-entry{grid-template-columns:1fr;gap:25px}.project-entry-image img{aspect-ratio:1.15}.project-entry-meta h3{font-size:48px;margin:20px 0}.project-count{margin-top:25px}.brand-home .manifesto{padding:50px 6vw}.brand-home .manifesto h2{font-size:clamp(35px,8vw,50px)}}
@media(prefers-reduced-motion:reduce){.brand-arrival h1,.brand-arrival>p,.stage-bottom,.project-drawer{animation:none}.project-entry-image img,.project-toggle b{transition:none}}
