/* The original two-layer identity meets a tactile, cut-and-paste project wall. */
.fish-portfolio{--coral:#da6d66;--slate:#456e7b;--mint:#abc6bd;--peach:#f6b285;--sand:#f8cd9a}
.fish-intro{padding-bottom:80px}.opening-title{margin:32px 0 36px}.opening-title h1{font-size:clamp(40px,5.2vw,82px)}
.identity-figure{margin:0 calc(-1 * var(--gutter))}.identity-scroll{height:calc(41.875vw + 72vh);position:relative}.identity-stage{position:sticky;top:6vh;width:100%;aspect-ratio:2400/1005;background:linear-gradient(90deg,var(--coral) 39%,var(--slate) 39%);overflow:hidden}.identity-stage img{will-change:transform;object-fit:fill}.identity-base{transform:translate3d(0,var(--fish-shift,-6%),0)}.identity-overlay{opacity:1;transition:none;transform:translate3d(0,var(--cover-shift,0%),0)}.identity-figure figcaption{margin:0 var(--gutter);font-size:14px;padding:20px 0}.practice-intro{padding-top:50px}
.curated-work{background:#f5f0e7;padding-top:90px}.curated-work .section-heading{grid-template-columns:1fr 2.4fr 1fr}.curated-work h2{font:bold clamp(40px,5.4vw,84px)/.98 var(--sans);letter-spacing:-.065em}.curated-work h2 em{font:inherit;color:var(--slate);letter-spacing:-.05em}
.editorial-project,.editorial-project:nth-of-type(even){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:5vw;padding:42px 40px 48px;margin:0 0 76px;border:0;background:var(--slate);color:#fff;isolation:isolate;align-items:center}
.editorial-project:before{content:'';position:absolute;inset:12px -9px -12px 9px;background:var(--mint);z-index:-1;transform:rotate(.65deg)}
.editorial-project:after{content:'';position:absolute;inset:0;background:var(--slate);z-index:-1}
.editorial-project:nth-of-type(2):after{background:var(--coral)}.editorial-project:nth-of-type(3):after{background:var(--mint)}.editorial-project:nth-of-type(4):after{background:var(--sand)}
.editorial-project:nth-of-type(2),.editorial-project:nth-of-type(3),.editorial-project:nth-of-type(4){color:var(--ink)}
.project-ordinal{top:-26px;left:20px;z-index:2;background:var(--coral);color:var(--ink);padding:11px 17px;font:700 24px/1 var(--sans);transform:rotate(-5deg)}
.editorial-project:nth-of-type(2) .project-ordinal{background:var(--sand);transform:rotate(4deg)}.editorial-project:nth-of-type(3) .project-ordinal{background:var(--slate);color:white}.editorial-project:nth-of-type(4) .project-ordinal{background:var(--coral)}
.project-plate{background:#fcfcfa;padding:12px;transform:rotate(-2deg);box-shadow:0 7px 0 #20272918;transition:transform .25s}.project-plate:hover{transform:rotate(0)}.project-plate>img{aspect-ratio:1.4;object-fit:contain}.editorial-project:nth-of-type(even) .project-plate{grid-column:2;grid-row:1;transform:rotate(2deg)}.editorial-project:nth-of-type(even) .project-story{grid-column:1;grid-row:1}.editorial-project:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
.project-story h3{font:bold clamp(32px,4vw,62px)/.98 var(--sans);letter-spacing:-.06em;margin:17px 0 25px}.project-story>p,.project-story>.eyebrow,.project-story>.design-question{color:inherit}.project-story>.eyebrow{font-size:14px;letter-spacing:.02em;text-transform:none}.project-story>.proof-line{font-size:14px;border-color:currentColor}.project-story .text-link{color:inherit;font-size:14px}.editorial-project:first-of-type .project-story>p{color:#f6f7f4}.editorial-project:first-of-type .text-link{color:#fff}
.additional-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.additional-card{display:block;padding:14px 14px 25px;background:var(--mint);transform:rotate(-1.3deg);transition:transform .2s}.additional-card:nth-child(3n+2){background:var(--coral);transform:rotate(1.4deg)}.additional-card:nth-child(3n){background:var(--sand);transform:rotate(-.7deg)}.additional-card:hover{transform:rotate(0) translateY(-5px)}.additional-card>span{font-size:14px;color:var(--ink)}.additional-card h3{font:bold 28px/1.05 var(--sans);letter-spacing:-.045em}.additional-image{background:#faf9f5}.additional-image img{object-fit:contain}.further-heading h3{font:bold clamp(30px,3vw,44px)/1.08 var(--sans)}.methods-section{background:#e8eeea}.about{background:var(--slate)}
@media(max-width:1000px){.curated-work .section-heading{grid-template-columns:1fr}.curated-work .section-heading .small-note{grid-column:auto}.editorial-project,.editorial-project:nth-of-type(even){gap:32px;padding:35px 26px}.additional-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.opening-title{margin:25px 0 30px}.opening-title h1{font-size:clamp(36px,9vw,60px)}.identity-scroll{height:calc(62.5vw + 58vh)}.identity-stage{aspect-ratio:1.6}.identity-stage img{width:150%;max-width:none;left:-25%;object-fit:fill}.identity-figure figcaption{flex-direction:row;align-items:flex-start;font-size:12px;gap:18px}.identity-figure figcaption span:first-child{max-width:22ch}.practice-intro{padding-top:32px}.curated-work{padding-top:60px}.curated-work .section-heading{margin-bottom:58px}.editorial-project,.editorial-project:nth-of-type(even){grid-template-columns:1fr;gap:28px;padding:30px 18px;margin-bottom:58px}.editorial-project:nth-of-type(even) .project-plate,.editorial-project:nth-of-type(even) .project-story{grid-column:auto;grid-row:auto}.project-plate{padding:8px}.project-story h3{font-size:38px}.project-story>.design-question{font-size:18px}.project-story>p{font-size:16px}.project-ordinal{font-size:20px;top:-22px}.additional-grid{grid-template-columns:1fr;gap:35px}.additional-card{padding:13px 13px 23px}.additional-card h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.identity-scroll{height:auto}.identity-stage{position:relative;top:auto}.identity-stage img{will-change:auto}.identity-base{transform:none}.identity-overlay{transform:translateY(-100%)}.project-plate,.additional-card{transition:none}}

.editorial-project:nth-of-type(2){color:#161d20}@media(max-width:760px){.additional-card,.additional-card:nth-child(3n+2),.additional-card:nth-child(3n),.project-plate,.editorial-project:nth-of-type(even) .project-plate{transform:none}}

/* Original Wix relationship: stationary rear artwork, naturally scrolling front sheet. */
.fish-intro{padding-top:0}
.identity-scroll{--art-height:41.875vw;height:calc(var(--art-height) + 58svh);position:relative;isolation:isolate;background:#f9f7e8}
.identity-stage{position:static;aspect-ratio:auto;height:100%;overflow:visible;background:none;isolation:auto}
.identity-stage .identity-base{position:sticky;display:block;top:0;left:auto;right:auto;bottom:auto;width:100%;height:var(--art-height);object-fit:contain;transform:none;will-change:auto;background:#f9f7e8}
.identity-stage .identity-overlay{position:absolute;display:block;top:0;left:0;right:auto;bottom:auto;width:100%;height:var(--art-height);object-fit:contain;transform:none;opacity:1;transition:none;will-change:auto;z-index:2}
.identity-figure{overflow:clip}.identity-figure figcaption{background:var(--paper)}
.fish-intro .opening-line{margin-top:38px}.fish-intro .opening-title{margin-top:28px}
@media(max-width:760px){.identity-scroll{--art-height:62.5vw;height:calc(var(--art-height) + 48svh)}.identity-stage .identity-base,.identity-stage .identity-overlay{width:150%;max-width:none;left:-25%;object-fit:fill}.identity-stage .identity-base{margin-left:-25%;left:auto}.identity-figure figcaption{position:relative;z-index:3}}
/* Native, directly controlled document scrolling remains available in reduced-motion mode. */

/* Register the artwork itself: rear fish is 62.5 source pixels below the line drawing. */
.identity-stage .identity-base{transform:translateY(-6.218905%)}

/* Match artwork height to its actual content width, excluding the scrollbar. */
.identity-figure{container-type:inline-size}.identity-scroll{--art-height:41.875cqw}@media(max-width:760px){.identity-scroll{--art-height:62.8125cqw}}

/* Let the front sheet clear fully before the rear artwork leaves the viewport. */
.identity-scroll{--fish-register-offset:calc(var(--art-height) * .06218905);height:calc(var(--art-height) * 2 + var(--fish-register-offset) + clamp(96px,18svh,180px))}
.identity-stage .identity-base{top:var(--fish-register-offset)}
@media(max-width:760px){.identity-scroll{--art-height:55.8333333333cqw}.identity-stage .identity-base,.identity-stage .identity-overlay{width:133.3333333333%;left:-16.6666666667%}.identity-stage .identity-base{margin-left:-16.6666666667%;left:auto}}