/* AMBERSEA V22 consolidated existing cascade; v22 refinements below. */

/* SOURCE: styles.css */
:root{--ink:#05131a;--deep:#071923;--deep2:#0b2630;--blue:#62bede;--blue2:#178fc2;--amber:#dcb17c;--gold:#f0d2a4;--cream:#f1f0e9;--muted:#aebcc0;--border:rgba(192,220,225,.19);--pad:clamp(24px,6.4vw,116px);--ease:cubic-bezier(.22,1,.36,1);--display:clamp(3.5rem,7.25vw,8rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--cream);font-family:"DM Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-locked{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:var(--amber);color:var(--ink)}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:3000;top:10px;left:10px;transform:translateY(-170%);background:white;color:black;padding:10px 16px}.skip-link:focus{transform:none}.progress{position:fixed;height:2px;width:0;left:0;top:0;z-index:99;background:linear-gradient(90deg,var(--blue),var(--amber));pointer-events:none}.section-wrap{padding:0 var(--pad)}.section-top{padding-top:44px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);font:600 10px/1.4 "Manrope",sans-serif;letter-spacing:.18em;color:#82989d}.section-top--light{border-color:rgba(255,255,255,.24);color:#a5b4b9}.eyebrow{font:700 11px/1.4 "Manrope",sans-serif;letter-spacing:.21em;color:var(--amber);display:flex;align-items:center;gap:13px}.eyebrow__dot{width:6px;height:6px;border:1px solid var(--amber);transform:rotate(45deg);flex:none}.display{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.075em;line-height:1.11;font-size:clamp(2.5rem,5.3vw,6rem);margin:27px 0}.display i,.hero-scene h1 i,.hero-scene h2 i,.statement p i{font-style:normal;color:var(--blue)}.text-link{font:700 12px/1.5 "Manrope",sans-serif;letter-spacing:.04em;display:inline-flex;gap:38px;align-items:center;border-bottom:1px solid rgba(221,234,233,.5);padding-bottom:13px;transition:color .25s,border-color .25s}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link span,.button span,.product__link span{display:inline-block;transition:transform .35s var(--ease)}.text-link:hover span,.button:hover span,.product__link:hover span{transform:translate(4px,-4px)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .95s var(--ease),transform .95s var(--ease)}.reveal.visible{opacity:1;transform:none}
/* Brand intro: reveals original AMBERSEA brand asset before the site */
.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#030d14}.intro__top,.intro__bottom{position:absolute;z-index:-1;left:0;width:100%;height:50%;background:#040f17;transition:transform 1.15s var(--ease)}.intro__top{top:0}.intro__bottom{bottom:0}.intro__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:introUp 1.15s var(--ease) both;pointer-events:none}.intro__halo{position:absolute;z-index:-1;width:min(65vw,420px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(47,114,147,.18),transparent 68%);box-shadow:0 0 110px rgba(41,97,125,.1)}.intro__mark{width:clamp(100px,22vw,220px);height:clamp(100px,22vw,220px);object-fit:contain;filter:drop-shadow(0 20px 35px rgba(1,10,16,.2));animation:logoFloat 2s ease-in-out both}.intro__mark--svg{width:clamp(90px,17vw,165px);height:clamp(90px,17vw,165px)}.intro__wordmark{font:600 clamp(28px,5vw,55px)/1 "Manrope",sans-serif;letter-spacing:.22em;margin-left:.22em;color:var(--gold)}.intro__wordmark em{font-style:normal;color:var(--blue)}.intro__content p{margin:4px 0 0;font-size:9px;letter-spacing:.33em;color:#9bb7bb}.intro__line{height:1px;background:#243d48;width:180px;overflow:hidden;margin-top:26px}.intro__line span{display:block;width:55%;height:100%;background:var(--amber);animation:loadingBar 1.75s var(--ease) both}.intro__skip{position:absolute;right:var(--pad);bottom:42px;border:0;background:transparent;color:#9babb2;font:600 10px "Manrope",sans-serif;letter-spacing:.15em;padding:12px}.intro__skip span{color:var(--amber);margin-left:12px}.intro.is-exiting{pointer-events:none;background:transparent}.intro.is-exiting .intro__top{transform:translateY(-102%)}.intro.is-exiting .intro__bottom{transform:translateY(102%)}.intro.is-exiting .intro__content,.intro.is-exiting .intro__skip{opacity:0;transition:opacity .34s}.intro.is-hidden{display:none}@keyframes introUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes logoFloat{0%{transform:scale(.86);opacity:0}60%{opacity:1}100%{transform:scale(1);opacity:1}}@keyframes loadingBar{from{transform:translateX(-210%)}to{transform:translateX(200%)}}
/* Header */
.header{position:fixed;z-index:110;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:21px var(--pad);height:92px;transition:background .45s ease,box-shadow .45s,padding .3s,border-color .3s;border-bottom:1px solid transparent}.header.is-scrolled{background:rgba(4,17,24,.92);border-color:var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:78px}.brand{display:inline-flex;align-items:center;gap:11px;z-index:1}.brand>img{width:45px;height:45px;object-fit:contain}.brand__text{display:flex;flex-direction:column;gap:6px}.brand__text strong{font:700 19px/1 "Manrope",sans-serif;letter-spacing:.145em}.brand__text em{font-style:normal;color:var(--blue)}.brand__text small{font:600 8px/1 "Manrope",sans-serif;letter-spacing:.16em;color:#9bb6b9}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.8vw,45px);margin-left:auto;margin-right:clamp(22px,4vw,70px)}.desktop-nav a{font:600 12px/1 "Manrope",sans-serif;color:#c7d1d4;transition:color .25s}.desktop-nav a:hover{color:var(--amber)}.header__cta{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border:1px solid rgba(219,229,230,.4);padding:15px 19px;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.025em;transition:background .25s,color .25s,border-color .25s}.header__cta:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}.header__cta span{font-size:16px;color:var(--amber)}.header__cta:hover span{color:var(--ink)}.menu-toggle{border:0;background:transparent;width:40px;height:40px;display:none;position:relative}.menu-toggle span{position:absolute;width:26px;height:1px;background:var(--cream);left:7px;top:14px;transition:transform .3s,top .3s}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded=true] span:first-child{top:19px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{top:19px;transform:rotate(-45deg)}.mobile-nav{position:fixed;z-index:101;inset:0;display:flex;flex-direction:column;padding:130px var(--pad) 50px;background:#04141c;gap:0}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:20px 0;border-bottom:1px solid var(--border);font:500 clamp(25px,6vw,38px)/1.5 "Manrope",sans-serif;letter-spacing:-.045em}
/* Large animated hero */
.hero{min-height:760px;height:100svh;max-height:1140px;position:relative;overflow:hidden;background:#092434;isolation:isolate}.hero__slides,.hero-scene{position:absolute;inset:0}.hero-scene{opacity:0;pointer-events:none;clip-path:inset(0 0 0 100%);transition:clip-path 1.3s var(--ease),opacity 1.25s var(--ease);will-change:clip-path}.hero-scene.is-active{opacity:1;pointer-events:auto;clip-path:inset(0)}.hero-scene__image{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;filter:saturate(.88) contrast(1.08);transform:scale(1.065) translate3d(calc(var(--pointer-x, 0)*1px),calc(var(--pointer-y, 0)*1px),0);transition:transform 7s linear}.hero-scene.is-active .hero-scene__image{transform:scale(1) translate3d(calc(var(--pointer-x, 0)*1px),calc(var(--pointer-y, 0)*1px),0)}.hero-scene__image--graphic{background:radial-gradient(ellipse at 70% 34%,rgba(36,124,155,.36),transparent 40%),linear-gradient(125deg,#03101a,#082734 70%,#04202e)}.hero-scene__tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,19,.86),rgba(2,18,25,.48) 50%,rgba(3,22,30,.12) 95%),linear-gradient(0deg,rgba(3,15,22,.76),transparent 26%,transparent 74%,rgba(3,15,22,.3))}.hero-scene__tint--heavy{background:linear-gradient(90deg,rgba(3,13,22,.94),rgba(2,13,21,.7) 45%,rgba(3,22,30,.32) 95%),linear-gradient(0deg,#03111b8a,transparent 50%)}.hero-scene__content{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translateY(-41%);z-index:2;max-width:850px}.hero-scene__eyebrow{color:#ecbe8c;margin-bottom:29px;opacity:0;transform:translateY(20px)}.hero-scene h1,.hero-scene h2{font:500 clamp(4.2rem,9.5vw,11rem)/.99 "Manrope",sans-serif;letter-spacing:-.091em;margin:0 0 31px;color:#f6f7f4}.hero-scene h1 span,.hero-scene h2 span{display:block;opacity:0;transform:translateY(54px)}.hero-scene h1 i,.hero-scene h2 i{color:#8bd2e8}.hero-scene__content>p{font-size:clamp(15px,1.48vw,18px);line-height:1.7;max-width:470px;color:#d2dbdd;margin:0 0 30px;opacity:0;transform:translateY(20px)}.hero-scene__actions{display:flex;gap:28px;align-items:center;opacity:0;transform:translateY(25px)}.hero-scene.is-active .hero-scene__eyebrow,.hero-scene.is-active h1 span,.hero-scene.is-active h2 span,.hero-scene.is-active .hero-scene__content>p,.hero-scene.is-active .hero-scene__actions{animation:heroEnter 1.05s var(--ease) both}.hero-scene.is-active .hero-scene__eyebrow{animation-delay:.45s}.hero-scene.is-active h1 span:first-child,.hero-scene.is-active h2 span:first-child{animation-delay:.57s}.hero-scene.is-active h1 span:nth-child(2),.hero-scene.is-active h2 span:nth-child(2){animation-delay:.68s}.hero-scene.is-active .hero-scene__content>p{animation-delay:.86s}.hero-scene.is-active .hero-scene__actions{animation-delay:1.02s}@keyframes heroEnter{to{opacity:1;transform:none}}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font:700 12px "Manrope",sans-serif;min-height:56px;padding:0 24px;white-space:nowrap;transition:background .3s,color .3s,transform .3s}.button--light{background:var(--cream);color:#07151d}.button--light:hover{background:#c0e5ed;transform:translateY(-2px)}.inline-link{font:700 12px "Manrope",sans-serif;letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid #a8c4ca;padding-bottom:8px;transition:color .25s}.inline-link:hover{color:var(--blue)}.inline-link span{margin-left:9px}.hero-scene__emblem{position:absolute;right:10%;top:16%;width:min(31vw,460px);height:60%;display:grid;place-items:center;opacity:.32;transform:rotate(-11deg)}.hero-scene__emblem img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 80px rgba(61,153,181,.24))}.hero__grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.67' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.hero__water{position:absolute;inset:auto 0 0;width:100%;height:37%;pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.56}.hero__side-label{position:absolute;z-index:4;top:50%;right:29px;writing-mode:vertical-rl;transform:translateY(-50%);font:700 10px "Manrope",sans-serif;letter-spacing:.25em;color:rgba(224,236,234,.6)}.hero__side-label span{padding:14px 0;color:var(--amber)}.hero__bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);z-index:5;display:flex;align-items:center;justify-content:space-between}.scroll-cue{display:flex;align-items:center;gap:16px;font:700 10px "Manrope",sans-serif;letter-spacing:.14em;color:#c5d5d8}.scroll-cue__line{width:56px;height:1px;background:#adbfc3;position:relative}.scroll-cue__line:after{content:"";width:10px;height:10px;border-bottom:1px solid var(--amber);border-right:1px solid var(--amber);position:absolute;right:0;top:-5px;transform:rotate(-45deg);animation:arrowShift 1.6s ease-in-out infinite}@keyframes arrowShift{50%{transform:translateX(8px) rotate(-45deg)}}.hero__player{display:flex;align-items:center;gap:12px;font:600 11px "Manrope",sans-serif}.hero__player>button{border:0;color:var(--cream);background:transparent;padding:10px;font-size:22px}.hero__player>button:hover{color:var(--amber)}#slideCount{color:var(--gold)}.hero__divider{opacity:.5}.slide-dots{display:flex;align-items:center;gap:7px;padding:0 15px}.slide-dots button{width:17px;height:2px;border:0;background:rgba(255,255,255,.3);padding:0;transition:width .35s,background .35s}.slide-dots button.is-active{background:var(--amber);width:30px}.hero__player .hero__pause{font-size:16px;margin-left:4px}
/* marquee */
.ticker{overflow:hidden;background:#b99973;color:#08202a;min-height:54px;display:flex;align-items:center}.ticker__inner{display:flex;gap:28px;align-items:center;white-space:nowrap;width:max-content;animation:marquee 33s linear infinite}.ticker__inner span{font:800 11px "Manrope",sans-serif;letter-spacing:.19em}.ticker__inner b{font-size:13px}@keyframes marquee{to{transform:translateX(-50%)}}
/* Story */
.story{padding-top:90px;padding-bottom:95px;background:#081b23}.story__grid{display:grid;grid-template-columns:1fr .94fr;gap:clamp(50px,6vw,125px);align-items:center;padding-top:90px}.story__left{padding-bottom:30px}.story__left .display{max-width:700px}.story__lead{font-size:20px;font-weight:600;line-height:1.6;margin:35px 0 20px}.story__body{font-size:15px;line-height:1.9;color:#aabdc1;max-width:520px;margin:0 0 40px}.network{height:clamp(420px,40vw,570px);border:1px solid rgba(97,170,185,.2);background:radial-gradient(circle at 50% 48%,#174151 0%,#0c2a35 31%,#0a202b 76%);position:relative;overflow:hidden}.network:before{content:"";position:absolute;width:80%;height:80%;border:1px solid rgba(128,186,190,.12);border-radius:50%;left:10%;top:10%;box-shadow:0 0 0 55px rgba(157,212,213,.025),0 0 0 110px rgba(157,212,213,.018)}.network__grid{position:absolute;inset:0;background-image:linear-gradient(to right,#ffffff08 1px,transparent 1px),linear-gradient(to bottom,#ffffff08 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(circle,black 45%,transparent 78%)}.network__globe{position:absolute;width:58%;aspect-ratio:1;left:22%;top:18%;border-radius:50%;border:1px solid rgba(141,194,201,.23);box-shadow:inset -29px -22px 70px rgba(1,18,27,.56),inset 20px 0 40px rgba(90,154,169,.12),0 0 75px rgba(54,128,149,.08)}.network__globe:before,.network__globe:after{content:"";position:absolute;inset:0;border:1px solid rgba(151,200,204,.18);border-radius:50%;transform:scaleX(.52)}.network__globe:after{transform:scaleY(.45)}.network__ring{position:absolute;border:1px solid rgba(115,177,184,.1);border-radius:50%;width:60%;aspect-ratio:1;left:20%;top:17%}.network__ring--2{width:80%;left:10%;top:8%}.network__ring--3{width:100%;left:0;top:-2%}.network__paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network__paths path{fill:none;stroke:var(--blue);stroke-width:1.4;stroke-dasharray:5 11;stroke-opacity:.68;animation:pathDrift 12s linear infinite}.network__paths circle{fill:var(--amber);filter:drop-shadow(0 0 6px var(--amber))}@keyframes pathDrift{to{stroke-dashoffset:-192}}.network__origin,.network__destination,.network__mini{position:absolute;font:700 10px "Manrope",sans-serif;letter-spacing:.12em;color:#d3dde0}.network__origin{left:10%;bottom:24%;display:flex;gap:9px;align-items:center}.network__origin-pulse{height:8px;width:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 7px rgba(220,177,124,.17);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 15px rgba(220,177,124,0)}}.network__destination--1{right:8%;top:16%}.network__destination--2{right:4%;bottom:31%}.network__mini{left:24px;top:23px;color:#7da2ae;font-size:9px}.story__audience{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:100px;padding:26px 0;text-align:center;font:600 clamp(9px,1vw,11px) "Manrope",sans-serif;letter-spacing:.12em;color:#a3b9bc}.story__audience span{color:var(--amber);padding:0 14px}
/* Seafood product scroller */
.collection{background:#0c2a33;padding-top:10px;padding-bottom:70px;overflow:hidden}.collection__heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:77px 0 65px}.collection__heading .display{margin-top:23px;margin-bottom:19px}.collection__heading p{font-size:15px;color:#9fb8be;max-width:530px;line-height:1.8;margin:0}.collection__controls{display:flex;gap:10px;padding-bottom:9px}.collection__controls button{width:54px;height:54px;border:1px solid #477078;background:transparent;color:var(--cream);font-size:25px;transition:background .25s,color .25s}.collection__controls button:hover{background:var(--cream);color:var(--ink)}.products{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 var(--pad) 18px;cursor:grab}.products::-webkit-scrollbar{display:none}.products.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.product{flex:0 0 clamp(320px,38vw,530px);height:clamp(460px,46vw,600px);scroll-snap-align:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#254853,#112934);border:1px solid rgba(255,255,255,.08)}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,18,.97),rgba(2,13,18,.43) 45%,rgba(1,12,18,.06) 80%);z-index:0;transition:background .3s}.product img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.72) saturate(.75);transition:transform .9s var(--ease),filter .9s var(--ease)}.product:hover img{transform:scale(1.09);filter:brightness(.93) saturate(.95)}.product__number{position:absolute;top:32px;left:32px;z-index:1;font:700 11px "Manrope",sans-serif;letter-spacing:.16em}.product__bottom{position:absolute;z-index:1;bottom:34px;left:32px;right:32px}.product__eyebrow{color:var(--amber);font:700 10px "Manrope",sans-serif;letter-spacing:.19em}.product h3{font:500 clamp(3.4rem,5vw,5.5rem)/1.1 "Manrope",sans-serif;letter-spacing:-.085em;margin:17px 0 14px}.product p{font:400 14px/1.65 "DM Sans",sans-serif;color:#c2d0d2;max-width:360px;margin:0 0 27px}.product__link{padding:0 0 9px;background:transparent;color:white;border:0;border-bottom:1px solid rgba(255,255,255,.65);font:700 12px "Manrope",sans-serif;display:inline-flex;gap:38px}.collection__note{display:flex;align-items:center;justify-content:space-between;gap:32px;font:400 11px/1.65 "DM Sans",sans-serif;color:#7da0a9;padding-top:14px}.collection__note p{max-width:520px}.collection__scrollhint{white-space:nowrap;font:700 10px "Manrope",sans-serif;letter-spacing:.15em}.collection__scrollhint span{margin-left:14px;color:var(--amber);font-size:21px;vertical-align:-2px}
/* Approach */
.approach{padding-top:100px;padding-bottom:155px;position:relative;overflow:hidden;background:#081923}.approach__grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:104px}.approach__intro{z-index:1}.approach__intro .display{margin-bottom:32px}.approach__intro>p{color:#abc0c4;font:400 15px/1.9 "DM Sans",sans-serif;max-width:420px;margin:0 0 38px}.steps{border-top:1px solid var(--border);z-index:2}.step{border-bottom:1px solid var(--border)}.step__trigger{display:grid;grid-template-columns:40px 1fr 28px;align-items:center;width:100%;text-align:left;gap:14px;background:none;border:0;color:var(--cream);padding:28px 0}.step__trigger span{font:600 12px "Manrope",sans-serif;color:var(--amber)}.step__trigger strong{font:500 clamp(19px,2.1vw,28px) "Manrope",sans-serif;letter-spacing:-.04em}.step__trigger em{font:300 28px "Manrope",sans-serif;color:var(--blue);font-style:normal;text-align:right}.step__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease);overflow:hidden}.step__panel>*{min-height:0}.step__panel p{margin:0;line-height:1.8;font-size:14px;color:#a7bdc2;max-width:430px;opacity:0;transition:opacity .25s}.step__panel small{display:block;margin:19px 0 28px;color:#658b93;font:700 10px "Manrope",sans-serif;letter-spacing:.14em;opacity:0;transition:opacity .25s}.step.is-open .step__panel{grid-template-rows:1fr}.step.is-open .step__panel p,.step.is-open .step__panel small{opacity:1}.step__panel{display:none}.step.is-open .step__panel{display:block;animation:stepOpen .55s var(--ease) both}@keyframes stepOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.approach__watermark{position:absolute;bottom:-240px;left:-90px;font:800 680px/1 "Manrope",sans-serif;letter-spacing:-.1em;color:rgba(66,134,143,.045);pointer-events:none}
/* Quote */
.statement{background:#112e38;position:relative;padding:180px var(--pad) 160px;text-align:center;overflow:hidden}.statement__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(38,115,146,.2),transparent 54%)}.statement__inner{position:relative;max-width:1150px;margin:auto}.statement__small{font:700 10px "Manrope",sans-serif;letter-spacing:.21em;color:var(--amber)}.statement p{font:500 clamp(2.7rem,5.9vw,7rem)/1.16 "Manrope",sans-serif;letter-spacing:-.07em;margin:40px 0}.statement__wave{max-width:380px;margin:35px auto 0}.statement__wave svg{width:100%;height:auto}.statement__wave path{fill:none;stroke:var(--amber);stroke-width:1;stroke-dasharray:15 12;animation:pathDrift 8s linear infinite}
/* Founder */
.founder{background:#071923;padding-top:100px;padding-bottom:135px}.founder__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(60px,9vw,190px);align-items:center;padding-top:105px}.founder__symbol{height:min(48vw,560px);min-height:420px;background:radial-gradient(ellipse at 55% 42%,#173c4c,#0a2430 60%,#081a23 95%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.founder__symbol:before,.founder__symbol:after{content:"";position:absolute;width:85%;height:85%;border:1px solid rgba(150,197,197,.09);border-radius:50%}.founder__symbol:after{width:62%;height:62%}.founder__symbol-inner{position:relative;z-index:1;width:60%;height:60%;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 24px 65px rgba(1,10,15,.45))}.founder__symbol-inner img{max-height:100%;object-fit:contain}.founder__symbol>span{position:absolute;bottom:29px;font:700 9px "Manrope",sans-serif;letter-spacing:.19em;color:#86a3aa}.founder__content .display{max-width:660px}.founder__content>p{font-size:15px;line-height:1.93;color:#a7bdc0;max-width:540px}.founder__signature{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--border);margin-top:45px;padding-top:27px}.founder__signature>div{display:flex;flex-direction:column;gap:9px}.founder__signature strong{font:600 17px "Manrope",sans-serif}.founder__signature>div span{font:700 9px "Manrope",sans-serif;letter-spacing:.15em;color:#86a5aa}.founder__signature .text-link{font-size:11px;white-space:nowrap}
/* Enquiry / actual working multi-step email brief */
.enquiry{background:#0c2c36;padding-top:105px;padding-bottom:145px}.enquiry__grid{display:grid;grid-template-columns:.94fr 1fr;gap:clamp(60px,8vw,140px);padding-top:100px;align-items:start}.enquiry__intro .display{font-size:clamp(3rem,5.8vw,6.9rem)}.enquiry__intro>p{font:400 15px/1.8 "DM Sans",sans-serif;color:#aec3c7;max-width:360px;margin:28px 0}.enquiry__email{font:500 clamp(18px,2vw,29px) "Manrope",sans-serif;letter-spacing:-.04em;border-bottom:1px solid #719ca4;padding-bottom:13px;display:inline-flex;gap:28px;margin-top:30px}.enquiry__email span{color:var(--amber)}.enquiry__contact{font:700 10px/2 "Manrope",sans-serif;letter-spacing:.15em;color:#7b9da5;margin-top:70px}.inquiry-card{background:#f1f1eb;color:#0b2029;padding:clamp(25px,3.5vw,55px);box-shadow:0 18px 70px rgba(2,12,17,.16)}.inquiry-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center;font:700 10px "Manrope",sans-serif;letter-spacing:.16em;color:#5e7378}.inquiry-card__progress{height:2px;background:#cbd5d5;margin:21px 0 36px}.inquiry-card__progress span{display:block;width:33.33%;height:100%;background:#1f788e;transition:width .48s var(--ease)}.form-step h3{font:600 clamp(23px,2.4vw,32px)/1.2 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 10px}.form-step__subtitle{font-size:13px;color:#62787c;margin:0 0 27px}.form-step fieldset{padding:0;border:0;margin:0 0 24px}.form-step legend,.field{font-size:12px;font-weight:700;line-height:1.5}.form-step legend span,.field>span{color:#9e643c}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.chips label{cursor:pointer}.chips input{position:absolute;opacity:0;width:1px;height:1px}.chips label span{border:1px solid #aebec0;padding:10px 12px;display:inline-block;font:700 11px "Manrope",sans-serif;transition:color .25s,background .25s,border-color .25s}.chips input:checked+span{background:#0d2e3a;border-color:#0d2e3a;color:white}.chips input:focus-visible+span{outline:2px solid #0d89af;outline-offset:2px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.field input,.field textarea,.field select{border:1px solid #ccd4d1;border-radius:0;background:transparent;color:#172d34;min-height:46px;width:100%;padding:11px 12px;font-size:13px;font-weight:400;outline:none;transition:border-color .2s}.field textarea{resize:vertical;min-height:95px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#267e96}.field input::placeholder,.field textarea::placeholder{color:#849b9e}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{color:#af3636;font-size:12px;min-height:18px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-next,.form-submit{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:51px;background:#0b2c37;border:1px solid #0b2c37;color:white;padding:0 20px;font:700 12px "Manrope",sans-serif;margin-left:auto;transition:background .25s}.form-next:hover,.form-submit:hover{background:#176077}.form-back{border:0;background:transparent;color:#395b63;font:700 12px "Manrope",sans-serif}.form-copy{background:transparent;border:0;border-bottom:1px solid #3f6c78;padding:7px 0;color:#285d71;font-size:11px;font-weight:600;margin-top:17px;display:block;margin-left:auto}.form-preview{font:400 12px/1.8 "DM Sans",sans-serif;white-space:pre-wrap;word-break:break-word;background:#e5e9e6;padding:20px;max-height:350px;overflow:auto;color:#1a3039}.form-disclaimer{font:400 12px/1.6 "DM Sans",sans-serif;color:#657b7d}.form-step[hidden],.form-next[hidden],.form-submit[hidden],.form-back[hidden],.form-copy[hidden]{display:none}
/* Footer */
.footer{background:#04141d;padding:60px var(--pad) 25px}.footer__upper,.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:22px}.backtop{font:700 11px "Manrope",sans-serif;letter-spacing:.15em;color:#b6ced0}.backtop:hover{color:var(--amber)}.footer__line{height:1px;background:var(--border);margin:60px 0 25px}.footer__bottom p,.footer__bottom a{font:700 9px/1.6 "Manrope",sans-serif;letter-spacing:.14em;color:#7b999e}.footer__bottom p span{color:var(--amber);padding:0 8px}
@media(max-width:1100px){.desktop-nav{gap:17px;margin-right:22px}.header__cta{gap:12px}.brand__text small{letter-spacing:.08em}.story__grid{gap:55px}.founder__grid{gap:50px}.enquiry__grid{gap:50px}}
@media(max-width:900px){.desktop-nav,.header__cta{display:none}.menu-toggle{display:block}.header{height:78px;padding:14px var(--pad)}.header.is-scrolled{height:72px}.hero{min-height:700px}.hero-scene h1,.hero-scene h2{font-size:clamp(3.7rem,10vw,7rem)}.hero__side-label{display:none}.story__grid,.approach__grid,.founder__grid,.enquiry__grid{grid-template-columns:1fr}.story__grid{padding-top:60px}.network{height:500px;max-width:640px}.approach__grid,.founder__grid,.enquiry__grid{padding-top:75px}.founder__symbol{height:500px;max-width:670px}.founder__content{max-width:690px}.enquiry__intro .display{max-width:700px}.inquiry-card{max-width:690px;width:100%}.enquiry__contact{margin-top:35px}.approach__watermark{display:none}}
@media(max-width:640px){:root{--pad:22px}.section-top{padding-top:25px;font-size:9px}.section-top span:last-child{text-align:right}.header .brand>img{width:38px;height:38px}.brand__text strong{font-size:16px}.brand__text small{font-size:7px}.hero{min-height:640px;height:100svh}.hero-scene__content{top:47%;transform:translateY(-35%)}.hero-scene__eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:22px}.hero-scene h1,.hero-scene h2{font-size:clamp(3.5rem,15vw,5.7rem);letter-spacing:-.095em;line-height:1.04;margin-bottom:24px}.hero-scene__content>p{font-size:14px;line-height:1.7;margin-bottom:26px;max-width:340px}.hero-scene__actions{flex-wrap:wrap;gap:17px}.button{min-height:52px;font-size:11px;padding:0 17px}.inline-link{font-size:11px}.hero__bottom{bottom:25px;align-items:end}.scroll-cue{font-size:9px;gap:8px}.scroll-cue__line{width:24px}.hero__player{gap:4px}.hero__player>button{padding:6px;font-size:19px}.slide-dots{padding:0 5px;gap:4px}.slide-dots button{width:10px}.slide-dots button.is-active{width:19px}.hero__player .hero__pause{font-size:13px}.hero__water{height:23%}.ticker{min-height:45px}.ticker__inner span{font-size:9px}.story{padding-top:55px;padding-bottom:60px}.story__grid{gap:45px}.display{font-size:clamp(2.65rem,10.5vw,4.5rem)}.story__lead{font-size:17px}.story__body{font-size:14px}.network{height:380px}.network__origin,.network__destination{font-size:8px}.network__mini{font-size:8px}.story__audience{margin-top:65px;line-height:2.2;font-size:9px}.story__audience span{padding:0 5px}.collection{padding-top:20px;padding-bottom:42px}.collection__heading{margin:55px 0 40px;align-items:end}.collection__heading p{font-size:13px}.collection__controls{gap:6px}.collection__controls button{height:38px;width:38px;font-size:19px}.product{flex-basis:min(84vw,420px);height:490px}.product__bottom{left:23px;right:23px;bottom:26px}.product__number{left:23px;top:23px}.product h3{font-size:56px}.product p{font-size:13px}.collection__note{display:block}.collection__scrollhint{margin-top:18px}.approach{padding-top:70px;padding-bottom:90px}.approach__grid{padding-top:70px;gap:55px}.step__trigger{padding:22px 0}.step__trigger strong{font-size:20px}.statement{padding:110px var(--pad)}.statement p{font-size:clamp(2.5rem,10vw,4.4rem)}.founder{padding-top:60px;padding-bottom:85px}.founder__grid{padding-top:65px}.founder__symbol{min-height:350px;height:360px}.founder__signature{align-items:start;flex-direction:column}.enquiry{padding-top:65px;padding-bottom:85px}.enquiry__grid{padding-top:65px;gap:50px}.enquiry__intro .display{font-size:clamp(2.9rem,10vw,5rem)}.enquiry__email{font-size:19px}.inquiry-card{padding:25px 20px}.inquiry-card__top{font-size:9px}.field-row{grid-template-columns:1fr;gap:0}.form-next,.form-submit{font-size:11px;gap:14px}.footer{padding-top:45px}.footer__upper{align-items:start}.footer__line{margin:40px 0 24px}.footer__bottom{align-items:start;flex-direction:column;gap:5px}.footer__bottom p{margin:0}.intro__content p{font-size:8px;letter-spacing:.19em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.intro{display:none!important}.hero-scene{transition:none!important}.hero-scene.is-active{clip-path:none!important}.hero-scene.is-active .hero-scene__eyebrow,.hero-scene.is-active h1 span,.hero-scene.is-active h2 span,.hero-scene.is-active .hero-scene__content>p,.hero-scene.is-active .hero-scene__actions{animation:none!important;opacity:1!important;transform:none!important}.hero-scene__image{transition:none!important}.ticker__inner,.network__paths path,.statement__wave path,.network__origin-pulse,.scroll-cue__line:after{animation:none!important}.hero__water{display:none}}

/* AMBERSEA CINEMATIC EXPERIENCE — original logo / moving marine world */
.header .brand>img,.footer .brand>img{object-fit:contain;filter:drop-shadow(0 0 7px rgba(235,148,57,.22))}
.intro__mark{width:clamp(125px,22vw,235px);height:auto;aspect-ratio:587/486;object-fit:contain;filter:drop-shadow(0 0 38px rgba(244,148,38,.27));animation:introSignature 2.15s cubic-bezier(.2,.75,.14,1) both}
.intro__halo{background:radial-gradient(circle,rgba(233,142,60,.15) 0%,rgba(14,71,109,.10) 36%,transparent 73%);animation:haloBreathe 3s ease-in-out infinite alternate}
@keyframes introSignature{from{opacity:0;transform:translateY(38px) scale(.73) rotate(-10deg);filter:blur(12px)}60%{opacity:1;filter:blur(0)}to{transform:translateY(0) scale(1) rotate(0deg);filter:drop-shadow(0 0 38px rgba(244,148,38,.27))}}
@keyframes haloBreathe{to{transform:translate(-50%,-50%) scale(1.17);opacity:.72}}
.hero{background:#02111c;min-height:700px;overflow:hidden}
.hero-film,.hero-film__video,.hero-film__wash,.hero-film__rays,.hero-film__surface{position:absolute;inset:0;width:100%;height:100%}
.hero-film{z-index:0;overflow:hidden;pointer-events:none;background:#052034 url('assets/underwater-poster.jpg') center/cover no-repeat}
.hero-film__video{object-fit:cover;transform:scale(1.13) translateY(calc(var(--film-parallax,0vh) * .28));filter:saturate(1.18) contrast(1.08) brightness(.93);transition:filter .4s}
.hero-film__wash{background:linear-gradient(91deg,rgba(1,9,17,.88) 0%,rgba(1,12,20,.61) 36%,rgba(1,12,21,.23) 70%,rgba(1,10,18,.33) 100%),linear-gradient(0deg,rgba(0,7,14,.86),transparent 27%,transparent 78%,rgba(1,8,15,.46));z-index:1}
.hero-film__rays{z-index:2;mix-blend-mode:screen;opacity:.29;background:repeating-conic-gradient(from 190deg at 75% -18%,transparent 0deg 10deg,rgba(113,214,255,.10) 13deg 15deg,transparent 18deg 30deg);filter:blur(14px);animation:raysBreathing 11s ease-in-out infinite alternate;transform-origin:70% 0}
.hero-film__surface{z-index:3;top:auto;height:20%;opacity:.35;background:repeating-linear-gradient(176deg,transparent 0 13px,rgba(57,163,218,.085) 14px 15px,transparent 18px 28px);mask-image:linear-gradient(0deg,#000,transparent);animation:oceanCurrent 7s linear infinite}
@keyframes raysBreathing{to{transform:rotate(9deg) scale(1.16);opacity:.13}}@keyframes oceanCurrent{to{background-position:70px 120px}}
.hero__slides{z-index:2;pointer-events:none}.hero-scene{pointer-events:none}.hero-scene.is-active{pointer-events:auto}
.hero-scene[data-scene="0"] .hero-scene__image{opacity:0!important}
.hero-scene[data-scene="0"] .hero-scene__tint{background:linear-gradient(90deg,rgba(1,12,20,.55),rgba(1,12,20,.08) 70%)}
.hero-scene[data-scene="1"] .hero-scene__image{opacity:.56;mask-image:linear-gradient(90deg,transparent 13%,rgba(0,0,0,.27) 55%,black 100%)}
.hero-scene[data-scene="2"] .hero-scene__image--graphic{opacity:.27}
.hero-scene__content{max-width:min(780px,63vw);z-index:8;top:48%}
.hero-scene h1,.hero-scene h2{font-size:clamp(4.8rem,8vw,9rem);text-shadow:0 4px 65px rgba(0,0,0,.23)}
.hero-scene h1 i,.hero-scene h2 i{font-style:normal;background:linear-gradient(110deg,#88d9fa,#c1eaff 65%,#5fb6e3);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-scene__eyebrow{color:#eac395}.hero__water{z-index:4;opacity:.25}
.hero__grain{z-index:4;opacity:.095}
.hero__brand-orbit{--orbit-rotation:0deg;--orbit-drop:0vh;--orbit-drift:0vw;--orbit-scale:1;--orbit-opacity:1;position:absolute;z-index:4;left:auto;top:15%;right:8.1%;width:min(37vw,535px);aspect-ratio:1;transform:translate3d(var(--orbit-drift),var(--orbit-drop),0) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));opacity:var(--orbit-opacity);pointer-events:none;will-change:transform,opacity;display:grid;place-items:center;filter:drop-shadow(0 15px 45px rgba(0,0,0,.38))}
.brand-orbit__logo{position:relative;z-index:3;width:91%;display:grid;place-items:center;filter:drop-shadow(0 0 50px rgba(234,134,34,.20));animation:markLevitate 8s ease-in-out infinite}
.brand-orbit__logo img{display:block;width:100%;height:auto;object-fit:contain}
.brand-orbit__ring{position:absolute;inset:3.8%;border:1px solid rgba(167,212,220,.20);border-radius:50%;box-shadow:0 0 80px inset rgba(45,133,167,.06),0 0 70px rgba(0,0,0,.11)}
.brand-orbit__ring--outer:before,.brand-orbit__ring--outer:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#e4a454;box-shadow:0 0 20px #f9bc65}.brand-orbit__ring--outer:before{top:10%;left:18%}.brand-orbit__ring--outer:after{bottom:8%;right:17%;width:5px;height:5px;background:#63bee3}
.brand-orbit__ring--inner{inset:14%;border-color:rgba(225,166,98,.12);border-style:dashed;animation:orbitSpin 60s linear infinite}
.brand-orbit__rune{position:absolute;top:3.5%;right:1%;font-size:10px;color:rgba(236,211,174,.6);letter-spacing:.25em}
.brand-orbit__caption{position:absolute;bottom:-2%;left:50%;transform:translateX(-50%);font:500 clamp(18px,2.2vw,30px) Georgia,serif;white-space:nowrap;letter-spacing:.22em;color:#eeb876;text-shadow:0 0 24px rgba(0,0,0,.7)}
.brand-orbit__caption span{color:#77c6fd}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes markLevitate{50%{transform:translateY(-10px) scale(1.012)}}
.hero__chapter-label{position:absolute;z-index:6;top:145px;left:var(--pad);font:600 10px "Manrope",sans-serif;letter-spacing:.19em;color:rgba(194,226,238,.66);display:flex;align-items:center;gap:9px}.hero__chapter-label span:first-child{color:#f0a846}.hero__chapter-line{display:inline-block;width:40px;height:1px;background:#dba05d;opacity:.5}
.hero__bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.hero__bubbles i{position:absolute;bottom:-24px;width:7px;height:7px;border:1px solid rgba(139,213,246,.28);border-radius:50%;animation:bubbleLift 17s linear infinite;left:calc(9% + var(--b, 0%));opacity:0}
.hero__bubbles i:nth-child(2){--b:13%;animation-delay:-8s;width:4px;height:4px}.hero__bubbles i:nth-child(3){--b:32%;animation-delay:-3s;width:10px;height:10px}.hero__bubbles i:nth-child(4){--b:51%;animation-delay:-12s;width:6px;height:6px}.hero__bubbles i:nth-child(5){--b:64%;animation-delay:-6s;width:13px;height:13px}.hero__bubbles i:nth-child(6){--b:78%;animation-delay:-11s;width:5px;height:5px}.hero__bubbles i:nth-child(7){--b:84%;animation-delay:-1s;width:8px;height:8px}@keyframes bubbleLift{5%{opacity:.2}87%{opacity:.2}100%{transform:translate3d(44px,-105vh,0);opacity:0}}
.hero__film-toggle{border:1px solid rgba(186,217,220,.25)!important;padding:8px 11px!important;font-size:9px!important;letter-spacing:.13em!important;color:#d4e8ed!important;white-space:nowrap!important}
.hero__bottom{z-index:8}.header{z-index:80}
@media(max-width:1150px){.hero__brand-orbit{width:37vw;right:2%;top:22%}.hero-scene__content{max-width:64vw}.hero-scene h1,.hero-scene h2{font-size:clamp(4.4rem,8vw,7.5rem)}}
@media(max-width:900px){.hero__brand-orbit{width:min(48vw,360px);right:-9%;top:16%;opacity:.65}.hero-scene__content{max-width:85vw;top:52%}.hero-scene h1,.hero-scene h2{font-size:clamp(3.5rem,9vw,6rem)}.hero__chapter-label{top:104px}.hero__film-toggle{display:none!important}}
@media(max-width:640px){.hero{height:100svh;min-height:630px}.hero__brand-orbit{width:55vw;right:-13%;top:13%;opacity:.55;filter:drop-shadow(0 0 36px rgba(227,147,54,.13))}.hero-scene__content{top:59%;max-width:100%;transform:translateY(-30%)}.hero-scene h1,.hero-scene h2{font-size:clamp(3.6rem,15vw,5.8rem)}.hero__chapter-label{top:100px;font-size:8px;letter-spacing:.09em}.hero__chapter-line{width:12px}.hero-film__wash{background:linear-gradient(0deg,rgba(0,8,16,.90),rgba(0,8,16,.40) 60%,rgba(1,11,20,.23)),linear-gradient(90deg,rgba(0,8,16,.27),transparent)}.brand-orbit__caption{font-size:13px}.hero-scene[data-scene="1"] .hero-scene__image{opacity:.33}}
@media(prefers-reduced-motion:reduce){.hero__brand-orbit{transform:none!important;opacity:.50!important}.brand-orbit__ring,.brand-orbit__logo,.hero__bubbles i,.hero-film__rays,.hero-film__surface{animation:none!important}.hero-film__video{display:none!important}.hero-film{background-image:url('assets/underwater-poster.jpg')}}

/* SOURCE: cinematic-v3.css */
/* AMBERSEA V3 | Vertical 3D logo journey followed by a separate ocean film hero */
:root{--v3-amber:#f1b76c;--v3-blue:#58b6f7;--v3-cream:#faf3e7}
html{scroll-behavior:smooth}
.portal{height:210svh;position:relative;z-index:15;background:#040b11;isolation:isolate}
.portal__sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;display:grid;place-items:center;perspective:1400px;background:radial-gradient(ellipse 62% 60% at 50% 42%,#132230 0%,#090f19 45%,#030609 100%)}
.portal__atmosphere{position:absolute;inset:-10%;z-index:0;background:radial-gradient(ellipse 48% 50% at 18% 3%,rgba(233,144,59,.21),transparent 74%),radial-gradient(ellipse 45% 60% at 94% 18%,rgba(4,100,186,.12),transparent 75%),repeating-linear-gradient(135deg,transparent 0 32px,rgba(242,165,82,.008) 34px 35px);filter:blur(2px);animation:portalAmbient 12s ease-in-out infinite alternate}
.portal__light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 38% 24% at 50% 42%,rgba(241,154,52,.18),transparent 80%),linear-gradient(185deg,transparent 62%,rgba(220,146,52,.075) 98%);opacity:calc(1 - var(--portal-p,0)*.8)}
.portal__floor{position:absolute;z-index:1;left:-15%;bottom:-3%;width:130%;height:20%;background:repeating-linear-gradient(178deg,rgba(247,169,69,.15) 0 1px,transparent 2px 18px),radial-gradient(ellipse 46% 24% at 50% 21%,rgba(241,140,31,.36),transparent 100%);opacity:calc(.65 - var(--portal-p,0)*.55);transform:perspective(400px) rotateX(58deg);filter:blur(2px);mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 99%);animation:waterLights 9s linear infinite}
.portal__center{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-bottom:1.5rem;transform-style:preserve-3d;transform:translateY(-1.5vh);--portal-halo-shift:0%}
.portal__center:before{content:'';position:absolute;width:min(65vw,620px);aspect-ratio:1;top:10%;left:50%;transform:translate(-50%,0);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(236,146,60,.16) 0%,rgba(236,146,60,.05) 34%,transparent 72%);filter:blur(25px);pointer-events:none}
.portal__symbol{position:relative;width:clamp(285px,37vw,480px);height:auto;aspect-ratio:587/486;display:grid;place-items:center;transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity;filter:drop-shadow(0 16px 36px rgba(229,139,33,.26))}
.portal__symbol img{width:100%;height:auto;object-fit:contain;display:block;user-select:none;transform:translateZ(12px)}
.portal__glint{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(106deg,transparent 24%,rgba(255,250,192,.45) 49.5%,transparent 53%);background-size:280% 100%;background-position:-155% 0;mix-blend-mode:screen;animation:logoShine 5.7s ease-in-out 1s infinite;mask-image:url('assets/ambersea-emblem-cutout.png');mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.portal__word{font:400 clamp(3.1rem,6vw,6.4rem)/1 Georgia,'Times New Roman',serif;letter-spacing:.11em;color:var(--v3-amber);white-space:nowrap;transform:translate3d(0,0,0);will-change:opacity,transform;text-shadow:0 3px 25px rgba(190,101,28,.45);margin:9px 0 0 .11em}
.portal__word span{background:linear-gradient(0deg,#b76c2a 0%,#edaa53 37%,#ffe3a6 68%,#ce7c35 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.portal__word b{font-weight:400;background:linear-gradient(0deg,#1258b7 0%,#2c91ef 50%,#9be2ff 85%,#296cd0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.portal__sub{font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:.43em;color:#b9c8cd;margin:23px 0 0;will-change:opacity}
.portal__meta,.portal__index{position:absolute;z-index:4;top:45px;font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:.17em;color:rgba(226,217,197,.55)}
.portal__meta{left:var(--pad)}.portal__meta span{color:var(--v3-amber);margin:0 9px}.portal__index{right:var(--pad);font-variant-numeric:tabular-nums}.portal__index span{color:var(--v3-amber);margin:0 4px}
.portal__scroll{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:13px;white-space:nowrap;color:#dbcbb4;font:700 10px/1.3 'Manrope',sans-serif;letter-spacing:.2em;opacity:calc(1 - var(--portal-p,0)*2)}
.portal__scroll-arrow{display:grid;place-items:center;border:1px solid rgba(227,170,93,.55);width:37px;height:37px;border-radius:50%;font-size:22px;animation:enterPulse 2s infinite}
.portal__progress{position:absolute;z-index:5;bottom:0;left:0;width:100%;height:3px;background:rgba(226,177,96,.12)}.portal__progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#96632c,#ffd090,#2785e5);box-shadow:0 0 17px #dc9b4e}
@keyframes portalAmbient{to{transform:translate3d(2%,-1.6%,0) scale(1.07)}}@keyframes waterLights{to{background-position:0 80px,0 0}}@keyframes logoShine{0%,24%,100%{background-position:-155% 0}55%,67%{background-position:135% 0}}@keyframes enterPulse{50%{transform:translateY(7px);background:rgba(226,169,83,.1)}}
/* Hide all navigation on the logo-only chapter */
.header.header--hidden{opacity:0;transform:translateY(-105%);visibility:hidden;pointer-events:none}
.header{transition:background .45s ease,transform .55s ease,opacity .55s ease,visibility .55s ease!important;z-index:110;background:rgba(3,15,23,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(219,224,218,.12)}
/* The film hero exists below the opening, as a true separate full-page scene */
.film-hero{position:relative;height:100svh;min-height:740px;overflow:hidden;isolation:isolate;background:#07233a;color:white}
.film-hero__background,.film-hero__poster,.film-hero__video,.film-hero__shade,.film-hero__caustics{position:absolute;inset:0;width:100%;height:100%}
.film-hero__background{z-index:-1;overflow:hidden}
.film-hero__poster{z-index:0;background:#064067 url('assets/marine-poster.jpg') center/cover no-repeat;animation:posterDrift 25s ease-in-out alternate infinite}
.film-hero__video{z-index:1;object-fit:cover;object-position:center center;min-width:100%;min-height:100%;filter:contrast(1.07) saturate(1.06) brightness(.9);transform:scale(1.015)}
.film-hero__shade{z-index:2;background:linear-gradient(90deg,rgba(2,13,23,.87) 0%,rgba(2,13,24,.67) 39%,rgba(3,17,28,.28) 69%,rgba(2,17,27,.24) 100%),linear-gradient(0deg,rgba(3,13,23,.82) 0%,transparent 32%,transparent 71%,rgba(4,17,28,.42) 100%)}
.film-hero__caustics{z-index:3;opacity:.22;background:repeating-conic-gradient(from 205deg at 75% -22%,transparent 0deg 6deg,rgba(111,204,248,.075) 8deg 9deg,transparent 13deg 29deg);filter:blur(23px);mix-blend-mode:screen;animation:rayMove 15s ease-in-out alternate infinite;pointer-events:none}
.film-hero__top{position:absolute;z-index:6;top:128px;left:var(--pad);right:var(--pad);display:flex;gap:14px;align-items:center;font:700 10px 'Manrope',sans-serif;letter-spacing:.22em;color:#ecd7bb}
.film-hero__top>span:last-child{margin-left:auto;color:#bed4de}.line-diamond{display:inline-block;width:7px;height:7px;background:#eeb171;transform:rotate(45deg);box-shadow:0 0 12px #f6a754}
.film-hero__content{position:absolute;z-index:5;top:50%;left:var(--pad);width:min(800px,72%);transform:translateY(-45%)}
.film-hero__eyebrow{font:700 11px 'Manrope',sans-serif;letter-spacing:.26em;color:#f3b86d}
.film-hero__content h1{font:600 clamp(5.2rem,9.7vw,11.1rem)/.96 'Manrope',sans-serif;letter-spacing:-.086em;color:#f9fbff;margin:29px 0;white-space:nowrap;text-shadow:0 11px 55px rgba(1,4,8,.23)}
.film-hero__content h1 em{font-style:normal;background:linear-gradient(106deg,#fff4d8 0%,#f3bb79 53%,#fff6e4 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.film-hero__content p{color:#e4eff4;font:500 clamp(16px,1.35vw,20px)/1.7 'DM Sans',sans-serif;max-width:535px;margin:0 0 37px;text-shadow:0 3px 20px rgba(0,0,0,.45)}
.film-hero__actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}
.film-hero__text-link{display:inline-flex;align-items:center;gap:15px;font:700 12px 'Manrope',sans-serif;border-bottom:1px solid rgba(255,255,255,.5);padding:13px 0;color:#fff;text-decoration:none}
.film-hero__text-link span{color:#f0b265}.film-hero__text-link:hover{border-color:#e5a253}
.film-hero__right{position:absolute;right:var(--pad);top:50%;writing-mode:vertical-rl;font:700 10px 'Manrope',sans-serif;letter-spacing:.27em;color:#dbebf2;opacity:.72}.film-hero__right span{color:var(--v3-amber);margin:16px 0}
.film-hero__bottom{position:absolute;bottom:33px;left:var(--pad);right:var(--pad);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid rgba(235,242,247,.24);padding-top:26px}
.film-hero__marquee{display:flex;align-items:center;gap:22px;font:700 10px 'Manrope',sans-serif;letter-spacing:.17em;color:#e6eced;white-space:nowrap}.film-hero__marquee i{color:#e7b47a;font-style:normal}
.film-hero__controls{display:flex;align-items:center;gap:20px;font:700 10px 'Manrope',sans-serif;letter-spacing:.14em;white-space:nowrap;color:#cde5ec}
.film-hero__controls button{padding:11px 15px;background:rgba(7,30,44,.45);border:1px solid rgba(217,235,246,.32);color:#faf9f5;cursor:pointer;font:700 10px 'Manrope',sans-serif;letter-spacing:.1em}
.film-hero__controls button:hover{background:rgba(233,171,100,.13)}.film-hero__controls button span{margin-left:9px;color:#f3b574}
@keyframes posterDrift{to{transform:scale(1.09) translateX(-1.3%)}}@keyframes rayMove{to{transform:rotate(5deg) translateX(2%)}}
/* Mobile: brand still alone, video readable and safely sized */
@media(max-width:900px){.portal{height:190svh}.portal__sticky{min-height:0}.portal__symbol{width:clamp(230px,54vw,430px)}.portal__word{font-size:clamp(2.8rem,8vw,5rem)}.film-hero{min-height:680px}.film-hero__content{width:87%;transform:translateY(-41%)}.film-hero__content h1{font-size:clamp(4.8rem,11vw,7.7rem)}.film-hero__right{display:none}.film-hero__marquee{gap:12px}.film-hero__marquee span:nth-of-type(n+4),.film-hero__marquee i:nth-of-type(n+3){display:none}}
@media(max-width:640px){.portal__symbol{width:min(75vw,350px)}.portal__word{font-size:clamp(2.35rem,9vw,4rem);letter-spacing:.06em}.portal__sub{font-size:8px;letter-spacing:.21em;margin-top:15px}.portal__meta,.portal__index{font-size:8px;top:25px}.portal__scroll{font-size:8px;gap:9px;bottom:48px;letter-spacing:.1em}.portal__scroll-arrow{width:32px;height:32px}.portal__floor{height:28%}.film-hero{height:100svh;min-height:650px}.film-hero__top{top:100px;letter-spacing:.1em;font-size:8px;gap:10px}.film-hero__top>span:last-child{display:none}.film-hero__shade{background:linear-gradient(0deg,rgba(2,11,20,.9) 0%,rgba(3,13,24,.56) 65%,rgba(2,11,20,.33)),linear-gradient(90deg,rgba(2,13,24,.4),transparent)}.film-hero__content{width:calc(100% - 2 * var(--pad));top:49%;transform:translateY(-36%)}.film-hero__eyebrow{font-size:9px;letter-spacing:.13em}.film-hero__content h1{font-size:clamp(3.6rem,14vw,5.3rem);margin:24px 0}.film-hero__content p{font-size:14px;max-width:390px;line-height:1.75}.film-hero__actions{gap:18px}.film-hero__marquee{font-size:8px;gap:10px}.film-hero__controls>span{display:none}.film-hero__bottom{bottom:24px;padding-top:14px}.film-hero__controls button{padding:9px 10px;font-size:9px}}
@media(max-width:380px){.portal__word{font-size:2.15rem}.film-hero__content h1{font-size:3.35rem}}
@media(prefers-reduced-motion:reduce){.portal{height:100svh}.portal__symbol,.portal__word{transform:none!important;opacity:1!important}.portal__sub{opacity:1!important}.portal__atmosphere,.portal__floor,.portal__glint,.portal__scroll-arrow,.film-hero__poster,.film-hero__caustics{animation:none!important}.film-hero__video{display:none!important}.header--hidden{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}}

.footage-credits{padding:0 var(--pad) 28px;background:#061720;font:500 9px/1.7 'Manrope',sans-serif;color:#829ba2;letter-spacing:.05em}.footage-credits a{color:#bdd2d9;text-decoration:underline;text-underline-offset:3px}.footage-credits span{color:#d6a16a;letter-spacing:.15em}

/* SOURCE: cinematic-v4.css */
/* AMBERSEA V5 • emblem spins in place (no translation) and immersive video hero */
:root{--v4-ease:cubic-bezier(.19,1,.22,1)}
.portal{height:210svh}
.portal__center{transform:none}
.portal__symbol{filter:drop-shadow(0 28px 54px rgba(222,137,55,.18));transform-style:preserve-3d;backface-visibility:visible}
.portal__symbol img{backface-visibility:visible;transform:translateZ(3px)}
.portal__center:before{filter:blur(44px);opacity:.82}
.portal__word{font-size:clamp(2.9rem,5.5vw,6rem);letter-spacing:.102em}
.portal__atmosphere{background:radial-gradient(ellipse 55% 35% at 12% 5%,rgba(241,171,85,.16),transparent 80%),radial-gradient(ellipse 45% 54% at 89% 25%,rgba(8,55,112,.19),transparent 83%)}
.portal__floor{opacity:calc(.38 - var(--portal-p,0)*.32)}
.portal__progress{height:2px}
/* Film section • visible marine action, not buried under a dark overlay. */
.film-hero{height:100svh;min-height:690px;background:#031f34}
.film-hero__background{background:#061b2c}
.film-hero__video{object-position:55% center;transform:scale(1.035);filter:saturate(1.18) contrast(1.04) brightness(1.08)}
.film-hero__poster{background:#043e64 url('assets/marine-poster-v4.jpg') center/cover no-repeat;animation:none}
.film-hero__shade{z-index:3;background:linear-gradient(90deg,rgba(1,11,21,.92) 0%,rgba(1,13,23,.76) 30%,rgba(1,21,33,.28) 61%,rgba(1,22,34,.06) 100%),linear-gradient(0deg,rgba(0,11,23,.77),transparent 33%,transparent 71%,rgba(0,12,26,.44))}
.film-hero__refraction{position:absolute;z-index:2;inset:-18%;pointer-events:none;opacity:.26;mix-blend-mode:screen;background:radial-gradient(ellipse 20% 82% at 64% -8%,rgba(169,236,252,.33),transparent 78%),radial-gradient(ellipse 9% 80% at 85% -2%,rgba(206,241,252,.24),transparent 80%);transform-origin:70% 0%;animation:v4LightBreath 9s ease-in-out infinite alternate}
.film-hero__caustics{z-index:4;opacity:.12}
@keyframes v4LightBreath{to{transform:translateX(-5%) rotate(-6deg) scale(1.05);opacity:.42}}
.film-hero__content{top:54%;transform:translateY(-42%);width:min(720px,59vw)}
.film-hero__eyebrow{font-size:10px;letter-spacing:.27em;color:#f0be84}
.film-hero__content h1{font-weight:600;font-size:clamp(5rem,8.5vw,9rem);letter-spacing:-.082em;line-height:.98;margin:24px 0 27px}
.film-hero__content h1 em{background:linear-gradient(108deg,#fff4d5 0%,#e8b26e 47%,#fff0df 100%);-webkit-background-clip:text;background-clip:text}
.film-hero__content p{max-width:455px;font-size:clamp(16px,1.2vw,18px);line-height:1.66;margin-bottom:32px}
.film-hero__text-link{font-size:11px}
.film-hero__top{top:118px;font-size:9px;letter-spacing:.22em}
.film-hero__film-mark{position:absolute;z-index:5;right:var(--pad);top:142px;color:rgba(237,244,243,.8);font:600 10px 'Manrope',sans-serif;letter-spacing:.2em;display:flex;align-items:center;gap:13px}
.film-hero__record{display:block;width:6px;height:6px;background:#e9b16c;border-radius:50%;box-shadow:0 0 12px #e9b16c;animation:v4Record 1.8s infinite}
@keyframes v4Record{50%{opacity:.28;box-shadow:0 0 3px #e9b16c}}
.film-hero__top>span:last-child{display:block}
.film-hero__bottom{bottom:24px;padding-top:21px}
.film-hero__right{right:36px;letter-spacing:.32em;opacity:.62}
/* Bring the rest of the brand closer to the dark editorial film identity. */
.story{background:linear-gradient(150deg,#061721,#09252c)}
.story__right{opacity:.85}
.collection{background:#081b24}
.product{border-radius:3px}
.product img{filter:saturate(.78) contrast(1.13)}
.founder__symbol{background:radial-gradient(ellipse at 45% 35%,rgba(176,116,53,.14),transparent 67%),#080f18}
@media(max-width:900px){.portal{height:190svh}.film-hero{min-height:720px}.film-hero__content{width:90%;top:55%;transform:translateY(-38%)}.film-hero__content h1{font-size:clamp(4.5rem,10vw,7rem)}.film-hero__film-mark{display:none}.film-hero__top{top:105px}}
@media(max-width:640px){.portal__symbol{width:clamp(230px,56vw,335px)}.portal__word{font-size:clamp(2.55rem,9vw,3.8rem)}.portal__sub{letter-spacing:.28em;font-size:8px}.portal__meta,.portal__index{top:26px}.portal__scroll{bottom:42px;font-size:8px;letter-spacing:.08em;gap:8px}.portal__scroll-arrow{width:32px;height:32px}.film-hero{height:100svh;min-height:710px}.film-hero__video{object-position:70% center;filter:saturate(1.25) contrast(1.08) brightness(1.15)}.film-hero__shade{background:linear-gradient(0deg,rgba(0,8,19,.93) 0%,rgba(0,12,25,.68) 49%,rgba(1,16,30,.08) 84%),linear-gradient(90deg,rgba(0,10,20,.18),transparent)}.film-hero__content{top:63%;transform:translateY(-29%);width:90%}.film-hero__content h1{font-size:clamp(3.5rem,14vw,5.2rem);line-height:.98;margin:18px 0 24px}.film-hero__content p{font-size:15px;line-height:1.65;max-width:340px}.film-hero__eyebrow{font-size:8px;letter-spacing:.17em}.film-hero__top{top:94px;font-size:8px;letter-spacing:.1em}.film-hero__top>span:last-child{display:none}.film-hero__right{display:none}.film-hero__marquee{gap:10px;font-size:9px}.film-hero__bottom{bottom:18px}.film-hero__actions{gap:18px}.film-hero__controls{gap:8px;font-size:8px}.film-hero__controls #videoState{display:none}}
@media(prefers-reduced-motion:reduce){.portal{height:100svh}.portal__symbol{transform:none!important;opacity:1!important}.portal__word,.portal__sub{transform:none!important;opacity:1!important}.portal__atmosphere,.portal__floor,.portal__glint,.film-hero__refraction,.film-hero__caustics,.film-hero__record{animation:none!important}.film-hero__video{display:none}.film-hero__poster{background-image:url('assets/marine-poster-v4.jpg')}}

/* V6: Brand typography is invisible until the logo finishes its 3D rotation.
   Reserve its space so the symbol never jumps as the name becomes visible. */
@media (prefers-reduced-motion: no-preference) {
  .portal__word {opacity:0;transform:translate3d(0,18px,0);}
  .portal__sub {opacity:0;transform:translate3d(0,10px,0);will-change:opacity,transform;}
}

/* SOURCE: luxury-gold-white.css */
/* AMBERSEA V6 — COLOUR-ONLY REFINEMENT
   White / ivory / champagne / metallic gold. This file is loaded LAST so the
   original page structure, animation timings and JavaScript are untouched.
   The logo scene and marine film are deliberately left dark for contrast.
*/
:root {
  --ink:#251f17;
  --deep:#faf8f3;
  --deep2:#f5efe5;
  --amber:#b48743;
  --gold:#d9b47b;
  --cream:#fffdf8;
  --muted:#675f52;
  --border:rgba(133,103,59,.22);
  /* AMBERSEA's original sapphire-blue SEA mark remains unchanged. */
  --blue:#ad7c31;
  --blue2:#d1a357;
}
body{background:#faf8f3;color:#282118}
::selection{background:#d5ae6b;color:#211b14}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#b48743}
.progress{background:linear-gradient(90deg,#8d5f27,#dbb876,#f4e4c8)}
.section-top,.section-top--light{color:#7f6c52;border-color:rgba(143,113,64,.30)}
.eyebrow{color:#9f702e}.eyebrow__dot{border-color:#bd8c48}
.display i,.statement p i{color:#ad7d37}
.text-link{color:#5b452a;border-color:rgba(133,103,59,.54)}
.text-link:hover{color:#ad7c31;border-color:#ad7c31}

/* Existing fixed navigation: palette only */
.header,.header.is-scrolled{background:rgba(255,252,246,.95);border-color:rgba(157,121,70,.23);box-shadow:0 8px 34px rgba(69,49,23,.055)}
.header .brand__text strong,.footer .brand__text strong{color:#342617}
.header .brand__text em,.footer .brand__text em{color:#256da3}
.header .brand__text small,.footer .brand__text small{color:#867155}
.desktop-nav a{color:#483d2f}.desktop-nav a:hover{color:#a4712e}
.header__cta{border-color:#c49d60;color:#6d4d23;background:rgba(255,255,255,.45)}
.header__cta:hover{background:#b78a48;color:#fff;border-color:#b78a48}
.header__cta span{color:#b78a48}.header__cta:hover span{color:#fff}
.menu-toggle span{background:#51402a}
.mobile-nav{background:#faf6ec;color:#29231b}.mobile-nav a{border-color:rgba(153,112,51,.23)}

/* The full-screen cinematic intro and ocean footage keep their original visual
   treatment. Only external site-wide UI palette is updated. */
.film-hero .button--light{background:#f7ead3;color:#30241a}
.film-hero .button--light:hover{background:#d8ac62;color:#241e16}

/* Decorative ticker: retained in precisely the V6 position, new colours only */
.ticker{background:#d8bc8d;color:#3b2d1c}
.ticker b,.ticker__inner b{color:#875f29}

/* About / origin section */
.story{background:linear-gradient(155deg,#fffdf9 0%,#f8f1e6 100%);color:#2d251b}
.story__lead{color:#42372a}
.story__body{color:#665b4d}
.story__audience{color:#7f705d;border-color:rgba(141,105,58,.22)}
.story__audience span{color:#bd9153}
.network{background:radial-gradient(circle at 46% 44%,#fffdf7 0%,#f2e8d9 52%,#e9d8bd 100%);border-color:rgba(149,105,56,.23)}
.network:before{border-color:rgba(167,120,50,.18);box-shadow:0 0 0 55px rgba(195,150,77,.025),0 0 0 110px rgba(195,150,77,.02)}
.network__globe{background:radial-gradient(circle at 30% 28%,#fffcf4,#ead2ac 59%,#bea070 100%);border-color:rgba(158,112,55,.3);box-shadow:inset -30px -20px 62px rgba(105,78,41,.22),inset 15px 0 40px rgba(255,252,236,.55),0 0 38px rgba(192,145,69,.15)}
.network__globe:before,.network__globe:after{border-color:rgba(164,111,51,.22)}
.network__ring{border-color:rgba(153,100,49,.2)}
.network__origin,.network__destination{color:#6b4e27}
.network__mini{color:#8b7354}
.network__paths path{stroke:#bd8f50}
.network__paths circle{fill:#b07e39}

/* Seafood gallery remains identical in size, order and interactions */
.collection{background:linear-gradient(135deg,#f7f0e5,#fffdf8 60%,#f5eadd);color:#2e261c}
.collection__heading p{color:#665e53}
.collection__controls button{border-color:#bba17b;color:#79582c}
.collection__controls button:hover{background:#bd8f4b;color:#fff}
.collection__note{color:#766a59}
.collection__scrollhint{color:#78654b}.collection__scrollhint span{color:#b17b34}
.product{background:linear-gradient(135deg,#d8c9b5,#f2e7da);border-color:rgba(154,111,50,.35)}
.product__eyebrow{color:#ebc793}
.product__number{color:#fff6e8}
/* Existing dark photo scrim preserved to keep category names readable. */
.product:after{background:linear-gradient(0deg,rgba(24,20,16,.95),rgba(36,28,19,.50) 48%,rgba(29,21,13,.02) 83%)}
.product p{color:#f4ebe0}
.product__link{color:#fff}

/* Sourcing process */
.approach{background:#fffdfa;color:#2c241a}
.approach__intro>p{color:#6d6253}
.step{border-color:rgba(155,121,72,.23)}
.step__trigger{color:#342a20}.step__trigger span{color:#a97430}.step__trigger em{color:#a97430}
.step__panel p{color:#65594a}.step__panel small{color:#9c794c}
.approach__watermark{color:rgba(174,130,65,.07)}

/* Statement banner */
.statement{background:linear-gradient(125deg,#f1dfc5,#fff9ee 50%,#e9d1aa);color:#372a1c}
.statement__glow{background:radial-gradient(circle at 52% 50%,rgba(198,151,78,.2),transparent 58%)}
.statement__small{color:#9b6c2f}
.statement__wave path{stroke:#ae8147}

/* Founder section. Preserve original dark logo artwork inside its frame. */
.founder{background:#fbf8f2;color:#30251a}
.founder__symbol{background:radial-gradient(ellipse at 45% 35%,rgba(176,116,53,.14),transparent 67%),#080f18;border-color:rgba(164,123,68,.3)}
.founder__symbol>span{color:#d2bc9d}
.founder__content>p{color:#675e53}
.founder__signature{border-color:rgba(162,117,55,.28)}
.founder__signature>div span{color:#9a7b52}

/* Contact and existing 3-step enquiry */
.enquiry{background:linear-gradient(150deg,#f4e8d5 0%,#fffaf0 56%,#eedaba 100%);color:#30261b}
.enquiry__intro>p{color:#675745}
.enquiry__email{color:#815b2c}
.enquiry__email span{color:#b48743}
.enquiry__contact{color:#8f7656}
.inquiry-card{background:#fffdf8;color:#30251b;box-shadow:0 21px 58px rgba(109,78,42,.12);border:1px solid rgba(190,151,92,.22)}
.inquiry-card__top{color:#8a6c43}
.inquiry-card__progress{background:#eee2d1}.inquiry-card__progress span{background:#b18443}
.form-step__subtitle{color:#827261}
.form-step legend span,.field>span{color:#ae6b38}
.field input,.field textarea,.field select{color:#34291e;border-color:#c8b59e}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#b48743}
.field input::placeholder,.field textarea::placeholder{color:#9b8a76}
.form-next,.form-submit{background:#a97937;color:white}
.form-next:hover,.form-submit:hover{background:#875b24}
.form-back{color:#76572f}.form-copy{color:#9c6926}
.form-preview{background:#f5ebdd;color:#3a2c1c}.form-disclaimer{color:#8c7863}

/* Footer */
.footer{background:#f4ede2;color:#3c3023}
.footer__line{background:rgba(152,112,60,.24)}
.footer__bottom p,.footer__bottom a{color:#74644f}
.footer .backtop{color:#5e492b}
.footer .footage-credits,.footer__credits{color:#8b785e}

@media(prefers-reduced-motion:reduce){
  .product{transition:none!important}
}

/* SOURCE: gateway-transition.css */
/* AMBERSEA V9 | Opening chapter → champagne-gold wave → ocean film.
   Only this cinematic bridge is new. Existing 3D logo and page sections remain. */
.portal{height:265svh}
.sea-gateway{
  --gate-line:108%; --gate-copy:0; --gate-orb:0;
  position:absolute; inset:0;z-index:9;overflow:hidden;pointer-events:none;
  color:#2b241b; isolation:isolate;
  background:
    radial-gradient(ellipse 90% 90% at 54% -10%,#fffefd 0%,transparent 72%),
    radial-gradient(ellipse 55% 63% at 18% 100%,rgba(185,127,42,.23),transparent 80%),
    linear-gradient(145deg,#fffefa 0%,#f4e3c6 55%,#cf9c55 115%);
  clip-path:polygon(0 calc(var(--gate-line) + 4%),11% calc(var(--gate-line) + 1%),25% calc(var(--gate-line) - 3%),40% calc(var(--gate-line) - 5%),55% calc(var(--gate-line) - 3%),70% calc(var(--gate-line) + 1%),87% calc(var(--gate-line) + 4%),100% calc(var(--gate-line) + 2%),100% 100%,0 100%);
  will-change:clip-path;
}
.sea-gateway__grain{position:absolute;inset:0;opacity:.42;pointer-events:none;background-image:radial-gradient(rgba(134,93,46,.12) .55px,transparent .65px);background-size:6px 6px;mask-image:linear-gradient(to bottom,transparent 10%,black 45%,transparent 100%)}
.sea-gateway__top,.sea-gateway__footer{position:absolute;left:var(--pad);right:var(--pad);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px/1.3 Manrope,sans-serif;letter-spacing:.21em;color:#8c6735;opacity:calc(var(--gate-copy)*.8)}
.sea-gateway__top{top:50px}
.sea-gateway__footer{bottom:42px}
.sea-gateway__footer b{color:#b37e35;margin:0 .6em}
.sea-gateway__tide{position:absolute;width:138vw;height:24vw;min-height:180px;left:-19vw;top:12%;transform:rotate(-11deg) translateY(calc((1 - var(--gate-orb))*13vh));border-radius:50%;border:1px solid rgba(200,152,79,.2);box-shadow:0 -20px 75px rgba(255,246,228,.24),0 25px 70px rgba(203,156,90,.06);opacity:calc(var(--gate-orb)*.72)}
.sea-gateway__tide--two{top:20%;height:16vw;transform:rotate(12deg) translateY(calc((1 - var(--gate-orb))*10vh));border-color:rgba(171,117,46,.16);opacity:calc(var(--gate-orb)*.54)}
.sea-gateway__orb{position:absolute;z-index:-1;width:min(75vw,850px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.65 + var(--gate-orb)*.4));border-radius:50%;opacity:var(--gate-orb);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),rgba(255,245,225,.32) 33%,rgba(212,167,101,.12) 60%,transparent 70%);filter:blur(4px)}
.sea-gateway__content{position:absolute;left:5%;right:5%;top:50%;text-align:center;transform:translateY(calc(-39% + (1 - var(--gate-copy))*28px));opacity:var(--gate-copy);z-index:4}
.sea-gateway__kicker{display:block;font:700 clamp(8px,1vw,11px)/1.6 Manrope,sans-serif;letter-spacing:.35em;color:#96703c}
.sea-gateway__rule{display:flex;align-items:center;gap:16px;justify-content:center;margin:clamp(17px,2.7vh,32px) 0}
.sea-gateway__rule i{width:clamp(30px,7vw,120px);height:1px;background:linear-gradient(90deg,transparent,#c99955)}
.sea-gateway__rule i:last-child{transform:rotate(180deg)}
.sea-gateway__rule span{color:#af7e3a;font:18px Georgia,serif}
.sea-gateway h2{font:400 clamp(3.25rem,8.4vw,9.5rem)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0;color:#29231d;text-wrap:balance;text-shadow:0 13px 34px rgba(172,125,71,.06)}
.sea-gateway h2 em{font-weight:400;font-style:italic;background:linear-gradient(102deg,#98642d 2%,#d6ad64 44%,#8c642e 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sea-gateway__content p{font:700 clamp(8px,1vw,11px)/1.7 Manrope,sans-serif;letter-spacing:.24em;color:#866b4a;margin:31px 0 0}
/* The cream/gold gateway continues seamlessly into the seafood movie. */
.film-hero__entry{position:absolute;z-index:15;inset:0;pointer-events:none;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 53% 20%,#fffefa,#f4e5cb 65%,#ddb981 130%);
  color:#94703d;
  clip-path:inset(0 0 calc(var(--film-open,0)*104%) 0);
  will-change:clip-path;
}
.film-hero__entry>span:first-child{font:400 clamp(2.5rem,6.5vw,6rem)/1.1 Georgia,serif;letter-spacing:-.06em;color:#2b241c;max-width:90%;text-align:center}
.film-hero__entry i{width:120px;height:1px;background:#b98847}
.film-hero__entry-small{font:700 9px/1.5 Manrope,sans-serif;letter-spacing:.27em}
/* Ocean film emerges from the luminous curtain: hero copy follows the water. */
.film-hero__content{opacity:clamp(0,calc((var(--film-open,0) - .4)*3.2),1);transition:none}
.film-hero__top,.film-hero__bottom,.film-hero__right,.film-hero__film-mark{opacity:clamp(0,calc((var(--film-open,0) - .3)*3),1)}
.film-hero__content h1,.film-hero__content>p,.film-hero__actions{transform:translate3d(0,calc((1 - var(--film-open,0))*16px),0)}
/* Dynamic scrolling is optional: if script cannot run, film is still legible. */
@media(max-width:900px){.portal{height:250svh}}
@media(max-width:640px){
  .portal{height:245svh}
  .sea-gateway__top,.sea-gateway__footer{font-size:8px;letter-spacing:.11em;left:22px;right:22px}
  .sea-gateway__top{top:28px}.sea-gateway__footer{bottom:25px}
  .sea-gateway__content{top:50%;transform:translateY(calc(-43% + (1 - var(--gate-copy))*20px))}
  .sea-gateway__kicker{letter-spacing:.17em;font-size:8px}
  .sea-gateway h2{font-size:clamp(2.6rem,10vw,4.5rem);line-height:1.05;letter-spacing:-.045em}
  .sea-gateway__content p{font-size:7px;letter-spacing:.13em;margin-top:26px}
  .film-hero__entry>span:first-child{font-size:clamp(2rem,10vw,3.5rem)}
}
@media(prefers-reduced-motion:reduce){
  .portal{height:100svh}
  .sea-gateway,.film-hero__entry{display:none!important}
  .film-hero__content,.film-hero__top,.film-hero__bottom,.film-hero__right,.film-hero__film-mark{opacity:1!important;transform:none!important}
}
@supports not (clip-path:polygon(0 0,100% 0,100% 100%,0 100%)){
  .sea-gateway{display:none}.film-hero__entry{display:none}
  .film-hero__content,.film-hero__top,.film-hero__bottom{opacity:1}
}

/* SOURCE: v10-buyer-upgrade.css */
/* AMBERSEA V10: only targeted business/visual fixes to existing V9. */
.founder__identity{min-height:470px;padding:clamp(26px,3.2vw,48px);background:linear-gradient(142deg,#fffefa 0%,#f4e9d8 65%,#ecdbc1 100%);border:1px solid rgba(170,119,54,.29);box-shadow:0 19px 48px rgba(96,64,25,.07);display:flex;flex-direction:column;justify-content:space-between;color:#483522;position:relative;overflow:hidden}
.founder__identity:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(175,125,49,.15);border-radius:50%;right:-120px;top:26%;pointer-events:none;box-shadow:0 0 0 50px rgba(194,144,75,.035),0 0 0 110px rgba(194,144,75,.025)}
.founder__identity-top,.founder__identity-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;font:700 9px/1.5 'Manrope',sans-serif;letter-spacing:.11em;color:#8c693d}
.founder__identity-top{border-bottom:1px solid rgba(157,111,57,.28);padding-bottom:19px}
.founder__identity-bottom{border-top:1px solid rgba(157,111,57,.28);padding-top:18px}
.founder__identity-main{position:relative;z-index:1;padding:42px 0}
.founder__identity-label{display:block;color:#a0753c;font:700 10px 'Manrope',sans-serif;letter-spacing:.15em;margin-bottom:21px}
.founder__identity-main strong{font:500 clamp(33px,4vw,64px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.045em;display:block}
.founder__identity-main em{color:#b78239;font-weight:400}
.founder__identity-main p{margin:25px 0 0;max-width:340px;color:#706454;line-height:1.75;font-size:14px}
.inquiry-card .field select{cursor:pointer}
.inquiry-card .field input:focus-visible,.inquiry-card .field select:focus-visible,.inquiry-card .field textarea:focus-visible{outline:2px solid #b98748;outline-offset:2px}
.inquiry-card .field input,.inquiry-card .field select,.inquiry-card .field textarea{color:#32271b}
.inquiry-card .field select option{background:#fffdf8;color:#32271b}
.inquiry-card .form-preview{max-height:450px}
@media(max-width:640px){.founder__identity{min-height:390px;padding:24px}.founder__identity-main strong{font-size:clamp(34px,10.5vw,48px)}.founder__identity-top,.founder__identity-bottom{font-size:8px;letter-spacing:.07em}}

/* Keep required asterisks on the same line as their labels. */
.inquiry-card .field>.field__caption{color:#32291e;display:inline;font-weight:700}
.inquiry-card .field>.field__caption b{color:#b67c32;font-weight:800}

/* SOURCE: v11-refinements.css */
/* AMBERSEA V11: Clean, unobtrusive footer attribution and direct enquiry feedback. */
.footer__credits-link{display:inline-block;color:#98836a;font-size:10px;letter-spacing:.08em;text-decoration:none;margin:18px 0 0;opacity:.78;transition:color .2s,opacity .2s}
.footer__credits-link:hover,.footer__credits-link:focus-visible{color:#a87c35;opacity:1;text-decoration:underline}
.form-alternatives{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap;align-items:center;margin-top:10px}
.form-alternatives[hidden]{display:none!important}
.form-alternatives .form-copy{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 3px;border:0;background:transparent;color:#86663d;font-size:12px;font-weight:700;cursor:pointer}
.form-alternatives .form-copy:hover{text-decoration:underline}
.inquiry-card .form-success{margin:13px 0;padding:14px 16px;border:1px solid #b2a17b;background:#f7f0df;color:#483a25;font-size:13px;line-height:1.6}
.inquiry-card .form-success[hidden]{display:none!important}
.inquiry-card .form-disclaimer a{color:#97723b;text-decoration:underline}
.inquiry-card .form-submit[disabled]{opacity:.5;cursor:wait}
@media(max-width:640px){.form-alternatives{justify-content:flex-start;gap:5px 16px}.form-alternatives .form-copy{font-size:11px}}

/* SOURCE: mobile-scroll-fix.css */
/* AMBERSEA V12 — mobile Safari scrolling fixes and accessible motion opt-in.
   Loaded LAST so prior desktop art direction and SEO remain unchanged. */
/* overflow-x:hidden can create an unintended scroll container on some
   Safari builds and prevent sticky children from pinning correctly. */
@supports (overflow:clip){html,body{overflow-x:clip}}
@supports (height:100svh){
  /* Prevent dynamic browser chrome from forcing a taller-than-screen sticky panel. */
  @media (max-width:640px){
    .portal__sticky{height:100svh;min-height:0}
  }
}
.motion-optin{display:none;position:absolute;z-index:16;bottom:105px;left:50%;
  transform:translateX(-50%);max-width:calc(100% - 34px);padding:12px 16px;
  border:1px solid rgba(241,183,108,.62);border-radius:999px;
  background:rgba(6,16,27,.92);color:#ffdcab;white-space:nowrap;
  font:700 10px/1.4 'Manrope',sans-serif;letter-spacing:.07em;
  cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.33)}
.motion-optin[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){
  /* Reduced motion is the default. Let visitors explicitly request the intro. */
  .motion-optin:not([hidden]){display:block}
  body.cinematic-opted-in .portal{height:265svh!important}
  body.cinematic-opted-in .sea-gateway{display:block!important}
  body.cinematic-opted-in .film-hero__entry{display:flex!important}
  body.cinematic-opted-in .film-hero__video{display:block!important}
  body.cinematic-opted-in .portal__scroll{display:flex!important}
  body.cinematic-opted-in .portal__scroll-arrow{animation:enterPulse 2s infinite!important}
  body.cinematic-opted-in .portal__glint{animation:logoShine 5.7s ease-in-out 1s infinite!important}
  body.cinematic-opted-in .film-hero__content{transform:translateY(-45%)!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
  body.cinematic-opted-in .portal{height:250svh!important}
  body.cinematic-opted-in .film-hero__content{transform:translateY(-38%)!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:640px){
  body.cinematic-opted-in .portal{height:245svh!important}
  body.cinematic-opted-in .film-hero__content{transform:translateY(-29%)!important}
}
@media(max-width:640px){
  .motion-optin{bottom:100px;font-size:9px}
  /* Smooth iOS compositing for the pinned emblem and clipping curtain. */
  .portal__symbol,.sea-gateway,.film-hero__entry{-webkit-backface-visibility:hidden;backface-visibility:hidden}
}

/* SOURCE: v13-cinematic-transitions.css */
/* V13: scroll-directed ocean-to-story transition. No pause control. */
.ocean-chapter{position:relative;height:175svh;--ocean-exit:0;isolation:isolate}
.ocean-chapter .film-hero{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;transform:translateZ(0)}
.ocean-chapter .film-hero__background{transform:scale(calc(1 + var(--ocean-exit)*.13)) translate3d(0,calc(var(--ocean-exit)*-3%),0);transform-origin:center;will-change:transform}
.ocean-chapter .film-hero__content{translate:0 calc(var(--ocean-exit)*-18vh);filter:blur(calc(var(--ocean-exit)*4px));opacity:calc(1 - var(--ocean-exit)*.95)!important;will-change:translate,opacity}
.ocean-chapter .film-hero__top,.ocean-chapter .film-hero__bottom{translate:0 calc(var(--ocean-exit)*-4vh);opacity:calc(1 - var(--ocean-exit)*.85)!important}
.ocean-chapter .film-hero::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(to bottom,transparent 10%,rgba(255,253,248,.10) 60%,#fffdf8 100%);opacity:var(--ocean-exit)}
/* Next chapter glides into view instead of snapping abruptly. */
.story{position:relative;z-index:2}
@media(max-width:640px){
  .ocean-chapter{height:160svh}
  .ocean-chapter .film-hero{height:100svh;min-height:0}
  .ocean-chapter .film-hero__content{translate:0 calc(var(--ocean-exit)*-12vh)}
  .ocean-chapter .film-hero__actions{flex-wrap:wrap;gap:12px}
  .ocean-chapter .film-hero__bottom{pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  body:not(.cinematic-opted-in) .ocean-chapter{height:100svh}
  body:not(.cinematic-opted-in) .ocean-chapter .film-hero__background,
  body:not(.cinematic-opted-in) .ocean-chapter .film-hero__content{transform:none;translate:none;filter:none}
  body:not(.cinematic-opted-in) .ocean-chapter .film-hero::after{display:none}
}

/* SOURCE: v14-responsive-film.css */
/* AMBERSEA V14 | Responsive 3-scene cinematic hero film */
.film-hero__video{
  width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  transform:translateZ(0);filter:contrast(1.04) saturate(1.07) brightness(1.00);
}
.film-hero__poster{
  background:#063949 url('assets/ambersea-hero-desktop.jpg') center / cover no-repeat;
  animation:none;
}
/* Keep the filmed sea visible while preserving copy contrast and CTA legibility. */
.film-hero__shade{
  background:linear-gradient(90deg,rgba(1,13,24,.81) 0%,rgba(1,16,27,.56) 37%,rgba(1,19,29,.16) 75%,rgba(1,18,28,.10) 100%),
             linear-gradient(0deg,rgba(1,9,20,.80) 0%,rgba(1,10,22,.13) 55%,rgba(1,13,24,.29) 100%);
}
@media(max-width:767px){
  .film-hero__video{object-position:center center;filter:contrast(1.03) saturate(1.04) brightness(.94)}
  .film-hero__poster{background-image:url('assets/ambersea-hero-mobile.jpg');background-position:center center}
  .film-hero__shade{
    background:linear-gradient(0deg,rgba(0,9,19,.92) 0%,rgba(0,11,22,.73) 40%,rgba(1,13,24,.34) 72%,rgba(1,13,24,.09) 100%),
               linear-gradient(90deg,rgba(0,10,20,.20),transparent 82%);
  }
}
@media(prefers-reduced-motion:reduce){
  body:not(.cinematic-opted-in) .film-hero__poster{animation:none}
}

/* SOURCE: v16-number-free.css */
/* V16: clean number-free presentation. Functional form progress remains. */
.step__trigger{grid-template-columns:minmax(0,1fr) 28px}
@media(max-width:640px){
  .film-hero__marquee{gap:clamp(5px,1.7vw,10px);font-size:clamp(7px,2.05vw,9px);letter-spacing:.1em;max-width:100%}
  .film-hero__marquee span{flex-shrink:0}
  .film-hero__marquee i{flex-shrink:0}
}

/* SOURCE: v18-contact-channels.css */
/* AMBERSEA V18 — responsive direct contact channels */
.contact-channels{margin-top:clamp(70px,9vw,140px);padding-top:clamp(32px,4vw,62px);border-top:1px solid rgba(191,211,207,.25);color:#fff}
.contact-channels__intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.contact-channels__intro>div{min-width:0}
.contact-channels__eyebrow,.contact-channel__eyebrow,.contact-channel__qrlabel{font:700 10px/1.6 'Manrope',sans-serif;letter-spacing:.16em;color:#dcb27a}
.contact-channels__eyebrow span{padding:0 8px}
.contact-channels h3{font:500 clamp(2.4rem,5vw,5.2rem)/1.08 'Manrope',sans-serif;letter-spacing:-.07em;margin:15px 0 0;color:#f9f6ef}
.contact-channels h3 em{font-style:normal;color:#e2bc82}
.contact-channels__intro>p{max-width:350px;font:400 14px/1.8 'DM Sans',sans-serif;color:#a7bbc0;margin:0 0 3px}
.contact-channels__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-channel{min-width:0;background:linear-gradient(145deg,#143842 0%,#0a242d 100%);border:1px solid rgba(209,195,163,.18);border-radius:4px;padding:clamp(22px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.contact-channel:before{content:'';pointer-events:none;position:absolute;width:300px;height:300px;right:-180px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(229,174,93,.12),transparent 70%)}
.contact-channel__heading{display:flex;align-items:center;gap:13px;width:100%;position:relative}
.contact-channel__logo{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(239,209,170,.28);background:rgba(238,197,132,.09);border-radius:100%;font-size:24px;color:#e8bf88;flex-shrink:0}
.contact-channel h4{font:600 clamp(18px,2vw,26px)/1.25 'Manrope',sans-serif;letter-spacing:-.045em;margin:3px 0 0;color:#fff}
.contact-channel__arrow{margin-left:auto;color:#d3ad75;font-size:24px}
.contact-channel__description{color:#aec3c6;line-height:1.7;font-size:14px;min-height:48px;margin:25px 0 16px;max-width:375px}
.contact-channel__qrframe{display:block;align-self:center;width:min(100%,215px);aspect-ratio:1/1;border:9px solid #fff;background:white;border-radius:5px;overflow:hidden;margin:8px 0 11px;transition:transform .25s ease;box-shadow:0 18px 35px rgba(0,0,0,.14)}
a.contact-channel__qrframe:hover{transform:translateY(-3px)}
.contact-channel__qrframe img{display:block;width:100%;height:100%;object-fit:contain}
.contact-channel__qrlabel{display:block;text-align:center;width:100%;color:#9eb8b8;font-size:9px;margin-bottom:19px}
.contact-channel__number{font:600 17px/1.4 'Manrope',sans-serif;color:#e5c08b;text-decoration:none;margin-top:auto;margin-bottom:14px}
.contact-channel__id{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:auto;margin-bottom:14px;min-height:28px}
.contact-channel__idtext{font:500 clamp(12px,1.3vw,15px)/1.5 'DM Sans',sans-serif;color:#e5c08b;overflow-wrap:anywhere}
.contact-channel__copy{font:700 11px 'Manrope',sans-serif;color:#f7e4c7;background:transparent;border:1px solid rgba(219,184,142,.65);padding:9px 12px;cursor:pointer;border-radius:2px;white-space:nowrap}
.contact-channel__copy:focus-visible,.contact-channel__action:focus-visible,.contact-channel__qrframe:focus-visible{outline:3px solid #f1c68f;outline-offset:3px}
.contact-channel__copy:hover{background:rgba(229,192,139,.1)}
.contact-channel__action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;width:100%;background:#e6c394;color:#172c32!important;text-decoration:none;font:700 12px 'Manrope',sans-serif;letter-spacing:.03em;transition:background .2s,transform .2s;border:1px solid #e6c394;border-radius:2px}
.contact-channel__action:hover{background:#f0d7b4;transform:translateY(-2px)}
.contact-channel__action--outline{background:transparent;color:#f0d3a9!important}
.contact-channel__action--outline:hover{background:rgba(237,210,164,.1)}
.contact-channels__footer{color:#aac2c6;font-size:12px;line-height:1.8;margin:25px 0 0}
.contact-channels__footer a{color:#efd0a5;text-underline-offset:4px}
@media(max-width:850px){.contact-channels__intro{align-items:start;flex-direction:column}.contact-channels__intro>p{max-width:560px}.contact-channels__grid{gap:12px}.contact-channel{padding:20px}.contact-channel__heading{gap:9px}.contact-channel__logo{width:36px;height:36px;font-size:20px}.contact-channel__description{font-size:13px}}
@media(max-width:610px){.contact-channels{margin-top:68px}.contact-channels__grid{grid-template-columns:1fr;gap:16px}.contact-channels__intro{margin-bottom:22px}.contact-channel{padding:23px}.contact-channel__description{min-height:0;margin:20px 0 12px}.contact-channel__qrframe{width:min(100%,230px)}.contact-channel__id{gap:8px}.contact-channel__idtext{font-size:13px}.contact-channel__action{font-size:12px}}
@media(prefers-reduced-motion:reduce){.contact-channel__action,.contact-channel__qrframe{transition:none!important}}

.contact-channel__qr-extra{font:600 11px 'Manrope',sans-serif;letter-spacing:.02em;color:#c5d6d4;text-decoration:underline;text-underline-offset:4px;margin:13px auto 0}.contact-channel__qr-extra:hover{color:#fff}

/* V19: distinguish ordinary phone calls from WhatsApp Business chat */
.contact-channels__footer strong{color:#e5c08b;font-weight:600}.contact-channels__footer-divider{padding:0 9px;color:#819c9f}
@media(max-width:610px){.contact-channels__footer-divider{display:block;height:8px;font-size:0}}

/* SOURCE: v20-plain-qr.css */
/* V20: plain, functional QR codes without cards or decorative scanner UI. */
.contact-channels{color:#f7f2e7;margin-top:clamp(55px,7vw,90px);padding-top:clamp(24px,3vw,40px);border-top:1px solid rgba(255,255,255,.22)}
.contact-channels__intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}
.contact-channels h3{font-size:clamp(2rem,4vw,3.8rem);margin:0;letter-spacing:-.055em}
.contact-channels__intro>p{max-width:250px;color:#bdd0d0;line-height:1.5}
.contact-channels__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,5vw,75px)}
.contact-channel{position:static;min-width:0;display:flex;align-items:center;flex-direction:column;padding:4px 0 0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;text-align:center}
.contact-channel::before,.contact-channel::after{content:none!important;display:none!important}
.contact-channel h4{font:600 clamp(15px,2.3vw,21px)/1.35 'Manrope',sans-serif;letter-spacing:-.035em;color:#f7f2e7;margin:0 0 16px}
.contact-channel__qrframe{display:block;width:min(100%,220px);height:auto;aspect-ratio:1/1;align-self:center;margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;transition:none}
.contact-channel__qrframe img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1/1;background:#fff;border-radius:0;box-shadow:none}
a.contact-channel__qrframe:hover{transform:none}
.contact-channel__number,.contact-channel__idtext{font:500 clamp(11px,1.35vw,14px)/1.5 'DM Sans',sans-serif;color:#f4d5aa;text-decoration:none;overflow-wrap:anywhere}
.contact-channel__number{margin:13px 0 0;align-self:center}
.contact-channel__id{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;width:auto;max-width:100%;min-height:0;margin:13px 0 0}
.contact-channel__copy{background:transparent;border:0;border-bottom:1px solid #f4d5aa;border-radius:0;color:#f4d5aa;padding:2px 0;font:600 11px/1.5 'DM Sans',sans-serif;cursor:pointer}
.contact-channel__copy:hover{background:transparent;color:#fff}
.contact-channel__qrframe:focus-visible,.contact-channel__copy:focus-visible{outline:2px solid #f3d5a7;outline-offset:4px}
.contact-channels__footer{text-align:center;margin:32px auto 0;color:#bdcacc;line-height:1.8;font-size:12px}
.contact-channels__footer strong{color:#f4d5aa;font-weight:500}
.contact-channels__footer a{color:#fff0d8;text-underline-offset:3px}
@media(max-width:610px){
 .contact-channels{margin-top:48px;padding-top:30px}
 .contact-channels__intro{display:block;text-align:left;margin-bottom:30px}
 .contact-channels__intro>p{margin-top:12px;max-width:none}
 .contact-channels__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .contact-channel{padding:0}
 .contact-channel h4{font-size:13px;min-height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
 .contact-channel__qrframe{width:min(100%,190px)}
 .contact-channel__number,.contact-channel__idtext{font-size:11px}
 .contact-channel__id{gap:5px}
 .contact-channels__footer{margin-top:34px}
 .contact-channels__footer-divider{display:block;height:4px;font-size:0}
}

/* SOURCE: v21-contact-visibility.css */
/* V21: high-contrast text on the existing cream contact section. */
.enquiry .contact-channels{color:#30261b;border-top:1px solid rgba(76,59,40,.25)}
.enquiry .contact-channels h3,
.enquiry .contact-channel h4{color:#30261b}
.enquiry .contact-channels h3 em{color:#80603e}
.enquiry .contact-channels__intro>p{color:#5f5041}
.enquiry .contact-channel__number,
.enquiry .contact-channel__idtext{color:#50361f;font-weight:700}
.enquiry .contact-channel__number{text-decoration:underline;text-underline-offset:4px}
.enquiry .contact-channel__copy{color:#50361f;border-bottom-color:#80603e}
.enquiry .contact-channel__copy:hover{color:#30261b}
.enquiry .contact-channels__footer{
  display:flex;flex-wrap:wrap;gap:18px clamp(22px,5vw,64px);
  justify-content:center;align-items:center;
  padding:22px 0 6px;margin:36px auto 0;
  border-top:1px solid rgba(76,59,40,.20);
  text-align:left;color:#403326;
  font-size:clamp(13px,1.25vw,15px);line-height:1.55;
}
.enquiry .contact-channels__footer-item{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;min-width:0}
.enquiry .contact-channels__footer-item>span{font-weight:600;color:#554635}
.enquiry .contact-channels__footer-item>a{
  color:#34261b;font-size:clamp(15px,1.6vw,19px);
  font-weight:700;text-decoration:underline;text-underline-offset:4px;
  overflow-wrap:anywhere;
}
.enquiry .contact-channels__footer-item>a:hover{color:#855628}
.enquiry .contact-channels__footer a:focus-visible,
.enquiry .contact-channel__qrframe:focus-visible,
.enquiry .contact-channel__copy:focus-visible{outline:2px solid #64421f;outline-offset:4px}
@media(max-width:610px){
  .enquiry .contact-channels__footer{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px;padding-top:21px}
  .enquiry .contact-channels__footer-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
  .enquiry .contact-channels__footer-item>a{font-size:17px}
  .enquiry .contact-channel__number,.enquiry .contact-channel__idtext{font-size:12px}
}

/* AMBERSEA V22 | Buyer-first refinements, kept after the original consolidated cascade. */
:root{--v22-ink:#24201b;--v22-gold:#ad824d;--v22-ivory:#fffaf2;--v22-midnight:#041923}
html{scroll-padding-top:86px}
body{overflow-x:clip}
#main,section,footer{min-width:0}
:is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #c29248;outline-offset:4px}
button:disabled{cursor:wait;opacity:.65}
/* Faster opening without sacrificing fixed-centre rotation and wordmark reveal. */
.portal{height:152svh!important}
.portal__sticky{height:100svh;min-height:0}
.portal__center{transform:translateZ(0)}
.portal__symbol{transform-origin:50% 50%;backface-visibility:visible}
.portal__quick-links{position:absolute;bottom:clamp(16px,4vh,36px);right:clamp(18px,4vw,64px);z-index:20;display:flex;align-items:center;gap:11px}
.portal__quick-links a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:12px 17px;font:700 11px/1.1 'Manrope',sans-serif;letter-spacing:.035em;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(226,185,123,.7)}
.portal__skip{color:#ffead0;background:rgba(6,21,34,.75)}
.portal__quote{background:#f6e8d0;color:#241e17}
.portal__quick-links a:hover{background:#d8ad72;color:#211a11}
.portal__quick-links a span{padding-left:18px}
.portal__scroll{bottom:clamp(88px,12vh,116px)}
/* Help buyers know what we do, and offer a direct conversion on the first film frame. */
.film-hero__content{top:51%;max-width:830px;width:min(78vw,830px);transform:translateY(-40%)}
.film-hero__content h1{font-size:clamp(3.25rem,6.15vw,7.35rem);line-height:1.01;max-width:900px;margin:17px 0 20px;letter-spacing:-.075em}
.film-hero__content>p{font-size:clamp(14px,1.19vw,17px);line-height:1.65;max-width:650px;color:#fff7eb;text-shadow:0 2px 18px rgba(1,12,20,.55)}
.film-hero__eyebrow{color:#f7d5a4;letter-spacing:.15em;font-size:10px}
.film-hero__actions{margin-top:22px;gap:18px;display:flex;align-items:center;flex-wrap:wrap}
.film-hero__actions>a{min-height:46px;display:inline-flex;align-items:center}
.film-hero__founder-link{display:inline-flex;color:#f9e0c1;font:650 11px/1.5 'Manrope',sans-serif;margin-top:22px;border-bottom:1px solid rgba(251,221,171,.6);padding-bottom:7px;gap:16px}
.film-hero__pause{position:absolute;z-index:16;bottom:clamp(20px,4.5vw,45px);right:var(--pad);border:1px solid rgba(255,237,202,.65);background:rgba(3,23,34,.76);color:#fff5e5;padding:12px 15px;font:600 11px/1.1 'Manrope',sans-serif;min-height:41px;backdrop-filter:blur(8px)}
.film-hero__pause:hover{background:#f5e4ca;color:#17333b}
.film-hero__pause span{font-weight:700;margin-left:8px}
.film-hero__top{max-width:90%}
.film-hero__marquee{padding-right:140px}
/* concise buyer value band, rather than invented statistics or badges */
.buyer-value{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(167,135,90,.3);border-bottom:1px solid rgba(167,135,90,.3);padding:20px 0 22px;margin:45px 0 10px;font:600 11px/1.5 'Manrope',sans-serif;color:#ac7d42;letter-spacing:.04em}
.buyer-value span{display:inline-flex;gap:10px;align-items:baseline}
.buyer-value b{font-weight:600;color:#4c3b2a}
/* Consistently legible titles, real illustrative photos and clear actions. */
.product:after{background:linear-gradient(to top,rgba(1,11,19,.99) 0%,rgba(2,15,22,.92) 28%,rgba(2,18,25,.65) 52%,rgba(3,20,32,.04) 88%)!important}
.product h3{color:#fffdf5!important;font-size:clamp(3.05rem,4.5vw,4.65rem);line-height:1.03;margin:9px 0 10px;overflow-wrap:anywhere}
.product__bottom{left:clamp(18px,3vw,32px);right:clamp(18px,3vw,32px);bottom:clamp(20px,2.3vw,33px)}
.product__eyebrow{color:#f5cca0!important}
.product p{color:#f4eade!important;line-height:1.48;margin-bottom:17px;font-size:clamp(12px,1.08vw,14px);text-wrap:pretty}
.product__actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.product__actions button{background:transparent;cursor:pointer;color:#fff8ed;border:0;border-bottom:1px solid rgba(250,237,214,.65);font:650 12px/1.4 'Manrope',sans-serif;padding:0 0 7px;white-space:normal;text-align:left}
.product__actions button:last-child{color:#f6d3a1;border-color:#d9a963}
.product__actions button:hover{text-decoration:underline}
.product img{filter:saturate(.94) contrast(1.03) brightness(.89)!important}
.collection__note{align-items:start}
.collection__note p{max-width:720px}
.product-details-dialog{border:1px solid #bfa782;background:#fffaf2;color:#312619;width:min(94vw,570px);max-height:min(84vh,750px);overflow:auto;padding:clamp(22px,4vw,43px);box-shadow:0 20px 85px rgba(0,9,19,.4)}
.product-details-dialog::backdrop{background:rgba(0,17,28,.75);backdrop-filter:blur(6px)}
.product-details-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.15em;color:#876138;font-weight:700}
.product-details-dialog__head button{border:1px solid #8d724d;background:transparent;color:#30251b;min-width:41px;min-height:41px;font-size:18px}
.product-details-dialog h2{font:500 clamp(2.1rem,5vw,3.4rem)/1.1 'Manrope',sans-serif;letter-spacing:-.06em;margin:20px 0 16px}
.product-details-dialog>p{font:400 15px/1.8 'DM Sans',sans-serif;color:#4d4135}
.product-details-dialog__brief{background:#f2e7d5;padding:18px 22px;margin:20px 0}
.product-details-dialog__brief strong{font-weight:750;font-size:13px}
.product-details-dialog__brief ul{padding-left:19px;margin:13px 0;line-height:1.7;color:#463a2c;font-size:14px}
.product-details-dialog__brief p{font-size:12px;line-height:1.5;color:#645341}
.product-details-dialog>.button{display:inline-flex;background:#a7793a;color:#fff!important;min-height:47px;align-items:center;justify-content:center;padding:12px 20px}
/* Authentic portrait. No artificial replacement background or giant ornamental frame. */
.founder__grid{align-items:center;gap:clamp(28px,5.5vw,92px)}
.founder__portrait{margin:0;min-width:0;width:100%;border:1px solid rgba(144,112,70,.3);background:#e6dccb;overflow:hidden}
.founder__portrait picture,.founder__portrait img{display:block;width:100%}
.founder__portrait img{height:auto;aspect-ratio:672/900;object-fit:cover;object-position:center 20%;box-shadow:none;filter:none}
.founder__portrait figcaption{background:#f6f0e7;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:2px solid #c59d62}
.founder__portrait figcaption span{font:700 10px/1.4 'Manrope',sans-serif;letter-spacing:.12em;color:#5d4631}
.founder__portrait figcaption strong{font:600 12px/1.4 'Manrope',sans-serif;color:#71502b}
.founder__content{min-width:0}
.founder__quote{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(18px,2vw,25px)!important;line-height:1.6!important;color:#544331!important;border-left:2px solid #b78c51;padding-left:18px;margin-top:25px!important}
/* Target price fields and form remediation. */
.form-required-note{font-size:12px!important;color:#67574a!important;margin:8px 0 16px!important}
.inquiry-card .field [aria-invalid="true"],.inquiry-card .chips [aria-invalid="true"]{outline:2px solid #bb5234;outline-offset:2px;border-color:#bb5234!important}
.inquiry-card .field select,.inquiry-card .field input,.inquiry-card .field textarea{min-width:0;max-width:100%}
.target-price{border:1px solid rgba(155,126,86,.38);padding:18px;margin:20px 0 17px;min-width:0}
.target-price legend{font-weight:750;color:#4c3827;padding:0 8px;font-size:13px}
.target-price>p{font-size:12px;line-height:1.6;color:#79614a;margin:5px 0 14px}
.target-price__fields{display:grid;grid-template-columns:1.1fr .8fr .8fr 1fr;gap:10px}
.target-price__fields label{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5d4a39}
.target-price__fields input,.target-price__fields select{width:100%;min-width:0;font-size:13px;padding:10px 8px}
.form-error:not(:empty){display:block;border-left:3px solid #af5736;background:#fff4ec;padding:12px 14px;color:#7b321b;line-height:1.5}
.form-success:not([hidden]){display:block;background:#edf5eb;color:#214528;border:1px solid #aac8a9;padding:15px;line-height:1.65}
.inquiry-card{scroll-margin-top:95px}
/* Practical buyer FAQ, no vague credibility claims. */
.faq{background:#fbf8f2;padding-top:65px;padding-bottom:95px;color:#2e281f}
.faq__intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;padding:50px 0 25px}
.faq__intro>.eyebrow{grid-column:1 / -1}
.faq__intro .display{font-size:clamp(2.8rem,5vw,5.5rem);margin:6px 0}
.faq__intro p{max-width:420px;font-size:16px;line-height:1.8;color:#655442}
.faq__items{max-width:1040px;margin:auto;border-top:1px solid #d4c5b0}
.faq details{border-bottom:1px solid #d4c5b0}
.faq summary{list-style:none;cursor:pointer;font:650 clamp(15px,1.7vw,19px)/1.4 'Manrope',sans-serif;padding:23px 42px 23px 0;position:relative;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font-size:24px;position:absolute;right:10px;top:19px;color:#ae7d3e}
.faq details[open] summary:after{content:'−'}
.faq details p{color:#655545;max-width:780px;font-size:14px;line-height:1.85;margin:0 0 25px}
/* Floating WhatsApp never blocks checkout/enquiry and menu. */
.floating-whatsapp{position:fixed;z-index:98;bottom:max(18px,env(safe-area-inset-bottom));right:clamp(14px,2.3vw,28px);min-height:49px;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;background:#175e54;color:#fff;border:1px solid #e6cfac;box-shadow:0 7px 24px rgba(2,20,23,.24);border-radius:999px;font:700 12px/1 'Manrope',sans-serif;transition:opacity .2s,transform .2s}
.floating-whatsapp:hover{background:#0f4c43;transform:translateY(-2px)}
body.at-enquiry .floating-whatsapp,body.menu-open .floating-whatsapp{opacity:0;pointer-events:none}
/* Keep typography readable and avoid horizontal overflow at phone widths. */
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.header__cta{margin-left:auto;margin-right:18px}}
@media(max-width:900px){
 .portal{height:145svh!important}
 .film-hero__content{width:90%;top:56%;transform:translateY(-40%)}
 .film-hero__content h1{font-size:clamp(3rem,9vw,5.7rem)}
 .founder__grid{grid-template-columns:minmax(0,.83fr) minmax(0,1fr);gap:30px}
 .target-price__fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .buyer-value{flex-wrap:wrap}
}
@media(max-width:690px){
 .portal{height:138svh!important}
 .portal__quick-links{left:14px;right:14px;bottom:14px;justify-content:center;gap:8px}
 .portal__quick-links a{flex:1;font-size:10px;padding:12px 10px;white-space:nowrap}
 .portal__quick-links a span{padding-left:6px}
 .portal__scroll{bottom:82px}
 .motion-optin{bottom:148px}
 .film-hero__content{top:54%;width:calc(100% - 2 * var(--pad));transform:translateY(-37%)}
 .film-hero__content h1{font-size:clamp(2.9rem,11vw,4.8rem);margin:10px 0 12px;line-height:1.03}
 .film-hero__content>p{font-size:clamp(13px,3.45vw,15px);line-height:1.55;max-width:470px}
 .film-hero__eyebrow{font-size:8px;letter-spacing:.1em}
 .film-hero__actions{gap:12px;margin-top:17px}
 .film-hero__actions>a{font-size:12px}
 .film-hero__founder-link{margin-top:12px;font-size:10px}
 .film-hero__top{display:none}
 .film-hero__bottom{display:none}
 .film-hero__pause{bottom:10px;right:15px;font-size:10px;padding:9px 12px;min-height:35px}
 .film-hero__pause span{margin-left:4px}
 .founder__grid{display:flex;flex-direction:column;gap:29px}
 .founder__portrait{max-width:520px}
 .founder__portrait img{aspect-ratio:4/5;object-fit:cover}
 .founder__content{width:100%}
 .founder__content h2{font-size:clamp(2.5rem,10vw,4.8rem)}
 .faq{padding-top:38px;padding-bottom:70px}
 .faq__intro{display:block;padding-top:28px}
 .faq__intro .display{font-size:clamp(2.65rem,10.4vw,4.8rem)}
 .faq summary{font-size:16px;padding:20px 28px 20px 0}
 .target-price__fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product{flex-basis:min(83vw,365px);height:min(570px,145vw)}
 .product__bottom{left:19px;right:19px;bottom:20px}
 .product h3{font-size:clamp(2.8rem,10vw,4.1rem)}
 .product p{font-size:12px;margin-bottom:13px}
 .product__actions{gap:12px}
 .product__actions button{font-size:10px}
 .header__cta{display:none}
 .floating-whatsapp{bottom:max(13px,env(safe-area-inset-bottom));right:13px;width:45px;height:45px;padding:10px;justify-content:center;min-height:45px}
 .floating-whatsapp span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .floating-whatsapp svg{width:24px;height:24px;flex:none}
}
@media(max-width:380px){
 .film-hero__content h1{font-size:clamp(2.7rem,10.9vw,3.7rem)}
 .film-hero__content p{font-size:12px;line-height:1.45}
 .portal__quick-links a{font-size:9px;padding:10px 8px}
 .target-price__fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .portal{height:100svh!important}
 .ocean-chapter{height:100svh!important}
 .reveal{opacity:1!important;transform:none!important;transition:none!important}
 .film-hero__pause{display:block}
 .film-hero__content,.film-hero__content>p,.film-hero__actions{opacity:1!important;filter:none!important;translate:none!important}
 .film-hero__entry{display:none!important}
 .film-hero__background{transform:none!important}
 .floating-whatsapp,.product img{transition:none!important}
}
/* V22 QA: keep the film pause control clear of the persistent WhatsApp shortcut. */
@media(min-width:691px){.film-hero__pause{right:clamp(175px,15vw,235px);bottom:24px}}
@media(max-width:690px){.film-hero__pause{bottom:76px;right:14px}}
/* Top-right pause is permanently visible above the video, not obscured by floating WhatsApp. */
.film-hero__pause{top:24px;bottom:auto;right:clamp(20px,4vw,60px)}
@media(max-width:690px){.film-hero__pause{top:16px;bottom:auto;right:14px}}