/* One continuous environment. Content remains HTML; original marks never enter generative motion. */
html:root { scroll-behavior:auto!important; scroll-padding-top:1rem; }
/* One full-width coordinate system keeps the backdrop, logo and film mask aligned,
   including windows with a classic scrollbar. Height must not cap page width. */
body[data-dn-film="waterwereld"] { container-type:inline-size; --ww-unit:1cqw; color:#103e3b; background:#f6efdf; font-family:var(--sans); }
.ww-world { width:100%; margin-inline:0; position:relative; isolation:isolate; overflow:clip; }
.ww-backdrop { position:absolute; inset:0; z-index:-3; background:#f3eddf; }
.ww-backdrop img { width:100%; height:auto; }
.ww-backdrop::after { content:""; position:absolute; inset:calc(245 * var(--ww-unit)) 0 0; background:linear-gradient(transparent,#f7f1e6 calc(17 * var(--ww-unit))); }
.ww-header { position:absolute; z-index:10; top:calc(2 * var(--ww-unit)); left:calc((100% - 90 * var(--ww-unit)) / 2); width:calc(90 * var(--ww-unit)); display:flex; align-items:center; justify-content:space-between; gap:calc(2 * var(--ww-unit)); min-height:3rem; font-family:var(--serif); }
.ww-header>a:first-child { text-decoration:none; flex-shrink:0; }
.ww-lockup { display:flex; align-items:center; gap:.7em; }
.ww-lockup img { width:clamp(36px,calc(4.5 * var(--ww-unit)),56px); height:auto; }
.ww-wordmark { font-family:var(--brand); font-weight:500; letter-spacing:.1em; white-space:nowrap; }
.ww-header .ww-wordmark { font-size:clamp(13px,calc(1.45 * var(--ww-unit)),18px); }
.ww-header nav { display:flex; align-items:center; justify-content:center; gap:calc(2 * var(--ww-unit)); padding:.55em 1.4em; background:#fbf7eddf; backdrop-filter:blur(8px); border-radius:6px; }
.ww-header nav a { text-decoration:none; font-size:clamp(16px,calc(1.45 * var(--ww-unit)),18px); }
.ww-header .ww-button { margin:0; font-size:clamp(16px,calc(1.4 * var(--ww-unit)),18px); min-height:44px; padding:.4em 1em; }
.ww-menu-button { display:none; }
#ww-menu { border:1px solid #b3b7a5; border-radius:12px; background:#fbf7ed; color:#103e3b; padding:24px; width:min(calc(90 * var(--ww-unit)),440px); max-height:85dvh; overflow:auto; }
#ww-menu::backdrop { background:#103e3b66; backdrop-filter:blur(6px); }
#ww-menu>a { display:block; padding:12px; text-decoration:none; }
#ww-menu>button { float:right; min-height:44px; font:inherit; border:0; background:transparent; color:inherit; }
.ww-glass { position:relative; isolation:isolate; color:inherit; border:1px solid #b3bca0; border-radius:12px; background:linear-gradient(125deg,#fffaf0e8,#f7f3e2dc 64%,#d3eeeece); box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #78ada499,0 3px 10px #244c3d16; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.ww-glass::before { content:""; position:absolute; pointer-events:none; inset:2px; border-radius:inherit; border:1px solid transparent; border-top-color:#ffffffad; border-bottom-color:#e9ca8370; z-index:-1; }
.ww-button { display:inline-flex; align-items:center; gap:1.5em; text-decoration:none; font-family:var(--serif); font-size:clamp(17px,calc(1.7 * var(--ww-unit)),21px); line-height:1.2; padding:.65em 1.2em; min-height:48px; margin-top:1.3em; transition:box-shadow .22s cubic-bezier(.2,.7,.2,1),background-color .22s cubic-bezier(.2,.7,.2,1); }
.ww-button svg,.ww-creative-link svg { width:1.2em; height:1.2em; flex-shrink:0; }
@media(hover:hover) { .ww-button:hover,.ww-chapters a:hover { background-color:#fff8e8; box-shadow:inset 1px 1px #fff,0 4px 14px #42635622; } }
.ww-scene { position:relative; }
.ww-stage { position:absolute; inset:0; pointer-events:none; isolation:isolate; }
.ww-hero-logo,.ww-hero-plinth,.ww-work,.ww-brand-green,.ww-brand-ivory,.ww-brand-glass,.ww-brand-cloth,.ww-crystal-plinth,.ww-crystal-light { z-index:2; }
.ww-mobile-plate { display:none; }
.ww-ambient { position:absolute; inset:0; pointer-events:none; z-index:0; }
.ww-ambient video { width:100%; height:100%; object-fit:fill; opacity:0; mask-size:100% 100%; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; -webkit-mask-repeat:no-repeat; }
.ww-ambient video[data-ready] { opacity:1; }
.ww-copy { position:absolute; z-index:2; width:40%; }
.ww-copy::before { content:""; position:absolute; inset:calc(-2 * var(--ww-unit)) calc(-1.5 * var(--ww-unit)); z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#fbf3e5f5 46%,#fbf3e5cb 68%,#fbf3e555 80%,transparent 95%); filter:blur(9px); border-radius:20%; }
.ww-eyebrow { font-family:var(--brand); text-transform:uppercase; font-size:clamp(12px,calc(1.05 * var(--ww-unit)),14px); letter-spacing:.18em; margin-bottom:1.1em; }
.ww-copy h1,.ww-copy h2,.ww-contact h2 { font:400 clamp(34px,calc(4.4 * var(--ww-unit)),56px)/.99 var(--serif); letter-spacing:-.025em; text-wrap:balance; }
.ww-copy h1 { font-size:clamp(44px,calc(5.5 * var(--ww-unit)),78px); }
.ww-copy>p:not(.ww-eyebrow) { font:400 clamp(18px,calc(1.85 * var(--ww-unit)),23px)/1.3 var(--serif); margin-top:.7em; }
.ww-hero { height:calc(65.1 * var(--ww-unit)); }
.ww-hero-copy { left:5%; top:calc(17.5 * var(--ww-unit)); width:38%; }
.ww-hero-copy::before { opacity:.82; }
.ww-hero-copy>p:not(.ww-eyebrow) { font-size:clamp(18px,calc(1.8 * var(--ww-unit)),22px); }
.ww-chapters { display:flex; flex-wrap:wrap; gap:calc(.9 * var(--ww-unit)); margin-top:calc(2.2 * var(--ww-unit)); }
.ww-chapters a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:.5em .85em; font:400 clamp(14px,calc(1.35 * var(--ww-unit)),17px)/1.2 var(--serif); text-decoration:none; }
.ww-hero-logo { position:absolute; width:9.7%; left:64.4%; top:calc(25.8 * var(--ww-unit)); }
.ww-hero-logo img { width:100%; height:auto; }
.ww-hero-plinth { position:absolute; width:24%; top:calc(40.9 * var(--ww-unit)); left:57%; text-align:center; font-size:clamp(10px,calc(1.8 * var(--ww-unit)),28px); letter-spacing:.075em; }
.ww-motion { position:fixed; bottom:16px; right:20px; color:#143e39; background:#fbf5e8f5; border:1px solid #b3bca0; border-radius:6px; padding:8px 12px; min-height:44px; font:400 12px/1.25 var(--sans); cursor:pointer; z-index:12; box-shadow:0 2px 10px #143e3915; }
.ww-motion[hidden] { display:none; }
.ww-website { height:calc(61.2 * var(--ww-unit)); }
.ww-website .ww-copy { left:59.2%; top:calc(18 * var(--ww-unit)); width:36%; }
.ww-work { position:absolute; left:9%; width:45%; top:calc(8 * var(--ww-unit)); height:calc(45 * var(--ww-unit)); perspective:1400px; --spread:0; --finish:1; }
.ww-display { position:absolute; left:0; top:0; width:80%; height:calc(41 * var(--ww-unit)); padding:calc(1.5 * var(--ww-unit)); border:1px solid #b7c1a6; border-radius:7px; background:linear-gradient(125deg,#fcfaf194,#ddf0e25c); box-shadow:inset 2px 2px #fff,inset -3px -2px #578e8b99,8px 11px 15px #3c392b55; transform:rotateY(12deg) rotateZ(-3deg); transform-style:preserve-3d; }
.ww-screen { width:100%; height:100%; position:relative; isolation:isolate; container-type:inline-size; background:#fcf4dfc4; overflow:visible; }
.ww-screen-structure { position:absolute; inset:0; border:1px solid #7f999088; padding:14%; display:grid; gap:9%; background:#f5f5ecbe; }
.ww-screen-structure i { display:block; border:1px solid #90a29b88; border-radius:2px; }
.ww-screen-image { position:absolute; left:0; right:0; top:14%; height:49%; background-image:var(--world-image); background-size:100% auto; background-position:0 0; transform:translate3d(calc(var(--spread) * calc(-3 * var(--ww-unit))),calc(var(--spread) * calc(-2 * var(--ww-unit))),calc(var(--spread) * 38px)); opacity:calc(.3 + .7 * var(--finish)); border:1px solid #efeadba8; }
.ww-screen-arch { position:absolute; left:63%; top:24%; width:11%; }
.ww-screen-arch img { width:100%; height:auto; }
.ww-screen-type { position:absolute; inset:0; transform:translate3d(calc(var(--spread) * calc(3 * var(--ww-unit))),calc(var(--spread) * calc(-4.5 * var(--ww-unit))),calc(var(--spread) * 100px)); opacity:calc(.25 + .75 * var(--finish)); }
.ww-screen-header { height:14%; display:flex; align-items:center; justify-content:space-between; padding:0 6%; background:#f9f1df; }
.ww-screen-header .ww-lockup { gap:1.8cqw; }
.ww-screen-header .ww-lockup img { width:9cqw; }
.ww-screen-header .ww-wordmark { font-size:3cqw; letter-spacing:.08em; }
.ww-screen-header>span { font-size:5cqw; }
.ww-screen-copy { position:absolute; top:63%; bottom:0; width:100%; background:#fcf4e4f5; padding:4% 6%; }
.ww-screen-copy strong { display:block; font:400 9cqw/.93 var(--serif); letter-spacing:-.02em; }
.ww-screen-copy p { font:400 3.1cqw/1.3 var(--serif); margin-top:4%; }
.ww-screen-copy>span { display:inline-block; padding:3% 7%; margin-top:5%; background:#164c41; color:#fffbea; border-radius:4px; font:400 3.6cqw/1.1 var(--serif); }
.ww-phone { position:absolute; width:24%; height:calc(23.3 * var(--ww-unit)); right:0; bottom:calc(1.5 * var(--ww-unit)); border:4px solid #151917; border-radius:calc(1.65 * var(--ww-unit)); padding:calc(.4 * var(--ww-unit)); background:#ccbca0; box-shadow:5px 8px 14px #373b3c59; transform:translateY(calc((1 - var(--finish)) * calc(2 * var(--ww-unit)))); }
.ww-phone::before { content:""; position:absolute; width:36%; height:1.4%; top:1.4%; left:32%; border-radius:0 0 10px 10px; background:#151917; z-index:4; }
.ww-phone .ww-screen { border-radius:calc(1 * var(--ww-unit)); overflow:hidden; }
.ww-phone .ww-screen-type,.ww-phone .ww-screen-image { transform:none; opacity:1; }
.ww-phone .ww-screen-image { top:11%; height:51%; background-size:auto 550%; background-position:65% 0; }
.ww-phone .ww-screen-copy { top:62%; }
.ww-phone .ww-screen-header { height:11%; }
.ww-phone .ww-screen-header .ww-wordmark { font-size:6cqw; }
.ww-phone .ww-screen-header .ww-lockup img { width:15cqw; }
.ww-phone .ww-screen-header>span { display:none; }
.ww-phone .ww-screen-copy strong { font-size:15cqw; }
.ww-phone .ww-screen-copy p { font-size:6cqw; }
.ww-phone .ww-screen-copy>span { font-size:7cqw; }
.ww-work-phase { display:none; }
.ww-brand { height:calc(48.2 * var(--ww-unit)); }
.ww-brand .ww-copy { top:calc(11.5 * var(--ww-unit)); left:5%; width:33%; }
.ww-brand-green { position:absolute; left:42%; top:20%; width:24%; height:25%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2%; transform:rotate(5deg); color:#e5c77c; }
.ww-brand-green img { width:28%; height:auto; }
.ww-brand-green .ww-wordmark { font-size:calc(1.8 * var(--ww-unit)); }
.ww-brand-green small { font-family:var(--brand); font-size:calc(.58 * var(--ww-unit)); letter-spacing:.25em; }
.ww-brand-ivory { position:absolute; left:51%; top:44%; width:11%; transform:rotate(-6deg); }
.ww-brand-glass { position:absolute; left:70%; top:15%; width:14%; transform:skewY(5deg); }
.ww-brand-cloth { position:absolute; left:87%; top:59%; font-size:calc(1.1 * var(--ww-unit)); transform:rotate(24deg); color:#6d685b; }
.ww-brand-stage img { width:100%; height:auto; }
.ww-brand-green img { width:28%; }
.ww-creative { height:calc(41.7 * var(--ww-unit)); }
.ww-creative .ww-copy { left:5%; top:6%; width:43%; color:#fff9e9; }
.ww-creative .ww-copy::before { background:radial-gradient(ellipse,#073f41eb 48%,#073f41b8 70%,transparent 100%); filter:blur(13px); border-radius:30%; inset:calc(-1.5 * var(--ww-unit)) calc(-2 * var(--ww-unit)); }
.ww-creative-link { display:inline-flex; gap:2rem; align-items:center; margin-top:1.1em; padding:10px 0; border-bottom:1px solid #e8d59d; font:400 clamp(18px,calc(1.7 * var(--ww-unit)),22px)/1.2 var(--serif); text-decoration:none; }
.ww-crystal-plinth { position:absolute; left:52%; top:82.4%; width:25%; text-align:center; font-size:calc(1.7 * var(--ww-unit)); }
.ww-crystal-light { position:absolute; width:16%; height:44%; top:14%; left:55%; border-radius:50%; background:radial-gradient(ellipse,#aaf9fc42,transparent 63%); mix-blend-mode:screen; opacity:var(--crystal-light,.3); }
.ww-offers { padding:0 6% 0; position:relative; }
.ww-prices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.6%; align-items:start; }
.ww-price { text-align:center; padding:calc(1.6 * var(--ww-unit)) calc(1 * var(--ww-unit)) calc(1 * var(--ww-unit)); background:linear-gradient(125deg,#fff9eeeF,#f6f0dfec 65%,#d3eeeeec); }
.ww-price h2 { font:400 clamp(25px,calc(2.65 * var(--ww-unit)),34px)/1.1 var(--serif); }
.ww-price>p { font-size:clamp(16px,calc(1.55 * var(--ww-unit)),20px); margin:.35em 0; }
.ww-price strong { font-weight:400; }
.ww-price summary { font-size:clamp(12px,calc(.95 * var(--ww-unit)),15px); cursor:pointer; padding:12px 2px; min-height:44px; text-underline-offset:5px; }
.ww-price summary,.ww-further summary { list-style:none; }
.ww-price summary::-webkit-details-marker,.ww-further summary::-webkit-details-marker { display:none; }
.ww-price summary::after,.ww-further summary::after { content:" +"; margin-left:.5em; }
.ww-price details[open] summary::after,.ww-further[open] summary::after { content:" −"; }
.ww-price details>div { text-align:left; font-size:15px; line-height:1.6; padding:.4rem; }
.ww-price details p+p { margin-top:.7em; }
.ww-price details a { display:block; padding:.5em 0; text-underline-offset:4px; }
.ww-terms { font-size:clamp(12px,calc(1.1 * var(--ww-unit)),16px); text-align:center; margin:calc(1.2 * var(--ww-unit)) auto 0; max-width:750px; padding:.3em .5em; background:#fff7e6e3; border-radius:5px; }
.ww-contact { text-align:center; padding:calc(3.4 * var(--ww-unit)) 6% calc(1 * var(--ww-unit)); }
.ww-contact h2 { font-size:clamp(36px,calc(3.8 * var(--ww-unit)),50px); }
.ww-contact .ww-button { margin-top:calc(1.2 * var(--ww-unit)); }
.ww-contact>p { font-size:12px; margin:10px 0 0; }
.ww-further { max-width:680px; margin:.5rem auto 0; font-size:13px; }
.ww-further summary { cursor:pointer; min-height:44px; padding:12px; }
.ww-further>div { background:#fff9ed; border:1px solid #c9c5ad; padding:1rem; text-align:left; border-radius:8px; }
.ww-further a { display:block; padding:8px; }
.ww-footer { text-align:center; padding:0 5% 5rem; font-size:11px; background:linear-gradient(transparent,#f6edddce); }
.ww-footer>img { width:clamp(50px,calc(6.5 * var(--ww-unit)),100px); height:auto; margin:0 auto 10px; }
.ww-footer>div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem; }
.ww-footer>div>span+span { font-family:var(--brand); letter-spacing:.18em; }
.ww-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:0 1.3rem; margin:.6rem 0; }
.ww-footer a { display:inline-flex; align-items:center; min-height:30px; text-decoration:none; }
.ww-footer small { display:block; margin-top:8px; color:#3e615a; }
.ww-motion:disabled { cursor:default; }
/* Mobile receives full-width scenes and separate reading areas: no automatic centre crop. */
@media(max-width:760px) {
 .ww-backdrop { display:none; }
 .ww-world { background:#f5edde; }
 .ww-header { width:auto; position:relative; top:auto; left:auto; right:auto; margin:0; padding:10px 20px; background:#fbf5e7; }
 .ww-header .ww-lockup img { width:45px; }
 .ww-header .ww-wordmark { font-size:15px; }
 .ww-header nav,.ww-header>.ww-button { display:none; }
 .ww-menu-button { display:block; min-height:44px; padding:8px 14px; font:inherit; }
 .ww-scene { height:auto; display:flex; flex-direction:column; background:#f6eedf; }
 .ww-stage { position:relative; order:1; flex:none; aspect-ratio:768/500; width:100%; overflow:clip; }
 .ww-mobile-plate { display:block; position:absolute; inset:0; background-image:var(--world-image); background-size:100% auto; background-repeat:no-repeat; }
 .ww-copy { position:relative; width:auto!important; left:auto!important; top:auto!important; padding:26px 24px 32px; order:2; }
 .ww-copy::before { display:none; }
 .ww-copy h1 { font-size:clamp(40px,calc(9 * var(--ww-unit)),58px); line-height:.99; }
 .ww-copy h2 { font-size:clamp(34px,calc(8 * var(--ww-unit)),48px); }
 .ww-copy>p:not(.ww-eyebrow),.ww-hero-copy>p:not(.ww-eyebrow) { font:400 19px/1.4 var(--serif); }
 .ww-eyebrow { font-size:12px; margin-bottom:14px; }
 .ww-button { font-size:19px; margin-top:20px; padding:12px 20px; min-height:48px; }
 .ww-hero .ww-copy { order:0; padding-top:20px; padding-bottom:18px; }
 .ww-hero .ww-copy h1 br { display:none; }
 .ww-hero .ww-copy { background:linear-gradient(130deg,#faf4e8,#f1e4cb); }
 .ww-hero-stage { aspect-ratio:1122/1402; }
 .ww-hero-stage::before { display:none; }
 .ww-hero-stage::after { content:""; position:absolute; left:0; right:0; bottom:0; height:12%; background:linear-gradient(transparent,#f6eedf); z-index:3; pointer-events:none; }
 .ww-hero-stage .ww-mobile-plate { background-image:var(--mobile-hero); }
 .ww-hero-logo { width:14%; left:43%; top:27%; }
 .ww-hero-plinth { width:32%; left:34%; top:50%; font-size:calc(2.4 * var(--ww-unit)); }
 .ww-chapters { gap:8px; margin-top:16px; }
 .ww-chapters a { font-size:15px; min-height:44px; padding:8px 12px; }
 .ww-motion { bottom:0; right:0; width:100%; height:52px; font-size:11px; padding:12px 24px; border-radius:0; border:0; border-top:1px solid #c6c4af; background:#fbf5e8; box-shadow:none; text-align:right; }
 html:root { scroll-padding-bottom:68px; }
 .ww-website .ww-mobile-plate { background-position:0 calc(-510 / 768 * calc(100 * var(--ww-unit))); }
 .ww-website .ww-copy { order:0; }
 .ww-work { top:6%; left:12%; width:74%; height:86%; }
 .ww-display { width:76%; height:96%; padding:calc(2 * var(--ww-unit)); }
 .ww-phone { width:23%; height:58%; right:0; bottom:4%; border-width:3px; border-radius:calc(2.4 * var(--ww-unit)); padding:calc(.6 * var(--ww-unit)); }
 .ww-phone .ww-screen { border-radius:calc(1.3 * var(--ww-unit)); }
 .ww-work-phase { bottom:0; font-size:9px; }
 .ww-brand-stage { aspect-ratio:512/390; }
 .ww-brand .ww-mobile-plate { background-size:150% auto; background-position:calc(-256 / 512 * calc(100 * var(--ww-unit))) calc(-945 / 512 * calc(100 * var(--ww-unit))); }
 .ww-brand-green { left:13%; width:36%; top:26.15%; height:22.41%; }
 .ww-brand-green .ww-wordmark { font-size:calc(2.7 * var(--ww-unit)); }
 .ww-brand-green small { font-size:calc(.87 * var(--ww-unit)); }
 .ww-brand-ivory { left:26.5%; width:16.5%; top:56.36%; }
 .ww-brand-glass { left:55%; width:21%; top:28.1%; }
 .ww-brand-cloth { left:80.5%; top:70%; font-size:calc(1.65 * var(--ww-unit)); }
 .ww-creative .ww-copy { color:#fff9e9; background:#0c4547; }
 .ww-crystal-stage { aspect-ratio:510/410; }
 .ww-creative .ww-mobile-plate { background-size:150.588% auto; background-position:calc(-235 / 510 * calc(100 * var(--ww-unit))) calc(-1260 / 510 * calc(100 * var(--ww-unit))); }
 .ww-crystal-plinth { left:32.2%; width:37.6%; top:85.56%; font-size:calc(2.56 * var(--ww-unit)); }
 .ww-crystal-light { left:36.6%; width:24%; top:26%; }
 .ww-creative-link { font-size:20px; }
 .ww-offers { padding:32px 24px 0; background:linear-gradient(#f6eedfdd,#f6eedfeb),var(--world-image) 0 100%/100% auto; }
 .ww-prices { grid-template-columns:1fr; gap:14px; }
 .ww-price { padding:20px 18px 8px; }
 .ww-price h2 { font-size:34px; }
 .ww-price>p { font-size:20px; }
 .ww-price summary { font-size:13px; }
 .ww-terms { font-size:12px; padding:12px 0; margin:12px auto 0; background:none; }
 .ww-contact { padding:28px 24px 10px; }
 .ww-contact h2 { font-size:42px; }
 .ww-contact .ww-button { margin-top:22px; }
 .ww-footer { padding:10px 24px 76px; }
 .ww-footer>div { flex-direction:column; gap:8px; }
 .ww-footer nav { gap:0 18px; }
 .ww-footer a { min-height:44px; }
 .ww-footer>img { width:65px; }
}
@media(min-width:761px) and (max-width:1050px) {
 .ww-header nav { gap:calc(1 * var(--ww-unit)); padding:.5rem .7rem; }
 .ww-header .ww-button { display:none; }

}
@media(prefers-reduced-motion:reduce) { .ww-button { transition:none; } }
/* Text-only enlargement gets normal-flow reading areas, without overlapping the scene below. */
.ww-large-type .ww-header { width:calc(100 * var(--ww-unit)); margin-inline:auto; position:relative; inset:auto; padding:20px 5%; background:#faf3e7; }
.ww-large-type .ww-header nav,.ww-large-type .ww-header>.ww-button { display:none; }
.ww-large-type .ww-menu-button { display:block; min-height:44px; padding:12px 20px; }
.ww-large-type .ww-backdrop { display:none; }
.ww-large-type .ww-scene { height:auto; display:flex; flex-direction:column; background:#f6eedf; }
.ww-large-type .ww-stage { position:relative; aspect-ratio:768/500; width:100%; order:1; }
.ww-large-type .ww-mobile-plate { display:block; position:absolute; inset:0; background:var(--world-image) 0 0/100% auto no-repeat; }
.ww-large-type .ww-copy { position:relative; left:auto!important; top:auto!important; width:auto!important; padding:3rem 5%; order:2; }
.ww-large-type .ww-copy::before { display:none; }
.ww-large-type .ww-hero-copy { order:0; }
.ww-large-type .ww-work-stage .ww-mobile-plate { background-position:0 calc(-500 / 768 * calc(100 * var(--ww-unit))); }
.ww-large-type .ww-brand-stage { aspect-ratio:768/370; }
.ww-large-type .ww-brand-stage .ww-mobile-plate { background-position:0 calc(-970 / 768 * calc(100 * var(--ww-unit))); }
.ww-large-type .ww-crystal-stage { aspect-ratio:768/320; }
.ww-large-type .ww-crystal-stage .ww-mobile-plate { background-position:0 calc(-1340 / 768 * calc(100 * var(--ww-unit))); }
.ww-large-type .ww-creative .ww-copy { color:#fff9e9; background:#0c4547; }
.ww-large-type .ww-prices { grid-template-columns:1fr; gap:24px; }
.ww-large-type .ww-offers { padding-top:3rem; }
.ww-large-type .ww-price details>div { font-size:1.5rem; }
.ww-large-type .ww-terms { max-width:none; }
.ww-large-type .ww-footer { padding-bottom:7rem; }
@media(forced-colors:active) {
 .ww-backdrop,.ww-stage { display:none; }
 .ww-scene { height:auto; }
 .ww-copy { position:relative; padding:2rem; left:auto!important; top:auto!important; width:auto!important; color:CanvasText!important; }
 .ww-copy::before { display:none; }
 .ww-glass { border:1px solid ButtonText; }
}

/* Keep navigation compact on short desktop windows without narrowing the scene. */
@media(min-width:761px) and (max-height:650px) { .ww-header nav,.ww-header>.ww-button { display:none; } .ww-menu-button { display:block; min-height:44px; padding:8px 14px; font:inherit; } }

/* Scoped to the approved Website Build scene. Its registered section height stays unchanged. */
.lg-scene { background:#f4edde; container-type:inline-size; }
.lg-composition { position:relative; aspect-ratio:1672/941; }
.ww-website .lg-stage { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; overflow:hidden; }
.lg-art { position:absolute; inset:0; container-type:inline-size; }
.lg-plate,.lg-water,.lg-optics { position:absolute; inset:0; width:100%; height:100%; display:block; }
.lg-plate { object-fit:contain; }
.lg-water { opacity:0; transition:opacity .45s ease; }
.lg-water[data-ready] { opacity:1; }
.lg-optics.ww-work { top:0; left:0; height:941px; width:1672px; perspective:none; z-index:1; overflow:visible; transform-origin:0 0; transform:scale(tan(atan2(100cqw,1672px))); }
.lg-projections { width:1672px; height:941px; position:relative; font-family:var(--serif); color:#093b39; }
.lg-plane { position:absolute; left:0; top:0; transform-origin:0 0; }
.lg-structure { width:420px; height:480px; color:#f8faf2; opacity:calc(.57 + var(--spread,0)*.23); text-shadow:0 1px 2px #0a3d39; clip-path:inset(0 52% 0 0); }
.lg-structure>svg { width:100%; height:100%; filter:drop-shadow(0 1px 1px #21554f); }
.lg-plane-note { position:absolute; left:20px; bottom:4px; font:12px var(--sans); letter-spacing:2px; }
.lg-identity { width:280px; height:400px; border:1px solid #f9f9e9ac; border-radius:9px; background:linear-gradient(120deg,#e6f8f227,#fffced19 70%,#68bfb523); box-shadow:inset 1px 1px #ffffffbf,inset -1px -1px #80b8b494; clip-path:inset(0 52% 0 0); }
.lg-identity-inner { position:absolute; inset:0 auto 0 0; width:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:translateY(calc(var(--spread,0)*-24px)); opacity:1; }
.lg-identity-inner img { width:106px; height:auto; filter:drop-shadow(0 3px 4px #18545328); }
.lg-identity-inner .ww-wordmark { font-size:13px; letter-spacing:.7px; margin-top:15px; }
.lg-identity-inner small { font:5px var(--brand); letter-spacing:.8px; margin-top:7px; }
.lg-swatches { display:flex; gap:8px; margin-top:27px; }
.lg-swatches i { width:14px; height:14px; border-radius:50%; background:#f3efdf; border:1px solid #eee9d6; }
.lg-swatches i:nth-child(2) { background:#174c41; }.lg-swatches i:nth-child(3) { background:#bba164; }
.lg-website { width:1672px; height:941px; overflow:visible; }
.lg-website-content { position:absolute; inset:0; opacity:calc(.2 + var(--finish,1)*.8); transform:translateY(calc(var(--spread,0)*24px)); }
.lg-site-header { position:absolute; left:0; top:0; width:580px; height:77px; transform-origin:0 0; transform:matrix(.929310411,.084482772,-.006612627,.965493781,906,239); clip-path:polygon(0 0,100% 0,99.95088% 81.26587%,0 100%); background:#fbf5e9f7; display:flex; align-items:center; gap:16px; padding:8px 22px 19px; border-bottom:1px solid #c0b39077; }
.lg-site-header .ww-lockup { gap:10px; flex-shrink:0; }
.lg-site-header .ww-lockup img { width:43px; height:auto; }
.lg-site-header .ww-wordmark { font-size:16px; letter-spacing:1px; }
.lg-site-nav { margin-left:auto; font-size:12px; white-space:nowrap; }
.lg-site-menu { font:23px var(--sans); margin-left:auto; }
.lg-site-image-mark { position:absolute; top:426px; left:1258px; width:36px; }
.lg-site-image-mark img { width:100%; height:auto; }
.lg-site-copy { position:absolute; top:0; left:0; width:580px; height:146px; transform-origin:0 0; transform:matrix(.928139229,-.011729918,-.006577103,.960307062,903.960412,536.795285); clip-path:polygon(0 0,100% 0,99.90709% 81.31093%,0 100%); padding:19px 25px; background:linear-gradient(108deg,#fcf6e9fa,#fdf9e8ed); border-top:1px solid #fff7ddaa; }
.lg-site-copy strong { display:block; font:400 40px/1.07 var(--serif); letter-spacing:-.8px; }
.lg-site-copy>span { display:inline-flex; gap:16px; align-items:center; background:#103f3d; color:#fffdf4; border:1px solid #699188; border-radius:5px; font:18px/1.2 var(--serif); margin-top:16px; padding:12px 22px; }
.lg-site-copy b { font-weight:400; }
.lg-edge-light { position:absolute; inset:0; clip-path:polygon(54.1% 25.4%,86.4% 30.6%,86.2% 68.4%,54% 71.9%); pointer-events:none; background:linear-gradient(118deg,transparent 35%,#e9fffb16 47%,#fff7d925 48%,transparent 58%); opacity:calc(.35 + var(--spread,0)*.65); }
.lg-signature { position:absolute; left:4.5%; top:5.7%; z-index:2; }
.lg-signature .ww-lockup { gap:1.3cqw; }.lg-signature .ww-lockup img { width:5.8cqw; max-width:none; }.lg-signature .ww-wordmark { font-size:1.6cqw; letter-spacing:.2em; }
.ww-website .lg-copy { left:4.5%; top:22.8%; width:29%; padding:0; }
.ww-website .lg-copy::before { display:none; }
.ww-website .lg-copy .ww-eyebrow { font:400 clamp(14px,1.4cqw,23px)/1.2 Georgia,'Times New Roman',serif; letter-spacing:0; text-transform:none; margin-bottom:1.1cqw; }
.ww-website .lg-copy h2 { font:400 clamp(36px,4.7cqw,78px)/1.03 Georgia,'Times New Roman',serif; letter-spacing:-.045em; text-wrap:initial; }
.ww-website .lg-copy>p:not(.ww-eyebrow) { font:400 clamp(16px,1.4cqw,25px)/1.4 Georgia,'Times New Roman',serif; margin-top:1.4cqw; max-width:27cqw; }
.ww-website .lg-copy .ww-button { font-family:Georgia,'Times New Roman',serif; font-size:clamp(16px,1.4cqw,23px); margin-top:2.3cqw; border-radius:9px; padding:.72em 1.25em; background:linear-gradient(118deg,#fffbee80,#e1e8d746); backdrop-filter:blur(2px); }
.lg-caption { display:flex; align-items:center; gap:14px; position:absolute; left:4.5%; right:4.5%; bottom:1.8%; font:11px var(--sans); letter-spacing:.05em; color:#3b5b51; }
.lg-caption-line { width:30px; height:1px; background:#ac9260; }.lg-caption-count { margin-left:auto; font-size:10px; letter-spacing:.16em; }
@media(max-width:760px) {
 .ww-website.lg-scene { display:block; padding-top:25px; background:#f7f0e4; }
 .lg-composition { display:flex; flex-direction:column; aspect-ratio:auto; }
 .lg-signature { position:relative; inset:auto; padding:0 24px; order:0; }
 .lg-signature .ww-lockup { gap:12px; }.lg-signature .ww-lockup img { width:44px; }.lg-signature .ww-wordmark { font-size:14px; letter-spacing:.14em; }
 .ww-website .lg-copy { order:1; padding:24px 24px 26px; }
 .ww-website .lg-copy .ww-eyebrow { font-size:15px; margin-bottom:14px; }
 .ww-website .lg-copy h2 { font-size:clamp(36px,10cqw,52px); letter-spacing:-.04em; line-height:1.02; }
 .ww-website .lg-copy h2 br:nth-child(2) { display:none; }
 .ww-website .lg-copy>p:not(.ww-eyebrow) { max-width:30ch; font-size:19px; margin-top:16px; }
 .ww-website .lg-copy .ww-button { font-size:19px; margin-top:23px; background:linear-gradient(120deg,#fffaf077,#d5e5d650); }
 .ww-website .lg-stage { order:2; position:relative; inset:auto; aspect-ratio:1202/941; height:auto; width:100%; }
 .lg-art { width:139.1015%; height:100%; left:-39.1015%; top:0; }
 .lg-site-nav { display:none; }
 .lg-site-header .ww-lockup img { width:49px; }.lg-site-header .ww-wordmark { font-size:20px; }
 .lg-site-copy strong { font-size:45px; }.lg-site-copy>span { font-size:24px; }
 .lg-plane-note { display:none; }
 .lg-caption { position:relative; inset:auto; padding:18px 24px 22px; margin:0; font-size:11px; background:#f5efdf; }
}
.ww-large-type .ww-website.lg-scene { display:block; height:auto; }
.ww-large-type .lg-composition { display:flex; flex-direction:column; aspect-ratio:auto; }
.ww-large-type .lg-signature { display:none; }
.ww-large-type .ww-website .lg-copy { order:0; padding:2rem 5%; }
.ww-large-type .ww-website .lg-copy>p:not(.ww-eyebrow) { max-width:none; }
.ww-large-type .ww-website .lg-stage { position:relative; order:1; width:100%; height:auto; aspect-ratio:1672/941; }
.ww-large-type .lg-art { inset:0; width:100%; height:100%; }
.ww-large-type .lg-caption { position:relative; inset:auto; padding:1.5rem 5%; }
@media(forced-colors:active) {
 .lg-scene,.lg-caption { background:Canvas; color:CanvasText; }
 .lg-composition { aspect-ratio:auto; }
 .lg-signature,.ww-website .lg-stage,.lg-caption { display:none; }
 .ww-website .lg-copy { position:relative; inset:auto; width:auto; padding:2rem; }
 .ww-website .lg-copy>p:not(.ww-eyebrow) { max-width:none; }
}
@media(prefers-reduced-motion:reduce) { .lg-water { display:none; transition:none; } }