:root{--paper:#f3f2ef;--ink:#101010;--orange:#ef5a36;--blue:#2f50dc;--acid:#d7ff4f;--line:rgba(16,16,16,.2);--pad:clamp(1.4rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:84px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto;z-index:90;color:#fff;mix-blend-mode:difference;font:400 .62rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.05em}.menu-open .site-header{mix-blend-mode:normal;color:#000}.header-name{font:500 1rem "DM Sans",sans-serif;justify-self:center}.site-header nav{justify-self:end;display:flex;gap:2rem}.site-header nav a{position:relative;padding:.3rem 0}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .25s}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}.menu-button{display:none}
.chapter{min-height:100svh;padding:clamp(7rem,10vw,9rem) var(--pad) clamp(3.5rem,6vw,5rem);position:relative;border-bottom:1px solid var(--line)}.chapter-meta{display:flex;justify-content:space-between;font:400 .6rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.page-number{position:absolute;right:var(--pad);bottom:2rem;font:400 .6rem "DM Mono",monospace}.display-title{font:500 clamp(4rem,8vw,8.2rem)/.84 "Bodoni Moda",serif;letter-spacing:-.055em;margin:clamp(4rem,7vw,7rem) 0}.display-title em{font-weight:400;color:var(--orange)}.dark{background:var(--ink);color:var(--paper);border-color:rgba(255,255,255,.18)}
.cover{display:flex;flex-direction:column;justify-content:space-between;padding-top:7rem;overflow:hidden}.cover-edition{display:flex;justify-content:space-between;font:400 .58rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.cover-main{text-align:center;position:relative;z-index:2}.cover-main>p{font:400 .62rem/1.55 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2.2rem}.cover h1{font:500 clamp(5rem,11vw,11rem)/.73 "Bodoni Moda",serif;letter-spacing:-.075em;margin:0}.cover h1 em{font-weight:400}.cover h2{font:600 clamp(1.1rem,2vw,1.8rem) "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.32em;margin:2.5rem 0 0}.cover-footer{display:flex;align-items:center;justify-content:center;gap:1.4rem;font:400 .56rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;position:relative;z-index:2}.cover-footer i{width:4px;height:4px;background:var(--orange);border-radius:50%}.cover-footer a{position:absolute;right:0;width:48px;height:48px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:1rem;transition:background .25s,color .25s}.cover-footer a:hover{background:var(--ink);color:var(--paper)}.orbit-mark{position:absolute;width:min(46vw,630px);aspect-ratio:1;border:1px solid rgba(16,16,16,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-47%)}.orbit-mark:before,.orbit-mark:after{content:"";position:absolute;border:1px solid rgba(16,16,16,.1);border-radius:50%;inset:11%}.orbit-mark:after{inset:22%}.orbit-mark span{position:absolute;right:1%;top:26%;width:62px;height:62px;background:var(--orange);color:white;border-radius:50%;display:grid;place-items:center;font:500 .7rem "DM Mono",monospace;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px)}}
.contents{display:flex;flex-direction:column}.contents .display-title{text-align:center}.contents-list{max-width:1080px;width:100%;margin:auto}.contents-list a{display:grid;grid-template-columns:55px 1fr 1fr 30px;align-items:center;gap:1rem;padding:1.25rem 1rem;border-top:1px solid var(--line);transition:background .25s,padding .25s}.contents-list a:last-child{border-bottom:1px solid var(--line)}.contents-list a:hover{background:var(--orange);padding-left:1.5rem;padding-right:1.5rem}.contents-list span{font:400 .58rem "DM Mono",monospace}.contents-list strong{font:400 clamp(1.6rem,2.6vw,2.6rem) "Bodoni Moda",serif}.contents-list small{font-size:.72rem;color:#65625c}.contents-list a:hover small{color:inherit}.contents-list i{font-style:normal;font-size:1.2rem;justify-self:end}
.about-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(4rem,10vw,11rem);align-items:center;min-height:calc(100svh - 13rem)}.about-copy{max-width:760px}.about-copy .display-title{margin-top:2rem}.about-copy .lead{font:500 clamp(1.45rem,2.2vw,2.1rem)/1.32 "Bodoni Moda",serif;max-width:660px}.about-copy>p:not(.lead){max-width:610px;line-height:1.75;color:#53514c}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:3rem;padding-top:1.2rem;gap:1rem}.about-facts span{display:block;font:400 .54rem "DM Mono",monospace;text-transform:uppercase;color:#77736c;margin-bottom:.5rem}.about-facts strong{font-size:.78rem}.identity-card{background:var(--blue);color:white;aspect-ratio:.73;position:relative;overflow:hidden;padding:1.5rem;transform:rotate(1.5deg)}.identity-top{display:flex;justify-content:space-between;font:500 clamp(5rem,10vw,10rem)/.8 "Bodoni Moda",serif;letter-spacing:-.08em}.identity-ring{position:absolute;width:68%;aspect-ratio:1;border:1px solid white;border-radius:50%;left:16%;top:27%;display:grid;place-items:center;text-align:center}.identity-ring:before,.identity-ring:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.48);border-radius:50%}.identity-ring:after{inset:24%}.identity-ring span{font:400 .58rem/1.5 "DM Mono",monospace;text-transform:uppercase;z-index:1}.identity-card>p{position:absolute;bottom:1.5rem;left:1.5rem;margin:0;font:400 .52rem/1.5 "DM Mono",monospace;letter-spacing:.05em}
.direction{display:flex;flex-direction:column;justify-content:space-between}.direction-statement{max-width:1220px;margin:9vh auto}.direction-statement h2{font:400 clamp(3.7rem,7.5vw,8rem)/.98 "Bodoni Moda",serif;letter-spacing:-.052em;margin:0}.direction-statement h2 em{color:var(--acid);font-weight:400}.direction-statement>p{margin:3rem 0 0 auto;max-width:460px;line-height:1.65;color:#aaa79f}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25)}.direction-grid>div{padding:1.4rem 2rem 0 0;border-right:1px solid rgba(255,255,255,.25);min-height:150px}.direction-grid>div+div{padding-left:2rem}.direction-grid>div:last-child{border-right:0}.direction-grid span{font:400 .55rem "DM Mono",monospace;color:var(--acid)}.direction-grid h3{font:400 1.4rem "Bodoni Moda",serif;margin:.8rem 0}.direction-grid p{font-size:.75rem;line-height:1.55;color:#aaa79f;max-width:300px}
.approach{display:flex;flex-direction:column}.approach .display-title{margin-bottom:3rem}.process{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid}.process li{display:grid;grid-template-columns:70px 1fr 90px;align-items:center;border-bottom:1px solid;padding:1.15rem 0;overflow:hidden}.process li>span{font:400 .56rem "DM Mono",monospace}.process li>div{display:grid;grid-template-columns:minmax(180px,.5fr) 1fr;gap:2rem;align-items:center}.process h3{font:400 clamp(1.8rem,3.1vw,3rem) "Bodoni Moda",serif;margin:0}.process p{font-size:.78rem;line-height:1.55;max-width:500px;color:#68655f}.process b{font:400 clamp(3rem,5vw,5rem)/.7 "Bodoni Moda",serif;color:var(--orange);justify-self:end;opacity:.85}
.work-intro{display:flex;flex-direction:column;justify-content:center}.work-intro .chapter-meta{position:absolute;left:var(--pad);right:var(--pad);top:clamp(7rem,10vw,9rem)}.work-intro .display-title{text-align:center;margin:0}.work-deck{text-align:center;max-width:580px;margin:3rem auto 0;line-height:1.6;color:#64615b}.project{padding-top:clamp(7rem,10vw,9rem)}.project-heading{display:grid;grid-template-columns:.55fr 1.35fr .75fr;gap:3rem;align-items:start}.project-heading>span{font:400 .57rem "DM Mono",monospace;text-transform:uppercase}.project-heading h3{font:500 clamp(3.6rem,6.7vw,7rem)/.84 "Bodoni Moda",serif;letter-spacing:-.055em;margin:0}.project-heading h3 em{font-weight:400;color:var(--orange)}.project-heading>p{font-size:.82rem;line-height:1.65;color:#5b5852;margin:0}.project-stage{height:min(55vw,640px);min-height:500px;margin:clamp(3rem,6vw,6rem) 0;background:#cac6bc;position:relative;overflow:hidden}.quiet-line{position:absolute;background:var(--ink);color:white;font:600 clamp(1.8rem,3.7vw,4.2rem)/.85 "DM Sans",sans-serif;letter-spacing:-.055em;padding:.35em .5em;white-space:nowrap}.line-one{left:-1%;top:17%;transform:rotate(-4deg)}.line-two{right:-2%;bottom:17%;transform:rotate(3deg);background:var(--orange)}.quiet-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);height:76%;aspect-ratio:.52;border:7px solid white;border-radius:32px;background:var(--ink);color:white;z-index:2;padding:1.4rem;box-shadow:20px 20px 0 rgba(16,16,16,.18);display:flex;flex-direction:column}.quiet-phone small{font:400 .5rem "DM Mono",monospace;text-align:center}.quiet-phone strong{font:500 clamp(3rem,6vw,6rem)/.75 "Bodoni Moda",serif;margin:auto 0}.quiet-phone p{font:400 .55rem "DM Mono",monospace}.quiet-stamp{position:absolute;right:18%;top:12%;width:100px;height:100px;border-radius:50%;background:var(--acid);display:grid;place-items:center;text-align:center;font:500 1rem/1 "DM Sans",sans-serif;transform:rotate(9deg);z-index:4}.project-notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid;margin-bottom:2rem}.project-notes>div{padding:1.5rem 2rem 1.5rem 0;border-right:1px solid var(--line)}.project-notes>div+div{padding-left:2rem}.project-notes>div:last-child{border-right:0}.project-notes span{font:400 .55rem "DM Mono",monospace;text-transform:uppercase;color:var(--orange)}.project-notes p{font-size:.78rem;line-height:1.55;max-width:330px}
.coffee-stage{background:var(--blue);display:flex;justify-content:center;align-items:center;gap:clamp(.8rem,2vw,2rem);padding:5%}.coffee-post{width:28%;aspect-ratio:.8;padding:2.5%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 40px rgba(0,0,0,.2)}.coffee-post small,.coffee-post span{font:400 .5rem "DM Mono",monospace}.coffee-post strong{font:600 clamp(1.8rem,3.3vw,3.8rem)/.82 "DM Sans",sans-serif;letter-spacing:-.06em}.post-a{background:var(--acid);transform:rotate(-4deg)}.post-b{background:var(--orange);color:white;transform:rotate(4deg)}.coffee-receipt{width:28%;background:#f7f2e8;padding:2.5%;font:400 .55rem/1.7 "DM Mono",monospace;transform:translateY(-1rem);box-shadow:0 20px 40px rgba(0,0,0,.2)}.coffee-receipt>b{display:block;border-bottom:1px dashed;padding-bottom:1rem;margin-bottom:1rem}.coffee-receipt p{border-top:1px dashed;border-bottom:1px dashed;padding:2rem 0}.coffee-receipt>strong{font-size:.5rem}.project-research{background:#dfdcd4}.research-board{margin:clamp(3rem,6vw,6rem) 0;background:var(--ink);color:white;padding:clamp(2rem,5vw,5rem)}.research-head{display:flex;justify-content:space-between;border-bottom:1px solid #656560;padding-bottom:1rem;font:400 .57rem "DM Mono",monospace}.research-row{display:grid;grid-template-columns:150px 1fr 30px;gap:1.5rem;align-items:center;margin:1.6rem 0;font:400 .58rem "DM Mono",monospace;text-transform:uppercase}.research-row i{width:var(--w);height:clamp(30px,4.5vw,55px);background:var(--acid)}.research-row b{font-weight:400}.research-board>small{font:400 .5rem "DM Mono",monospace;color:#9f9d96}
.experience .display-title{font-size:clamp(3.7rem,7vw,7.5rem)}.experience-list{border-top:1px solid}.experience-list>div{display:grid;grid-template-columns:120px 1fr .8fr 1.6fr;gap:2rem;align-items:start;padding:1.4rem 0;border-bottom:1px solid}.experience-list span,.education-note>span{font:400 .55rem "DM Mono",monospace;text-transform:uppercase}.experience-list strong{font:400 1.6rem "Bodoni Moda",serif}.experience-list p{margin:.3rem 0;font-size:.76rem}.experience-list small{font-size:.72rem;line-height:1.55;color:#65615b}.education-note{display:grid;grid-template-columns:120px 1fr 1fr;gap:2rem;padding:2.5rem 0}.education-note p{font-size:.75rem;line-height:1.55;margin:0}.education-note strong{font-size:.85rem}
.contact{display:flex;flex-direction:column}.contact-main{display:flex;align-items:start;justify-content:space-between;margin:auto 0}.contact-main>p{font:400 .62rem/1.5 "DM Mono",monospace;text-transform:uppercase}.contact h2{font:500 clamp(6rem,13vw,13rem)/.7 "Bodoni Moda",serif;letter-spacing:-.075em;margin:0;text-align:right}.contact h2 em{font-weight:400;color:var(--acid)}.contact-links{border-top:1px solid rgba(255,255,255,.3)}.contact-links a{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);padding:1.2rem 0;transition:color .2s,padding .2s}.contact-links a:hover{color:var(--acid);padding-left:.7rem}.contact-links span{font:400 .53rem "DM Mono",monospace;text-transform:uppercase}.contact-links strong{font:400 clamp(1rem,2vw,1.7rem) "Bodoni Moda",serif}.contact-links i{font-style:normal}.contact footer{display:flex;justify-content:space-between;margin-top:3rem;font:400 .53rem "DM Mono",monospace;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.header-name{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:.7rem;color:inherit;z-index:2}.menu-button span:not(.sr-only){display:block;width:25px;height:1px;background:currentColor;transition:transform .25s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:fixed;inset:0;background:#fff;color:#000;mix-blend-mode:normal;flex-direction:column;align-items:center;justify-content:center;font:400 2.5rem "Bodoni Moda",serif;text-transform:none}.site-header nav.open{display:flex}.about-layout{grid-template-columns:1fr}.identity-card{width:min(65%,500px);margin:0 auto}.direction-grid{grid-template-columns:1fr}.direction-grid>div,.direction-grid>div+div{border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:1.3rem 0;min-height:0}.project-heading{grid-template-columns:1fr 2fr}.project-heading>p{grid-column:2}.project-notes{grid-template-columns:1fr}.project-notes>div,.project-notes>div+div{border-right:0;border-bottom:1px solid var(--line);padding:1.2rem 0}.experience-list>div{grid-template-columns:100px 1fr 1fr}.experience-list small{grid-column:2/-1}.contact-main{display:block}.contact h2{margin-top:5rem}}
@media(max-width:600px){.site-header{height:70px}.header-discipline{font-size:.52rem}.chapter{padding-top:6rem}.cover{padding-top:6rem}.cover-edition span:last-child{display:none}.cover h1{font-size:4.6rem}.cover h2{font-size:.88rem;letter-spacing:.22em}.cover-footer{justify-content:start;gap:.65rem;max-width:72%;flex-wrap:wrap}.cover-footer a{right:0;bottom:0}.orbit-mark{width:88vw}.contents .display-title{text-align:left}.contents-list a{grid-template-columns:35px 1fr 25px}.contents-list small{display:none}.about-facts{grid-template-columns:1fr;gap:1rem}.identity-card{width:88%}.direction-statement{margin:10vh 0}.direction-statement h2{font-size:3.3rem}.direction-statement>p{margin-top:2rem}.process li{grid-template-columns:38px 1fr 38px}.process li>div{display:block}.process p{margin:.4rem 0}.project-heading{display:block}.project-heading>span{display:block;margin-bottom:2rem}.project-heading>p{margin-top:1.5rem}.project-stage{min-height:480px}.quiet-phone{height:68%;padding:1rem;border-width:5px;border-radius:24px}.quiet-line{font-size:1.7rem}.line-one{top:12%}.line-two{bottom:12%}.quiet-stamp{width:76px;height:76px;right:4%;top:20%;font-size:.75rem}.coffee-stage{height:500px;min-height:0;padding:4%;gap:.35rem}.coffee-post,.coffee-receipt{width:32%;padding:3%}.coffee-post strong{font-size:1.4rem}.coffee-receipt{font-size:.42rem}.coffee-receipt p{padding:1rem 0}.research-row{grid-template-columns:80px 1fr 20px;gap:.6rem}.experience-list>div{grid-template-columns:1fr}.experience-list small{grid-column:auto}.education-note{grid-template-columns:1fr}.contact-main>p{margin-bottom:5rem}.contact h2{font-size:6rem}.contact-links a{grid-template-columns:70px 1fr 20px}.page-number{bottom:1.3rem}.chapter-meta{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Entertainment + technology campaign systems */
.project-metrics{display:grid;grid-template-columns:140px 1fr 140px 1fr;gap:1.5rem;border-bottom:1px solid;padding:1.25rem 0;margin-bottom:2rem;align-items:start}.project-metrics span{font:400 .52rem "DM Mono",monospace;text-transform:uppercase;color:var(--orange)}.project-metrics p{font-size:.7rem;line-height:1.5;margin:0;color:#5f5b55}.rerun-stage{background:#771225;color:white}.rerun-poster{position:absolute;padding:2%;display:flex;flex-direction:column;box-shadow:0 22px 45px rgba(0,0,0,.28)}.rerun-poster small,.rerun-poster span{font:400 .5rem "DM Mono",monospace}.rerun-poster strong{font:600 clamp(1.6rem,3vw,3.5rem)/.84 "DM Sans",sans-serif;letter-spacing:-.06em;margin:auto 0}.poster-left{width:31%;height:60%;left:4%;top:11%;background:#f0e8d9;color:var(--ink);transform:rotate(-4deg)}.poster-right{width:31%;height:57%;right:4%;bottom:8%;background:var(--blue);transform:rotate(4deg)}.rerun-phone{position:absolute;z-index:4;width:27%;height:82%;left:50%;top:50%;transform:translate(-50%,-50%);background:#121212;border:6px solid #e9e6df;border-radius:31px;padding:1.5%;box-shadow:18px 20px 0 rgba(0,0,0,.25);overflow:hidden}.rerun-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4c4c49;padding-bottom:.8rem}.rerun-nav b{font:600 1rem "DM Sans",sans-serif;color:#ff6052}.rerun-nav span,.rerun-phone>p{font:400 .4rem "DM Mono",monospace}.rerun-phone>p{color:#a6a39c;margin:1.3rem 0 .7rem}.film-card{padding:.9rem 0;border-top:1px solid #3e3e3b;display:flex;flex-direction:column}.film-card i{font:400 .38rem "DM Mono",monospace;color:#ff6052;font-style:normal}.film-card strong{font:500 clamp(.75rem,1.5vw,1.35rem) "Bodoni Moda",serif;margin:.25rem 0}.film-card span{font:400 .38rem "DM Mono",monospace;color:#92908a}.rerun-cta{position:absolute;bottom:4%;left:6%;right:6%;border-radius:2rem;background:#ff6052;color:white;padding:.7rem;text-align:center;font:500 .4rem "DM Mono",monospace}.ticket-stub{position:absolute;z-index:6;left:20%;bottom:5%;background:var(--acid);color:var(--ink);padding:1rem 1.5rem;width:190px;transform:rotate(8deg);border-left:8px dotted #771225}.ticket-stub span,.ticket-stub small{display:block;font:400 .44rem "DM Mono",monospace}.ticket-stub b{display:block;font:600 .95rem/1 "DM Sans",sans-serif;margin:.6rem 0}
.project-product-link{padding:0 0 1rem;display:flex;flex-wrap:wrap;gap:1.5rem}.project-product-link a{display:inline-flex;align-items:center;gap:1rem;color:var(--orange);font:500 .58rem "DM Mono",monospace;text-transform:uppercase;border-bottom:1px solid var(--orange);padding-bottom:.35rem}.project-product-link a span{font-size:.8rem;transition:transform .2s}.project-product-link a:hover span{transform:translate(3px,-3px)}
.frequency-stage{background:#08090d;color:white}.frequency-title{position:absolute;left:6%;top:9%;z-index:3}.frequency-title small{font:400 .52rem "DM Mono",monospace;color:#55b2ff}.frequency-title strong{display:block;font:500 clamp(3.2rem,7vw,8rem)/.72 "Bodoni Moda",serif;letter-spacing:-.065em;margin:1rem 0}.frequency-title p{font:500 .72rem/1.35 "DM Mono",monospace;letter-spacing:.14em}.waveform{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1.3%;opacity:.42}.waveform i{display:block;width:2px;height:12%;background:#55b2ff;box-shadow:0 0 15px #2d9be8}.waveform i:nth-child(2n){height:38%}.waveform i:nth-child(3n){height:61%}.waveform i:nth-child(5n){height:79%}.evidence-card{position:absolute;right:7%;top:9%;width:28%;height:62%;background:#dedbd2;color:var(--ink);padding:2.3%;transform:rotate(3deg);z-index:4;display:flex;flex-direction:column}.evidence-card span,.evidence-card small{font:400 .48rem "DM Mono",monospace}.evidence-card p{font:400 .5rem/1.5 "DM Mono",monospace;border-top:1px solid;border-bottom:1px solid;padding:1rem 0}.evidence-card strong{font:600 clamp(1.3rem,2.8vw,3.2rem)/.87 "DM Sans",sans-serif;letter-spacing:-.05em;margin:auto 0}.frequency-social{position:absolute;right:24%;bottom:6%;z-index:5;width:22%;aspect-ratio:1;background:#2366cc;padding:2%;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between}.frequency-social span,.frequency-social p{font:400 .45rem "DM Mono",monospace}.frequency-social b{font:400 clamp(2.5rem,5vw,5rem) "Bodoni Moda",serif}.quiet-notification{position:absolute;z-index:4;right:5%;bottom:7%;background:#f3f2ef;width:24%;padding:1.5rem;transform:rotate(-3deg);box-shadow:0 18px 40px rgba(0,0,0,.16)}.quiet-notification span{font:400 .46rem "DM Mono",monospace;color:var(--orange)}.quiet-notification strong{display:block;font:500 clamp(1rem,2vw,2rem)/1.05 "Bodoni Moda",serif;margin:1rem 0}.quiet-notification p{font:400 .48rem "DM Mono",monospace;margin:0}
@media(max-width:900px){.project-metrics{grid-template-columns:110px 1fr}.rerun-phone{width:34%}.poster-left,.poster-right{width:37%}.ticket-stub{left:5%}.evidence-card{width:36%}.frequency-social{width:28%;right:30%}}
@media(max-width:600px){.project-metrics{grid-template-columns:1fr;gap:.4rem}.project-metrics span:not(:first-child){margin-top:1rem}.rerun-stage{height:560px}.rerun-phone{width:55%;height:72%;padding:3%;border-width:5px;border-radius:24px}.poster-left{width:48%;height:42%;left:-7%;top:4%;padding:4%}.poster-right{width:47%;height:38%;right:-5%;bottom:4%;padding:4%}.rerun-poster strong{font-size:1.3rem}.ticket-stub{width:145px;left:2%;bottom:18%;padding:.8rem 1rem}.frequency-stage{height:540px}.frequency-title{left:5%;top:7%}.frequency-title strong{font-size:3.25rem}.frequency-title p{font-size:.5rem}.evidence-card{width:58%;height:53%;right:4%;top:25%;padding:4%}.evidence-card strong{font-size:1.45rem}.frequency-social{width:39%;right:auto;left:5%;bottom:5%;padding:4%}.quiet-notification{width:43%;right:3%;bottom:4%;padding:1rem}.quiet-notification strong{font-size:1.1rem}}

/* Multi-page portfolio system */
.page-shell{background:var(--paper);min-height:100vh}.page-shell .site-header{position:fixed}.page-hero{min-height:68svh;padding:clamp(8rem,13vw,12rem) var(--pad) 5rem;background:var(--ink);color:var(--paper);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.page-hero:after{content:"AH";position:absolute;right:-.03em;bottom:-.12em;color:rgba(255,255,255,.05);font:500 clamp(12rem,35vw,35rem)/.7 "Bodoni Moda",serif;letter-spacing:-.1em;pointer-events:none}.page-hero>*{position:relative;z-index:1}.page-hero .chapter-meta{color:#c9c6be}.page-hero .display-title{font-size:clamp(4.6rem,10vw,11rem);max-width:1100px;margin:3rem 0 2rem}.page-hero .display-title em{color:var(--acid)}.page-hero .page-deck{max-width:620px;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.5;color:#bbb8b0}.page-content{padding:clamp(4rem,8vw,8rem) var(--pad);border-bottom:1px solid var(--line)}.page-content.narrow{max-width:1080px;margin:0 auto}.section-kicker{font:400 .58rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}.page-content h2{font:500 clamp(2.8rem,6vw,6.5rem)/.88 "Bodoni Moda",serif;letter-spacing:-.055em;margin:1rem 0 2rem}.page-content h2 em{color:var(--orange);font-weight:400}.page-content h3{font:400 clamp(1.7rem,3vw,2.8rem)/1 "Bodoni Moda",serif;margin:0 0 1rem}.page-content p{max-width:720px;font-size:.9rem;line-height:1.75;color:#5e5a53}.page-content .lead{font:500 clamp(1.25rem,2vw,1.8rem)/1.4 "Bodoni Moda",serif;color:var(--ink);max-width:760px}.page-two-col{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(2rem,7vw,8rem)}.page-two-col+.page-two-col{margin-top:5rem}.page-rule{border-top:1px solid var(--line);padding-top:1rem}.page-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.3rem 0;margin-top:2.5rem}.page-facts span{display:block;font:400 .52rem "DM Mono",monospace;text-transform:uppercase;color:#77736c;margin-bottom:.55rem}.page-facts strong{font-size:.8rem}.page-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.page-list li{display:grid;grid-template-columns:55px 1fr;gap:1.1rem;border-bottom:1px solid var(--line);padding:1.3rem 0}.page-list li>span{font:400 .55rem "DM Mono",monospace;color:var(--orange)}.page-list li p{margin:0}.page-list li strong{display:block;font:400 1.5rem "Bodoni Moda",serif;margin-bottom:.3rem}.case-nav{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem var(--pad);border-bottom:1px solid var(--line);font:400 .58rem "DM Mono",monospace;text-transform:uppercase}.case-nav a:hover{color:var(--orange)}.case-hero{padding:clamp(7rem,12vw,11rem) var(--pad) 5rem;background:var(--paper)}.case-hero.dark{background:var(--ink);color:var(--paper)}.case-hero .chapter-meta{margin-bottom:4rem}.case-hero h1{font:500 clamp(4rem,9vw,10rem)/.8 "Bodoni Moda",serif;letter-spacing:-.075em;max-width:1050px;margin:0 0 2rem}.case-hero h1 em{font-weight:400;color:var(--orange)}.case-hero.dark h1 em{color:var(--acid)}.case-hero .case-deck{max-width:650px;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.45;color:#5e5a53}.case-hero.dark .case-deck{color:#c6c2b8}.case-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem;font:400 .58rem "DM Mono",monospace;text-transform:uppercase}.case-meta span{display:flex;flex-direction:column;gap:.45rem}.case-meta b{font-weight:400;color:var(--orange)}.case-hero.dark .case-meta b{color:var(--acid)}.case-body{padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--paper)}.case-body.dark{background:var(--ink);color:var(--paper)}.case-layout{max-width:1120px;margin:0 auto}.case-section{display:grid;grid-template-columns:.45fr 1.55fr;gap:5vw;border-top:1px solid var(--line);padding:3.5rem 0}.case-body.dark .case-section{border-color:rgba(255,255,255,.22)}.case-section>h2{font:400 .6rem "DM Mono",monospace;text-transform:uppercase;color:var(--orange);letter-spacing:.08em;margin:0}.case-body.dark .case-section>h2{color:var(--acid)}.case-section-copy{max-width:760px}.case-section-copy h3{font:400 clamp(2rem,4vw,4rem)/.9 "Bodoni Moda",serif;letter-spacing:-.05em;margin:0 0 1.2rem}.case-section-copy p{font-size:.95rem;line-height:1.75;color:#5e5a53;margin:0 0 1rem}.case-body.dark .case-section-copy p{color:#c6c2b8}.case-section-copy p.lead{font:500 clamp(1.3rem,2.1vw,2rem)/1.35 "Bodoni Moda",serif;color:var(--ink)}.case-body.dark .case-section-copy p.lead{color:var(--paper)}.case-quote{margin:2rem 0;padding:1.4rem 1.5rem;border-left:4px solid var(--orange);background:var(--light, #e8e3d8);font:500 clamp(1.3rem,2.2vw,2rem)/1.25 "Bodoni Moda",serif}.case-body.dark .case-quote{background:#161a23;border-color:var(--acid)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.case-card{padding:1.3rem;border:1px solid var(--line);background:#ebe6dc}.case-body.dark .case-card{background:#161a23;border-color:rgba(255,255,255,.2)}.case-card span{display:block;font:400 .55rem "DM Mono",monospace;text-transform:uppercase;color:var(--orange);margin-bottom:.7rem}.case-body.dark .case-card span{color:var(--acid)}.case-card strong{display:block;font:400 1.45rem "Bodoni Moda",serif;margin-bottom:.55rem}.case-card p{font-size:.78rem;line-height:1.55;margin:0}.case-visual{margin:2rem 0;padding:clamp(2rem,5vw,5rem);background:var(--blue);color:white;min-height:330px;position:relative;overflow:hidden}.case-visual:after{content:"CASE STUDY";position:absolute;right:-.04em;bottom:-.12em;color:rgba(255,255,255,.09);font:500 clamp(5rem,15vw,14rem)/.75 "Bodoni Moda",serif;letter-spacing:-.08em}.case-visual h3,.case-visual p,.case-visual .case-visual-tag{position:relative;z-index:1}.case-visual h3{font:500 clamp(2.7rem,6vw,6rem)/.82 "Bodoni Moda",serif;max-width:650px;margin:0}.case-visual h3 em{color:var(--acid);font-weight:400}.case-visual p{max-width:440px;color:#e5e2da;margin-top:1.5rem}.case-visual-tag{font:400 .58rem "DM Mono",monospace;text-transform:uppercase;color:var(--acid)}.case-link-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.case-link{display:inline-flex;gap:.8rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.4rem;font:500 .6rem "DM Mono",monospace;text-transform:uppercase}.case-link:hover{color:var(--orange)}.case-body.dark .case-link:hover{color:var(--acid)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.work-card-link{display:flex;flex-direction:column;min-height:390px;padding:1.5rem;background:var(--ink);color:var(--paper);position:relative;overflow:hidden;transition:transform .25s}.work-card-link:hover{transform:translateY(-7px)}.work-card-link:nth-child(2){background:var(--coral);color:var(--ink)}.work-card-link:nth-child(3){background:var(--blue)}.work-card-link .work-card-number{font:400 .58rem "DM Mono",monospace;color:var(--acid)}.work-card-link:nth-child(2) .work-card-number{color:var(--ink)}.work-card-link h2{font:500 clamp(2.4rem,5vw,5rem)/.85 "Bodoni Moda",serif;letter-spacing:-.06em;margin:auto 0 1.2rem}.work-card-link h2 em{font-weight:400;color:var(--acid)}.work-card-link:nth-child(2) h2 em{color:var(--ink)}.work-card-link p{font-size:.78rem;line-height:1.55;color:inherit;max-width:380px;margin:0}.work-card-link .card-cta{margin-top:2rem;font:400 .56rem "DM Mono",monospace;text-transform:uppercase}.work-card-link .card-cta span{font-size:1rem}.contact-page{min-height:70svh}.contact-page .contact-main{margin:5rem 0 7rem}.contact-page .contact-links{max-width:900px}
@media(max-width:900px){.page-two-col,.case-section{grid-template-columns:1fr;gap:1.5rem}.work-grid,.case-grid{grid-template-columns:1fr}.case-section{padding:2.8rem 0}.page-facts{grid-template-columns:1fr}.case-hero h1{font-size:clamp(4rem,12vw,8rem)}}
@media(max-width:600px){.page-hero .display-title{font-size:4.6rem}.page-hero{min-height:64svh}.page-facts{gap:1.1rem}.case-nav{font-size:.5rem}.case-hero h1{font-size:4.8rem}.case-meta{gap:1rem}.case-visual{min-height:300px}.work-card-link{min-height:300px}}
.work-card-link:nth-child(2){background:var(--orange)}
.page-content.dark p{color:#c6c2b8}.page-content.dark .lead{color:var(--paper)}.page-content.dark .section-kicker{color:var(--acid)}.page-content.dark .case-link:hover{color:var(--acid)}
.page-list>div{border-bottom:1px solid var(--line);padding:1.3rem 0}.page-list>div strong{display:block;font:400 1.5rem "Bodoni Moda",serif;margin-bottom:.3rem}.page-list>div p{margin:0}
.page-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem var(--pad);font:400 .53rem "DM Mono",monospace;text-transform:uppercase;border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}.page-footer-dark{background:var(--ink);color:var(--paper);border-color:rgba(255,255,255,.18)}.page-footer a:hover{color:var(--orange)}.page-footer-dark a:hover{color:var(--acid)}
@media(max-width:600px){.page-footer{font-size:.48rem;flex-direction:column;gap:.7rem}}