/* The imagery is part of the stage: one editorial surface per chapter. */
#impact,#intelligence,#work,#evidence,#film,#contact{--paper:#f4f3ee;--ink:#17191a;--violet:#7550e8;--mint:#7ccfbd}
:is(#impact,#intelligence,#evidence,#contact) .stage{background:var(--paper);color:var(--ink)}
:is(#impact,#intelligence,#evidence,#contact) .scene-kicker{color:#72736f}
:is(#impact,#intelligence,#evidence,#contact) h2 em{color:var(--violet)}
:is(#impact,#intelligence,#evidence,#contact) .scene-copy>p{color:#646762}

/* A borderless montage which reaches beyond the page, behind the typography. */
#impact .stage:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#f4f3ee 0%,#f4f3eefa 22%,#f4f3eea6 38%,#f4f3ee00 59%)}
#impact .impact-copy{top:25%;max-width:45%;z-index:6}
#impact .impact-copy h2{font-size:clamp(48px,5.55vw,86px);letter-spacing:-2.5px;line-height:1.17}
#impact .impact-copy>p{max-width:360px;font-size:14px;line-height:1.9;margin-top:28px;color:#656963}
#impact .content-sculpture{right:-5%;top:9%;width:63%;height:77%;z-index:2;perspective:1600px;transform:translateY(calc((var(--local) - .5)*-25px));scale:1}
#impact .phone-plane{left:51%;top:49%;width:clamp(245px,24vw,370px);height:min(67svh,650px);max-height:none;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:translate(-50%,-50%) rotateY(-7deg) rotateZ(5deg)}
#impact .phone-camera,#impact .phone-top,#impact .phone-social{display:none}
#impact .phone-post{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
#impact .poster-plane{width:clamp(200px,23vw,345px);height:min(63svh,600px);top:51%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
#impact .poster-plane img{object-fit:contain;object-position:center;filter:none}
#impact .poster-one{left:39%;transform:translate(-91%,-48%) rotateY(7deg) rotateZ(-11deg)}
#impact .poster-two{left:64%;transform:translate(-3%,-48%) rotateY(-7deg) rotateZ(12deg)}
#impact .platform-cube{width:48px;height:48px;border-radius:0;background:transparent;box-shadow:none;transform:rotate(-6deg);z-index:8}
#impact .platform-cube img{width:32px;height:32px;filter:none}
#impact .cube-f{left:24%;top:13%}
#impact .cube-i{right:9%;bottom:12%}
#impact .sculpture-note{right:15%;bottom:3%;font-size:8px;color:#6e736b;z-index:8}
#impact .impact-words{z-index:7;bottom:43px;border-color:#17191a24;padding-top:22px}
#impact .impact-words b{font-size:25px;letter-spacing:-.7px;color:var(--ink)}
#impact .impact-words small{color:#777d74}
#impact .impact-words>i{color:var(--violet)}
#impact .content-sculpture>.motion-caption{left:28%;bottom:2%;color:var(--ink)}

/* Research is an open working surface, rather than a stack of dashboards. */
#intelligence .intelligence-copy{top:25%;max-width:39%}
#intelligence .intelligence-copy h2{font-size:clamp(58px,6.8vw,104px);line-height:1.02;letter-spacing:-4px}
#intelligence .intelligence-copy h2 em{color:var(--violet)}
#intelligence .intelligence-copy>p{font-size:25px;line-height:1.5;color:#4e554e}
#intelligence .intelligence-copy>small{color:#777c74;font-size:10px;letter-spacing:.5px}
#intelligence .analysis-stack{right:7%;top:23%;width:47%;height:56%;perspective:none;transform:none}
#intelligence .analysis-card{padding:0;inset:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transition:opacity .45s ease,visibility .45s;backface-visibility:visible}
#intelligence .analysis-card.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
#intelligence .analysis-card-top{border-bottom:1px solid #17191a26;padding-bottom:17px;font-size:9px;letter-spacing:1.3px;color:#777b74}
#intelligence .analysis-card-top>span:first-child{color:var(--violet);font-size:12px}
#intelligence .analysis-card-top i{font-size:23px;line-height:14px;color:var(--violet)}
#intelligence .analysis-card h3{color:var(--ink);font-size:43px;letter-spacing:-1.7px;line-height:1.15;margin-top:25px}
#intelligence .analysis-card p{font-size:13px;color:#686d65;line-height:1.85;margin-top:15px}
#intelligence .research-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px;height:45%;min-height:150px;overflow:hidden;align-items:start}
#intelligence .research-mini img{width:100%;height:100%;max-height:220px;object-fit:contain;object-position:top;border:0;border-radius:0;box-shadow:none;transform:none}
#intelligence .keyword-art{margin-top:33px}
#intelligence .keyword-art>span{font-size:9px;letter-spacing:1.3px;color:#858b81}
#intelligence .keyword-art>div{padding:19px 0;margin:12px 0 17px;border:0;border-block:1px solid #17191a25;border-radius:0;background:transparent;color:var(--ink);font-size:22px;gap:20px}
#intelligence .keyword-art>div b{font-size:20px;font-weight:400}
#intelligence .keyword-art>div i,#intelligence .keyword-art>div span{color:var(--violet)}
#intelligence .audience-art{height:145px;margin-top:42px;gap:22px;justify-content:start;padding-left:25px}
#intelligence .audience-art i{background:#17191a15;box-shadow:none;border-radius:28px 28px 8px 8px}
#intelligence .audience-art i:before{background:#17191a25}
#intelligence .audience-art i:nth-child(3){background:var(--mint)}
#intelligence .audience-art i:nth-child(3):before{background:var(--violet)}
#intelligence .audience-art>span{color:#777f74;bottom:-12px;left:0}
#intelligence .strategy-art{margin-top:45px;max-width:550px;gap:18px}
#intelligence .strategy-art span{border:0;border-bottom:1px solid #17191a2b;border-radius:0;background:transparent;color:var(--ink);padding:18px 0;min-width:19%;font-size:25px}
#intelligence .strategy-art span:last-child{border-color:var(--violet);color:var(--violet)}
#intelligence .strategy-art i{color:#a7b7a4}
#intelligence .analysis-nav{border-color:#17191a28;bottom:39px;gap:32px}
#intelligence .analysis-nav button{color:#83897f;font-size:10px;padding:22px 0;gap:20px}
#intelligence .analysis-nav button span{color:#757e71;font-size:17px}
#intelligence .analysis-nav button:before{background:var(--violet)}
#intelligence .analysis-nav button.active,#intelligence .analysis-nav button.active span{color:var(--ink)}
#intelligence .analysis-stack>.motion-caption{color:#777d73;left:0;bottom:-23px}

/* The original artwork is the whole visual, with no extra card around it. */
#work .stage{background:var(--ink);color:var(--paper)}
#work .scene-kicker{color:#a3aaa1}
#work .work-top{top:139px;z-index:10}
#work .work-top h2{font-size:clamp(36px,4.4vw,65px);line-height:1.15;color:var(--paper);letter-spacing:-2px}
#work .work-top h2 em{color:var(--mint)}
#work .work-filters{font-size:11px;gap:24px}
#work .work-filters button{color:#9ca49a}
#work .work-filters button.active{color:var(--paper);border-color:var(--mint)}
#work .work-carousel{top:230px;bottom:112px;perspective:none;z-index:3}
#work .work-card{height:100%;max-height:65svh;width:min(88vw,calc(65svh * var(--ratio,1)));border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:translate(-50%,-50%) translateX(calc(var(--slot)*65vw)) scale(var(--scale));backface-visibility:visible}
#work .work-card.current:hover{box-shadow:none}
#work .work-card img{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
#work .work-card.neighbour{filter:saturate(.7)}
#work .work-caption{bottom:36px;z-index:10}
#work .work-count{color:#a9b4a5}
#work .work-caption h3{font-size:17px;color:#e1e4dd}
#work .work-disclaimer{color:#a2ad9d;font-size:9px}
#work .work-controls button{border-color:#f4f3ee40;color:var(--paper);border-radius:0;width:44px;height:40px}
#work .work-controls button:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}

/* Real records remain legible documents; their metrics sit on the page. */
#evidence .case-heading{top:137px}
#evidence .case-heading h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-2px;color:var(--ink)}
#evidence .case-tabs{gap:15px;max-width:47%}
#evidence .case-tabs button{border:0;border-bottom:1px solid #17191a25;border-radius:0;background:transparent;color:#757c70;padding:10px 0;font-size:10px}
#evidence .case-tabs button.active{background:transparent;color:var(--violet);border-color:var(--violet)}
#evidence .case-body{left:6%;right:7%;top:298px;bottom:66px;grid-template-columns:1.15fr .9fr;gap:8%;align-items:center}
#evidence .case-phones{max-height:52svh;gap:24px;perspective:none;justify-content:start}
#evidence .case-phone{max-width:270px;transform:none;padding:0;background:transparent;transition:opacity .3s}
#evidence .case-phone.after,#evidence .case-phone:hover{transform:none}
#evidence .case-phone img{background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:top}
#evidence .case-phone small{left:0;top:-24px;color:#697263;letter-spacing:1.4px;font-size:9px}
#evidence .case-phone.after small{color:var(--violet)}
#evidence .case-phone>span{border-radius:0;background:var(--paper);color:var(--ink);font-size:14px;bottom:8px;right:8px;opacity:.9;padding:6px 9px}
#evidence .case-numbers>span{font-size:9px;letter-spacing:1.4px;color:#7d8577}
#evidence .case-numbers h3{color:var(--ink);font-size:25px;margin-top:10px}
#evidence .case-metric{border-color:#17191a15;color:var(--ink);padding:12px 0 14px;gap:20px}
#evidence .case-metric strong{color:var(--ink);font-size:clamp(30px,3.4vw,50px);letter-spacing:-1.5px;white-space:nowrap}
#evidence .case-metric strong small{color:#91998c;letter-spacing:0}
#evidence .case-metric:not(:first-child) strong{font-size:24px;letter-spacing:-.5px}
#evidence .case-metric>span{color:#757e6e;font-size:10px;line-height:1.6}
#evidence .case-numbers>p{color:#727c6b;font-size:10px;line-height:1.85;margin-top:17px}
#evidence .case-numbers>a{color:var(--violet);border-color:#7550e85c;font-size:11px;padding-bottom:6px}
#evidence .case-footnote{color:#7b8574;font-size:9px;left:6%;bottom:23px}

/* A cinema surface. The video's own black edge disappears into its stage. */
#film .stage{background:#080b10;color:var(--paper)}
#film .stage:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 52%,#7ccfbd0e,transparent 58%);z-index:0}
#film .scene-kicker{color:#8a9d91}
#film .film-copy{z-index:6;max-width:40%;top:29%}
#film .film-copy h2{font-size:clamp(43px,5.2vw,78px);color:var(--paper);letter-spacing:-2.8px;line-height:1.18}
#film .film-copy h2 em{color:var(--mint)}
#film .film-copy>p{color:#8e9b92;font-size:13px;line-height:1.9;max-width:340px}
#film .film-play{display:inline-block;border:0;border-bottom:1px solid #7ccfbd88;border-radius:0;padding:13px 0;color:var(--mint);font-size:13px;margin-top:31px}
#film .film-full{display:inline-block;padding:0;margin:0 0 0 25px;color:#9ea89d;font-size:11px}
#film .film-frame{right:3%;top:50%;bottom:auto!important;width:min(52%,calc((100svh - 180px)*1.0588));height:auto;max-height:none!important;aspect-ratio:1080/1020;transform:translateY(-44%);overflow:hidden;border:0;border-radius:0;background:#080b10;box-shadow:none;z-index:3}
#film .film-frame video{border:0;border-radius:0;box-shadow:none;background:#080b10;object-fit:contain}
#film .film-reference{right:6%;bottom:25px;color:#84978b;font-size:9px}
#film .film-motion-strip{top:12px;left:20px;right:20px}

/* The close belongs to the same warm paper as the opening story. */
#contact .stage{background:var(--paper);color:var(--ink)}
#contact .closing-small{color:#697261;font-size:19px;top:24%}
#contact h2{color:var(--ink);font-size:clamp(88px,11.4vw,174px);letter-spacing:-3px;line-height:.95}
#contact h2 em{color:var(--violet)}
#contact .closing-contact{right:7%;top:42%;gap:23px;color:var(--ink);max-width:235px}
#contact .closing-contact>span{font-size:15px;line-height:1.6}
#contact .closing-contact>i{border-color:#17191a3d;background:transparent;width:78px;height:78px;color:var(--violet)}
#contact .closing-contact:hover>i{background:var(--violet);border-color:var(--violet);color:var(--paper)}
#contact .closing-process{border-color:#17191a26;color:#5e6857;font-size:14px;padding:23px 0}
#contact .closing-process i{color:#9da995}
#contact footer{color:#747e6a;font-size:9px}

.presenting #impact .impact-words{bottom:107px}
.presenting #intelligence .analysis-nav{bottom:102px}
.presenting #work .work-caption{bottom:107px}
.presenting #work .work-carousel{bottom:180px}
.presenting #evidence .case-body{bottom:131px}
.presenting #evidence .case-footnote{bottom:94px}
.presenting #film .film-frame{width:min(50%,calc((100svh - 252px)*1.0588));transform:translateY(-49%)}
.presenting #film .film-reference{bottom:99px}

@media(min-width:761px) and (max-height:760px){
 :is(#impact,#intelligence,#work,#evidence,#film,#contact) .stage{min-height:580px}
 #impact .impact-copy{top:26%}#impact .impact-copy h2{font-size:58px}#impact .impact-copy>p{font-size:12px;margin-top:23px}
 #impact .content-sculpture{top:8%;height:79%;scale:.94;transform-origin:right center}
 #impact .phone-plane{height:66svh;width:24vw}#impact .poster-plane{height:62svh;width:23vw}
 #impact .impact-words{bottom:30px;padding-top:17px}#impact .impact-words b{font-size:22px}
 #intelligence .intelligence-copy{top:27%}#intelligence .intelligence-copy h2{font-size:72px}#intelligence .intelligence-copy>p{font-size:21px;margin-top:22px}
 #intelligence .analysis-stack{top:24%;height:52%;right:7%}#intelligence .analysis-card-top{padding-bottom:13px}#intelligence .analysis-card h3{font-size:34px;margin-top:19px}#intelligence .analysis-card p{font-size:11px;margin-top:12px}
 #intelligence .research-mini{margin-top:20px;min-height:125px;max-height:150px}#intelligence .research-mini img{max-height:150px}
 #intelligence .keyword-art{margin-top:22px}#intelligence .keyword-art>div{padding:15px 0;margin-block:10px}#intelligence .keyword-art>div b{font-size:18px}
 #intelligence .audience-art{height:110px;margin-top:38px}#intelligence .strategy-art{margin-top:32px}#intelligence .strategy-art span{font-size:22px}
 #intelligence .analysis-nav{bottom:26px}#intelligence .analysis-nav button{padding:18px 0}#intelligence .analysis-nav button span{font-size:15px}
 #work .work-top{top:122px}#work .work-top h2{font-size:43px}#work .work-carousel{top:195px;bottom:96px}#work .work-card{max-height:64svh;width:min(88vw,calc(64svh * var(--ratio,1)))}#work .work-caption{bottom:27px}
 #evidence .case-heading{top:120px}#evidence .case-heading h2{font-size:43px}#evidence .case-body{top:258px;bottom:55px;gap:7%}#evidence .case-phones{max-height:49svh;gap:20px}#evidence .case-numbers h3{font-size:20px}#evidence .case-metric{padding-top:7px}#evidence .case-metric strong{font-size:35px}#evidence .case-metric:not(:first-child) strong{font-size:20px}#evidence .case-numbers>p{font-size:9px;margin-top:12px}#evidence .case-numbers>a{margin-top:12px;font-size:10px}#evidence .case-footnote{bottom:18px;font-size:8px}
 #film .film-copy{top:28%}#film .film-copy h2{font-size:56px}#film .film-copy>p{font-size:12px}#film .film-frame{width:min(51%,calc((100svh - 160px)*1.0588))}#film .film-reference{bottom:20px}
 #contact .closing-small{top:25%;font-size:16px}#contact h2{font-size:clamp(86px,10.5vw,130px);top:34%}#contact .closing-contact{top:44%}#contact .closing-process{bottom:90px;padding:19px 0}
 .presenting #evidence .case-body{top:252px;bottom:125px}.presenting #evidence .case-numbers>p{max-height:47px;overflow:auto}.presenting #evidence .case-footnote{bottom:91px}
 .presenting #impact .impact-words{bottom:100px}.presenting #intelligence .analysis-nav{bottom:96px}.presenting #work .work-caption{bottom:100px}.presenting #work .work-carousel{bottom:165px}
}
@media(min-width:761px) and (max-width:1050px){
 #impact .impact-copy{max-width:45%}#impact .impact-copy h2{font-size:49px}#impact .impact-copy>p{font-size:12px;max-width:300px}#impact .content-sculpture{right:-7%;width:65%;scale:1}
 #intelligence .intelligence-copy{max-width:37%}#intelligence .intelligence-copy h2{font-size:65px}#intelligence .intelligence-copy>p{font-size:21px}#intelligence .analysis-stack{width:47%;right:7%;top:25%}#intelligence .analysis-card h3{font-size:34px}#intelligence .analysis-card p{font-size:11px}#intelligence .research-mini{gap:12px}#intelligence .analysis-nav button{gap:10px}#intelligence .analysis-nav button span{font-size:15px}
 #work .work-top{align-items:center}#work .work-top h2{font-size:39px}#work .work-filters{gap:15px;font-size:9px}
 #evidence .case-heading h2{font-size:40px}#evidence .case-tabs{gap:10px;max-width:50%}#evidence .case-tabs button{font-size:8px}#evidence .case-body{grid-template-columns:1.15fr 1fr;gap:6%}#evidence .case-phones{gap:14px}#evidence .case-numbers h3{font-size:21px}#evidence .case-metric>span{font-size:9px}#evidence .case-metric strong{font-size:35px}
 #film .film-copy h2{font-size:45px}#film .film-copy>p{font-size:12px}#film .film-play{font-size:12px}#film .film-full{font-size:10px;margin-left:15px}
 #contact h2{font-size:clamp(85px,11vw,115px)}#contact .closing-contact{right:6%;gap:14px;max-width:200px}#contact .closing-contact>span{font-size:12px}#contact .closing-contact>i{width:60px;height:60px}
}
@media(max-width:760px){
 :is(#impact,#intelligence,#evidence,#contact) .stage{background:var(--paper)}
 :is(#impact,#intelligence,#work,#evidence,#film,#contact) .scene-kicker{position:relative;top:auto;left:auto}
 #impact .stage:after{display:none}#impact .impact-copy{position:relative;top:auto;left:auto;max-width:none;margin-top:37px}#impact .impact-copy h2{font-size:43px;letter-spacing:-1.8px}#impact .impact-copy>p{font-size:12px;line-height:1.85;margin-top:19px;max-width:290px}
 #impact .content-sculpture{position:relative;right:auto;top:auto;width:calc(100% + 14%);margin:9px -7% 0;height:430px;transform:none;scale:1;perspective:1000px}
 #impact .phone-plane{width:207px;height:365px;left:50%;top:50%;transform:translate(-50%,-50%) rotateZ(5deg)}
 #impact .poster-plane{width:210px;height:345px;top:50%}#impact .poster-one{left:34%;transform:translate(-90%,-49%) rotateZ(-12deg)}#impact .poster-two{left:62%;transform:translate(0,-47%) rotateZ(12deg)}
 #impact .platform-cube{width:37px;height:37px}#impact .platform-cube img{width:27px;height:27px}#impact .cube-f{left:7%;top:14%}#impact .cube-i{right:5%;bottom:11%}#impact .sculpture-note{right:8%;bottom:0;font-size:7px}#impact .content-sculpture>.motion-caption{left:7%;bottom:0;font-size:7px}
 #impact .impact-words{position:relative;bottom:auto;left:auto;right:auto;padding-top:21px;margin-top:25px;gap:10px}#impact .impact-words b{font-size:18px;letter-spacing:-.6px}#impact .impact-words>i{font-size:20px}#impact .impact-words small{font-size:8px}
 #intelligence .stage{min-height:900px}#intelligence .intelligence-copy{position:relative;top:auto;left:auto;max-width:none;margin-top:39px}#intelligence .intelligence-copy h2{font-size:64px;letter-spacing:-3px}#intelligence .intelligence-copy>p{font-size:20px;margin-top:21px}#intelligence .intelligence-copy>small{font-size:8px;margin-top:16px}
 #intelligence .analysis-stack{position:relative;right:auto;top:auto;width:100%;height:342px;margin:42px 0 0;transform:none;perspective:none}
 #intelligence .analysis-card{padding:0;border:0;border-radius:0;box-shadow:none;transform:none}#intelligence .analysis-card-top{font-size:7px;letter-spacing:1px;padding-bottom:14px}#intelligence .analysis-card-top>span:first-child{font-size:10px}#intelligence .analysis-card h3{font-size:34px;margin-top:24px}#intelligence .analysis-card p{font-size:11px;line-height:1.8;margin-top:14px}
 #intelligence .research-mini{height:155px;min-height:0;margin-top:25px;gap:13px}#intelligence .research-mini img{height:155px;max-height:155px}
 #intelligence .keyword-art{margin-top:32px}#intelligence .keyword-art>span{font-size:8px}#intelligence .keyword-art>div{font-size:19px;padding:19px 0;margin-block:13px}#intelligence .keyword-art>div b{font-size:17px}
 #intelligence .audience-art{margin-top:41px;height:125px;gap:17px;padding-left:15px}#intelligence .audience-art i{width:31px;height:55px}#intelligence .audience-art i:before{width:21px;height:21px;left:5px;top:-24px}#intelligence .audience-art i:nth-child(3){height:75px}
 #intelligence .strategy-art{margin-top:42px;gap:12px}#intelligence .strategy-art span{font-size:22px;padding:18px 0;min-width:21%}#intelligence .strategy-art i{font-size:18px}
 #intelligence .analysis-stack>.motion-caption{bottom:-20px;font-size:7px}#intelligence .analysis-nav{position:relative;bottom:auto!important;left:auto;right:auto;margin-top:39px;gap:16px}#intelligence .analysis-nav button{display:block;font-size:8px;padding:18px 0}#intelligence .analysis-nav button span{font-size:13px;margin-top:9px}
 #work .stage{height:850px;min-height:100svh}#work .work-top{position:relative;top:auto;left:auto;right:auto;display:block;margin-top:36px}#work .work-top h2{font-size:35px;letter-spacing:-1.5px}#work .work-filters{margin-top:22px;gap:23px;font-size:9px}
 #work .work-carousel{top:278px;bottom:145px}#work .work-card{max-height:60svh;width:min(89vw,calc(60svh * var(--ratio,1)));transform:translate(-50%,-50%) translateX(calc(var(--slot)*104vw)) scale(var(--scale));border-radius:0;box-shadow:none}
 #work .work-caption{bottom:33px!important;gap:15px}#work .work-count{font-size:8px}#work .work-caption h3{font-size:14px;max-width:230px;margin-top:9px}#work .work-disclaimer{font-size:7px;max-width:none}#work .work-controls button{width:35px;height:34px;font-size:14px}
 #evidence .stage{min-height:1080px}#evidence .case-heading{position:relative;top:auto;left:auto;right:auto;display:block;margin-top:37px}#evidence .case-heading h2{font-size:39px;letter-spacing:-1.5px}#evidence .case-tabs{justify-content:start;max-width:none;margin-top:25px;gap:15px}#evidence .case-tabs button{font-size:8px;padding:9px 0}
 #evidence .case-body{position:relative;left:auto;right:auto;top:auto;bottom:auto!important;display:flex;gap:35px;margin-top:47px;align-items:stretch}#evidence .case-phones{max-height:none;height:350px;gap:16px;max-width:390px;width:100%;margin:auto;justify-content:center}#evidence .case-phone{max-width:185px;width:calc(50% - 8px);transform:none}#evidence .case-phone small{font-size:7px;top:-21px;letter-spacing:1px}#evidence .case-phone img{border:0;border-radius:0;box-shadow:none}#evidence .case-phone>span{font-size:12px;bottom:5px;right:5px;padding:5px 8px}
 #evidence .case-numbers>span{font-size:8px}#evidence .case-numbers h3{font-size:23px;margin-top:12px}#evidence .case-metric{padding-top:10px;gap:16px}#evidence .case-metric strong{font-size:39px}#evidence .case-metric:not(:first-child) strong{font-size:23px}#evidence .case-metric>span{font-size:10px}#evidence .case-numbers>p{font-size:10px;line-height:1.9;margin-top:18px}#evidence .case-numbers>a{font-size:10px;margin-top:17px}#evidence .case-footnote{position:relative;left:auto;bottom:auto!important;margin-top:28px;font-size:8px;line-height:1.8;max-width:none}
 #film .stage{min-height:100svh;background:#080b10}#film .film-copy{position:relative;top:auto;left:auto;max-width:none;margin-top:37px}#film .film-copy h2{font-size:42px;letter-spacing:-1.7px}#film .film-copy>p{font-size:11px;margin-top:20px}#film .film-play{margin-top:24px;font-size:11px;padding:11px 0}#film .film-full{font-size:10px;margin-left:23px}
 #film .film-frame{position:relative;top:auto;right:auto;bottom:auto!important;width:calc(100% + 12%);max-width:none;height:auto;margin:31px -6% 0;transform:none;max-height:none!important;border:0;border-radius:0;box-shadow:none;aspect-ratio:1080/1020}#film .film-frame video{border-radius:0}#film .film-reference{position:relative;right:auto;bottom:auto!important;display:block;font-size:7px;text-align:left;line-height:1.8;margin-top:17px}#film .film-motion-strip{left:6%;right:6%;top:10px}
 #contact .stage{height:100svh;min-height:760px}#contact .closing-small{position:relative;top:auto;left:auto;margin-top:65px;font-size:16px}#contact h2{position:relative;top:auto;left:auto;margin-top:28px;font-size:clamp(61px,17vw,102px);letter-spacing:-1.3px;line-height:.98}#contact .closing-contact{position:relative;top:auto;right:auto;width:fit-content;max-width:none;margin-top:35px;gap:24px}#contact .closing-contact>span{font-size:13px}#contact .closing-contact>i{width:53px;height:53px;font-size:26px}
 #contact .closing-process{bottom:110px!important;font-size:11px;padding:21px 0;gap:12px}#contact footer{font-size:8px;bottom:29px;gap:17px;letter-spacing:0}
 .presenting #impact .impact-words{bottom:auto}.presenting #work .stage{height:920px}.presenting #work .work-caption{bottom:105px!important}.presenting #work .work-carousel{bottom:220px}.presenting #film .film-frame{width:calc(100% + 12%);transform:none}.presenting #contact .stage{min-height:830px}.presenting #contact .closing-process{bottom:177px!important}
}
@media(prefers-reduced-motion:reduce){#impact .content-sculpture{transform:none}#intelligence .analysis-card{transition:none}}