:root{--paper:#f5ebd8;--gold:#f5ebd8}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{background:#171818;color:#f5ebd8}
.header{height:108px;padding:25px 3%;gap:25px;border-bottom:1px solid #f5ebd80a;background:transparent}
.wordmark{gap:11px}.wordmark>span{font-size:30px;letter-spacing:-1px}
.nav{gap:40px}.nav a{font-size:21px;font-weight:600;text-shadow:1px 1px #d568583c,-1px -1px #5fc6ff40;text-decoration:underline;text-underline-offset:5px}.nav a.active{text-decoration:none}.nav a:after{display:none}
.header-cta{font-size:23px;font-weight:600;border:0;padding:0;text-decoration:underline;text-underline-offset:5px;gap:13px}.header-cta span{font-size:27px}.header-cta:hover{background:none;color:white}
.brand-symbol{width:40px;height:25px;background:repeating-linear-gradient(to bottom,#e4eac2 0 2px,transparent 2px 4px);box-shadow:0 -2px #543da8,1px -1px #ea72b7,1px 2px #3d9ccb;filter:drop-shadow(0 0 4px #d6e3bf66)}
.hero-copy{left:8%;width:59%;max-width:none;top:46%;transform:translateY(calc(-50% - var(--hero-out)*60px))}.hero h1{font-size:clamp(60px,7.65vw,145px);line-height:1.08;font-weight:500;letter-spacing:-1.2px;text-shadow:1px 1px #f2986b99,-1px -1px #76c6ffb0,0 0 12px #f5ebd87a}
.hero-bottom{left:8%;right:auto;top:calc(46% + 18vw);bottom:auto;justify-content:flex-start}.scroll-cue{font-size:clamp(20px,2.6vw,36px);font-weight:500;text-shadow:1px 1px #c85c4e,-1px -1px #74b4de}.scroll-cue>span:last-child{font-size:30px;animation:none}
.screen-frame{border-width:12px;border-radius:5% / 7%;box-shadow:inset 0 0 22px #0008}.crt-glass{opacity:.07}.experience-controls{opacity:0;transition:opacity .2s}.experience-controls:hover,.experience-controls:focus-within{opacity:1}.page-progress{display:none}
.work-sticky{justify-content:flex-start;padding:0;min-height:0;height:100svh}.section-heading{position:absolute;top:18.5%;left:5%;width:90%;margin:0;z-index:3}.section-heading h2{font-size:clamp(44px,6.2vw,94px);line-height:1;font-weight:500;text-shadow:1px 1px #f2986b80,-1px -1px #76c6ff90,0 0 12px #f5ebd85a}.work-subtitle{font:20px STIX,Georgia,serif!important;color:var(--paper)!important;margin-top:13px}.work-subtitle #project-category{text-transform:capitalize}.work-subtitle button{background:none;padding:0;font:inherit}
.carousel{position:absolute;top:31%;left:0;width:100%;height:53%;min-height:0;max-height:none}.carousel-controls{position:absolute;left:7%;right:7%;bottom:8%;margin:0;justify-content:space-between}.carousel-controls button{width:52px;height:52px;background:#050607;border-radius:3px;color:white;font:38px STIX,serif;text-shadow:1px 1px #f67c40,-1px -1px #63c7ff}.carousel-controls .mono{position:absolute;left:50%;transform:translateX(-50%);opacity:0}.concept-note{position:absolute;bottom:9%;margin:0;left:25%;width:50%;font-size:15px;text-shadow:0 0 5px #e2dbc566}
.contact{padding:0;min-height:0;overflow:clip;display:block}.contact-hello{height:128svh;text-align:center;padding-top:100px}.contact-hello h2{font:500 clamp(100px,19vw,300px)/1 STIX,serif;letter-spacing:-5px;text-shadow:1px 1px #ffa57099,-1px -1px #76c6ffb0,0 0 15px #f5ebd85a}.contact-copy{width:100%;text-align:center;padding:0 6% 100px}.contact-copy h3{font:500 clamp(110px,19vw,300px)/1 STIX,serif;letter-spacing:-5px;margin:0 0 90px;text-shadow:1px 1px #ffa57099,-1px -1px #76c6ffb0,0 0 15px #f5ebd85a}.contact-copy>p:not(.eyebrow){font:600 28px/1.1 STIX,serif;max-width:660px;margin:auto;color:var(--paper)}.contact-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:90px auto 0;max-width:1000px;font:600 23px/1.4 STIX,serif}.contact-columns h4{font:600 27px STIX,serif;margin:0 0 14px}.contact-columns a,.contact-columns span{display:block}.contact-columns a{text-decoration:underline;text-underline-offset:4px;margin:5px 0}
.contact footer{background:#050505;padding:75px 6% 25px;text-align:center;margin:0}.contact .footer-logo{display:block;font-size:50px;border:0;opacity:1}.contact .footer-bottom{justify-content:center;gap:45px;padding-bottom:35px;margin-top:25px}
.boot{padding:2.3vh 2.2vw}.boot-inner{background:radial-gradient(ellipse at 48% 46%,#3732a3,#202070 85%);border-radius:5% / 8%;box-shadow:inset 0 0 80px #07072580}.boot-wordmark{position:absolute;top:9%;left:7%;width:86%;justify-content:center;gap:5vw;font-size:clamp(46px,10.9vw,215px);letter-spacing:-.025em}.boot-wordmark .brand-symbol{width:15vw;height:8.5vw;max-width:none;max-height:none}.boot-inner>p:not(.boot-status){position:absolute;top:37%;width:100%;margin:0;font:bold clamp(12px,1.85vw,36px)/1.15 'Courier New',monospace}.boot-progress{position:absolute;top:65%;left:30%;width:40%;height:7%;margin:0;border-width:3px;padding:4px}.boot-progress span{background:repeating-linear-gradient(90deg,#ded9bd 0 3.4%,transparent 3.4% 4.8%)}.boot-inner>.boot-status{position:absolute;top:76%;font-size:10px;margin:0;opacity:0}.boot-inner>small{bottom:5%;width:90%;font:bold clamp(8px,1.75vw,34px) 'Courier New',monospace}.boot-skip{position:absolute;right:4%;bottom:11%;opacity:0}.boot-skip:focus-visible,.boot-skip:hover{opacity:1}
@media(max-width:1000px){.nav{gap:25px}.nav a{font-size:18px}.header-cta{font-size:20px}.wordmark>span{font-size:25px}}
@media(max-width:720px){.header{height:85px;padding:23px 6%;gap:14px}.header-cta{font-size:15px}.header-cta span{font-size:20px}.hero-copy{left:8%;right:7%;width:auto;top:20%;transform:translateY(calc(var(--hero-out)*-50px))}.hero h1{font-size:clamp(40px,9.8vw,68px);letter-spacing:-1px;line-height:1.04}.hero-bottom{top:45%;left:8%;right:7%}.scroll-cue{font-size:18px}.scroll-cue>span:last-child{font-size:20px}.section-heading{top:17%}.section-heading h2{font-size:42px}.work-subtitle{font-size:15px!important}.carousel{top:31%;height:50%}.carousel-controls{bottom:10%;left:7%;right:7%}.carousel-controls button{width:42px;height:42px;font-size:30px}.concept-note{bottom:11%;font-size:12px}.contact-hello{padding-top:110px;height:110svh}.contact-hello h2{font-size:29vw;letter-spacing:-2px}.contact-copy h3{font-size:22vw;letter-spacing:-2px;margin-bottom:70px}.contact-copy>p:not(.eyebrow){font-size:22px}.contact-columns{grid-template-columns:1fr;gap:40px;margin-top:60px;font-size:20px}.contact-columns h4{font-size:24px}.contact .footer-bottom{flex-direction:column;gap:14px}.boot-wordmark{font-size:11vw;top:20%;left:4%;width:92%;gap:3vw}.boot-wordmark .brand-symbol{width:12vw;height:8vw}.boot-inner>p:not(.boot-status){top:41%;font-size:3vw}.boot-progress{top:59%;left:20%;width:60%;height:5%}.boot-inner>small{bottom:10%;font-size:2.5vw}.screen-frame{border-width:7px;border-radius:6% / 3%}}
/* Visual review adjustments: full-width printed page and reference typography. */
@media(min-width:721px){.hero-copy{top:48.5%}.hero h1{font-size:clamp(60px,7.9vw,145px)}.hero-bottom{top:calc(48.5% + 18.5vw)}.header .nav{position:absolute;left:28.3%;gap:40px}.header .header-cta{margin-left:auto}}
@media(min-width:721px) and (max-width:1000px){.header .nav{left:29%;gap:22px}}
.has-portfolio.work-scene .section-heading button{pointer-events:auto}
.section-heading h2{max-width:95%;margin:auto}.section-heading:has(#work-title.long-title) h2{font-size:clamp(30px,4.5vw,70px)}
.about{height:auto;padding-bottom:100svh;background:transparent}.about-sticky{height:auto;min-height:0;padding:0;display:block;top:var(--about-top,0px);background:none;overflow:visible;perspective:none}
.paper{width:100%;max-width:none;padding:0;box-shadow:none;transform:none;background:#f2ebd7;color:#282823;line-height:1.25;clip-path:inset(0 0 calc(var(--paper-out)*100%) 0)}
.about-banner{height:61vw;max-height:75svh;position:relative;overflow:hidden;background:#124f48}.about-banner img{width:100%;height:100%;object-fit:cover;object-position:65% center}.about-banner>span{position:absolute;top:25%;left:6%;font:bold italic clamp(30px,5vw,90px)/1 STIX,serif;color:var(--paper);text-shadow:0 0 10px #0008}.about-banner small{display:block;font:12px 'Courier New',monospace;letter-spacing:.09em;margin-top:18px}
.paper-content{padding:40px 4% 100px}.paper .paper-content h2{font:400 clamp(52px,9vw,150px)/1 STIX,serif;letter-spacing:-2px;text-align:center;margin:0 auto 60px;max-width:1500px;text-shadow:1px 1px #cc673a80,-1px -1px #148eb480}.paper .paper-content p{font:400 23px/1.22 STIX,serif;max-width:none;margin:0 0 22px;color:inherit}.paper-content h3{font:400 clamp(50px,8vw,120px)/1 STIX,serif;letter-spacing:-2px;text-align:center;margin:100px 0 50px}.client-names{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:38px 55px;padding:70px 3%;font:bold italic 30px STIX,serif}.paper-services{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:50px 0;padding:35px 0;border-top:1px solid #28282344}.paper-services>div{display:block}.paper-services strong{font:400 45px STIX,serif}.paper .paper-services p{font-size:22px;margin-top:10px}.paper-footer{margin:60px 0 0;padding-top:35px;border-top:1px solid #28282344}.paper-footer a{font-size:25px}.paper .paper-footer p{font-size:35px;margin:0}.paper-shreds{position:fixed;inset:15% 0 0;transform:none;z-index:0}.paper-scene .header{color:#292923}.paper-scene .header a{color:#292923}.paper-scene .header .brand-symbol{filter:none}.paper-scene .menu-toggle span{background:#292923}
body.reduced-motion .about,body.no-webgl .about{padding-bottom:0}body.reduced-motion .about-sticky,body.no-webgl .about-sticky{position:relative;top:0}.paper:before{opacity:.09}
@media(max-width:720px){.hero-sticky{min-height:100svh}.work-sticky{min-height:100svh}.paper-content{padding:40px 7% 70px}.paper .paper-content h2{font-size:12vw;letter-spacing:-1px;margin-bottom:40px}.paper .paper-content p{font-size:19px;line-height:1.3}.paper-content h3{font-size:12vw;margin:65px 0 35px;letter-spacing:-1px}.about-banner{height:78svh;max-height:650px}.about-banner img{object-position:66% center}.about-banner>span{top:20%;font-size:10vw}.about-banner small{font-size:8px}.client-names{font-size:23px;gap:30px;padding:40px 0}.paper-services{grid-template-columns:1fr;gap:28px}.paper-services strong{font-size:35px}.paper-footer{flex-direction:column;align-items:flex-start;gap:30px}.paper .paper-footer p{font-size:28px}.paper-footer a{font-size:22px}.section-heading:has(#work-title.long-title) h2{font-size:8.5vw}.paper-shreds{inset:15% 0 0}}
/* Match the measured reference breakpoints, rather than scaling type indefinitely. */
@media(min-width:1025px){
 .hero{--hero-size:7.5vw;--hero-line:calc(7.5vw + 10px);--hero-left:calc(40px + 4vw)}
 .hero-copy{top:47.5%;left:var(--hero-left);width:60%;transform:translateY(calc(-50% - var(--hero-out)*60px))}
 .hero h1{font-size:var(--hero-size);line-height:var(--hero-line);letter-spacing:-.4px}
 .hero-bottom{top:calc(47.5% + var(--hero-line) + var(--hero-line) + 35px);left:var(--hero-left)}
 .scroll-cue{font-size:28px;font-weight:400}.header{padding:25px 32px}.header .nav{left:50%;transform:translateX(-50%);gap:40px}
}
@media(min-width:1501px){.hero{--hero-size:6.5vw;--hero-line:calc(6.5vw + 10px);--hero-left:calc(40px + 7vw)}}
@media(min-width:1701px){.hero{--hero-size:6.2vw;--hero-line:calc(6.5vw + 10px)}}
@media(min-width:1701px) and (max-height:1099px){.hero{--hero-size:5.58vw;--hero-line:calc(5.85vw + 10px)}}
@media(min-width:1701px) and (max-height:899px){.hero{--hero-size:4.96vw;--hero-line:calc(5.2vw + 10px);--hero-left:calc(40px + 11vw)}}
.screen-frame{border-width:3px;border-radius:4% / 5%;box-shadow:inset 0 0 12px #0006}
.pointing-hands{display:inline-flex;gap:8px;height:48px;align-items:center}.pointing-hands img{width:48px;height:48px;animation:point-in-sequence 1.8s steps(1,end) infinite;opacity:0}.pointing-hands img:nth-child(2){animation-delay:.45s}.pointing-hands img:nth-child(3){animation-delay:.9s}@keyframes point-in-sequence{0%,75%,100%{opacity:0}25%,74.9%{opacity:1}}
.header .brand-symbol{background:linear-gradient(#6abce0 0 15%,#8872c3 15% 30%,#d36191 30% 45%,#efa550 45% 60%,#cfd569 60% 75%,#56b5bd 75%);mask-image:repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 4px);box-shadow:none}
.paper .paper-content h2{font-size:110px;line-height:110px;max-width:1330px;text-wrap:balance}.paper-content h3{font-size:100px;line-height:1;max-width:1330px;margin-left:auto;margin-right:auto}.paper-content{max-width:1680px;margin:auto}.paper-intro{column-count:3;column-gap:35px}.paper .paper-content p{font-size:22px;line-height:1.25}
@media(min-width:1025px){.hero-copy{left:calc(var(--hero-left) + 10px);width:58vw;top:47%}.hero h1{font-size:calc(var(--hero-size) * 1.035)}.hero-bottom{left:calc(var(--hero-left) + 10px);top:calc(47% + var(--hero-line) + var(--hero-line) + 25px)}}
@media(min-width:1501px){.hero-copy{width:46vw}}
@media(min-width:1501px) and (max-height:899px){.hero-copy{width:38vw}}
@media(max-width:1400px){.paper-intro{column-count:2}.paper .paper-content h2{font-size:96px;line-height:1;max-width:1080px}.paper-content h3{font-size:80px}}
@media(max-width:1100px){.paper-intro{column-count:1}}
@media(max-width:1024px){.hero-copy{width:calc(100% - 48px);left:24px;top:15%;transform:translateY(calc(var(--hero-out)*-50px));text-align:center}.hero h1{font-size:72px;line-height:76px;letter-spacing:0}.hero-bottom{top:48%;left:24px;width:calc(100% - 48px);justify-content:center}.scroll-cue{font-size:24px;flex-direction:column;gap:6px}.pointing-hands{transform:rotate(90deg);height:36px}.pointing-hands img{width:36px;height:36px}.paper .paper-content h2{font-size:64px}.paper-content h3{font-size:64px}}
@media(max-width:768px){.hero h1{font-size:64px;line-height:68px}.hero-copy{top:14%}}
@media(max-width:640px){.hero h1{font-size:46px;line-height:50px}.hero-copy{top:14%}.hero-bottom{top:44%}.scroll-cue{font-size:22px}.paper .paper-content h2{font-size:48px}.paper-content h3{font-size:48px}.paper .paper-content p{font-size:19px}.pointing-hands img{width:30px;height:30px}}
body.reduced-motion .pointing-hands img{animation:none;opacity:1}