html:has(.studio-home){scroll-behavior:auto}.studio-scroll-hero{--studio-scroll:0;--studio-camera:0;--studio-travel:0;--studio-exit:0;--studio-reveal:0;--studio-header-height:72px;--studio-hero-stage:calc(100svh - var(--studio-header-height));--studio-hero-travel:max(270svh, 1800px);color:#f8f8ee;background:#071d24;position:relative}.studio-scroll-viewport{isolation:isolate;min-height:min(760px, calc(100svh - var(--studio-header-height)));position:relative;overflow:clip}.studio-scroll-track{min-height:inherit;position:relative}.studio-scroll-scene{isolation:isolate;min-width:0;position:relative;overflow:hidden}.studio-scroll-shore{min-height:inherit;background:#163e47;align-content:center;display:grid}.studio-scroll-shore-film,.studio-scroll-shore-film img,.studio-scroll-shore-grade{width:100%;height:100%;position:absolute;inset:0}.studio-scroll-shore-film{z-index:-3;transform:translate3d(calc(var(--studio-camera) * 4%),calc(var(--studio-camera) * 4%),0) scale(calc(1.04 + var(--studio-camera) * .32));transform-origin:58% 55%}.studio-scroll-shore-film img{object-fit:cover;object-position:50% 49%}.studio-scroll-shore-grade{z-index:-2;background:linear-gradient(90deg,#071b23f5 0%,#071b23d1 38%,#071b2357 74%,#071b2350),linear-gradient(#0000 62%,#071b23a8)}.studio-scroll-copy{z-index:1;transform:translate3d(calc(var(--studio-exit) * -12%),calc(var(--studio-exit) * -28px),0);opacity:calc(1 - var(--studio-exit) * .55);padding-block:clamp(42px,9vh,112px)}.studio-scroll-eyebrow{color:#cfefea;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:12px;margin-bottom:clamp(16px,3vh,32px);font-size:clamp(.63rem,.95vw,.78rem);font-weight:700;display:flex}.studio-scroll-eyebrow span{background:#b2f8de;width:6px;height:6px;box-shadow:0 0 15px #9cead6a8}.studio-scroll-copy h1{color:#fcfbf4;letter-spacing:-.075em;text-wrap:balance;max-width:min(12ch,65%);font-size:clamp(3.45rem,6.5vw,7.35rem);line-height:.97}.studio-scroll-copy h1 em{color:#bff2de;font-style:normal}.studio-scroll-lead{color:#edf5ed;max-width:min(43ch,53%);margin-top:clamp(16px,3vh,32px);font-size:clamp(.96rem,1.45vw,1.12rem);line-height:1.55}.studio-scroll-actions{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:clamp(15px,3vh,31px);display:flex}.studio-scroll-actions .button{color:#09272b;background:#e7f7ef;border-color:#e7f7ef}.studio-scroll-actions .button:hover{background:#bff2de;border-color:#bff2de}.studio-scroll-work-link{color:#f6f8f0;text-underline-offset:5px;align-items:center;gap:7px;min-height:45px;font-size:.91rem;font-weight:700;text-decoration:underline;display:inline-flex}.studio-scroll-byline{color:#cbddd5;max-width:46ch;margin-top:15px;font-size:.73rem;line-height:1.4}.studio-scroll-copy :focus-visible{outline-color:#bff2de}.studio-scroll-prints{z-index:-1;transform:translate3d(calc(var(--studio-camera) * -12vw),calc(var(--studio-camera) * 4vh),0) scale(calc(1 + var(--studio-camera) * .44));transform-origin:74%;pointer-events:none;position:absolute;inset:0}.studio-scroll-print{background:#102d37;border:1px solid #ceebe87d;border-radius:12px;width:min(51vw,820px);padding:6px;position:absolute;top:21%;right:-6%;overflow:hidden;transform:perspective(1400px)rotate(-13deg)rotateY(-16deg);box-shadow:0 30px 85px #001015a0}.studio-scroll-print:first-child{z-index:2}.studio-scroll-print:nth-child(2){width:min(44vw,720px);transform:translate3d(calc(var(--studio-camera) * 13vw),calc(var(--studio-camera) * 5vh),0) perspective(1400px) rotate(-13deg) rotateY(-16deg);top:62%;right:5%}.studio-scroll-print:nth-child(3){z-index:3;width:min(13vw,220px);transform:translate3d(calc(var(--studio-camera) * -5vw),calc(var(--studio-camera) * 9vh),0) perspective(900px) rotate(-13deg) rotateY(-13deg);border-radius:17px;top:57%;right:25%}.studio-scroll-print-bar{align-items:center;gap:4px;height:18px;padding-left:7px;display:flex}.studio-scroll-print-bar i{background:#83aaae;border-radius:50%;width:4px;height:4px}.studio-scroll-print img{border-radius:5px;width:100%;height:auto;display:block}.studio-scroll-print:nth-child(3) .studio-scroll-print-bar,.studio-scroll-wall,.studio-scroll-indicator{display:none}.studio-scroll-hero[data-motion=on]{min-height:calc(var(--studio-hero-stage) + var(--studio-hero-travel))}.studio-scroll-hero[data-motion=on] .studio-scroll-viewport{top:var(--studio-header-height);height:var(--studio-hero-stage);min-height:0;position:sticky}.studio-scroll-hero[data-motion=on] .studio-scroll-track{width:200%;height:100%;transform:translate3d(calc(var(--studio-travel) * -50%),0,0);display:flex}.studio-scroll-hero[data-motion=on] .studio-scroll-scene{flex:0 0 50%}.studio-scroll-hero[data-motion=on] .studio-scroll-wall{background:#172a36;place-items:center;display:grid}.studio-scroll-wall-grid{z-index:-2;transform:translate3d(0,calc(var(--studio-reveal) * -2%),0) rotate(-8deg) scale(1.09);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.65vw,29px);display:grid;position:absolute;inset:-28% -4%}.studio-scroll-wall-column{transform:translate3d(0,calc((1 - var(--studio-reveal)) * 19vh),0);align-content:start;gap:clamp(9px,1.65vw,29px);display:grid}.studio-scroll-wall-column:nth-child(2n){transform:translate3d(0,calc((var(--studio-reveal) - 1) * 20vh),0);padding-top:clamp(48px,13vh,160px)}.studio-scroll-wall-column img{object-fit:cover;object-position:top;border:1px solid #eef4e564;border-radius:11px;width:100%;max-height:72vh;box-shadow:0 18px 34px #0004}.studio-scroll-wall-cover{z-index:-1;clip-path:inset(calc(var(--studio-reveal) * 17%) calc(var(--studio-reveal) * 14%) round calc(var(--studio-reveal) * 17px));background:#f6f3ec;position:absolute;inset:0}.studio-scroll-wall-title{width:min(60%,950px);transform:scale(calc(1 + var(--studio-reveal) * -.09));text-align:center;color:#12292b;padding:clamp(22px,5vw,80px);position:relative}.studio-scroll-wall-title p{text-transform:uppercase;letter-spacing:.15em;margin-bottom:clamp(13px,2.2vh,27px);font-size:clamp(.65rem,1vw,.82rem);font-weight:800}.studio-scroll-wall-title strong{letter-spacing:-.075em;text-wrap:balance;font-size:clamp(3rem,7vw,7.8rem);line-height:.96;display:block}.studio-scroll-corner{border:1px solid #183c42;width:clamp(15px,2vw,32px);height:clamp(15px,2vw,32px);position:absolute}.studio-scroll-corner-start{border-bottom:0;border-right:0;top:0;left:0}.studio-scroll-corner-end{border-top:0;border-left:0;bottom:0;right:0}.studio-scroll-hero[data-motion=on] .studio-scroll-indicator{color:#f2fffa;pointer-events:none;min-height:32px;opacity:calc(1 - var(--studio-reveal) * .82);background:#071c24e0;border:1px solid #c8f5eb4f;border-radius:99px;align-items:center;gap:9px;padding:7px 11px;font-size:.72rem;font-weight:700;display:flex;position:absolute;bottom:17px;right:max(24px,50vw - 700px)}.studio-scroll-indicator i{background:#caf8ea48;width:44px;height:2px;margin-left:5px}.studio-scroll-indicator i:before{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--studio-scroll));content:"";background:#bcf3dc;display:block}@media (min-width:701px) and (max-height:690px){.studio-scroll-copy h1{font-size:clamp(3.15rem,7.8vh,6rem)}.studio-scroll-copy{padding-block:30px}}@media (max-width:700px){.studio-scroll-hero[data-motion=on]{min-height:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-viewport{height:auto;min-height:0;position:relative;top:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-track{width:auto;height:auto;display:block;transform:none}.studio-scroll-shore{min-height:min(720px, var(--studio-hero-stage));align-content:center}.studio-scroll-hero[data-motion=on] .studio-scroll-wall{min-height:clamp(310px,62svh,530px)}.studio-scroll-shore-film img{object-position:center 60%}.studio-scroll-shore-grade{background:linear-gradient(95deg,#071b23e0 0%,#071b239b 77%,#071b235c),linear-gradient(#0000 28%,#071b23df 100%)}.studio-scroll-copy{padding-block:32px 76px}.studio-scroll-copy h1{max-width:14ch;font-size:clamp(2.65rem,9.5vw,4.25rem)}.studio-scroll-lead{max-width:min(100%,38ch);font-size:clamp(.91rem,3.75vw,1.02rem)}.studio-scroll-actions{gap:4px 15px}.studio-scroll-actions .button{min-height:44px;padding:10px 13px;font-size:.82rem}.studio-scroll-work-link{font-size:.82rem}.studio-scroll-prints{opacity:.56;inset:22% 0 0}.studio-scroll-print{width:74vw;top:77%;right:-28%}.studio-scroll-print:nth-child(2){width:70vw;top:100%;right:-34%}.studio-scroll-print:nth-child(3){width:22vw;top:88%;right:32%}.studio-scroll-wall-grid{gap:8px;inset:-14% -28%}.studio-scroll-wall-column{gap:8px}.studio-scroll-wall-column img{border-radius:7px}.studio-scroll-wall-cover{clip-path:inset(calc(var(--studio-reveal) * 23%) calc(var(--studio-reveal) * 7%) round calc(var(--studio-reveal) * 15px))}.studio-scroll-wall-title{width:76%;padding:22px 10px}.studio-scroll-wall-title strong{font-size:clamp(2.55rem,11vw,4rem)}.studio-scroll-hero[data-motion=on] .studio-scroll-indicator{display:none}}@media (max-height:630px) and (max-width:700px){.studio-scroll-copy{padding-block:21px 42px}.studio-scroll-copy h1{font-size:clamp(2rem,8.5vw,3.1rem)}.studio-scroll-eyebrow,.studio-scroll-lead,.studio-scroll-actions{margin-block:0}.studio-scroll-eyebrow{margin-bottom:12px}.studio-scroll-lead{margin-top:12px}.studio-scroll-actions{margin-top:9px}.studio-scroll-byline{margin-top:8px}}@media (max-height:470px){.studio-scroll-hero[data-motion=on]{min-height:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-viewport{height:auto;position:relative;top:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-track{width:auto;display:block;transform:none}.studio-scroll-hero[data-motion=on] .studio-scroll-wall,.studio-scroll-hero[data-motion=on] .studio-scroll-indicator{display:none}}@media (prefers-reduced-motion:reduce){.studio-scroll-hero,.studio-scroll-hero[data-motion=on]{min-height:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-viewport{height:auto;position:relative;top:auto}.studio-scroll-hero[data-motion=on] .studio-scroll-track{width:auto;display:block;transform:none}.studio-scroll-hero[data-motion=on] .studio-scroll-wall,.studio-scroll-hero[data-motion=on] .studio-scroll-indicator{display:none}}html[data-studio-arrival=leaving] .studio-scroll-hero[data-motion=on] .studio-scroll-prints{animation:.85s cubic-bezier(.16,.75,.31,1) both studio-arrive-prints}@keyframes studio-arrive-prints{0%{translate:38px 24px}to{translate:0}}@media (prefers-reduced-motion:reduce){html[data-studio-arrival=leaving] .studio-scroll-hero[data-motion=on] .studio-scroll-prints{animation:none}}
