/* V4 — the original identity as an object; editorial, scroll-driven case studies. */
.identity-hero{height:165svh;--identity-p:0;--copy-out:0;--payoff:0;--object-shift:0}
.identity-stage{min-height:640px;isolation:isolate}
.identity-topline{position:relative;z-index:3}
.identity-layout{gap:0;position:relative;z-index:2}
.identity-copy{position:relative;z-index:3;transform:translateY(calc(var(--copy-out)*-36px));opacity:calc(1 - var(--copy-out));pointer-events:auto}
.identity-copy h1{font-weight:500;font-size:clamp(66px,6.9vw,113px);letter-spacing:-.067em;line-height:1.02}
.identity-copy h1 .headline-line{display:block;color:var(--white);transform:translateX(calc(var(--copy-out)*-28px));}
.identity-copy h1 .headline-line:nth-child(2){transform:translateX(calc(var(--copy-out)*-42px))}
.identity-copy h1 .headline-line.accent{color:var(--yellow);transform:translateX(calc(var(--copy-out)*-56px))}
.identity-art{max-width:none;width:114%;margin:0 -5% 0 0;position:relative;transform:translateX(calc(var(--object-shift)*-22vw)) translateY(calc(var(--object-shift)*-28px)) scale(calc(1 - var(--object-shift)*.22));z-index:2}
.identity-object{height:min(60svh,630px);min-height:400px;position:relative;background:radial-gradient(ellipse at 51% 52%,#e3c77905,transparent 61%)}
.identity-object:after{content:'';position:absolute;left:20%;right:18%;bottom:1%;height:8%;border-radius:50%;background:#0007;filter:blur(15px);transform:scaleX(calc(1 - var(--object-shift)*.2));z-index:-1}
#brand-object{width:100%;height:100%;display:block;position:relative;opacity:0;transition:opacity .2s}
.object-fallback{position:absolute;inset:10% 15%;display:grid;place-items:center}
.object-fallback .identity-mark{width:100%;height:100%;max-height:450px}
.motion-ready .object-ready #brand-object{opacity:1}
.motion-ready .object-ready .object-fallback{visibility:hidden}
.identity-art figcaption{margin:0 12% 0 18%;display:flex;align-items:center;font:9px/1.8 Space,sans-serif;letter-spacing:.12em;color:#91978e;opacity:calc(1 - var(--copy-out))}
.identity-art figcaption b{font-weight:400;color:#d2d5cb}
.object-coordinate{font:30px Manrope,sans-serif;color:var(--yellow);letter-spacing:-.07em}
.identity-payoff{position:absolute;z-index:1;inset:0 5%;opacity:var(--payoff);transform:translateY(calc((1 - var(--payoff))*28px));pointer-events:none;line-height:.92;font-size:clamp(64px,8.2vw,140px);font-weight:500;letter-spacing:-.075em}
.identity-payoff>span{display:block;position:absolute;top:17%;left:0}.identity-payoff>span+span{top:auto;bottom:17%;right:0;left:auto;margin:0;text-align:right}.identity-payoff em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d5d9cf99}
.identity-bottom{position:relative;z-index:3;font-size:10px;gap:20px;padding-right:95px}.identity-bottom>span:nth-child(2){display:block}
.identity-chapters{display:flex;gap:25px;font:9px Space,sans-serif;color:#92988f}.identity-chapters>span{transition:color .3s}.identity-chapters>span.active{color:var(--yellow)}
.identity-bottom>a{white-space:nowrap}.identity-scroll{font-size:10px}.identity-bottom>a span{margin-left:12px}
.identity-scroll i:after{animation:scroll-nudge 1.8s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(7px);opacity:1}}
.motion-ready .intro h2 .read-word{color:#7b7e74;transition:color .16s}.motion-ready .intro h2 .read-word.lit{color:#141714}
.capabilities{background:#171a18}.capabilities-layout{gap:10%}.capability{position:relative;padding:48px 0;transition:opacity .45s,transform .6s}.capability:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--yellow);transform:scaleX(var(--cap-line,0));transform-origin:left;transition:transform .4s}
.motion-ready .capability{opacity:.68}.motion-ready .capability.is-active{opacity:1}.capability-number{font-size:13px}.capability-reel{margin-top:36px;overflow:hidden;height:115px;position:relative}.capability-reel>div{transition:transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(calc(var(--cap-index,0)*-84px))}.capability-reel span{display:block;height:84px;font:600 clamp(45px,5.5vw,85px)/1 Manrope,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #d4b44e80}.capability-reel small{position:absolute;bottom:0;left:0;background:#171a18;width:100%;padding-top:10px;font:9px Space,sans-serif;letter-spacing:.13em;color:#999e94}.capability-reel b{color:var(--yellow);font-weight:400}
.motion-ready .work-panel-image:not(.faffin) img{transform:scale(calc(1.02 + var(--panel-distance,0)*.12)) translateX(calc(var(--panel-offset,0)*-20px));will-change:transform}.work-panel-copy{transform:translateX(calc(var(--panel-offset,0)*30px))}.journal-list>article{position:relative;transition:padding .4s,background .4s}.journal-list>article:hover{padding-left:20px;background:#ffffff04}.journal-arrow{transition:transform .4s}.journal-list>article:hover .journal-arrow{transform:rotate(45deg)}
/* Case study: an image aperture opens from an editorial cover into a full scene. */
.project-page #main{padding-top:0;background:var(--white)}
.case-experience{--case-p:0;color:#f4f3eb;background:var(--case-bg)}
.case-cinematic{height:175svh;position:relative}
.case-cinematic-stage{height:100svh;min-height:680px;position:sticky;top:0;isolation:isolate;overflow:hidden}
.case-hero-top{position:absolute;top:122px;left:5%;right:5%;width:auto;display:flex;justify-content:space-between;z-index:5;font:10px Space,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.case-hero-top a{border-bottom:1px solid #ffffff50;padding-bottom:8px}.case-hero-top span{color:#e1e1d3}
.case-visual{position:absolute;inset:calc((1 - var(--case-p))*var(--ap-top,22%)) calc((1 - var(--case-p))*5%) calc((1 - var(--case-p))*var(--ap-bottom,14%)) calc((1 - var(--case-p))*var(--ap-left,45%));overflow:hidden;background:var(--case-bg);z-index:0}
.case-visual>.brand-photo{width:100%;height:100%;object-fit:cover;object-position:65% 35%;transform:scale(calc(1.08 - var(--case-p)*.08))}
.case-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#000b);opacity:calc(.15 + var(--case-p)*.85)}
.case-hero-copy{position:absolute;z-index:2;left:5%;width:90%;bottom:14%;pointer-events:none;transform:translateY(calc(var(--case-p)*-20px))}
.case-sector{display:block;font:10px Space,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--case-accent);margin-bottom:25px}
.case-hero-copy h1{font-size:clamp(65px,9.8vw,160px);font-weight:500;line-height:.96;letter-spacing:-.07em;max-width:90%;text-wrap:balance;text-shadow:0 2px 30px #0001}
.case-hero-copy>p{font-size:14px;max-width:370px;line-height:1.8;color:#ecece1;margin-top:28px;opacity:calc(1 - var(--case-p));transform:translateY(calc(var(--case-p)*20px))}
.case-hero-copy>.project-link{width:max-content;max-width:100%;font-size:11px;gap:30px;margin-top:15px;pointer-events:auto;opacity:calc(1 - var(--case-p));color:white}
.case-hero-bottom{position:absolute;left:5%;width:90%;bottom:35px;display:flex;align-items:center;gap:35px;font:10px Space,sans-serif;z-index:4;letter-spacing:.05em;padding-right:110px}
.case-hero-bottom a{display:flex;align-items:center;gap:50px;white-space:nowrap}.case-hero-bottom a>span{font-size:22px;color:var(--case-accent)}.case-scroll-label{margin-left:auto;font-size:8px}.case-scroll-line{width:100px;height:1px;background:#ffffff40;position:relative}.case-scroll-line:after{content:'';position:absolute;inset:0;transform:scaleX(var(--case-p));background:var(--case-accent);transform-origin:left}
.case-spec{padding:32px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;background:var(--case-bg)}.case-spec>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.case-spec .case-services{display:flex;flex-wrap:wrap;gap:10px 25px}.case-spec .case-services span{font-size:10px;color:#eee}.case-spec>.wrap>span{font:8px Space,sans-serif;letter-spacing:.1em;color:var(--case-accent);max-width:180px;flex-shrink:0;text-align:right}
.case-note{color:#64675e;background:var(--white);width:100%;max-width:none;padding:0 5%}.case-note:empty{display:none}.case-note .presentation-note{margin:0;padding-top:25px;color:#64675e;font-size:10px}
.case-editorial.wrap{background:var(--white);color:#17201b;width:100%;max-width:none;padding:115px 5% 125px;grid-template-columns:1.1fr 1fr;gap:13%;position:relative;opacity:1!important;transform:none!important}
.case-editorial>div:first-child{position:sticky;top:130px;align-self:start}.case-editorial .eyebrow{color:#72796e;font-size:9px;letter-spacing:.13em}.case-editorial .eyebrow:before{background:#9ba18e}
.case-editorial>div:first-child h2{font-size:clamp(35px,3.6vw,58px);font-weight:500;line-height:1.1;margin-bottom:30px}
.case-editorial>div:first-child p{font-size:clamp(20px,2vw,31px);font-weight:450;line-height:1.5;letter-spacing:-.035em;color:#333c31;max-width:650px;margin-bottom:35px}
.case-editorial>div:nth-child(2) h2{font-size:clamp(30px,3vw,47px);font-weight:500;line-height:1.13;max-width:380px;margin-bottom:40px}
.case-editorial .contributions>div{border-top:1px solid #c9cfc2;padding:22px 0 22px 45px;font-size:16px;position:relative;line-height:1.5;transition:padding-left .5s,background .5s}
.case-editorial .contributions>div:before{content:attr(data-contribution);position:absolute;left:0;top:26px;font:9px Space,sans-serif;color:#747d6b}
.case-editorial .contributions>div:last-child{border-bottom:1px solid #c9cfc2}.case-editorial .contributions>div.in-view{padding-left:55px;background:#e7e9df}.case-editorial .contributions>div.in-view:before{left:12px}
.case-editorial a{font-size:12px;display:inline-flex;align-items:center;gap:30px;min-height:44px}.case-editorial a .arrow{display:inline-block}
.case-design{padding:100px 0 120px;overflow:hidden}.case-gallery-heading{display:flex;align-items:start;justify-content:space-between;gap:35px;margin-bottom:65px}.case-gallery-heading h2{font-size:clamp(38px,4vw,65px);font-weight:500;max-width:650px;line-height:1.05}.case-gallery-heading>.eyebrow{color:var(--case-accent);padding-top:10px;font-size:9px}.case-experience .case-design .eyebrow:before{background:var(--case-accent)}.case-gallery-heading p{font-size:12px;color:var(--case-accent)}
.case-browser{margin:0;transform:perspective(1500px) rotateX(calc((1 - var(--detail-p,1))*9deg)) scale(calc(.92 + var(--detail-p,1)*.08));transform-origin:center top;box-shadow:0 40px 70px #0004;will-change:transform;background:#f4f4ee;border-radius:8px;overflow:hidden}
.browser-chrome{display:flex;gap:5px;align-items:center;height:36px;background:#e5e5dd;padding:0 14px;color:#595e53}.browser-chrome i{width:5px;height:5px;background:#a2a99a;border-radius:50%}.browser-chrome>span{font:8px Space,sans-serif;text-align:center;flex:1;margin-right:30px;letter-spacing:.1em}.case-design-image{width:100%;height:auto}.case-browser figcaption{padding:18px 22px;color:#5b6256;font:10px Space,sans-serif}
.case-phone-fan{position:absolute;inset:12% 13%;display:flex;align-items:center;justify-content:center;gap:3%;transform:translateX(calc((1 - var(--case-p))*20%));perspective:1200px}
.case-phone-fan img{height:65%;width:28%;object-fit:contain;filter:drop-shadow(0 25px 25px #0006);transform:translateY(calc((1 - var(--case-p))*45px)) rotate(calc((1 - var(--case-p))*-12deg))}
.case-phone-fan img:nth-child(2){transform:translateY(-20px);height:78%;z-index:2}.case-phone-fan img:nth-child(3){transform:translateY(calc((1 - var(--case-p))*65px)) rotate(calc((1 - var(--case-p))*12deg))}
.case-faffin .case-visual{background:#d17852}.case-faffin .case-hero-copy h1{font-size:15vw}.case-faffin .case-visual-shade{opacity:calc(var(--case-p)*.8)}
.case-app-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;align-items:start;padding:0 4%}.case-app-gallery figure{margin:0;transform:translateY(calc((1 - var(--detail-p,1))*70px)) rotate(calc((1 - var(--detail-p,1))*-5deg))}.case-app-gallery figure:nth-child(2){margin-top:70px;transform:translateY(calc((1 - var(--detail-p,1))*-35px))}.case-app-gallery figure:nth-child(3){transform:translateY(calc((1 - var(--detail-p,1))*100px)) rotate(calc((1 - var(--detail-p,1))*5deg))}.case-app-gallery img{width:100%;box-shadow:0 20px 60px #0004}.case-app-gallery figcaption{margin-top:25px;font:9px Space,sans-serif;letter-spacing:.1em;color:var(--case-accent)}
.case-food-gallery{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start}.case-food-gallery img{width:100%;height:600px;object-fit:cover;transform:translateY(calc((1 - var(--detail-p,1))*60px))}.case-food-gallery img+img{margin-top:120px;transform:translateY(calc((1 - var(--detail-p,1))*-60px))}.case-visit{display:inline-block;border-bottom:1px solid #ffffff50;padding:20px 0 10px;font-size:12px;margin-top:25px}
.case-type-art{position:absolute;inset:10%;display:flex;flex-direction:column;justify-content:center;font-size:9vw;font-weight:800;letter-spacing:-.07em;line-height:.9;color:#ced7b3;transform:rotate(-8deg)}
.case-next-feature{display:block;position:relative;height:77svh;min-height:500px;overflow:hidden;isolation:isolate;background:#171c19;color:#fff}.case-next-feature>img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;transition:scale .8s;transform:translateY(calc(var(--next-p,0)*-5%))}.case-next-feature:hover>img{scale:1.04}.next-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000b);z-index:1}.case-next-feature>.wrap{position:absolute;z-index:2;left:5%;right:5%;width:auto;bottom:15%}.case-next-feature .eyebrow{color:#dbddd2}.case-next-feature .eyebrow:before{background:var(--yellow)}.case-next-feature>.wrap>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.case-next-feature h2{font-size:clamp(45px,7.5vw,120px);font-weight:500;max-width:83%;line-height:1.03;letter-spacing:-.06em}.next-arrow{width:90px;height:90px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font:50px Manrope;flex-shrink:0;transition:background .4s,color .4s,transform .4s}.case-next-feature:hover .next-arrow{transform:rotate(45deg);background:var(--yellow);color:#111;border-color:var(--yellow)}.next-explore{font:11px Space,sans-serif;display:flex;gap:35px;margin-top:35px}.next-type{font-size:22vw;line-height:.9;opacity:.15;position:absolute;top:0;left:0;font-weight:800;letter-spacing:-.08em}
/* Readable static layouts for disabled motion and unavailable WebGL. */
body:not(.motion-ready) .identity-payoff{display:none}body:not(.motion-ready) .identity-copy,body:not(.motion-ready) .identity-copy .headline-line,body:not(.motion-ready) .identity-art{transform:none!important;opacity:1!important}body:not(.motion-ready) .identity-chapters{display:none}body:not(.motion-ready) .case-cinematic{height:auto}body:not(.motion-ready) .case-cinematic-stage{position:relative}body:not(.motion-ready) .case-experience{--case-p:0!important}body:not(.motion-ready) .case-browser,body:not(.motion-ready) .case-app-gallery figure,body:not(.motion-ready) .case-food-gallery img{transform:none}body:not(.motion-ready) .capability{opacity:1}body:not(.motion-ready) .capability-reel{display:none}
@media(min-width:1600px){.identity-art{max-width:900px}.identity-object{height:70svh;max-height:800px}.identity-layout{gap:0}.identity-copy h1{font-size:7vw}.identity-payoff>span+span{margin-top:32svh}}
@media(max-width:1100px){.identity-chapters{gap:12px;font-size:8px}.identity-bottom>a{display:none}.identity-copy h1{font-size:7.6vw}.identity-object{min-height:360px}.case-hero-copy h1{font-size:10.5vw}.case-hero-copy>p{max-width:330px;font-size:13px}.case-editorial.wrap{gap:8%}.case-hero-copy{bottom:16%}}
@media(max-width:800px){.identity-stage{min-height:760px}.identity-topline>span:last-child{display:none}.identity-layout{display:block;position:relative;padding-top:45px}.identity-copy{padding:0}.identity-copy h1{font-size:clamp(48px,8.5vw,68px)}.identity-copy>p{font-size:12px;margin-top:24px;max-width:45%}.identity-copy>p br{display:none}.identity-cta{margin-top:22px}.identity-art{width:65%;position:absolute;right:-9%;bottom:5%;margin:0;transform:translateX(calc(var(--object-shift)*-18vw)) translateY(calc(var(--object-shift)*-2vh))}.identity-object{height:51svh;min-height:340px}.identity-art figcaption{display:none}.identity-bottom{padding-right:100px;justify-content:space-between;gap:20px}.identity-chapters{display:none}.identity-payoff{font-size:14vw;top:24%}.identity-payoff>span+span{margin-top:39svh}.capability-reel{display:none}.capability{padding:35px 0}.case-hero-top{top:110px}.case-cinematic-stage{min-height:760px}.case-visual{--ap-top:21%;--ap-bottom:36%;--ap-left:30%}.case-hero-copy{bottom:13%}.case-hero-copy h1{font-size:12vw;max-width:100%}.case-hero-copy>p{max-width:440px;font-size:13px}.case-hero-bottom{bottom:25px;padding-right:105px}.case-scroll-label,.case-scroll-line{display:none}.case-sector{font-size:9px;margin-bottom:16px}.case-spec>.wrap{display:block}.case-spec>.wrap>span{display:none}.case-editorial.wrap{padding-top:75px;padding-bottom:85px;gap:7%}.case-editorial>div:first-child p{font-size:22px}.case-editorial>div:nth-child(2) h2{font-size:30px}.case-editorial .contributions>div{font-size:13px;padding:20px 0 20px 32px}.case-editorial .contributions>div:before{top:24px}.case-editorial .contributions>div.in-view{padding-left:40px}.case-editorial .contributions>div.in-view:before{left:7px}.case-design{padding:65px 0 80px}.case-gallery-heading{display:block;margin-bottom:35px}.case-gallery-heading h2{font-size:44px;max-width:550px}.case-phone-fan{inset:15% 4%;transform:translateX(calc((1 - var(--case-p))*12%))}.case-phone-fan img{height:48%}.case-phone-fan img:nth-child(2){height:59%}.case-app-gallery{gap:5%;padding:0}.case-food-gallery img{height:400px}.case-food-gallery img+img{margin-top:65px}.case-next-feature{height:65svh;min-height:450px}.next-arrow{width:65px;height:65px;font-size:35px}.case-next-feature h2{font-size:8.5vw}.case-faffin .case-hero-copy h1{font-size:19vw}}
@media(max-width:520px){.identity-stage{min-height:740px;height:100svh}.identity-hero{height:155svh}.identity-topline{padding-top:110px}.identity-layout{padding-top:27px;display:block}.identity-copy h1{font-size:50px;line-height:1.02;letter-spacing:-.06em}.identity-copy>p{max-width:85%;font-size:11px;margin-top:20px}.identity-copy>p br{display:block}.identity-cta{margin-top:15px;font-size:10px}.identity-art{max-width:none;width:93%;right:-9%;bottom:0;transform:translateX(calc(var(--object-shift)*-10vw)) translateY(calc(var(--object-shift)*-12vh))}.identity-object{height:36svh;min-height:265px}.identity-art figcaption{display:none}.object-fallback{inset:5% 20%}.identity-bottom{font-size:8px;padding-top:16px;padding-bottom:30px;padding-right:80px}.identity-scroll{font-size:8px;gap:9px}.identity-payoff{font-size:16vw;top:27%}.identity-payoff>span+span{margin-top:32svh}.identity-topline .eyebrow{font-size:8px}.capability{padding:30px 0}.case-cinematic{height:160svh}.case-cinematic-stage{min-height:760px}.case-hero-top{top:112px;font-size:8px}.case-visual{--ap-top:22%;--ap-bottom:38%;--ap-left:21%}.case-hero-copy{left:6%;width:88%;bottom:13%}.case-hero-copy h1{font-size:15vw;line-height:1.02;letter-spacing:-.06em;max-width:100%}.case-hero-copy>p{font-size:12px;line-height:1.7;max-width:310px;margin-top:22px}.case-sector{font-size:8px;margin-bottom:12px}.case-hero-bottom{left:6%;width:88%;font-size:9px;bottom:27px}.case-hero-bottom a{gap:25px}.case-hero-copy>.project-link{font-size:10px;margin-top:5px}.case-faffin .case-hero-copy h1{font-size:23vw}.case-phone-fan{inset:15% 2%;gap:2%}.case-phone-fan img{width:30%;height:40%}.case-phone-fan img:nth-child(2){height:47%}.case-spec{padding:25px 0}.case-spec .case-services{gap:12px 20px}.case-spec .case-services span{font-size:9px}.case-note{padding:0 6%}.case-note .presentation-note{font-size:9px}.case-editorial.wrap{grid-template-columns:1fr;padding:55px 6% 65px;gap:50px}.case-editorial>div:first-child{position:static}.case-editorial>div:first-child h2{font-size:36px;margin-bottom:25px}.case-editorial>div:first-child p{font-size:23px;margin-bottom:25px}.case-editorial>div:nth-child(2) h2{font-size:34px;margin-bottom:30px}.case-editorial .contributions>div{font-size:14px;padding:21px 0 21px 38px}.case-gallery-heading h2{font-size:36px}.case-browser{border-radius:4px}.browser-chrome{height:25px}.browser-chrome>span{font-size:6px}.case-browser figcaption{font-size:9px;padding:15px}.case-app-gallery{grid-template-columns:1fr;gap:45px;padding:0 10%}.case-app-gallery figure:nth-child(2){margin:0}.case-app-gallery figcaption{font-size:9px;margin-top:18px}.case-food-gallery{grid-template-columns:1fr;gap:25px}.case-food-gallery img{height:400px}.case-food-gallery img+img{margin-top:0}.case-next-feature{min-height:430px;height:60svh}.case-next-feature>.wrap{bottom:16%;left:6%;right:6%}.case-next-feature h2{font-size:42px;max-width:80%;line-height:1.04}.next-arrow{width:46px;height:46px;font-size:27px}.case-next-feature>.wrap>div{gap:18px}.next-explore{font-size:10px;margin-top:25px}.case-next-feature .eyebrow{font-size:8px}}
@media(max-height:680px) and (min-width:801px){.identity-stage{min-height:620px}.identity-object{min-height:360px;height:60svh}.identity-copy h1{font-size:6.5vw}.case-cinematic-stage{min-height:620px}.case-hero-top{top:105px}.case-hero-copy h1{font-size:9vw}.case-hero-copy>p{font-size:12px;margin-top:20px}.case-hero-copy{bottom:15%}}
@media(prefers-reduced-motion:reduce){.identity-payoff{display:none}.identity-copy,.identity-art,.identity-copy .headline-line{transform:none!important;opacity:1!important}.case-cinematic{height:auto}.case-cinematic-stage{position:relative}.case-experience{--case-p:0!important}.capability{opacity:1!important}.case-browser,.case-app-gallery figure,.case-food-gallery img{transform:none!important}.capability-reel{display:none}}

.case-vita-liberata .case-visual>.brand-photo{object-position:70% 14%}.case-phone-fan{inset:5% 6%;gap:4%;transform:none}.case-phone-fan img{height:86%;width:28%}.case-phone-fan img:nth-child(2){height:98%;transform:translateY(0)}
@media(max-width:800px){.identity-payoff{inset:0 5%;font-size:11vw}.identity-payoff>span{top:19%}.identity-payoff>span+span{margin:0;bottom:14%}.identity-art{transform:translateX(calc(var(--object-shift)*-18vw)) translateY(calc(var(--object-shift)*-4vh)) scale(calc(1 - var(--object-shift)*.1))}}
@media(max-width:520px){.identity-payoff{font-size:12.5vw}.identity-payoff>span{top:23%}.identity-payoff>span+span{bottom:24%}.identity-art{transform:translateX(calc(var(--object-shift)*-10vw)) translateY(calc(var(--object-shift)*-18vh)) scale(calc(1 - var(--object-shift)*.1))}.case-phone-fan img{height:86%}.case-phone-fan img:nth-child(2){height:98%}}

.case-visual-shade{background:linear-gradient(90deg,#0009,transparent 60%),linear-gradient(180deg,#0007,transparent 35%,#000a);opacity:1}
.case-faffin .case-visual-shade{background:linear-gradient(180deg,transparent 40%,#000a);opacity:var(--case-p)}
.app-device{position:relative;aspect-ratio:390/817;overflow:hidden;border-radius:18px;border:1px solid #ffffff30;background:#100e0e;box-shadow:0 24px 45px #0004}
.app-device img{position:absolute;inset:0 auto auto -5.385%;width:139.487%;height:100%;max-width:none;object-fit:fill;transform:none!important;filter:none!important;box-shadow:none!important}
.app-device[data-screen="1"] img{left:-19.744%}
.case-phone-fan{align-items:center;gap:7%}.case-phone-fan .app-device{width:25%;height:auto;flex-shrink:0;transform:translateY(calc((1 - var(--case-p))*20px)) rotate(calc((1 - var(--case-p))*-10deg))}
.case-phone-fan .app-device:nth-child(2){width:28%;transform:translateY(-10px);z-index:2}.case-phone-fan .app-device:nth-child(3){transform:translateY(calc((1 - var(--case-p))*30px)) rotate(calc((1 - var(--case-p))*10deg))}
.case-phone-fan .app-device img,.case-phone-fan .app-device img:nth-child(2){width:139.487%;height:100%}.case-app-gallery .app-device img{width:139.487%;height:100%}
@media(max-width:520px){.app-device{border-radius:12px}.case-phone-fan .app-device{border-radius:6px}.case-phone-fan .app-device:nth-child(2){transform:translateY(-5px)}}

.identity-topline{opacity:calc(1 - var(--copy-out))}.identity-payoff{letter-spacing:-.065em;word-spacing:.08em}.identity-payoff em{margin-left:.06em}
@media(max-width:800px){.identity-art{right:0;width:62%}}
@media(max-width:520px){.identity-art{right:0;width:93%;bottom:10px}}

@media(max-width:520px){.identity-stage{min-height:680px}}
@media(max-width:520px) and (max-height:760px){.identity-topline{padding-top:100px}.identity-layout{padding-top:20px}.identity-copy h1{font-size:45px}.identity-copy>p{margin-top:17px}.identity-object{height:30svh;min-height:220px}.identity-art{bottom:8px}}

.work-panel-image.faffin{background:#b86d4e}.work-panel-image.faffin .work-device{position:absolute;top:7%;left:50%;height:84%;width:auto;aspect-ratio:390/817;transform:translateX(-50%) rotate(-6deg);transition:transform .7s}.work-panel-image.faffin:hover .work-device{transform:translateX(-50%) rotate(0)}.work-panel-image.faffin .app-device img{width:139.487%;height:100%;padding:0;object-fit:fill;left:-5.385%;max-width:none}

/* V4.2 — a shorter opening, with the same full-bleed Vita reveal. */
.identity-object:after{height:5%;left:24%;right:22%;bottom:4%;background:#0004;filter:blur(18px)}
.identity-art figcaption{letter-spacing:.1em;color:#9b9f94}.identity-art figcaption b{color:#d2d5cb}
.identity-chapters{gap:30px}.identity-chapters>span{transition:color .25s}
.feature-scene{height:145svh}.feature-frame{top:calc(22% - var(--feature-p)*11%);height:calc(70% + var(--feature-p)*19%);left:calc(9% - var(--feature-p)*9%);width:calc(82% + var(--feature-p)*18%)}
.feature-overline{padding-top:115px}
@media(min-width:801px) and (max-aspect-ratio:1/1){.identity-object{height:50svh;min-height:350px}.identity-layout{align-items:center;padding-bottom:14svh}.identity-topline{padding-top:120px}.identity-art{margin-top:-30px}}
@media(max-width:800px){.feature-overline{padding-top:110px}.feature-frame{left:calc(6% - var(--feature-p)*6%);width:calc(88% + var(--feature-p)*12%)}}
@media(max-width:520px){.feature-scene{height:135svh}.feature-stage{min-height:660px}.feature-frame{top:calc(21% - var(--feature-p)*9%);height:calc(72% + var(--feature-p)*16%)}.feature-overline{padding-top:105px}}
@media(prefers-reduced-motion:reduce){.feature-scene{height:auto}}