:root{--bg:#222;--ink:#ede9d9;--muted:#b6b5ac;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700}.brand span{font-size:12px;margin-left:16px;letter-spacing:2px}.nav nav{display:flex;gap:32px;font-size:14px}.hero{padding:80px 8vw 45px;min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:13px;letter-spacing:2px}.hero h1{font-size:clamp(42px,7vw,106px);line-height:1.25;letter-spacing:-.05em;font-weight:600;margin:36px 0}.hero h1 span{margin-left:9vw;color:#c0c4b1}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.hero-bottom p{color:var(--muted)}.pill{border:1px solid var(--ink);border-radius:100px;padding:16px 28px;display:inline-flex;gap:50px;align-items:center}.pill:hover{background:var(--ink);color:var(--bg)}.replay{color:var(--ink);background:none;border:0;align-self:flex-start;margin-top:28px;padding:0;font-size:14px}.section{max-width:1320px;width:85%;margin:70px auto 120px}.section-label{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding:25px 0 32px}.project-card{border-radius:28px;overflow:hidden;display:grid;grid-template-columns:44% 56%;min-height:650px}.blue{background:#243c5e}.card-info{padding:52px 42px;display:flex;flex-direction:column;justify-content:center}.card-info h2{font-size:clamp(32px,3.5vw,56px);line-height:1.3;letter-spacing:-.03em}.stats{display:flex;gap:42px;margin:20px 0}.stats strong{display:block;font-size:48px;font-weight:500;line-height:1.2}.stats span{font-size:14px}.card-art{padding:42px;display:flex;justify-content:center;align-items:center;overflow:hidden}.card-art img{max-height:600px;width:95%;object-fit:contain;transform:rotate(2deg);border-radius:15px}.tags{font-size:14px}footer{padding:40px 8vw;color:var(--muted)}@media(max-width:760px){.nav{padding:0 6vw}.brand span{display:none}.nav nav{gap:16px;font-size:12px}.hero{padding:60px 7vw}.hero h1 span{margin-left:0}.hero-bottom{align-items:flex-start;gap:20px;flex-direction:column}.project-card{grid-template-columns:1fr}.card-info{padding:32px 24px}.section{width:90%}.card-art{max-height:450px}.card-art img{max-height:400px}.hero h1{font-size:11vw}}
:root{--green:#124f4c;--blue:#243c5e;--sand:#e7dec8;--accent:#cbd0b9;color-scheme:dark}::selection{background:#ede9d9;color:#222}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e7be70;outline-offset:6px}button{border-radius:0}h1,h2,h3,p{overflow-wrap:break-word}p{margin:0 0 1.2rem}h3{font-size:1.35rem;line-height:1.5;margin:0 0 1rem;font-weight:500}h2{font-weight:500}button,a{transition:background-color .22s,color .22s,transform .22s}a:hover .card-link span{transform:translate(4px,-4px)}[hidden]{display:none!important}.skip-content{position:fixed;top:-100px;left:12px;background:var(--ink);color:var(--bg);padding:12px;z-index:2000}.skip-content:focus{top:8px}.nav{position:sticky;top:0;background:#222;z-index:60;height:84px;border-bottom:1px solid #ffffff18}.nav nav{align-items:center}.nav nav a{font-size:14px}.nav-resume{border:1px solid var(--line);border-radius:40px;padding:8px 18px}.nav nav a:hover{color:#fff}.brand{letter-spacing:-1px}.brand span{color:var(--muted);font-weight:400}.hero{position:relative;min-height:calc(100svh - 84px);padding:65px 8vw 45px;overflow:hidden}.hero-copy{width:100%;max-width:1400px;margin:auto}.hero-name{font-size:clamp(20px,2.3vw,32px);margin:26px 0 14px}.hero h1{font-size:clamp(56px,7.4vw,108px);line-height:1.24;letter-spacing:-.045em;margin:18px 0 35px;font-weight:550}.hero h1 span{margin-left:7vw}.hero-bottom{gap:30px}.hero-bottom p{font-size:18px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px}.hero-meta{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:13px;color:var(--muted)}.text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 3px;line-height:1.7;font-size:14px;display:inline-block}.replay{font-size:13px;margin-top:20px;color:var(--muted)}.pill{font-size:15px;white-space:nowrap;min-height:54px}.pill span{font-size:25px;line-height:1}.pill.mini{font-size:13px;min-height:40px;padding:9px 18px;background:#2229}.intro-layer{position:absolute;inset:0;z-index:8;background:#222;transition:opacity 1s ease;isolation:isolate}.intro-frame{position:absolute;width:min(100%,calc((100svh - 84px)*16/9));aspect-ratio:16/9;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.intro-frame video,.intro-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.intro-frame canvas{opacity:0;pointer-events:none}.intro-frame canvas.interactive{pointer-events:auto;touch-action:none;cursor:crosshair}.intro-ui{position:absolute;left:7%;right:7%;bottom:8%;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.intro-ui p{font-size:15px;background:#222c;border:1px solid #ffffff22;padding:12px 18px;border-radius:40px;margin:0}.intro-ui>div{display:flex;align-items:center;gap:22px;pointer-events:auto}.intro-ui a{font-size:13px}.intro-ui .ready{color:#fff}.intro-layer.leaving{opacity:0;pointer-events:none}.scroll-lane{position:absolute;left:7%;bottom:20px;color:#bebdb7;font-size:12px;pointer-events:none}.section{margin-top:90px;margin-bottom:140px}.section-label{letter-spacing:.05em;font-size:13px}.project-card{grid-template-columns:43% 57%;min-height:680px;margin-bottom:52px;transition:transform .55s ease;position:relative;color:#ede9d9}.project-card:hover{transform:translateY(-5px)}.project-card.green{background:var(--green)}.project-card.sand{background:var(--sand);color:#293d37}.card-info{padding:48px 40px;position:relative;z-index:2}.card-info h2{font-size:clamp(36px,4vw,58px);line-height:1.25;margin:25px 0 22px;font-weight:600}.card-summary{line-height:1.85;max-width:390px;font-size:16px}.card-role{font-size:13px;opacity:.75;line-height:1.9}.stats{flex-wrap:wrap;gap:30px;margin:25px 0 32px}.stats strong{font-size:clamp(36px,4vw,58px);font-family:"Arial",sans-serif;letter-spacing:-.055em;line-height:1.15;white-space:nowrap;font-weight:500}.stats span{display:block;font-size:13px;opacity:.78;margin-top:9px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tags span{font-size:12px;border:1px solid currentColor;border-radius:100px;padding:6px 12px;line-height:1.4}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-top:1px solid #ffffff35;padding-top:17px;font-size:14px}.sand .card-link{border-color:#293d3740}.card-link span{font-size:32px;display:inline-block;transition:transform .3s}.card-art{padding:0 22px;position:relative;max-height:760px;align-items:flex-start;overflow:hidden}.art-strip{width:100%;height:100%;display:flex;gap:28px;align-items:center;justify-content:center;transform:rotate(-5deg)}.card-art img{width:59%;height:auto;max-height:none;object-fit:contain;border-radius:14px;flex:none;box-shadow:0 14px 40px #0003}.card-art img:nth-child(1){align-self:center;transform:rotate(2deg) translateY(-40px)}.card-art img:nth-child(2){transform:rotate(-2deg) translateY(70px)}.card-art img:nth-child(3){display:none}.card-art.growth .art-strip{gap:20px}.card-art.growth img:first-child{width:36%;transform:rotate(-3deg) translateY(-30px)}.card-art.growth img:nth-child(2){width:57%;transform:rotate(3deg) translateY(45px)}.card-art.product .art-strip{flex-direction:column;transform:rotate(3deg);gap:30px;padding:20px 0}.card-art.product img{width:90%;transform:none;align-self:center}.card-art.product img:nth-child(2){transform:rotate(-4deg)}.card-art.product img:nth-child(3){display:block}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:10px 0 50px}.section-intro h2,.about h2{font-size:clamp(32px,4vw,58px);line-height:1.35;margin:0}.section-intro p{color:var(--muted);font-size:16px;margin:0}.lab-preview,.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.lab-tile{background:none;border:0;padding:0;text-align:left;min-width:0}.lab-thumb{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:#2c2c2a}.lab-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.lab-tile:hover img{transform:scale(1.035)}.lab-preview .lab-tile:nth-child(2),.lab-preview .lab-tile:nth-child(5){padding-top:50px}.lab-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0 3px}.lab-caption h3{font-size:17px;margin:0}.lab-tile>p{font-size:13px;color:var(--muted)}.media-type{position:absolute;top:14px;left:14px;font-size:12px;background:#222b;border:1px solid #ffffff40;border-radius:40px;padding:5px 12px}.play{display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff80;background:#2229;width:66px;height:66px;color:#fff;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play.small{width:50px;height:50px;font-size:16px}.more-row{display:grid;grid-template-columns:1fr 270px 70px;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding:45px 0}.more-row h2{font-size:clamp(28px,3.4vw,48px);line-height:1.35;margin:16px 0}.more-row p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.more-image{height:210px;overflow:hidden;border-radius:14px;transform:rotate(-2deg);transition:transform .4s;background:#e8e5dd}.more-image img{width:100%;height:100%;object-fit:contain}.social-preview{display:flex;align-items:center}.social-preview img{object-fit:cover;object-position:left;width:100%;height:100%}.more-row:hover .more-image{transform:rotate(2deg)}.round-arrow{width:58px;height:58px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:26px}.more-row:hover .round-arrow{background:var(--ink);color:var(--bg)}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px}.about-grid>div>p{color:var(--muted)}.large-copy{font-size:clamp(20px,2vw,27px);line-height:1.8;color:var(--ink)!important}.experience{margin:35px 0}.experience>div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:16px 0;gap:20px}.experience span{font-size:13px;color:var(--muted)}.experience p{font-size:16px;margin:0}.experience small{font-size:13px;display:block;color:var(--muted)}footer{padding:60px 7.5vw 28px;background:#1b1c1a;color:var(--ink)}.footer-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.footer-title{font-size:clamp(48px,8vw,120px);line-height:1.2;margin:35px 0 70px;font-weight:500;letter-spacing:-.045em}.footer-title>span{margin-left:10vw;color:var(--accent)}.footer-title .pill{margin-left:70px;vertical-align:middle;letter-spacing:0}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:13px}.reveal.observed{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .65s ease,transform .5s ease}.reveal.visible{opacity:1;translate:0 0}.case-head{margin:42px auto 0;width:90%;max-width:1440px;border-radius:28px;display:grid;grid-template-columns:58% 42%;overflow:hidden;background:var(--blue)}.case-head.green{background:var(--green)}.case-head.sand{background:var(--sand);color:#293d37}.case-head-inner{padding:44px 50px}.back-link{font-size:14px;display:inline-block;margin-bottom:35px}.case-head h1{font-size:clamp(38px,4.7vw,70px);line-height:1.25;margin:22px 0;letter-spacing:-.04em;font-weight:550}.lead{font-size:18px;line-height:1.8;max-width:760px}.role-line{font-size:13px;margin-top:24px;opacity:.8}.case-head .stats{margin-bottom:0}.case-head-visual{display:flex;align-items:center;justify-content:center;padding:36px;overflow:hidden}.case-head-visual img{width:90%;max-height:580px;object-fit:contain;border-radius:15px;transform:rotate(2deg)}.case-head.sand .case-head-visual img{width:125%;max-width:none}.case-nav{position:sticky;top:84px;background:#222f;z-index:30;display:flex;justify-content:center;gap:35px;padding:19px 15px;border-bottom:1px solid var(--line);font-size:13px}.case-body{width:85%;max-width:1200px;margin:0 auto}.case-section{padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:145px}.section-title{display:grid;grid-template-columns:23% 1fr;gap:35px;margin-bottom:35px}.section-title>span{color:var(--muted);padding-top:11px}.section-title h2{font-size:clamp(28px,3vw,43px);line-height:1.45;margin:0;letter-spacing:-.025em}.case-section>div:last-child{margin-left:calc(23% + 35px)}.case-section p{line-height:1.9}.case-section .stats{gap:35px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:28px 0 36px}.case-section .stats strong{font-size:clamp(32px,3.6vw,50px)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:30px 0}.two-col p{color:var(--muted)}.source{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0 22px}.interactive-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:30px;border-radius:20px;background:#2b2e2a;margin-top:30px}.bar-row{display:grid;grid-template-columns:66px 1fr 32px;gap:12px;align-items:center;padding:18px 0;width:100%;background:none;border:0;font-size:14px;text-align:left;border-bottom:1px solid var(--line)}.bar-row b{font-size:16px}.bar-track{display:block;height:9px;background:#ffffff12;border-radius:5px;overflow:hidden}.bar-track i{display:block;height:100%;background:#829789;border-radius:5px;transition:width .45s,background .2s}.bar-row.selected .bar-track i{background:#e5d8b9}.bar-row.selected{color:#f3dfab}.chart-detail{padding-left:24px;border-left:1px solid var(--line)}.chart-detail h3{font-size:24px}.chart-detail>strong{font-size:64px;font-family:Arial,sans-serif;line-height:1.3;font-weight:400}.chart-detail strong small{font-size:26px}.chart-detail p{font-size:14px}.journey{display:flex;gap:12px;margin:40px 0}.journey>div{flex:1;border-top:1px solid #b9bdab;padding-top:18px}.journey span{font-size:12px;color:var(--muted)}.journey p{font-size:14px;margin:8px 0}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 35px}.timeline>div{border-top:1px solid #d1c8b1;padding-top:16px}.timeline span{font-size:12px;color:#d1c8b1;white-space:nowrap}.timeline h3{font-size:16px;margin-top:6px}.gallery-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.gallery-three figure{margin:0}.image-open{display:block;border:0;background:transparent;width:100%;position:relative;padding:0;border-radius:12px;overflow:hidden}.image-open img{display:block;width:100%;height:auto}.image-open:hover .zoom-label{opacity:1}.zoom-label{position:absolute;right:10px;bottom:10px;background:#222c;color:#fff;padding:5px 10px;border-radius:30px;font-size:12px;opacity:0;transition:opacity .2s}.image-open:focus-visible .zoom-label{opacity:1}figure{margin:30px 0}figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.steps{margin:35px 0}.steps article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.step-number{color:var(--muted);font-size:13px;flex:0 0 22px}.steps h3{margin-bottom:8px}.steps p{color:var(--muted);margin:0}.media-pair .image-open img{max-height:520px;object-fit:contain}.result-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin:35px 0}.result-grid>article{border-top:1px solid var(--line);padding-top:22px}.stacked-bar{display:flex;overflow:hidden;border-radius:7px;min-height:48px;margin:25px 0 15px}.stacked-bar span{display:flex;align-items:center;justify-content:center;font-size:13px;background:#7b9488;color:#13251e}.stacked-bar span+span{background:#ddd0b1;color:#3b3c32}.medium-number{font-size:44px;line-height:1.4;font-weight:400;font-family:Arial,sans-serif}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}th{font-weight:400;color:var(--muted);font-size:13px}.insight{display:flex;align-items:center;gap:35px;margin-bottom:30px;padding:30px;background:#d5dbc6;color:#27382e;border-radius:18px}.insight>strong{font-size:68px;letter-spacing:-.05em;font-weight:500}.insight p{margin:0;font-size:16px}.next-project>p{color:var(--muted)}.next-project>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(32px,4.5vw,65px);line-height:1.4}.next-project>a span{font-size:75px}.note-card{background:#2d302b;border:1px solid #ffffff0b;border-radius:18px;padding:28px}.note-card p{font-size:15px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.tabs button{border:1px solid #ffffff35;padding:9px 17px;background:none;border-radius:50px;font-size:14px;line-height:1.5}.tabs button.active{background:var(--ink);color:#222;border-color:var(--ink)}.static-bar{margin:17px 0}.static-bar>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.static-bar b{font-weight:400}.static-bar .bar-track i{background:#c1cbb8}.video-open{width:100%;border:0;background:#151614;padding:0;border-radius:14px;overflow:hidden;position:relative;display:block}.video-open img{width:100%;max-height:500px;object-fit:contain;display:block}.gallery-three .video-open{aspect-ratio:3/4}.gallery-three .video-open img{height:100%;object-fit:cover}.evidence-gallery{display:grid;gap:10px}.evidence-gallery figure{margin:20px 0}details{margin:32px 0;border-block:1px solid var(--line);padding:20px 0}summary{font-size:15px;cursor:pointer}.chart-total strong{font-size:27px;font-weight:400}.persona-row{display:grid;grid-template-columns:145px 1fr 120px;gap:12px;align-items:center;font-size:13px;margin:20px 0}.persona-row b{font-weight:400;text-align:right}.persona-row small{color:var(--muted);font-size:12px;margin-left:8px}.persona-row .bar-track i{background:#c3cfb2}.insight-text{padding:40px 0 0}.insight-text h3{font-size:34px;line-height:1.5;margin:20px 0}.subheading{margin-top:60px}.compare-widget{display:grid;grid-template-columns:1fr 230px;gap:30px;align-items:center;background:#35382f;border-radius:20px;padding:30px}.compare-copy p{color:var(--muted);font-size:15px}.compare-video{position:relative;background:none;padding:0;border:0;width:100%;height:300px}.compare-video img{height:100%;max-width:100%;object-fit:contain;border-radius:10px}.email-layout{display:grid;grid-template-columns:30% 1fr;gap:30px;padding:15px 0}.email-layout h3{font-size:25px}.email-layout p:last-child{color:#d6dec6}.lab-page{margin-top:50px}.lab-page h1,.other-head h1{font-size:clamp(42px,6vw,88px);line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:20px 0 30px}.lab-page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;gap:20px}.lab-page-top p{color:var(--muted)}.lab-grid .lab-thumb{aspect-ratio:3/4}.lab-page>.eyebrow{margin-top:25px}.other-head{margin-top:45px;margin-bottom:40px}.other-head .lead{color:var(--muted)}.social-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.social-metrics>div{border-top:1px solid var(--line);padding-top:18px}.social-metrics strong{display:block;font-size:28px;font-weight:400}.social-metrics span{font-size:13px;color:var(--muted)}#design-material .image-open img{max-height:650px;object-fit:contain}#post-data .stats{grid-template-columns:repeat(3,1fr)}.media-dialog{background:#222;color:var(--ink);border:1px solid #ffffff30;border-radius:20px;padding:65px 30px 30px;width:min(1240px,94vw);max-height:93svh;overflow:auto;box-shadow:0 20px 120px #0008}.media-dialog::backdrop{background:#080908e8}.dialog-close{position:fixed;top:5svh;right:5vw;z-index:4;border:1px solid #ffffff70;background:#222;color:var(--ink);padding:10px 18px;border-radius:40px;font-size:14px}.dialog-content>h2{font-size:20px;margin:0 0 25px}.dialog-content .full-image{display:block;max-width:100%;height:auto;max-height:none;margin:auto}.dialog-content>video{display:block;width:100%;height:auto;max-height:72svh}.work-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:45px;align-items:center}.work-detail>video{width:100%;max-height:74svh}.work-detail>.full-image{max-height:74svh;object-fit:contain}.work-detail h2{font-size:30px;line-height:1.5}.work-detail dt{font-size:12px;color:var(--muted);margin:22px 0 5px}.work-detail dd{font-size:16px;margin:0}.dialog-open{overflow:hidden}.footer-bottom a:hover,.text-link:hover{color:#fff}
@media(min-width:1700px){.hero{padding-inline:max(8vw,calc((100vw - 1400px)/2))}.card-art{max-height:800px}}
@media(max-width:1100px){.nav{padding-inline:5vw}.project-card{min-height:620px;grid-template-columns:47% 53%}.card-info{padding:36px 30px}.card-info h2{font-size:40px}.card-role{font-size:12px}.stats{gap:22px}.stats strong{font-size:40px}.case-head-inner{padding:35px}.section-title{grid-template-columns:1fr;gap:8px}.case-section>div:last-child{margin-left:0}.section-title>span{padding:0}.about-grid{gap:40px}.hero-actions{gap:15px}.hero-meta{gap:18px}.hero-actions>.text-link{display:none}.more-row{grid-template-columns:1fr 230px 55px;gap:25px}.case-head .stats{gap:20px}.case-head .stats strong{font-size:38px}.card-art{padding:10px}.interactive-panel{gap:25px}.footer-title .pill{margin-left:30px}.lab-preview,.lab-grid{gap:30px 20px}}
@media(max-width:760px){html{scroll-padding-top:120px}.nav{height:72px;padding:0 5vw}.brand{font-size:20px;flex:none}.nav nav{gap:18px}.nav nav a{font-size:13px}.nav-resume{display:none}.hero{padding:50px 7vw 35px;min-height:calc(100svh - 72px)}.hero h1{font-size:clamp(36px,9.8vw,72px);margin-top:20px;letter-spacing:-.05em}.hero h1 span{margin-left:0}.hero-name{font-size:22px}.hero .eyebrow{font-size:11px;letter-spacing:1px}.hero-bottom{flex-direction:column;align-items:flex-start;margin-top:10px}.hero-bottom p{font-size:16px;margin-bottom:0}.hero-actions{width:100%}.hero-meta{flex-wrap:wrap;gap:8px 20px;font-size:12px;margin-top:35px;padding-top:20px}.hero-meta span:last-child{display:none}.intro-frame{width:calc(100% - 36px);top:43%}.intro-ui{left:7%;right:7%;bottom:13%;flex-direction:column;align-items:flex-start;gap:16px}.intro-ui p{font-size:13px;padding:9px 14px}.intro-ui>div{gap:20px}.intro-ui .pill{min-height:38px}.scroll-lane{bottom:25px}.section{width:90%;margin-top:60px;margin-bottom:85px}.section-label{font-size:11px;padding:20px 0 25px;gap:20px}.project-card{grid-template-columns:1fr;min-height:auto;margin-bottom:30px;border-radius:22px}.card-info{padding:32px 26px 20px}.card-info h2{font-size:clamp(34px,7.8vw,50px);margin:20px 0}.card-summary{font-size:15px;max-width:100%}.card-role{font-size:12px}.card-info .stats{margin:15px 0 22px;gap:35px}.card-info .stats strong{font-size:42px}.tags span{font-size:12px}.card-link{margin-top:20px;padding-top:12px}.card-art{height:380px;max-height:380px;padding:15px 25px 0}.art-strip{max-width:600px;transform:rotate(-3deg)}.card-art img{width:43%;max-height:360px;object-fit:contain}.card-art img:nth-child(1){transform:rotate(2deg) translateY(-15px)}.card-art img:nth-child(2){transform:rotate(-2deg) translateY(30px)}.card-art.growth img:first-child{width:26%}.card-art.growth img:nth-child(2){width:45%}.card-art.product .art-strip{flex-direction:row;gap:20px;transform:rotate(0);padding:15px 0}.card-art.product img{width:90%;transform:rotate(2deg)}.card-art.product img:nth-child(2){width:80%;transform:rotate(-2deg)}.card-art.product img:nth-child(3){display:none}.card-art.product{height:330px}.section-intro{display:block;margin-bottom:32px}.section-intro h2,.about h2{font-size:34px}.section-intro p{font-size:14px;margin-top:22px}.lab-preview,.lab-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.lab-preview .lab-tile:nth-child(2),.lab-preview .lab-tile:nth-child(5){padding-top:0}.lab-caption h3{font-size:14px}.lab-caption{gap:5px}.lab-tile>p{font-size:12px}.lab-thumb{border-radius:12px}.media-type{font-size:11px;top:10px;left:10px;padding:3px 9px}.play.small{width:42px;height:42px}.more-row{grid-template-columns:1fr 110px;gap:20px;padding:30px 0}.more-row h2{font-size:27px;margin:14px 0}.more-row p:not(.eyebrow){font-size:12px}.more-row .eyebrow{font-size:10px;letter-spacing:1px}.more-image{height:150px}.round-arrow{display:none}.about-grid{grid-template-columns:1fr;gap:30px}.large-copy{font-size:21px}.about-grid>div>p{font-size:16px}.experience>div{grid-template-columns:100px 1fr;gap:15px}.experience span{font-size:12px}footer{padding:40px 6vw 25px}.footer-top{display:block;font-size:12px}.footer-top .eyebrow{font-size:11px}.footer-title{font-size:12vw;margin:35px 0 45px}.footer-title>span{margin-left:5vw}.footer-title .pill{margin-left:20px;gap:24px;min-height:44px;padding:11px 18px;font-size:13px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:12px}.case-head{margin-top:24px;grid-template-columns:1fr;border-radius:22px}.case-head-inner{padding:28px}.case-head h1{font-size:10vw}.case-head .lead{font-size:16px}.case-head .stats strong{font-size:42px}.case-head-visual{max-height:420px;padding:20px 35px 35px}.case-head-visual img{height:100%;max-height:380px;width:75%}.case-head.sand .case-head-visual img{width:100%}.case-nav{top:72px;justify-content:flex-start;overflow-x:auto;gap:25px;padding:16px 5vw;font-size:12px;white-space:nowrap}.case-nav a{flex:none}.case-body{width:88%}.case-section{padding:55px 0;scroll-margin-top:130px}.section-title h2{font-size:30px}.section-title{margin-bottom:25px;gap:10px}.case-section .stats{grid-template-columns:1fr 1fr;gap:28px 20px}.case-section .stats strong{font-size:39px}.case-section .stats span{font-size:12px}.two-col{grid-template-columns:1fr;gap:25px}.two-col.media-pair{grid-template-columns:1fr 1fr;gap:15px}.interactive-panel{grid-template-columns:1fr;padding:22px;gap:22px}.chart-detail{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.chart-detail>strong{font-size:54px}.chart-detail p{font-size:14px}.journey{flex-wrap:wrap;gap:20px}.journey>div{min-width:90px}.journey p{font-size:13px}.timeline{grid-template-columns:repeat(3,1fr);gap:20px}.gallery-three{gap:12px}.gallery-three figcaption{font-size:11px}.steps article{gap:15px}.steps h3{font-size:20px}.steps p{font-size:15px}.result-grid{grid-template-columns:1fr}.insight{display:block;padding:24px}.insight>strong{font-size:64px}.insight p{margin-top:10px}.table-wrap{font-size:13px}td,th{padding:14px 8px;white-space:nowrap}.next-project>a{font-size:30px}.next-project>a span{font-size:48px}.note-card{padding:22px}.persona-row{grid-template-columns:108px 1fr 92px;gap:8px;font-size:11px}.persona-row small{margin-left:4px;font-size:10px}.tabs{gap:6px}.tabs button{font-size:12px;padding:8px 13px;min-height:38px}.compare-widget{grid-template-columns:1fr;padding:25px}.compare-video{height:320px}.insight-text h3{font-size:29px}.email-layout{grid-template-columns:1fr;gap:10px}.email-layout h3{font-size:24px}.lab-page{margin-top:30px}.lab-page h1,.other-head h1{font-size:11vw}.lab-page-top{display:block;margin-bottom:30px}.lab-grid .lab-thumb{aspect-ratio:3/4}.social-metrics{grid-template-columns:1fr 1fr;gap:24px}.social-metrics strong{font-size:30px}#post-data .stats{grid-template-columns:1fr 1fr}.work-detail{grid-template-columns:1fr;gap:25px}.media-dialog{padding:65px 15px 25px;border-radius:14px;width:95vw;max-height:93svh}.dialog-close{right:7vw;top:6svh}.work-detail h2{font-size:25px}.work-detail>video,.work-detail>.full-image{max-height:58svh}.dialog-content>h2{font-size:17px}.source{font-size:12px}.zoom-label{opacity:1;font-size:11px}}
@media(max-width:420px){.nav nav{gap:12px}.nav nav a{font-size:12px}.brand{font-size:18px}.hero h1{font-size:9.8vw}.hero .eyebrow{font-size:10px}.card-info h2{font-size:32px}.hero-meta{font-size:11px}.footer-title .pill{margin-left:10px}.more-row h2{font-size:24px}.more-row{grid-template-columns:1fr 90px;gap:15px}.more-image{height:130px}.persona-row{grid-template-columns:100px 1fr 88px}.case-head-inner{padding:25px}.case-head h1{font-size:10vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.observed{opacity:1;translate:none}.project-card:hover,.more-image,.art-strip,.card-art img{transform:none!important}}
.intro-layer.wiping{background:transparent}#fog{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}#fog.interactive{pointer-events:auto;touch-action:none;cursor:crosshair}@media(max-width:760px){#fog{left:18px;right:18px;width:calc(100% - 36px)}}
.post-breakdown{margin-top:36px;border-top:1px solid var(--line);padding-top:30px}.post-breakdown-heading h3{font-size:clamp(22px,2.4vw,32px);line-height:1.5;margin:14px 0}.post-breakdown-heading>a{display:inline-flex;align-items:center;min-height:44px}.post-breakdown-reach{display:flex;gap:28px;align-items:center;padding:28px 0}.post-breakdown-reach>strong{font-size:clamp(64px,7vw,90px);font-weight:500;line-height:1.1;letter-spacing:-.06em}.post-breakdown-reach>strong>span{font-size:26px;letter-spacing:0;margin-left:8px}.post-breakdown-reach p{font-size:12px!important;color:var(--muted);margin:5px 0!important}.post-breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.post-breakdown-grid article{border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0;margin:0}.post-breakdown-grid .post-metric{display:flex;flex-direction:column;gap:14px;min-height:222px}.post-breakdown-grid .post-metric>span{font-size:12px;color:var(--muted)}.post-breakdown-grid .post-metric b{font-size:32px;line-height:1.2;font-weight:500;white-space:nowrap}.post-breakdown-grid .post-metric small{font-size:13px;font-weight:400}.post-completion{position:relative;width:126px;height:126px;max-width:100%;align-self:center;display:grid;place-items:center}.post-completion svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.post-completion circle{fill:none;stroke:var(--line);stroke-width:5}.post-completion circle:last-child{stroke:var(--ink);stroke-linecap:round}.post-completion b{font-size:25px!important;position:relative}.post-breakdown>.source{margin-top:18px}@media(max-width:760px){.post-breakdown-grid{grid-template-columns:1fr}.post-breakdown-grid .post-metric{min-height:0;gap:15px}.post-breakdown-grid .post-metric>b{font-size:36px}.post-completion{align-self:start}.post-breakdown-reach{gap:20px;flex-wrap:wrap}.post-breakdown-reach>strong{font-size:68px}}
.social-story{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:28px;margin:28px 0}.social-story-player{min-width:0}.social-story-player video{display:block;width:100%;max-height:580px;aspect-ratio:9/16;object-fit:contain;background:#191919;border-radius:14px}.social-story-notes>.eyebrow{font-size:12px!important;margin:0 0 18px!important}.social-scene-buttons{display:grid;gap:8px}.social-scene-buttons button{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;text-align:left;padding:12px 14px;gap:14px;min-height:64px;width:100%}.social-scene-buttons button.active{background:var(--ink);color:var(--bg)}.social-scene-buttons button>div{flex:1}.social-scene-buttons small{font-size:11px;display:block}.social-scene-buttons strong{font-size:17px;display:block;font-weight:500}.social-scene-buttons button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#social-scene-detail h4,.social-edit-notes h4{font-size:20px;font-weight:500;line-height:1.5;margin:24px 0 12px}#social-scene-detail p,.social-edit-notes>p{font-size:15px;line-height:1.9;margin:0}.social-edit-notes{padding:0 0 24px;border-bottom:1px solid var(--line)}.social-edit-notes>.source{margin-top:14px;font-size:12px}@media(max-width:760px){.social-story{grid-template-columns:1fr;gap:20px}.social-story-player video{max-height:60svh}.social-scene-buttons{grid-template-columns:1fr 1fr}.social-scene-buttons button{padding:10px;gap:8px}.social-scene-buttons button>span:last-child{display:none}.social-scene-buttons small{font-size:10px}.social-scene-buttons strong{font-size:15px}}
.sop-highlights>div{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.sop-highlights h4{font-size:16px;font-weight:500;margin:0 0 8px}.sop-highlights p{margin:0;color:var(--muted)}.spider-results{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.spider-result-note{padding:24px;background:#2d302b;border-radius:18px}.spider-result-note>p{color:var(--muted);font-size:14px}.spider-result-note .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0}.spider-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.spider-topic-grid article{border-top:1px solid var(--line);padding-top:20px}.spider-topic-grid h3{font-size:18px}.spider-topic-grid strong{font-size:clamp(42px,5vw,64px);line-height:1.2;font-weight:500}.spider-topic-grid strong span{font-size:20px;margin-left:8px}.spider-topic-grid p{font-size:14px;color:var(--muted);margin-top:10px}@media(max-width:760px){.gameplay-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.spider-result-note{padding:20px}.spider-result-note .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spider-result-note .stats strong{font-size:32px}.spider-topic-grid{gap:18px}.spider-topic-grid h3{font-size:15px}}

/* Fit media frames to the artwork and keep enlarged images inside the viewport. */
.media-pair>figure{min-width:0}.media-pair .image-open{width:fit-content;max-width:100%;margin-inline:auto}.media-pair .image-open img{width:auto;max-width:100%;height:auto;max-height:min(640px,78svh)}
.media-dialog.image-only{width:fit-content;max-width:min(1100px,94vw);max-height:92svh;padding:64px 24px 24px}.media-dialog.image-only .dialog-content{min-width:0}.media-dialog.image-only .dialog-content>h2{font-size:clamp(15px,1.5vw,20px);margin-bottom:16px;overflow-wrap:anywhere}.media-dialog.image-only .full-image{width:auto;height:auto;max-width:100%;max-height:calc(92svh - 160px);object-fit:contain;margin-inline:auto}
@media(max-width:760px){.media-dialog.image-only{max-width:94vw;padding:58px 12px 16px}.media-dialog.image-only .full-image{max-height:calc(92svh - 150px)}}