.scene03{background:linear-gradient(180deg, var(--paper) 0%, var(--shell) 52%, var(--sand) 100%);color:var(--green);position:relative;overflow:clip}.scene03-pin-track{position:relative}@media (min-width:981px){[data-scene03-pin-track][data-scene03-pin-ready]{height:340vh}[data-scene03-pin-track][data-scene03-pin-ready] .scene03{height:100vh;min-height:100vh;position:sticky;top:0}[data-scene03-pin-track][data-scene03-pin-ready] .scene03-inner{height:100%;min-height:0;padding-block:clamp(48px,6vh,96px)}}.scene03:before{content:"";background:radial-gradient(62% 48% at 22% 22%, color-mix(in oklch, var(--turquoise) 18%, transparent) 0%, transparent 70%), radial-gradient(58% 46% at 84% 86%, color-mix(in oklch, var(--pink) 22%, transparent) 0%, transparent 72%);opacity:.85;pointer-events:none;position:absolute;inset:0}.scene03-inner{z-index:1;width:min(var(--max), calc(100% - clamp(32px, 8vw, 144px)));grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(44px,8vw,120px);min-height:clamp(680px,95vh,980px);margin:0 auto;padding:clamp(96px,12vw,172px) 0 clamp(92px,11vw,148px);display:grid;position:relative}.scene03-copy{z-index:3;max-width:640px;position:relative}.scene03 .section-kicker{color:var(--turquoise)}.scene03-heading{max-width:10ch;color:var(--green-deep);font-family:var(--display);font-size:clamp(44px,5.4vw,86px);font-weight:var(--w-display);letter-spacing:-.018em;text-transform:uppercase;text-wrap:balance;margin:0;line-height:.98}.scene03-subcopy{width:min(100%,34rem);color:var(--ink);font-family:var(--script);margin:clamp(24px,3vw,36px) 0 0;font-size:clamp(20px,2vw,30px);font-style:italic;line-height:1.5}.scene03-explore-link{border:0;border-bottom:1px solid color-mix(in oklch, var(--green-deep) 38%, transparent);color:var(--green-deep);font-family:var(--label);font-size:12px;font-weight:var(--w-label);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:border-color .32s var(--ease), color .32s var(--ease), transform .32s var(--ease);background:0 0;align-items:center;gap:10px;margin-top:clamp(20px,2.4vw,32px);padding:8px 0;text-decoration:none;display:inline-flex}.scene03-explore-link:hover,.scene03-explore-link:focus-visible{color:var(--pink);border-color:var(--pink)}.scene03-explore-link span{transition:transform .32s var(--ease);font-size:13px;transform:translateY(-1px)}.scene03-explore-link:hover span{transform:translate(3px,-1px)}.scene03-plates{z-index:2;width:100%;height:540px;position:relative}.scene03-map-wash{z-index:1;pointer-events:none;width:min(760px,58vw);position:absolute;bottom:clamp(18px,5vw,72px);right:max(-12vw,-168px)}.scene03-map-wash img{opacity:.28;will-change:transform;transform-origin:54% 58%;width:100%;height:auto;display:block;transform:rotate(-4deg)translate(0,0)scale(1.08);-webkit-mask-image:radial-gradient(at 50% 52%,#000 0 44%,#0000 74%);mask-image:radial-gradient(at 50% 52%,#000 0 44%,#0000 74%)}.scene03-plate{color:var(--green-deep);transform-origin:50%;margin:0;position:absolute;top:50%;left:50%}[data-scene03-pin-track][data-scene03-pin-ready] .scene03-plate{will-change:transform}.scene03-plate--bay{z-index:2;width:min(360px,84%);transform:translate(calc(-50% - 34px),calc(-50% - 58px))rotate(-5deg)}.scene03-plate--cafe{z-index:3;width:min(296px,72%);transform:translate(calc(38px - 50%),calc(-50% - 20px))rotate(4deg)}.scene03-plate--culture{z-index:4;width:min(318px,78%);transform:translate(calc(-50% - 28px),calc(22px - 50%))rotate(-3deg)}.scene03-plate--water{z-index:5;width:min(296px,72%);transform:translate(calc(44px - 50%),calc(64px - 50%))rotate(6deg)}.scene03-plate--bay .scene03-plate-frame{aspect-ratio:3/2}.scene03-plate--cafe .scene03-plate-frame{aspect-ratio:4/5}.scene03-plate--culture .scene03-plate-frame{aspect-ratio:3/4}.scene03-plate--water .scene03-plate-frame{aspect-ratio:4/5}.scene03-plate-frame{background:var(--paper);border:1px solid color-mix(in oklch, var(--green) 8%, transparent);isolation:isolate;border-radius:2px;padding:10px;display:block;position:relative;box-shadow:0 1px 1px #0c2e340f,0 8px 24px -10px #0c2e3438,0 36px 80px -40px #0c2e3457,inset 0 1px #fff9;box-shadow:0 1px 1px lab(16.7848% -11.1382 -7.44419/.06),0 8px 24px -10px lab(16.7848% -11.1382 -7.44419/.22),0 36px 80px -40px lab(16.7848% -11.1382 -7.44419/.34),inset 0 1px lab(100% 0 0/.6)}.scene03-plate-frame img{object-fit:cover;border-radius:1px;width:100%;height:100%;display:block}.scene03-plate-frame:after{content:"";border:1px solid color-mix(in oklch, var(--green) 10%, transparent);pointer-events:none;position:absolute;inset:12px}.scene03-plate figcaption{opacity:0;transition:opacity .42s var(--ease);gap:2px;margin-top:14px;display:grid}.scene03-plate--water figcaption{opacity:1}.scene03-plate-caption-no{font-family:var(--label);font-size:10px;font-weight:var(--w-label);letter-spacing:.22em;text-transform:uppercase;color:var(--green-soft);line-height:1.2}.scene03-plate-caption-text{font-family:var(--hand);color:var(--green-deep);font-size:clamp(21px,1.7vw,26px);font-style:normal;line-height:1.15}.scene03-progress{flex-wrap:wrap;gap:10px;margin:clamp(26px,3vw,38px) 0 0;padding:0;list-style:none;display:flex}.scene03-progress-step{font-family:var(--label);font-size:11px;font-weight:var(--w-label);letter-spacing:.18em;text-transform:uppercase;color:var(--green-soft);opacity:.4;transition:opacity .36s var(--ease), color .36s var(--ease)}.scene03-progress-step.is-lit{opacity:1;color:var(--green-deep)}.scene03-plate--cafe .scene03-plate-frame,.scene03-plate--water .scene03-plate-frame{box-shadow:0 2px 2px #0c2e341a,0 12px 30px -10px #0c2e3447,0 44px 90px -40px #0c2e3461,inset 0 1px #fff9;box-shadow:0 2px 2px lab(16.7848% -11.1382 -7.44419/.1),0 12px 30px -10px lab(16.7848% -11.1382 -7.44419/.28),0 44px 90px -40px lab(16.7848% -11.1382 -7.44419/.38),inset 0 1px lab(100% 0 0/.6)}@media (max-width:980px){.scene03-inner{grid-template-columns:1fr;gap:44px;width:min(100% - 32px,720px);min-height:auto}.scene03-heading{text-wrap:balance;max-width:11ch;font-size:clamp(42px,11vw,74px)}.scene03-plates{grid-template-columns:repeat(6,1fr);gap:28px 0;height:auto;display:grid;position:static}.scene03-plate{width:auto;transform:rotate(var(--plate-rot,0deg));will-change:auto;position:relative;top:auto;left:auto}.scene03-plate--bay{--plate-rot:-.8deg;grid-column:1/6}.scene03-plate--cafe{--plate-rot:.8deg;z-index:3;grid-column:3/7;margin-top:-56px}.scene03-plate--culture{--plate-rot:-.4deg;grid-column:1/5}.scene03-plate--water{--plate-rot:.6deg;grid-column:2/7;margin-top:-40px}.scene03-plate figcaption{opacity:1}.scene03-map-wash{width:min(620px,132vw);bottom:6%;right:-36%}.scene03-map-wash img{opacity:.22}}@media (max-width:560px){.scene03-inner{padding:72px 0 76px}.scene03-subcopy{font-size:clamp(18px,5vw,23px)}.scene03-plate--bay{--plate-rot:-.5deg}.scene03-plate--cafe{--plate-rot:.8deg;margin-top:-38px}.scene03-plate--culture{--plate-rot:-.3deg}.scene03-plate--water{--plate-rot:.4deg;margin-top:-28px}}@media (prefers-reduced-motion:reduce){.scene03-plate{will-change:auto;transition:none}.scene03-explore-link,.scene03-explore-link span{transition:none}.scene03-map-wash img{will-change:auto}}@media (min-width:981px) and (max-height:799px){.scene03-heading{font-size:clamp(36px,3.1vw,48px)}.scene03-subcopy{margin-top:16px;font-size:clamp(15px,1.4vw,19px)}.scene03-explore-link{margin-top:14px}.scene03-progress{margin-top:18px}[data-scene03-pin-track][data-scene03-pin-ready] .scene03-inner{padding-block:clamp(28px,4vh,56px)}}