*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111019;color:#fff;font-family:Arial,Helvetica,sans-serif} .sequence{height:300svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#10121e}.background{position:absolute;inset:-5%;background:url('assets/background.jpg') center/cover;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,20,.35),rgba(5,6,20,.15) 45%,rgba(5,6,20,.65))}header,footer{position:absolute;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;align-items:center;font:10px/1.5 monospace;letter-spacing:.09em;z-index:3}header{top:30px}header span:first-child{font-weight:700;font-size:13px}footer{bottom:28px}a{color:inherit;text-decoration:none}footer a span{display:inline-block;margin-left:16px;font-size:22px}.logo-space{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px}.logo-motion{width:min(54vw,730px);will-change:transform,opacity;filter:drop-shadow(0 15px 35px rgba(0,0,0,.5));transform-style:preserve-3d}.logo-motion img{display:block;width:100%;height:auto}.intro{position:absolute;left:3.2vw;right:3.2vw;bottom:16%;display:flex;justify-content:space-between;font-size:clamp(13px,1.6vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.04em;pointer-events:none}.intro span:last-child{text-align:right}.outro{position:absolute;left:8%;top:27%;opacity:0;pointer-events:none}.outro>span{font:11px monospace;letter-spacing:.12em}.outro h1{font-size:clamp(45px,7vw,110px);line-height:.93;letter-spacing:-.07em;font-weight:500;margin-top:24px}#next{min-height:75svh;padding:9vw 7vw;background:#edece6;color:#17151b}#next>span,#next a{font:11px monospace;letter-spacing:.08em}#next h2{font-size:clamp(58px,11vw,160px);line-height:.9;letter-spacing:-.07em;font-weight:500;margin:60px 0}.dot{color:red}@media(max-width:600px){header span:last-child{max-width:110px;text-align:right;font-size:8px}.logo-motion{width:80vw}header,footer{left:22px;right:22px}.intro{left:22px;right:22px;bottom:19%}footer{font-size:8px}footer>span:last-child{display:none}.outro{left:7%;top:32%}.outro h1{font-size:15vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sequence{height:100svh}.outro{display:none}.logo-motion,.background{transform:none!important}}
/* Scroll assembly: circles 0–33%, frame 26–48%, type 46–73%, hold 73–100%. */
.sequence{height:420svh}.logo-motion{transform:none;opacity:1}.assembled-logo{display:block;width:100%;height:auto;overflow:visible;visibility:hidden}.assembled-logo.ready{visibility:visible}.outro{display:none}.assembled-logo [data-part]{will-change:transform}.logo-space{pointer-events:none}@media(prefers-reduced-motion:reduce){.sequence{height:100svh}}
/* The image recedes, then dissolves into the red canvas. */
.stage{background:#edece6}.background,.shade{will-change:opacity,transform}#next{min-height:100svh;padding:8vw 5vw 7vw}.section-label{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:.1em}#next h2{max-width:1150px;font-size:clamp(38px,5.8vw,88px);line-height:1.12;letter-spacing:-.05em;margin:8vw 0 7vw;font-weight:500}.reveal-copy span{opacity:.18}.studio-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-top:1px solid #17151b30;padding-top:35px}.studio-symbol{font-size:clamp(80px,14vw,200px);line-height:1}.studio-bottom p{font-size:clamp(17px,1.55vw,23px);line-height:1.55;margin:0 0 30px;max-width:560px}.disciplines{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:45px}.disciplines span{font:9px monospace;letter-spacing:.04em;border:1px solid #17151b40;border-radius:30px;padding:9px 12px}.back-link{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #17151b;max-width:230px}@media(max-width:600px){#next{padding:65px 24px}.section-label{font-size:8px}#next h2{margin:60px 0}.studio-bottom{grid-template-columns:1fr;gap:30px}.studio-symbol{font-size:75px}}
.corner-logo{position:fixed;top:24px;right:3.2vw;width:120px;z-index:10;opacity:0;pointer-events:none;will-change:opacity,transform}.corner-logo img{display:block;width:100%;height:auto}.corner-logo:focus-visible{outline:2px solid #f00;outline-offset:7px}#next{scroll-margin-top:110px;padding-top:120px}@media(max-width:600px){.corner-logo{width:88px;top:18px;right:22px}#next{padding-top:100px}}

body,.stage,#next{background:#ff0000;color:#fff}.corner-logo{left:3.2vw;right:auto}.corner-logo:focus-visible{outline-color:#fff}#next h2{margin-top:0}.studio-bottom{border-top-color:#ffffff55}.disciplines span{border-color:#ffffff80}.back-link{border-color:#fff}.dot{color:#fff}@media(max-width:600px){.corner-logo{left:22px;right:auto}#next h2{margin-top:0}}

/* Keep the assembled mark visible longer; let the next section rise during the dissolve. */
#next{position:relative;z-index:2;padding-top:65px}.corner-logo{z-index:10}@media(max-width:600px){#next{padding-top:48px}}
.stage::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(255,0,0,.12) 25%,rgba(255,0,0,.6) 65%,#f00 100%);opacity:var(--edge-fade,.15);pointer-events:none;z-index:1}.logo-space,.intro{z-index:2}#work{padding:40px 5vw 80px;background:#f00;color:#fff}.work-heading>span,.work-end{font:10px monospace;letter-spacing:.08em}.work-heading h2{font-size:clamp(40px,5.8vw,88px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:28px 0 90px}.project-grid{display:grid;grid-template-columns:1.12fr 1fr;column-gap:8vw;row-gap:90px;align-items:start}.project-card{display:block;width:100%;border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit;min-width:0}.project-card:nth-child(even){margin-top:180px}.project-card:nth-child(3n){width:92%}.project-image{display:block;position:relative;overflow:hidden;background:#c60000;border-radius:3px}.project-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.project-card:nth-child(even) .project-image img{aspect-ratio:4/5}.project-card:hover img{transform:scale(1.035)}.project-open{position:absolute;right:18px;bottom:18px;background:#fff;color:#f00;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:27px}.project-meta{display:flex;justify-content:space-between;gap:20px;font:9px/1.5 monospace;letter-spacing:.06em;margin:20px 0 9px}.project-name{display:block;font-size:clamp(22px,2.5vw,38px);line-height:1.1;letter-spacing:-.035em}.project-card:focus-visible{outline:2px solid white;outline-offset:8px}.work-end{display:flex;justify-content:space-between;margin-top:120px;border-top:1px solid #ffffff55;padding-top:24px}.project-dialog{padding:65px 20px 20px;border:1px solid #ffffff40;background:#151515;color:white;width:min(1200px,94vw);max-height:94svh}.project-dialog::backdrop{background:#150000e8}.project-dialog>img{display:block;max-width:100%;max-height:72svh;margin:auto;object-fit:contain}.project-dialog p{font:12px monospace}.dialog-close{position:absolute;right:20px;top:18px;color:#fff;background:none;border:1px solid #ffffff80;padding:8px 12px;cursor:pointer}@media(max-width:650px){#work{padding:45px 24px}.work-heading h2{margin-bottom:50px}.project-grid{grid-template-columns:1fr;gap:55px}.project-card:nth-child(even){margin-top:0}.project-card:nth-child(3n){width:100%}.project-card:nth-child(even) .project-image img{aspect-ratio:4/3}.work-end{margin-top:65px}}@media(prefers-reduced-motion:reduce){.project-image img{transition:none}}
#work{padding-top:130px;scroll-margin-top:0}@media(max-width:650px){#work{padding-top:110px}}