/* Asban visual-first case-study template 3 v1.0 */
.portfolio-page--template-3{--c3-paper:#f8f6f2;--c3-muted:rgba(248,246,242,.62);--c3-purple:#8000ff;--c3-pink:#dd00ff;--c3-cyan:#72e7ff;--c3-ease:cubic-bezier(.16,1,.3,1);background:#02030b}
.portfolio-page--template-3 .case-main{overflow:clip;background:radial-gradient(circle at 76% 5%,rgba(128,0,255,.14),transparent 23%),linear-gradient(180deg,#02030b,#050613 44%,#02030b)}
.portfolio-page--template-3 .case-main::before{opacity:.1;background-size:72px 72px}.portfolio-page--template-3 .case-study{overflow:hidden}
.portfolio-page--template-3 .case-shell{width:min(1840px,calc(100vw - clamp(36px,7vw,144px)))}
.case3-hero{position:relative;min-height:max(900px,100svh);padding:clamp(108px,11vh,150px) 0 clamp(42px,5vh,70px);overflow:hidden;background:radial-gradient(circle at 74% 34%,rgba(93,19,204,.24),transparent 32%),linear-gradient(132deg,#02030b,#050716 57%,#02030c);isolation:isolate}
.case3-hero::before{position:absolute;inset:0;z-index:-3;content:"";opacity:.42;background-image:radial-gradient(circle,rgba(158,101,255,.7) 0 1px,transparent 1.25px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 72% 44%,#000 0 8%,transparent 57%)}
.case3-hero::after{position:absolute;right:-14vw;top:12%;z-index:-2;width:min(75vw,1280px);aspect-ratio:1;content:"";border:1px solid rgba(182,93,255,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(133,38,236,.025),0 0 0 160px rgba(133,38,236,.018)}
.case3-hero__ghost,.case3-results__ghost{position:absolute;z-index:-1;margin:0;color:transparent;font-weight:750;letter-spacing:-.085em;line-height:.72;text-transform:uppercase;-webkit-text-stroke:1px rgba(200,131,255,.075);white-space:nowrap}
.case3-hero__ghost{right:-.04em;bottom:-.18em;font-size:clamp(8rem,17.6vw,24rem)}
.case3-hero__stage{position:relative;display:grid;grid-template-columns:minmax(390px,.72fr) minmax(620px,1.28fr);grid-template-areas:"crumb crumb" "note note" "copy visual" "rail rail";gap:0 clamp(30px,4vw,76px);align-items:center;min-height:calc(100svh - clamp(170px,18vh,230px))}
.case3-hero .case-breadcrumb{grid-area:crumb;margin:0 0 clamp(20px,2.4vh,34px)}
.case3-note{grid-area:note;display:flex;gap:1rem;align-items:center;width:max-content;max-width:100%;padding:.62rem .8rem;margin-bottom:clamp(24px,3.8vh,50px);color:rgba(255,255,255,.55);background:rgba(5,6,17,.46);border-left:2px solid var(--c3-cyan);font-size:.6rem;line-height:1.45}.case3-note strong{color:#d7a1ff;letter-spacing:.12em;text-transform:uppercase}
.case3-hero__copy{position:relative;z-index:5;grid-area:copy;align-self:center;padding-bottom:clamp(34px,4vh,58px)}.case3-hero__copy .case-kicker{margin-bottom:clamp(22px,3vh,38px)}
.case3-hero__copy h1{max-width:10.2ch;padding:0 0 .11em;margin:0;color:var(--c3-paper);font-size:clamp(4.7rem,6.35vw,8.5rem);font-weight:520;letter-spacing:-.065em;line-height:.92;overflow:visible;text-wrap:balance}
.case3-hero__copy h1 em,.case3-statement h2 em,.case3-experience h2 em,.case3-system h2 em,.case3-mosaic h2 em,.case3-ownership h2 em,.case3-results h2 em,.case3-close h2 em{color:transparent;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;background:linear-gradient(100deg,var(--c3-purple),var(--c3-pink));background-clip:text;-webkit-background-clip:text}
.case3-hero__copy h1 em{display:block;padding:0 .03em .12em 0;font-size:1.05em;line-height:.98}.case3-hero__lede{max-width:570px;margin:clamp(24px,3vh,38px) 0 0;color:var(--c3-muted);font-size:clamp(.86rem,.86vw,1rem);line-height:1.75}.case3-hero__copy .case-actions{margin-top:clamp(26px,3.5vh,44px)}
.case3-hero__visual{position:relative;grid-area:visual;min-height:clamp(570px,67vh,820px);margin:0;transform-style:preserve-3d}.case3-hero__visual::before{position:absolute;inset:5% -5% -4% 8%;z-index:-1;content:"";opacity:.7;background:radial-gradient(circle,rgba(128,0,255,.18),transparent 61%);border:1px solid rgba(173,88,255,.14);border-radius:50%;animation:c3orbit 20s linear infinite}
.case3-hero__visual::after{position:absolute;right:3%;bottom:8%;z-index:-1;width:46%;height:38%;content:"";background:#7d16ef;filter:blur(110px);opacity:.17}
.case3-hero__screen{position:absolute;inset:3% 1% 9% 4%;overflow:hidden;clip-path:polygon(4% 0,100% 0,96% 100%,0 94%);background:#080916;filter:drop-shadow(0 50px 65px rgba(0,0,0,.48))}
.case3-hero__screen::before{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(110deg,rgba(2,3,11,.08),transparent 45%),linear-gradient(180deg,transparent 48%,rgba(2,3,11,.72));box-shadow:inset 0 0 0 1px rgba(230,200,255,.2)}
.case3-hero__screen img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.72);transform:scale(1.02);transition:filter .7s,transform 1.2s var(--c3-ease)}.case3-hero__visual:hover .case3-hero__screen img{filter:saturate(1) brightness(.78);transform:scale(1.055)}
.case3-hero__screen-ui{position:absolute;inset:8% 8% auto;z-index:3;display:flex;justify-content:space-between;color:rgba(255,255,255,.68);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.case3-hero__screen-ui span:first-child::before{display:inline-block;width:7px;height:7px;margin-right:.55rem;content:"";background:var(--c3-cyan);border-radius:50%;box-shadow:0 0 18px var(--c3-cyan)}
.case3-hero__screen-copy{position:absolute;left:8%;bottom:12%;z-index:3;max-width:530px}.case3-hero__screen-copy span,.case3-browser__copy span{color:#d986ff;font-size:.59rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.case3-hero__screen-copy strong{display:block;max-width:12ch;margin:.65rem 0 0;color:#fff;font-size:clamp(1.8rem,2.3vw,3.3rem);font-weight:500;letter-spacing:-.05em;line-height:1}
.case3-hero__phone{position:absolute;right:-1%;bottom:1%;z-index:6;width:clamp(118px,16%,205px);height:66%;overflow:hidden;background:#080914;border:7px solid #090a13;border-radius:clamp(24px,2vw,40px);box-shadow:0 35px 95px rgba(0,0,0,.68),0 0 0 1px rgba(218,169,255,.32),0 0 65px rgba(128,0,255,.22);transform:rotate(3deg)}.case3-hero__phone::before,.case3-phone::before{position:absolute;top:8px;left:50%;z-index:2;width:34%;height:12px;content:"";background:#05060c;border-radius:999px;transform:translateX(-50%)}.case3-hero__phone img,.case3-phone img{width:100%;height:100%;object-fit:cover;object-position:50% 7%;filter:saturate(.75) brightness(.64)}
.case3-hero__caption{position:absolute;right:20%;bottom:2%;z-index:7;display:grid;gap:.3rem;max-width:250px;color:rgba(255,255,255,.48);font-size:.57rem;line-height:1.5}.case3-hero__caption strong{color:#fff;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}
.case3-meta{grid-area:rail;display:grid;grid-template-columns:1.1fr repeat(5,1fr);margin-top:clamp(12px,2vh,28px);border-block:1px solid rgba(255,255,255,.13)}.case3-meta>div{min-height:86px;padding:1.15rem clamp(12px,1.5vw,24px);border-right:1px solid rgba(255,255,255,.09)}.case3-meta>div:first-child{padding-left:0}.case3-meta>div:last-child{border:0}.case3-meta dt{color:rgba(255,255,255,.38);font-size:.54rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.case3-meta dd{margin:.55rem 0 0;color:#fff;font-size:clamp(.74rem,.77vw,.9rem);line-height:1.4}
.case3-marquee{display:flex;width:max-content;padding:clamp(26px,3.2vw,52px) 0;color:rgba(219,144,255,.085);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(5.5rem,11vw,14rem);font-style:italic;letter-spacing:-.045em;line-height:.7;white-space:nowrap;animation:c3marquee 24s linear infinite}.case3-marquee span{padding-right:.35em}.case3-marquee b{color:transparent;font-weight:400;-webkit-text-stroke:1px rgba(215,112,255,.18)}
.case3-statement,.case3-system,.case3-results{position:relative;padding:clamp(110px,13vw,230px) 0}.case3-statement__head,.case3-system__head,.case3-results__head{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(40px,7vw,130px);align-items:start}
.case3-statement h2,.case3-system h2,.case3-results h2{max-width:13ch;padding-bottom:.1em;margin:0;color:#fff;font-size:clamp(3.6rem,6.4vw,8.4rem);font-weight:480;letter-spacing:-.06em;line-height:.94}
.case3-statement__copy{display:grid;grid-template-columns:minmax(260px,1.15fr) repeat(3,minmax(160px,.8fr));gap:0 clamp(26px,3.4vw,62px);margin-top:clamp(70px,8vw,130px);border-top:1px solid rgba(255,255,255,.14)}.case3-statement__copy>p{max-width:560px;padding:clamp(28px,3vw,48px) 0 0;margin:0;color:rgba(255,255,255,.7);font-size:clamp(.88rem,1vw,1.08rem);line-height:1.75}.case3-statement__copy>div{padding:clamp(28px,3vw,48px) 0 0 clamp(20px,2vw,36px);border-left:1px solid rgba(255,255,255,.1)}.case3-statement__copy span,.case3-ownership__columns span{color:#c678ff;font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.case3-statement__copy strong{display:block;margin:1rem 0 0;color:#fff;font-size:clamp(1.15rem,1.5vw,1.75rem);font-weight:520;letter-spacing:-.035em;line-height:1.1}.case3-statement__copy small{display:block;margin:.75rem 0 0;color:rgba(255,255,255,.48);font-size:.7rem;line-height:1.65}
.case3-experience{position:relative;min-height:clamp(900px,110vw,1650px);padding:clamp(90px,9vw,150px) 0;background:linear-gradient(180deg,transparent,rgba(15,7,35,.46) 44%,transparent)}.case3-experience__head{position:relative;z-index:7;display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(30px,6vw,110px);align-items:end}.case3-experience h2,.case3-mosaic h2{max-width:11ch;padding-bottom:.08em;margin:0;color:#fff;font-size:clamp(3.5rem,6.7vw,8.8rem);font-weight:480;letter-spacing:-.065em;line-height:.91}.case3-experience__head p,.case3-mosaic__head p{max-width:520px;margin:0;color:var(--c3-muted);font-size:.86rem;line-height:1.72}
.case3-experience__stage{position:relative;min-height:clamp(620px,65vw,1120px);margin-top:clamp(70px,8vw,130px)}.case3-browser.case-gallery__frame{position:absolute;top:0;right:-3.5vw;width:min(77vw,1430px);aspect-ratio:16/9;margin:0;overflow:hidden;background:#05060d;border:1px solid rgba(235,210,255,.34);border-radius:clamp(22px,2.2vw,36px);box-shadow:0 55px 150px rgba(0,0,0,.56),0 0 120px rgba(126,34,221,.14);transform-style:preserve-3d}.case3-browser::before{position:absolute;inset:0;z-index:3;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(2,3,11,.75));box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}.case3-browser__bar{position:absolute;inset:0 0 auto;z-index:4;display:flex;gap:7px;align-items:center;height:clamp(34px,3.2vw,52px);padding-inline:clamp(14px,1.4vw,24px);background:rgba(7,8,18,.9);border-bottom:1px solid rgba(255,255,255,.09)}.case3-browser__bar i{width:7px;height:7px;background:rgba(212,140,255,.25);border:1px solid rgba(232,197,255,.5);border-radius:50%}.case3-browser__bar span{margin-left:auto;color:rgba(255,255,255,.36);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}.case3-browser>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.66);transition:filter .7s,transform 1.2s var(--c3-ease)}.case3-browser:hover>img{filter:saturate(.96) brightness(.72);transform:scale(1.025)}.case3-browser__copy{position:absolute;left:6%;bottom:8%;z-index:5}.case3-browser__copy strong{display:block;max-width:13ch;margin:.75rem 0 0;color:#fff;font-size:clamp(2rem,3.2vw,4.6rem);font-weight:500;letter-spacing:-.055em;line-height:.98}
.case3-phone.case-gallery__phone{position:absolute;left:3%;bottom:0;z-index:6;width:clamp(145px,17vw,300px);height:72%;overflow:hidden;background:#060710;border:8px solid #080910;border-radius:clamp(28px,3vw,48px);box-shadow:0 48px 120px rgba(0,0,0,.72),0 0 0 1px rgba(225,185,255,.38),0 0 68px rgba(129,27,226,.22);transform:rotate(-2deg);transform-style:preserve-3d}.case3-experience__annotation{position:absolute;left:0;top:15%;z-index:7;display:grid;gap:2.2rem;width:min(220px,16vw)}.case3-experience__annotation p{padding-top:1rem;margin:0;color:rgba(255,255,255,.48);border-top:1px solid rgba(255,255,255,.14);font-size:.63rem;line-height:1.6}.case3-experience__annotation strong{display:block;margin-bottom:.4rem;color:#fff;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.case3-system::before{position:absolute;inset:8% 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(174,75,255,.46),transparent)}.case3-system__intro,.case3-results__intro{max-width:580px;color:var(--c3-muted);font-size:.86rem;line-height:1.75}.case3-flow{position:relative;min-height:clamp(580px,43vw,800px);margin-top:clamp(85px,9vw,150px)}.case3-flow__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.case3-flow__svg path{fill:none;stroke:url(#case3FlowGradient);stroke-width:1.2;stroke-dasharray:8 12;opacity:.62;animation:c3dash 18s linear infinite}.case3-flow__svg circle{fill:#080916;stroke:#b558ff;stroke-width:1.4}.case3-flow__core{position:absolute;left:50%;top:50%;display:grid;width:clamp(155px,12vw,220px);aspect-ratio:1;margin:0;place-items:center;text-align:center;background:radial-gradient(circle,rgba(128,0,255,.22),rgba(7,8,21,.84) 64%,transparent 65%);border:1px solid rgba(195,101,255,.28);border-radius:50%;box-shadow:0 0 85px rgba(128,0,255,.18);transform:translate(-50%,-50%)}.case3-flow__core span{color:#cb76ff;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}.case3-flow__core strong{display:block;font-size:clamp(1.25rem,1.6vw,1.9rem);font-weight:540}.case3-flow__node{position:absolute;width:min(260px,17vw);padding-top:1rem;border-top:1px solid rgba(255,255,255,.18)}.case3-flow__node b{color:#c978ff;font-size:.55rem;letter-spacing:.13em}.case3-flow__node strong{display:block;margin:.55rem 0 0;color:#fff;font-size:clamp(.95rem,1.25vw,1.35rem);font-weight:530}.case3-flow__node small{display:block;margin:.55rem 0 0;color:rgba(255,255,255,.45);font-size:.65rem;line-height:1.55}.case3-flow__node--one{top:1%;left:3%}.case3-flow__node--two{top:3%;right:4%}.case3-flow__node--three{top:45%;left:0}.case3-flow__node--four{top:47%;right:0}.case3-flow__node--five{bottom:0;left:16%}.case3-flow__node--six{right:15%;bottom:0}
.case3-mosaic{padding:clamp(80px,9vw,150px) 0 clamp(120px,13vw,220px)}.case3-mosaic__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:clamp(55px,7vw,110px)}.case3-mosaic__grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr);grid-template-rows:minmax(250px,.8fr) minmax(330px,1.2fr);gap:clamp(14px,2vw,30px);min-height:clamp(760px,64vw,1180px)}.case3-mosaic figure{position:relative;margin:0;overflow:hidden;background:#070812}.case3-mosaic figure::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 55%,rgba(2,3,11,.78))}.case3-mosaic figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.68);transition:filter .6s,transform 1.1s var(--c3-ease)}.case3-mosaic figure:hover img{filter:saturate(.94) brightness(.75);transform:scale(1.035)}.case3-mosaic figcaption{position:absolute;inset:auto clamp(20px,2.5vw,42px) clamp(20px,2.5vw,38px);z-index:3;display:flex;justify-content:space-between;align-items:end;color:#fff}.case3-mosaic figcaption span{color:#d17cff;font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.case3-mosaic figcaption strong{max-width:16ch;font-size:clamp(1.25rem,1.9vw,2.4rem);font-weight:500;letter-spacing:-.04em;line-height:1}.case3-mosaic__primary{grid-row:1/3;clip-path:polygon(0 4%,96% 0,100% 95%,4% 100%)}.case3-mosaic__secondary{clip-path:polygon(4% 0,100% 5%,96% 100%,0 94%)}.case3-mosaic__tertiary{clip-path:polygon(0 3%,96% 0,100% 96%,5% 100%)}
.case3-ownership{position:relative;min-height:max(800px,94svh);display:grid;align-items:center;overflow:hidden;isolation:isolate}.case3-ownership__media{position:absolute;inset:0;margin:0}.case3-ownership__media::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(2,3,11,.94),rgba(2,3,11,.58) 50%,rgba(2,3,11,.2)),linear-gradient(180deg,rgba(2,3,11,.2),rgba(2,3,11,.78))}.case3-ownership__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.58)}.case3-ownership__content{position:relative;z-index:2;padding:clamp(110px,13vw,210px) 0}.case3-ownership h2,.case3-close h2{max-width:11ch;padding-bottom:.1em;margin:clamp(24px,3vw,42px) 0 0;color:#fff;font-size:clamp(4.2rem,8.3vw,11rem);font-weight:480;letter-spacing:-.07em;line-height:.87}.case3-ownership h2 em,.case3-close h2 em{display:block;line-height:1}.case3-ownership__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(25px,4vw,70px);max-width:1130px;margin-top:clamp(70px,8vw,125px)}.case3-ownership__columns div{padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.25)}.case3-ownership__columns strong{display:block;margin:.85rem 0 0;color:#fff;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:530}.case3-ownership__columns p{margin:.75rem 0 0;color:rgba(255,255,255,.58);font-size:.7rem;line-height:1.65}
.case3-results{overflow:hidden}.case3-results__ghost{left:-.04em;top:.05em;font-size:clamp(10rem,28vw,34rem)}.case3-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(80px,9vw,150px);border-block:1px solid rgba(255,255,255,.16)}.case3-metrics>div{min-height:300px;padding:clamp(30px,3.3vw,55px);border-right:1px solid rgba(255,255,255,.11)}.case3-metrics>div:first-child{padding-left:0}.case3-metrics>div:last-child{border:0}.case3-metrics data{display:block;color:#fff;font-size:clamp(3.4rem,5vw,6.8rem);font-weight:430;letter-spacing:-.065em;line-height:1}.case3-metrics strong{display:block;margin:clamp(36px,4vw,62px) 0 0;color:#d174ff;font-size:.59rem;letter-spacing:.14em;text-transform:uppercase}.case3-metrics p{max-width:240px;margin:.85rem 0 0;color:rgba(255,255,255,.48);font-size:.68rem;line-height:1.6}.case3-quote{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,4vw,70px);padding:clamp(55px,7vw,105px) 0;margin:clamp(50px,6vw,95px) 0 0;border-bottom:1px solid rgba(255,255,255,.14)}.case3-quote>span{color:#a72fff;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(6rem,9vw,11rem);line-height:.7}.case3-quote blockquote{max-width:1050px;margin:0;color:rgba(255,255,255,.84);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.8rem,3.1vw,4rem);font-style:italic;line-height:1.22}.case3-quote figcaption{align-self:end;color:rgba(255,255,255,.5);font-size:.65rem;line-height:1.6;text-align:right}.case3-quote figcaption strong{display:block;color:#fff}
.case3-close{position:relative;min-height:max(720px,84svh);display:grid;align-items:center;overflow:hidden;isolation:isolate}.case3-close::before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,rgba(2,3,11,.92),rgba(2,3,11,.42) 52%,rgba(2,3,11,.7)),url("../assets/heroes/hero-community-campaign-studio.jpg") center/cover no-repeat;filter:saturate(.78)}.case3-close::after{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(circle at 76% 50%,rgba(142,28,238,.2),transparent 36%)}.case3-close__content{padding:clamp(100px,12vw,200px) 0}.case3-close p:not(.case-kicker){max-width:620px;color:rgba(255,255,255,.65);font-size:.86rem;line-height:1.72}.case3-close .case-actions{margin-top:clamp(28px,4vw,48px)}
.case3-next{display:flex;justify-content:space-between;align-items:center;min-height:130px;color:#fff;border-top:1px solid rgba(255,255,255,.15)}.case3-next span{color:#c878ff;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.case3-next strong{display:block;margin:.45rem 0 0;font-size:clamp(1.5rem,2.4vw,3rem);font-weight:500;letter-spacing:-.04em}.case3-next i{display:grid;width:58px;height:58px;font-style:normal;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;transition:.5s var(--c3-ease)}.case3-next:hover i{background:linear-gradient(135deg,var(--c3-purple),var(--c3-pink));transform:translateX(7px)}
@keyframes c3orbit{to{transform:rotate(1turn)}}@keyframes c3dash{to{stroke-dashoffset:-240}}@keyframes c3marquee{to{transform:translateX(-50%)}}
@media(min-width:2200px){.portfolio-page--template-3 .case-shell{width:min(2200px,88vw)}.case3-hero__stage{grid-template-columns:minmax(620px,.78fr) minmax(1050px,1.22fr)}.case3-hero__copy h1{font-size:9.4rem}.case3-hero__visual{min-height:940px}.case3-experience__stage{min-height:1300px}.case3-flow{min-height:920px}.case3-mosaic__grid{min-height:1320px}.case3-metrics>div{min-height:390px}}
@media(max-width:1280px){.case3-hero__stage{grid-template-columns:minmax(350px,.7fr) minmax(550px,1.3fr)}.case3-hero__visual{min-height:560px}.case3-meta{grid-template-columns:repeat(3,1fr)}.case3-meta>div:nth-child(3){border-right:0}.case3-meta>div:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.09)}.case3-statement__copy{grid-template-columns:1fr 1fr}.case3-statement__copy>p{grid-column:1/-1;padding-bottom:30px}.case3-statement__copy>div:first-of-type{border-left:0;padding-left:0}.case3-metrics>div{min-height:260px}}
@media(max-width:1050px){.case3-hero{min-height:0}.case3-hero__stage{grid-template-columns:1fr;grid-template-areas:"crumb" "note" "copy" "visual" "rail";min-height:0}.case3-note{width:100%}.case3-hero__copy{max-width:820px}.case3-hero__copy h1{max-width:11ch;font-size:clamp(5.2rem,10vw,7.8rem)}.case3-hero__visual{min-height:690px;margin-top:35px}.case3-meta{margin-top:55px}.case3-statement__head,.case3-experience__head,.case3-system__head,.case3-results__head{grid-template-columns:1fr;gap:28px}.case3-browser.case-gallery__frame{right:-7vw;width:92vw}.case3-experience__annotation{display:none}.case3-mosaic__head{display:grid;gap:30px}.case3-metrics{grid-template-columns:repeat(2,1fr)}.case3-metrics>div:nth-child(2){border-right:0}.case3-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.11)}.case3-quote{grid-template-columns:auto 1fr}.case3-quote figcaption{grid-column:2;text-align:left}.case3-ownership__columns{grid-template-columns:1fr 1fr}.case3-ownership__columns>div:last-child{grid-column:1/-1}}
@media(max-width:760px){.portfolio-page--template-3 .case-shell{width:calc(100vw - 30px)}.case3-hero{padding:100px 0 52px}.case3-hero__copy h1{font-size:clamp(3.55rem,15.8vw,5.35rem);line-height:.96}.case3-note{display:grid;font-size:.57rem}.case3-hero__visual{min-height:440px;margin-top:22px}.case3-hero__screen{inset:2% 0 10%}.case3-hero__screen-copy strong{font-size:clamp(1.45rem,7vw,2.25rem)}.case3-hero__phone{right:1%;height:62%;width:24%;border-width:5px}.case3-hero__caption{display:none}.case3-meta{grid-template-columns:1fr 1fr;margin-top:35px}.case3-meta>div{min-height:72px;border-right:1px solid rgba(255,255,255,.09)!important;border-bottom:1px solid rgba(255,255,255,.09)}.case3-meta>div:nth-child(even){border-right:0!important}.case3-meta>div:nth-last-child(-n+2){border-bottom:0}.case3-meta dd{font-size:.72rem}.case3-marquee{font-size:5rem}.case3-statement,.case3-system,.case3-results{padding:100px 0 120px}.case3-statement h2,.case3-experience h2,.case3-system h2,.case3-mosaic h2,.case3-results h2{font-size:clamp(3.1rem,13.6vw,4.75rem);line-height:.99}.case3-statement__copy{grid-template-columns:1fr;margin-top:60px}.case3-statement__copy>div,.case3-statement__copy>div:first-of-type{padding:24px 0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.case3-experience{min-height:790px;padding:85px 0}.case3-experience__stage{min-height:440px;margin-top:55px}.case3-browser.case-gallery__frame{right:-20vw;width:108vw;border-radius:18px}.case3-browser__copy strong{font-size:1.65rem}.case3-phone.case-gallery__phone{left:0;width:28vw;height:72%;border-width:5px}.case3-flow{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px;min-height:0;margin-top:70px;padding-top:190px}.case3-flow__svg{display:none}.case3-flow__core{top:0;width:155px;transform:translate(-50%,0)}.case3-flow__node,.case3-flow__node--one,.case3-flow__node--two,.case3-flow__node--three,.case3-flow__node--four,.case3-flow__node--five,.case3-flow__node--six{position:static;width:auto}.case3-mosaic{padding:70px 0 120px}.case3-mosaic__grid{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(330px,62vh));min-height:0}.case3-mosaic__primary{grid-row:auto}.case3-mosaic figure{clip-path:none;border-radius:18px}.case3-mosaic figcaption{display:grid;gap:.5rem}.case3-ownership{min-height:900px}.case3-ownership h2,.case3-close h2{font-size:clamp(4rem,17vw,6.8rem);line-height:.92}.case3-ownership__columns{grid-template-columns:1fr;margin-top:60px}.case3-ownership__columns>div:last-child{grid-column:auto}.case3-metrics{grid-template-columns:1fr}.case3-metrics>div{min-height:230px;padding:30px 0;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.11)}.case3-metrics>div:last-child{border-bottom:0}.case3-quote{grid-template-columns:1fr;padding:50px 0}.case3-quote>span{font-size:6rem}.case3-quote figcaption{grid-column:1}.case3-close{min-height:760px}.case3-next{min-height:110px}.case3-next i{width:50px;height:50px}}
@media(max-width:430px){.case3-hero__visual{min-height:390px}.case3-hero__phone{width:27%;height:58%}.case3-meta{grid-template-columns:1fr}.case3-meta>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.case3-meta>div:last-child{border-bottom:0!important}.case3-flow{grid-template-columns:1fr;padding-top:175px}.case3-browser.case-gallery__frame{right:-30vw;width:128vw}.case3-phone.case-gallery__phone{width:32vw}.case3-mosaic__grid{grid-template-rows:repeat(3,minmax(300px,54vh))}}
@media(prefers-reduced-motion:reduce){.case3-hero__visual::before,.case3-marquee,.case3-flow__svg path{animation:none!important}.case3-hero__screen img,.case3-browser>img,.case3-mosaic img{transition:none!important;transform:none!important}.case3-browser.case-gallery__frame,.case3-phone.case-gallery__phone{transform:none!important}}
.portfolio-page--template-3 .case-study.is-static [data-case-intro],.portfolio-page--template-3 .case-study.is-static [data-case-reveal]{opacity:1!important;transform:none!important}