/* Homepage portfolio. V16 coordinates the curved aperture, artwork and reading pace. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-introduction{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:110px 0 75px;scroll-margin-top:90px}
.work-introduction h2{font-size:clamp(65px,8.6vw,140px);line-height:.98;font-weight:500;letter-spacing:-.065em}
.work-introduction h2 em{font-style:normal;color:var(--yellow)}
.work-intro-aside{display:grid;grid-template-columns:95px 1fr;gap:20px 35px;align-items:center;max-width:370px;padding-bottom:10px}
.half-sign{font:300 115px/.9 Space,sans-serif;color:var(--yellow);letter-spacing:-.12em}
.work-intro-aside p{font-size:14px;line-height:1.8;color:#b6bcb8}
.work-intro-aside a{grid-column:2;font:10px Space,sans-serif;padding-top:12px;border-top:1px solid #ffffff35}.work-intro-aside a span{margin-left:25px;color:var(--yellow)}
.project-showcase{position:relative;scroll-margin-top:0;background:#201536;--showcase-p:0}
.project-sticky{position:relative;overflow:hidden;background:#101212}
.project-scenes{position:relative}
.project-scene{--scene-bg:#201536;--scene-ink:#f8f6ef;--scene-muted:#d9d4e2;--scene-enter:1;--scene-exit:0;position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:var(--scene-bg);color:var(--scene-ink)}
.scene-photo{width:100%;height:100%;object-fit:cover}
.scene--fanda>.scene-photo{position:absolute;inset:0;object-position:center;transform:scale(calc(1.04 - var(--scene-enter)*.04 + var(--scene-exit)*.05));z-index:-2}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#190e32bb,transparent 65%),linear-gradient(0deg,#140c29ed,transparent 52%);z-index:-1}
.scene-word{position:absolute;left:5%;top:16%;font-size:clamp(110px,18vw,310px);font-weight:550;line-height:.9;letter-spacing:-.075em;transform:translateY(calc((1 - var(--scene-enter))*100px - var(--scene-exit)*35px));pointer-events:none}
.scene--fanda .scene-word{font-size:17vw;top:23%;color:#f2e9ff;letter-spacing:-.065em}
.scene-topline{position:absolute;top:110px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font:10px Space,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--scene-muted);z-index:3}
.scene-edition{font-size:9px}
.scene-copy{position:absolute;left:5%;bottom:105px;width:35%;max-width:460px;z-index:3;transform:translateY(calc((1 - var(--scene-enter))*45px));}
.scene-copy h3{font-size:clamp(25px,2.5vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:430px}
.scene-copy p{font-size:12px;line-height:1.75;max-width:370px;margin-top:18px;color:var(--scene-muted)}
.scene-tags{font:9px Space,sans-serif;letter-spacing:.035em;margin-top:23px;color:var(--scene-muted)}
.scene-open{position:absolute;right:5%;bottom:105px;width:112px;height:112px;border-radius:50%;border:1px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;z-index:5;font-size:10px;line-height:1.3;transition:background .3s,color .3s,transform .5s;background:#10121214;backdrop-filter:blur(6px)}
.scene-open span{text-align:center}.scene-open b{font-size:27px;line-height:1;font-weight:400}.scene-open:hover{background:var(--scene-ink);color:var(--scene-bg);transform:rotate(-7deg)}
.scene-note{position:absolute;right:5%;bottom:77px;font:8px Space,sans-serif;letter-spacing:.05em;color:var(--scene-muted);z-index:3}
.scene--faffin{--scene-bg:#c77550;--scene-ink:#fff4d5;--scene-muted:#fae6d5}
.scene--faffin .scene-word{top:20%;font-size:24vw;letter-spacing:-.085em}
.scene-half{position:absolute;width:70vw;height:35vw;border-radius:50vw 50vw 0 0;background:#f8d7941c;right:-15%;bottom:-10%;transform:rotate(calc(-25deg + var(--scene-enter)*25deg));z-index:-1}
.scene-phones{position:absolute;left:44%;right:19%;top:21%;bottom:17%;display:flex;align-items:center;justify-content:center;gap:4%;perspective:1300px;z-index:2}
.scene-phones .app-device{width:31%;max-width:220px;flex-shrink:0;box-shadow:15px 25px 35px #62351d40;transform:translateY(calc(28px + (1 - var(--scene-enter))*100px)) rotate(calc(-11deg + var(--scene-exit)*-8deg));border-color:#fff4d566}
.scene-phones .app-device:nth-child(2){width:35%;z-index:2;transform:translateY(calc(-25px - (1 - var(--scene-enter))*80px)) rotate(-1deg)}
.scene-phones .app-device:nth-child(3){transform:translateY(calc(25px + (1 - var(--scene-enter))*130px)) rotate(calc(11deg + var(--scene-exit)*8deg))}
.scene--raven-group{--scene-bg:#d9dfd0;--scene-ink:#23342e;--scene-muted:#405348}
.scene--raven-group .scene-word{font:500 18vw/.9 Georgia,serif;letter-spacing:-.08em;top:22%;z-index:2}
.scene-editorial-photo{position:absolute;inset:17% 5% 12% 43%;border-radius:45% 45% 0 0;overflow:hidden;transform:translateY(calc((1 - var(--scene-enter))*80px));}
.scene-editorial-photo img{object-position:38% center;transform:scale(calc(1.08 - var(--scene-enter)*.08 + var(--scene-exit)*.04))}
.scene--raven-group .scene-open{background:#d9dfd0e8;backdrop-filter:none;bottom:105px}
.scene--archana{--scene-bg:#55262b;--scene-ink:#f5d1a5;--scene-muted:#f0cbb9}
.scene--archana .scene-word{top:22%;font-size:13.3vw;letter-spacing:-.055em}
.scene-dishes{position:absolute;left:48%;right:3%;top:19%;bottom:18%;z-index:2}
.scene-dishes img{position:absolute;right:0;top:0;width:66%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:15px 25px 50px #1d080950;transform:rotate(calc(-12deg + var(--scene-enter)*12deg)) translateY(calc((1 - var(--scene-enter))*70px));}
.scene-dishes img+img{width:55%;right:41%;top:43%;transform:rotate(calc(12deg - var(--scene-enter)*12deg)) translateY(calc((1 - var(--scene-enter))*-40px));border:6px solid #55262b}
.scene-navigation{display:none}.scene-scroll-cue{display:none}
.project-collection{padding:45px 0 70px;scroll-margin-top:0}
.project-collection>details{border-bottom:1px solid #ffffff2b}.project-collection summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 35px;cursor:pointer;list-style:none}.project-collection summary::-webkit-details-marker{display:none}
.project-collection summary small{font:9px Space,sans-serif;letter-spacing:.12em;color:#a3aea3;display:block;margin-bottom:12px}.project-collection summary b{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;font-weight:500}.collection-count{display:flex;align-items:center;gap:30px;font:11px Space,sans-serif;white-space:nowrap}.collection-count i{font:35px Manrope,sans-serif;font-style:normal;color:var(--yellow);transition:transform .3s}.project-collection details[open] .collection-count i{transform:rotate(45deg)}
.collection-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;padding:5px 0 35px}.collection-links a{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #ffffff20;font-size:14px;transition:color .2s,padding .3s}.collection-links a small{font:9px Space,sans-serif;color:#a2aaa0}.collection-links a b{margin-left:auto;font-size:20px;font-weight:400}.collection-links a:hover{color:var(--yellow);padding-left:8px}.collection-archive{display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:12px;color:#aeb7ac}.collection-archive span{font-size:20px;color:var(--yellow)}
.earlier-work{padding:5px 0 35px;border-top:1px solid #ffffff20}.earlier-work p{font:9px Space,sans-serif;color:#a2aaa0;padding:25px 0 20px;text-transform:uppercase;letter-spacing:.1em}.earlier-work nav{display:flex;gap:15px 28px;flex-wrap:wrap;font-size:11px}.earlier-work a:hover{color:var(--yellow)}
.capability-detail{border-top:1px solid #ffffff16;margin-top:23px;padding-top:18px}.capability-detail strong{font-size:11px;font-weight:550;color:#e4e7dd}.capability-detail p{font-size:12px;margin-top:7px;line-height:1.75;color:#acb4a7}.capability-detail>div{display:flex;gap:12px 25px;flex-wrap:wrap;margin-top:14px}.capability-detail a{font:10px Space,sans-serif;color:#d7c174}.capability-detail a span{margin-left:8px}
.ai-foundation-home{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 0 0}.ai-foundation-home h3{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.05;margin-bottom:25px}.ai-foundation-home>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--grey);max-width:430px}.ai-foundation-home .eyebrow{font-size:9px}.knowledge-labels{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.knowledge-labels span{font:9px Space,sans-serif;border:1px solid #ffffff25;padding:9px 12px;color:#bbc2b5}.ai-role-detail{border-top:1px solid #ffffff30}.ai-role-detail:last-child{border-bottom:1px solid #ffffff30}.ai-role-detail summary{display:flex;gap:25px;align-items:center;font-size:19px;font-weight:500;letter-spacing:-.025em;padding:22px 0;cursor:pointer;list-style:none}.ai-role-detail summary::-webkit-details-marker{display:none}.ai-role-detail summary>span{font:9px Space,sans-serif;color:var(--yellow)}.ai-role-detail summary>b{margin-left:auto;font-size:20px;font-weight:400;color:var(--yellow);transition:transform .3s}.ai-role-detail[open] summary>b{transform:rotate(45deg)}.ai-role-detail p{font-size:13px;padding:0 20px 25px 37px;color:var(--grey)}
.studio-copy>p.studio-background{font-size:20px;line-height:1.5;letter-spacing:-.025em;color:#253126;padding-bottom:25px;border-bottom:1px solid #c9cfc2}
@media(min-width:801px) and (min-height:680px){
 .motion-ready .project-showcase{height:450svh;scroll-margin-top:-90px}
 .motion-ready .project-sticky{position:sticky;top:0;height:100svh;min-height:0}
 .motion-ready .project-scenes{position:absolute;inset:0}
 .motion-ready .project-scene{position:absolute;inset:0;height:100%;min-height:0;z-index:var(--scene-order);clip-path:none}
 .motion-ready .project-scene:first-child{clip-path:none}
 .motion-ready .project-showcase .scene-word{opacity:calc(var(--scene-word-in,1)*(1 - var(--scene-leave,0)));transform:translateY(calc((1 - var(--scene-word-in,1))*55px - var(--scene-leave,0)*22px))}
 .motion-ready .project-showcase .scene-copy{opacity:calc(var(--scene-copy-in,1)*(1 - var(--scene-leave,0)));transform:translateY(calc((1 - var(--scene-copy-in,1))*24px - var(--scene-leave,0)*12px))}
 .motion-ready .project-showcase .scene-open,.motion-ready .project-showcase .scene-note{opacity:calc(var(--scene-copy-in,1)*(1 - var(--scene-leave,0)))}
 .motion-ready .project-showcase .scene-topline{opacity:calc(var(--scene-word-in,1)*(1 - var(--scene-leave,0)))}
 .motion-ready .scene-navigation{position:absolute;z-index:10;left:5%;right:5%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:25px;align-items:stretch;height:62px;border-top:1px solid #ffffff40;background:#101212f0;color:#f3f3eb;padding:0 100px 0 20px}
 .scene-select{position:relative;display:flex;align-items:center;gap:12px;padding:12px 0;border:0;background:none;font:11px Space,sans-serif;text-align:left}.scene-select>span{color:#8f998d;font-size:9px}.scene-select>b{font-weight:400}.scene-select>i{position:absolute;height:2px;top:-1px;left:0;width:100%;background:var(--yellow);transform:scaleX(var(--scene-fill,0));transform-origin:left}.scene-select[aria-pressed=true]{color:var(--yellow)}.scene-select[aria-pressed=true]>span{color:var(--yellow)}
 .scene-all{display:flex;align-items:center;gap:25px;font:10px Space,sans-serif;white-space:nowrap}.scene-all span{color:var(--yellow);font-size:18px}
 .motion-ready .scene-scroll-cue{position:absolute;right:5%;top:155px;z-index:10;display:flex;align-items:center;gap:14px;font:9px Space,sans-serif;letter-spacing:.06em;color:var(--scene-ui-ink,#f3f3eb);pointer-events:none}.scene-scroll-cue i{width:30px;height:30px;border:1px solid currentColor;border-top-color:transparent;border-radius:50%;transform:rotate(calc(var(--showcase-p)*360deg))}
 .scene--fanda .scene-note,.scene--archana .scene-note{bottom:77px}
}
@media(min-width:801px) and (max-width:1100px){
 .work-introduction{gap:35px}.work-intro-aside{max-width:250px;grid-template-columns:65px 1fr;gap:20px}.half-sign{font-size:90px}.work-intro-aside p{font-size:12px}.work-intro-aside a{font-size:9px}
 .scene-copy{width:42%;bottom:130px}.scene-copy h3{font-size:30px}.scene-copy p{font-size:12px}.scene-topline{font-size:9px}.scene-edition{display:none}.scene-word{top:24%}.scene--fanda .scene-word{top:26%;font-size:19vw}.scene--faffin .scene-word{top:24%}.scene-phones{left:41%;right:7%;top:33%;bottom:28%}.scene--raven-group .scene-word{top:27%}.scene-editorial-photo{inset:28% 0 32% 39%;border-radius:40% 0 0 0}.scene--raven-group .scene-copy{width:65%;bottom:130px}.scene--raven-group .scene-copy h3{max-width:390px}.scene-dishes{left:40%;top:30%;bottom:24%;right:1%}.scene-open{bottom:137px;width:90px;height:90px}.motion-ready .scene-navigation{gap:15px;padding:0 95px 0 13px}.scene-select{font-size:10px;gap:8px}.scene-all{font-size:9px;gap:10px}.scene-tags{font-size:8px}.scene-note{font-size:7px}
}
@media(min-width:801px) and (max-aspect-ratio:1/1){.scene--faffin .scene-word{top:20%}.scene-phones{top:36%;bottom:28%}.scene--faffin .scene-copy{width:60%}.scene-dishes{top:36%;left:42%}.scene--archana .scene-word{top:24%}.scene-copy{bottom:140px}.scene--fanda .scene-photo{object-position:62% center}.scene--fanda .scene-word{top:24%}.scene--fanda .scene-shade{background:linear-gradient(0deg,#140c29ed,transparent 75%),linear-gradient(90deg,#190e3288,transparent)}.scene-open{bottom:150px}}
@media(max-width:800px){
 .work-introduction{padding:75px 0 50px;gap:30px}.work-introduction h2{font-size:9vw}.work-intro-aside{display:block;width:170px}.half-sign{display:none}.work-intro-aside p{font-size:12px}.work-intro-aside a{display:inline-block;font-size:9px;margin-top:15px}.work-intro-aside a span{margin-left:14px}
 .project-scene{height:850px;min-height:0}.scene-topline{top:35px;font-size:9px}.scene-edition{font-size:8px}.scene-word{top:14%}.scene--fanda .scene-word{font-size:24vw;top:15%}.scene-copy{bottom:70px;width:65%;max-width:440px}.scene-copy h3{font-size:34px}.scene-copy p{font-size:13px}.scene-tags{font-size:9px}.scene-open{bottom:85px;width:90px;height:90px}.scene-note{bottom:25px;font-size:8px}.scene--fanda .scene-photo{object-position:65% center}.scene--fanda .scene-shade{background:linear-gradient(0deg,#140c29 0%,#140c2940 55%,transparent),linear-gradient(90deg,#190e3244,transparent)}
 .scene--faffin .scene-word{font-size:32vw;top:12%}.scene-phones{top:27%;bottom:35%;left:17%;right:17%}.scene--raven-group .scene-word{font-size:26vw;top:14%}.scene-editorial-photo{inset:16% 5% 36% 25%;border-radius:40% 40% 0 0}.scene--raven-group .scene-copy{width:65%}.scene--raven-group .scene-open{bottom:85px}.scene--archana .scene-word{font-size:18vw;top:14%}.scene-dishes{top:29%;bottom:37%;left:32%;right:4%}.scene-dishes img{width:63%}.scene-dishes img+img{width:52%;right:49%;top:20%;border-width:4px}
 .project-collection{padding:25px 0 45px}.collection-links{grid-template-columns:1fr 1fr;gap:0 25px}.collection-links a{font-size:13px;gap:12px}.collection-count{gap:20px;font-size:10px}
 .ai-foundation-home{gap:8%}.ai-role-detail summary{font-size:17px;gap:18px}
}
@media(max-width:520px){
 .work-introduction{display:block;padding:60px 0 38px}.work-introduction h2{font-size:14vw}.work-intro-aside{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:0}.work-intro-aside p{font-size:11px}.work-intro-aside p br:nth-of-type(2){display:none}.work-intro-aside a{font-size:9px;margin:0;white-space:nowrap}
 .project-scene{height:780px}.scene-topline{left:6%;right:6%;top:30px;font-size:8px}.scene-edition{display:none}.scene-word{left:6%}.scene--fanda .scene-word{font-size:25vw;top:13%}.scene--fanda .scene-photo{height:76%;object-position:67% center}.scene--fanda .scene-shade{background:linear-gradient(0deg,#201536 24%,#20153622 65%,transparent)}
 .scene-copy{left:6%;right:6%;width:auto;max-width:none;bottom:108px}.scene-copy h3{font-size:31px;max-width:310px}.scene-copy p{font-size:12px;line-height:1.7;max-width:310px;margin-top:15px}.scene-tags{font-size:8px;margin-top:18px}.scene-open{right:6%;bottom:24px;width:auto;height:auto;border:0;border-bottom:1px solid currentColor;border-radius:0;display:flex;flex-direction:row;gap:20px;padding:0 0 8px;background:none;backdrop-filter:none;font-size:10px}.scene-open span br{display:none}.scene-open span br:after{content:' '}.scene-open b{font-size:21px}.scene-note{left:6%;right:48%;bottom:28px;font-size:7px;line-height:1.6;max-width:160px}.scene--faffin .scene-word{top:12%;font-size:34vw}.scene-phones{left:11%;right:11%;top:28%;bottom:40%;gap:3%}.scene-phones .app-device{border-radius:9px}.scene-phones .app-device:nth-child(2){transform:translateY(-15px)}.scene-phones .app-device:nth-child(1),.scene-phones .app-device:nth-child(3){transform:translateY(12px) rotate(-9deg)}.scene-phones .app-device:nth-child(3){transform:translateY(12px) rotate(9deg)}
 .scene--raven-group .scene-word{top:12%;font-size:32vw}.scene-editorial-photo{inset:14% 0 43% 15%;border-radius:100px 0 0 0}.scene--raven-group .scene-copy{width:auto}.scene--raven-group .scene-open{bottom:24px;background:none}.scene--archana .scene-word{top:13%;font-size:18.3vw}.scene-dishes{left:18%;right:2%;top:28%;bottom:42%}.scene-dishes img{width:69%}.scene-dishes img+img{right:46%;top:23%;width:53%;border-width:3px}
 .project-collection summary{gap:15px;padding-bottom:25px;align-items:end}.project-collection summary small{font-size:8px}.project-collection summary b{font-size:27px;line-height:1.1;display:block;max-width:230px}.collection-count{font-size:9px;gap:12px}.collection-count i{font-size:28px}.collection-links{grid-template-columns:1fr;gap:0}.collection-links a{font-size:15px;padding:18px 0}.collection-archive{font-size:11px;padding-top:22px}.earlier-work nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}
 .capability-detail{padding-top:15px;margin-top:18px}.capability-detail p{font-size:11px}.capability-detail a{font-size:9px}.capability-detail strong{font-size:10px}.ai-foundation-home{grid-template-columns:1fr;gap:35px;padding-top:45px}.ai-foundation-home h3{font-size:38px}.ai-foundation-home>div>p:not(.eyebrow){font-size:13px}.ai-role-detail summary{font-size:18px;padding:20px 0}.studio-copy>p.studio-background{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.motion-ready .project-showcase{height:auto}.motion-ready .project-sticky{position:relative;height:auto}.motion-ready .project-scenes{position:relative}.motion-ready .project-scene{position:relative;clip-path:none}.motion-ready .scene-navigation,.motion-ready .scene-scroll-cue{display:none}.project-scene *{transform:none!important}}
@media(max-width:800px){
 .motion-ready .scene-word{transform:translateX(calc((.5 - var(--scene-view,.5))*24px))}
 .motion-ready .scene-phones,.motion-ready .scene-dishes{transform:translateY(calc((.5 - var(--scene-view,.5))*30px))}
 .motion-ready .scene-editorial-photo img{transform:scale(1.06) translateY(calc((.5 - var(--scene-view,.5))*20px))}
}
@media(max-width:520px){
 .scene-open,.scene--raven-group .scene-open{left:6%;right:auto;bottom:38px;font-size:11px}
 .scene-note{left:6%;right:6%;bottom:13px;max-width:none;font-size:8px}
}
@media(min-width:801px) and (max-aspect-ratio:1/1){
 .scene-phones{top:31%;bottom:36%;left:40%;right:10%}
}