/* S3: one path from the lake floor to the lit pavilion. */
.world-caption{grid-template-columns:1fr 1.45fr auto;padding-right:var(--gutter);padding-bottom:30px;scroll-margin-top:22px}.world-price{grid-column:2/4;display:block;width:fit-content;min-height:56px;padding:12px 0 4px;color:#e5f4f7;border-top:1px solid #a8d5e63b;line-height:1.6}.world-price strong{font-weight:500}.world-caption small{text-align:right}.world-price:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.hero-bottom,.world-bottom{padding-left:0}.scene-controls{margin-right:0}.hotel-world .world-bottom{padding-right:0}.hero-bottom>span{margin-right:0}
#pause{left:18px;right:auto;bottom:18px;z-index:50;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#0b2638f0;border:1px solid #93c4d052;backdrop-filter:none}#pause-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#pause>span:first-child{font-size:18px}.mobile-ask{display:none}.hero-bottom>a{margin-left:24px}.world-bottom{padding-left:20px}
.return-world{position:relative;background:#061c2b}.lake-descent{height:85svh;min-height:560px;position:relative;overflow:hidden}.lake-descent video{opacity:0;transition:opacity 240ms ease}.lake-descent video.playing{opacity:1}.descent-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06162911,#051d2c33 30%,#061c2b)}.bridge-copy{position:absolute;left:var(--gutter);bottom:12%;right:var(--gutter);text-shadow:0 2px 30px #0008}.bridge-copy>p{font-size:17px;margin-bottom:16px}.bridge-copy h2{font-size:clamp(52px,6.5vw,96px)}.bridge-copy a{display:inline-flex;align-items:center;min-height:48px;margin-top:22px;border-bottom:1px solid #bfe5ee8a}
.ground{background:linear-gradient(180deg,#061c2b 0%,#082736c9 65%,#0b2b39e6),url('assets/s2/underwater.webp') center/cover;position:relative}.ground-heading{max-width:980px;margin:0 auto;text-align:center}.ground-heading h2{font-size:clamp(42px,5.2vw,78px)}.ground-heading>p{margin:24px auto 0;max-width:650px;font-size:18px}.ground-heading>p.small{font-size:12px;margin-top:14px;color:#c0d2db}.ground-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1200px;margin:90px auto 40px;align-items:center}.answer-scene{position:relative;min-height:600px;padding:30px 0}.glass-phone{width:300px;min-height:540px;margin:auto;border:1px solid #aed9e6bd;border-radius:42px;background:linear-gradient(135deg,#9dd7e32e,#082736a8);box-shadow:inset 0 0 0 7px #c3e5ee09,0 30px 80px #02132066;backdrop-filter:blur(9px);padding:45px 25px 25px;position:relative}.phone-speaker{position:absolute;top:18px;left:42%;width:16%;height:4px;background:#c6eaf1b3;border-radius:3px}.glass-phone>p{font-size:11px;color:#bddee5}.glass-phone h3{font-size:29px;margin:12px 0 22px}.glass-phone>small{display:block;margin-top:20px;color:#b4cbd4;font-size:10px}.phone-answer{padding:14px 0;border-top:1px solid #bce4e42b;transition:opacity 240ms ease,transform 240ms var(--ease-out)}.phone-answer>span{font-size:11px;color:#b6d1d8;display:block;margin-bottom:6px}.phone-answer>strong{display:block;font-size:15px;font-weight:400;line-height:1.5}.js.motion .phone-answer{opacity:.28}.js.motion .phone-answer.answered{opacity:1;transform:translateY(-2px)}.question-bubbles{position:absolute;inset:0;pointer-events:none;z-index:2}.question-bubbles button{pointer-events:auto;position:absolute;background:#173f50f5;border:1px solid #aacdd999;border-radius:50%;color:#eefbff;min-height:90px;width:166px;padding:20px;font-size:13px;line-height:1.4;box-shadow:inset 5px 6px 16px #ceeffc18;transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}.question-bubbles button:nth-child(1){top:20px;left:-4%}.question-bubbles button:nth-child(2){top:230px;right:-5%;width:170px}.question-bubbles button:nth-child(3){bottom:0;left:0}.question-bubbles button.used{opacity:0;transform:translate(40px,-20px) scale(.92);pointer-events:none}
.selfcheck h3{font-size:36px;margin-bottom:10px}.selfcheck fieldset{border:0;border-bottom:1px solid #a8d5e63b;margin:20px 0 0;padding:0 0 13px;min-width:0}.selfcheck legend{font-size:16px;line-height:1.5;padding-bottom:5px}.selfcheck label{display:inline-flex;align-items:center;gap:9px;min-width:75px;min-height:44px;cursor:pointer}.selfcheck input{width:18px;height:18px;accent-color:#b4e4ed}.selfcheck .text-button{margin-top:18px;border-bottom:1px solid #b2dce674}.selfcheck #check-result{margin-top:25px;font-size:21px;line-height:1.45}.selfcheck .button{margin-top:14px;width:100%;font-size:13px}details summary{cursor:pointer;min-height:54px;padding:15px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}details summary::after{content:'+';font-size:22px;line-height:1.2}details[open]>summary::after{content:'−'}details summary::-webkit-details-marker{display:none}.tech-curious{max-width:650px;margin:50px auto 0;border-top:1px solid var(--line);font-size:13px}.tech-curious p{padding:8px 0 20px;color:#c7dce5}
.ascent{position:relative}.ascent-stage{position:relative;min-height:900px;padding:80px var(--gutter);overflow:hidden;background:#103647}.motion .ascent{height:285svh}.motion .ascent-stage{height:100svh;min-height:780px}.ascent-shade{position:absolute;inset:0;background:linear-gradient(180deg,#082434e6, #10364788 50%,#102d409e);pointer-events:none}.ascent-copy{position:relative;z-index:1;max-width:820px;margin:auto;text-align:center}.ascent-copy h2{font-size:clamp(44px,4.8vw,70px)}.ascent-copy p{font-size:15px;max-width:630px;margin:22px auto 0}.ascent-copy .text-button{display:inline-flex;align-items:center;margin-top:14px;border-bottom:1px solid #c9e5ea88}.creation-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:48px auto 0;max-width:1240px}.creation-steps li{min-width:0;transition:opacity 240ms ease}.light-ring{display:flex;align-items:center;justify-content:center;width:clamp(140px,15vw,220px);height:clamp(140px,15vw,220px);border-radius:50%;border:1px solid #bceefa99;box-shadow:0 0 0 8px #bdeffa09,0 0 40px #83ddf020;overflow:hidden;margin:0 auto 24px;background:#0c2e42b3}.light-ring img{width:100%;height:100%;object-fit:cover}.brief-ring span{font:23px/1.3 Familjen,sans-serif;text-align:center;padding:18px}.creation-steps h3{font-size:26px;margin-bottom:12px}.creation-steps p{font-size:13px;color:#d5e5eb;line-height:1.7}.creation-steps b{font-weight:600;color:#f3f9fb}.creation-steps>li>small,.creation-steps>li>a:last-child{font-size:11px;display:block;line-height:1.5;margin-top:12px;color:#cadfe7;min-height:44px}.creation-steps>li>a:last-child{display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.creation-steps li.active .light-ring{border-color:#e8f9ff;box-shadow:0 0 0 8px #bdeffa14,0 0 50px #c7f2ff40}.step-position{display:none}
.waterline{position:relative;background:linear-gradient(180deg,#102d40,#23485a 65%,#173d54);isolation:isolate}.waterline:before{content:'';position:sticky;top:0;display:block;height:100svh;margin-bottom:-100svh;background:linear-gradient(#14395099,#173e50cc),url('assets/s3/web/wasserformen.webp') center/cover;z-index:-1}.surface-price{padding:85px 0 50px}.price-heading{padding:0 var(--gutter);text-align:center}.price-heading h2{font-size:clamp(56px,6.4vw,92px)}.price-heading p{margin:24px auto 0;color:#d4e5ed}.forms-scroll{margin:12px auto 0;max-width:1600px}.glass-forms{position:relative;aspect-ratio:2048/1000;overflow:hidden}.glass-forms picture,.glass-forms img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.glass-forms:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102d40 0%,transparent 24%,transparent 80%,#1b4153);pointer-events:none}.form-choices{position:absolute;inset:0;z-index:1}.form-choice{position:absolute;bottom:34%;width:18%;min-height:170px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 2px 18px #021527;background:#081d326b;transition:background 160ms ease}.form-choice:nth-child(1){left:10%}.form-choice:nth-child(2){left:31%}.form-choice:nth-child(3){left:53%}.form-choice:nth-child(4){left:74%}.form-choice>span:first-child{font-size:13px;margin-bottom:11px}.form-choice strong{font:36px/1.05 Familjen,sans-serif;letter-spacing:-.04em}.form-choice>span:nth-last-child(2){font-size:22px;margin-top:12px;font-variant-numeric:tabular-nums}.form-choice small{margin-top:15px;font-size:12px}.form-choice[aria-current=true]{background:#d6edeeeb;color:#092636;text-shadow:none}.form-choice:hover{background:#153f55eb}.form-choice[aria-current=true]:hover{background:#eef9f6}
.price-workspace{padding:0 var(--gutter);max-width:1200px;margin:-35px auto 0;position:relative}.chosen-package{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:center;max-width:880px;margin:0 auto}.chosen-package>img{width:240px;height:144px;object-fit:cover}.chosen-package h3{font-size:35px;margin:7px 0 12px}.chosen-package p{font-size:15px}.chosen-package p.small{font-size:12px}#agent-preview{background:#0c2c40;padding:20px;font-size:12px}#agent-preview>span{display:block;border:1px solid #9ec4d366;padding:8px;border-radius:12px}#agent-preview>p{font-size:13px;margin-top:12px}#agent-preview>small{font-size:10px;color:#c6d8dd}.package-options{display:flex;flex-wrap:wrap;gap:22px;max-width:880px;margin:28px auto}.package-options label{min-height:44px;display:flex;gap:10px;align-items:center;font-size:13px}.package-options input[type=number],.extra-count input{width:75px;min-height:44px;border:1px solid #b8dbe672;background:#103044;color:white;padding:8px}.package-options input[type=checkbox],.extra-row input[type=checkbox]{width:19px;height:19px;accent-color:#bcebf0;flex:none}.more-options{border-top:1px solid #a8d5e655;border-bottom:1px solid #a8d5e655;margin:25px 0 38px}.more-options>summary{font-size:21px;padding:22px 0}.extended-packages{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:5px 0 20px}.extended-packages a{min-height:80px;padding:15px 0;border-bottom:1px solid var(--line)}.extended-packages strong{font-size:22px;font-weight:500}.extended-packages span,.extended-packages small{display:block;font-size:13px;margin-top:8px;color:#d0e4e9}.extras{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.extra-row{padding:18px 0;border-bottom:1px solid var(--line)}.extra-row>label:first-child{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-height:44px}.extra-row strong{font-size:14px;font-weight:500}.extra-row small{display:block;font-size:12px;color:#c1d6df;margin:7px 0}.extra-count{display:flex;align-items:center;gap:15px;font-size:12px;margin-top:6px;padding-left:31px}.film-options{border:0;padding:20px 0 30px;margin:0;min-width:0}.film-options legend{padding-top:25px;font-size:19px}.world-previews{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}.world-previews label{position:relative;cursor:pointer;font-size:11px;padding-bottom:12px;border-bottom:2px solid transparent;min-width:0}.world-previews label:has(input:checked){border-color:#d4eff4}.world-previews input{position:absolute;top:8px;left:5px;accent-color:#c6e8f0}.world-previews img{width:100%;height:80px;object-fit:cover}.world-previews span{display:block;margin-top:8px}.water-total{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 0 45px}.water-total>div{position:relative}.water-total span{display:block;font-size:14px;color:#d0e4ea}.water-total output{font:clamp(70px,7vw,108px)/1.1 Familjen,sans-serif;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}.water-total #monthly{font-size:18px;margin-top:5px}.water-total #total-reflection{position:absolute;top:100%;left:0;transform:scaleY(-.4);transform-origin:top;font:clamp(70px,7vw,108px)/1.1 Familjen,sans-serif;letter-spacing:-.04em;opacity:.16;mask-image:linear-gradient(0deg,#000,transparent 90%);pointer-events:none;white-space:nowrap}.price-items{list-style:none;padding:18px 0;margin:8px 0;border-top:1px solid #b9d9df44;font-size:13px}.price-items li{display:flex;justify-content:space-between;gap:20px;padding:4px 0}.price-notice{font-size:11px;color:#c7dce5;line-height:1.8;margin-top:12px;max-width:none}.market-context{font-size:13px;line-height:1.75;color:#c6d9e3;margin:35px 0 0;max-width:80ch}.market-context small{display:block;font-size:11px;margin-top:12px}.market-context a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.surface-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start;max-width:1440px;margin:auto}.surface-faq h2{font-size:clamp(43px,5vw,70px)}.surface-faq details{border-bottom:1px solid #bbd9df5c}.surface-faq summary{font-size:18px;padding:23px 0}.surface-faq details p{font-size:15px;color:#d8e7eb;padding:0 25px 24px 0}.surface-arrival{height:60svh;min-height:350px;position:relative;overflow:hidden;background:#12324b}.surface-arrival:after{content:'';position:absolute;inset:0;background:linear-gradient(#173d5477,transparent 40%,#08233a88)}.surface-arrival p{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;font:clamp(38px,5.5vw,80px)/1.05 Familjen,sans-serif;max-width:none;text-align:center;padding:30px;text-shadow:0 2px 30px #031625}
.pavilion{position:relative;padding:90px var(--gutter) 110px;min-height:110svh;isolation:isolate;background:#0c2740;overflow:hidden}.pavilion-scene{position:absolute;inset:0;z-index:-1}.pavilion-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08223855,#0a233dcc 35%,#09253dbb)}.pavilion-scene>.cover,.pavilion-scene picture img{object-position:center}.lit-pavilion{position:absolute;inset:0;opacity:0;transition:opacity 800ms var(--ease-out)}.pavilion.lights-on .lit-pavilion{opacity:1}#light-film{opacity:0}#light-film.playing{opacity:1}.pavilion-content{max-width:860px;margin:auto}.pavilion-sign{font:clamp(40px,5.8vw,84px)/1.1 Georgia,serif;letter-spacing:-.04em;text-align:center;color:#e9f0ed;overflow-wrap:anywhere;max-width:100%;padding:0 10px}.pavilion h2{font-size:28px;text-align:center;margin-top:20px;letter-spacing:-.02em}.human-note{display:flex;justify-content:center;align-items:center;gap:16px;margin:25px 0 44px}.human-note p{font-size:14px;line-height:1.65;text-align:center;color:#d3e3e9}.human-note img{border-radius:50%;object-fit:cover;width:72px;height:72px}#contact-form{margin:auto;max-width:800px}.form-line{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end}#contact-form label{display:block;font-size:14px}#contact-form label small{display:block;color:#bccfdb;font-size:11px}.contact-method,.call-times{border:0;padding:0;margin:0 0 18px;min-width:0}.contact-method legend,.call-times legend{font-size:12px;margin-bottom:10px;color:#c7dbe5}#contact-form .contact-method label,#contact-form .call-times label{display:inline-flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;border:1px solid #b7d3de55;border-radius:25px;padding:8px 15px;font-size:12px;margin:0 5px 5px 0}.contact-method label:has(input:checked),.call-times label:has(input:checked){background:#d4e7ed!important;color:#102b3d}.contact-method input,.call-times input{accent-color:#142f43}.call-times{margin-top:20px}.call-times legend span,.idea-label>span{color:#bfced8;font-size:11px}#contact-form input:not([type=radio]),#contact-form textarea{display:block;width:100%;min-height:48px;background:#061c308f;border:0;border-bottom:1px solid #b8d9e28c;border-radius:0;padding:10px 12px;color:#f4faf9;margin-top:8px}#contact-form textarea{resize:vertical;min-height:80px}#contact-form input[aria-invalid=true]{border-color:#ffd4b1}.field-error{display:block;color:#ffddbe;font-size:12px;min-height:20px;margin-top:4px}.idea-label{margin-top:24px}.honey{position:absolute!important;left:-10000px;top:0;opacity:0}.selection-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:25px 0;font-size:13px;color:#d9e9ed}.selection-line a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #badde166}.form-action{display:flex;align-items:center;gap:28px;margin-top:6px}.form-action>p{font-size:11px;color:#bfd1dc}.form-action>p>button{background:none;min-height:44px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.form-action .button{min-width:235px;flex:none}#form-error{color:#ffe3c7;font-size:14px;margin-top:20px}.project-sheet{margin:35px auto 0;max-width:840px;background:#e8eeeb;color:#153343;padding:35px;display:grid;grid-template-columns:230px 1fr;gap:22px 30px}.project-sheet #sheet-status,.project-sheet h3{grid-column:1/-1}.project-sheet #sheet-status{font-size:22px;line-height:1.4;max-width:640px}.project-sheet h3{font-size:35px}.project-sheet>img{width:230px;height:160px;object-fit:cover}.project-sheet p{font-size:14px;overflow-wrap:anywhere}.project-sheet .selection-line{color:#153343;margin:12px 0}.project-sheet .selection-line a{border-color:#34576366}.project-sheet ul{padding:0;list-style:none;font-size:12px}.project-sheet li{padding:3px 0}.project-sheet #sheet-person{font-weight:600}.project-sheet #sheet-contact{font-size:12px}.sheet-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.sheet-actions .button{border-color:#153343;font-size:12px;padding:10px 12px}.sheet-actions .text-button{font-size:12px}.site-footer{background:#071f31}.noscript-note{font-size:13px;padding:20px;text-align:center}.js .noscript-note{display:none}#legal-dialog{max-height:80svh;overflow:auto;overscroll-behavior:contain}#legal-close{min-height:44px}.paused .question-bubbles button{transition:none}.paused #light-film{display:none}.paused .lit-pavilion{transition:none}
@media(min-width:701px){.js.motion .creation-steps li{opacity:.55}.js.motion .creation-steps li.active{opacity:1}.world-bottom{padding-left:34px}.hero-bottom>a{margin-left:36px}}
@media(max-width:1000px) and (min-width:701px){.ground-content{gap:35px}.question-bubbles button:nth-child(1){left:0}.question-bubbles button:nth-child(2){right:0}.form-choice strong{font-size:27px}.creation-steps{gap:18px}.creation-steps h3{font-size:23px}}
@media(max-width:700px){
 .world-caption{grid-template-columns:1fr;padding:26px 24px 36px;gap:12px}.world-caption small{text-align:left}.world-price{grid-column:1;font-size:13px;width:100%;padding-top:17px}.world-caption p{max-width:100%}.world-bottom,.hotel-world .world-bottom,.product-world .world-bottom{bottom:calc(90px + env(safe-area-inset-bottom));padding-left:0}.house-world .world-copy{bottom:36%}.house-data{bottom:26%}.craft-world .world-copy{bottom:32%}.hero-bottom>a{margin-left:42px}.hero-bottom{bottom:22px}#pause{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:46px;height:46px;padding:0}.mobile-bar-active #pause{border:0;background:transparent}.mobile-ask{position:fixed;bottom:0;left:0;right:0;z-index:45;background:#0b2638f0;padding:12px 20px calc(12px + env(safe-area-inset-bottom)) 80px;min-height:74px;text-align:right;border-top:1px solid #abd8e144}.mobile-ask strong{font-size:14px;font-weight:500;display:block}.mobile-ask small{font-size:11px;color:#c6dce5}.mobile-bar-active .mobile-ask{display:block}.in-pavilion .mobile-ask,.in-pavilion #pause{display:none}.lake-descent{height:75svh;min-height:560px}.bridge-copy{bottom:18%}.bridge-copy h2{font-size:53px}.bridge-copy a{font-size:13px;line-height:1.7}.bridge-copy>p{font-size:14px}
 .ground{padding:70px 24px}.ground-heading{text-align:left}.ground-heading h2{font-size:43px}.ground-heading>p{font-size:16px;margin-top:22px}.ground-heading>p.small{font-size:11px}.ground-content{display:flex;flex-direction:column;gap:65px;margin:48px 0 0}.answer-scene{width:100%;min-height:570px}.glass-phone{width:268px;min-height:500px;padding:42px 23px 25px;backdrop-filter:none;background:#123e50}.question-bubbles button{width:138px;font-size:12px;min-height:80px;padding:15px}.question-bubbles button:nth-child(1){left:-8px;top:10px}.question-bubbles button:nth-child(2){width:147px;right:-8px;top:230px}.question-bubbles button:nth-child(3){bottom:0;left:-4px}.selfcheck{width:100%}.selfcheck h3{font-size:32px}.selfcheck legend{font-size:15px}.selfcheck #check-result{font-size:18px}.selfcheck .button{font-size:12px;line-height:1.6}.tech-curious{margin-top:45px}
 .ascent-stage{padding:55px 24px 90px;min-height:0}.motion .ascent{height:285svh}.motion .ascent-stage{height:100svh;min-height:790px}.ascent-copy{text-align:left}.ascent-copy h2{font-size:42px}.ascent-copy p{font-size:14px;margin-top:22px}.ascent-copy .text-button{font-size:13px;margin-top:10px}.creation-steps{grid-template-columns:1fr;gap:35px;margin-top:30px}.creation-steps li{text-align:center}.light-ring{width:170px;height:170px;margin-bottom:23px}.creation-steps p{font-size:13px;max-width:none}.creation-steps h3{font-size:26px}.creation-steps li>a:last-child{justify-content:center}.brief-ring span{font-size:22px}.js.motion .creation-steps{display:block;position:relative;height:365px}.js.motion .creation-steps li{position:absolute;inset:0;opacity:0;visibility:hidden}.js.motion .creation-steps li.active{opacity:1;visibility:visible}.js.motion .step-position{display:block;position:relative;z-index:1;text-align:center;font-size:10px;color:#c0d8df;margin:15px auto 0}
 .surface-price{padding-top:65px}.price-heading{text-align:left;padding:0 24px}.price-heading h2{font-size:52px}.price-heading p{font-size:14px;margin-top:20px}.forms-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 30px;margin:12px 0 28px;scrollbar-width:thin;scrollbar-color:#b3d7e1 #173c50}.glass-forms{width:1180px;height:435px;aspect-ratio:auto}.glass-forms picture,.glass-forms img{object-fit:fill}.glass-forms:after{background:linear-gradient(#102d40,transparent 20%,transparent 80%,#1b4153)}.form-choice{width:205px;bottom:31%;min-height:190px;scroll-snap-align:center;padding:18px 14px}.form-choice:nth-child(1){left:104px}.form-choice:nth-child(2){left:351px}.form-choice:nth-child(3){left:610px}.form-choice:nth-child(4){left:855px}.form-choice strong{font-size:32px}.form-choice>span:first-child{font-size:13px}.form-choice>span:nth-last-child(2){font-size:24px}.form-choice small{font-size:12px}.price-workspace{padding:0 24px;margin:20px auto 0}.chosen-package{grid-template-columns:110px 1fr;gap:17px;align-items:start}.chosen-package>img{width:110px;height:130px;object-fit:cover}.chosen-package h3{font-size:28px}.chosen-package p{font-size:13px}.chosen-package p.small{font-size:11px}#agent-preview{padding:10px;font-size:10px}#agent-preview>p{font-size:11px}.package-options{display:block;margin-top:22px}.package-options label{flex-wrap:wrap}.package-options label+label{margin-top:16px}.more-options{margin-top:25px}.more-options>summary{font-size:21px}.extended-packages,.extras{grid-template-columns:1fr;gap:0}.extended-packages{margin-bottom:5px}.extended-packages strong{font-size:23px}.extra-row{padding:18px 0}.world-previews{grid-template-columns:repeat(3,1fr);gap:15px 9px}.world-previews img{height:74px}.water-total{align-items:flex-start;flex-direction:column;gap:45px;padding-bottom:20px}.water-total output{font-size:80px}.water-total #total-reflection{font-size:80px}.water-total>.button{width:100%;justify-content:space-between}.price-items{font-size:12px}.price-notice{font-size:11px}.market-context{font-size:12px}.market-context small{font-size:10px}.waterline:before{background-image:linear-gradient(#14395099,#173e50cc),url('assets/s3/web/wasserformen-mobile.webp')}.surface-faq{display:block;padding:60px 24px 90px}.surface-faq h2{font-size:44px;margin-bottom:30px}.surface-faq summary{font-size:16px;line-height:1.55;padding:20px 0}.surface-faq details p{font-size:14px}.surface-arrival{height:60svh;min-height:360px}.surface-arrival p{font-size:42px}.pavilion{padding:65px 24px 80px;min-height:0}.pavilion-sign{font-size:52px}.pavilion h2{font-size:23px;line-height:1.3}.pavilion-scene:after{background:#0c2940c4}.pavilion-content{width:100%}.human-note{margin:22px 0 38px}.human-note p{font-size:12px}.form-line{grid-template-columns:1fr;gap:21px}.contact-method{margin-top:0}.idea-label{margin-top:18px}.form-action{display:block}.form-action .button{width:100%}.form-action>p{margin-top:18px;font-size:11px}.selection-line{font-size:12px;margin:19px 0}.project-sheet{display:block;padding:24px 20px;margin:20px -8px 0}.project-sheet #sheet-status{font-size:23px}.project-sheet h3{margin:22px 0;font-size:30px}.project-sheet>img{width:100%;height:150px;margin-bottom:24px}.sheet-actions{gap:10px}.project-sheet .selection-line{font-size:12px}.site-footer{padding-bottom:100px}#contact-form input,#contact-form textarea{font-size:16px;scroll-margin:80px 0 130px}html{scroll-padding-bottom:100px}a,button,input,summary,label{scroll-margin-bottom:100px}
}
.wordmark{min-height:44px}.site-header nav a,.world-index a{min-width:44px}.price-link{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px}.project-sheet li{display:flex;justify-content:space-between;gap:18px}.form-choice,.form-choice[aria-current=true]{background:transparent;color:#f5fbfc;text-shadow:0 2px 12px #021222,0 1px 4px #021222}.form-choice[aria-current=true] small{border-bottom:2px solid #edfaff;padding-bottom:7px}.form-choice:hover,.form-choice[aria-current=true]:hover{background:#0d2e414d}.form-choice[aria-current=true] strong{text-shadow:0 0 24px #d2f2ff88,0 2px 10px #021222}.forms-hint{display:none}.pavilion-scene:after{background:linear-gradient(180deg,#08223833,#0a233db3 35%,#09253da8)}
@media(max-width:700px){.form-choice{background:#08263c24}.form-choice[aria-current=true]{background:#08263c24}.forms-hint{display:block;font-size:11px;color:#c0d8e3;margin:18px 24px 0}.pavilion-scene:after{background:#0c2940bb}}
html:not(.js) .package-options,html:not(.js) .extras input,html:not(.js) .world-previews input,html:not(.js) #selfcheck,html:not(.js) #pause{display:none}html:not(.js) .ground-content{display:block}html:not(.js) .answer-scene{max-width:500px;margin:auto}
.reduced .creation-steps li{opacity:1!important;visibility:visible!important;position:static!important}.reduced .creation-steps{display:grid!important;height:auto!important}.reduced .ascent-stage{height:auto!important;min-height:0!important}.reduced .phone-answer{opacity:1!important}.reduced .question-bubbles button{transition:none}.reduced .lit-pavilion{transition:none}
@media(prefers-reduced-motion:reduce){.creation-steps li{opacity:1!important;position:static!important;visibility:visible!important}.creation-steps{display:grid!important;height:auto!important}.ascent-stage{height:auto!important;min-height:0!important}.phone-answer{opacity:1!important}.lit-pavilion{transition:none}.step-position{display:none!important}}


.glass-forms{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 83%,transparent)}.pavilion-scene:after{transition:opacity 800ms var(--ease-out)}.pavilion.lights-on .pavilion-scene:after{opacity:.62}.js.motion .phone-answer{opacity:.65}.js.motion .phone-answer.answered{opacity:1}
/* S4: readable comparison, question bubbles and a warm glass desk. */
.return-nav{position:fixed;top:18px;right:var(--gutter);z-index:49;display:flex;align-items:center;gap:18px;background:#0b2638;border:1px solid #b5d5df55;padding:0 19px;border-radius:4px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out),visibility 180ms}.return-nav.visible{opacity:1;visibility:visible;transform:none}.return-nav a{display:flex;align-items:center;min-height:44px;font-size:13px}
.ground-content{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);max-width:1120px;margin-top:60px}.answer-scene{min-height:0;padding:0}.check-bubbles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.check-bubble{border:1px solid #aed9e67d;border-radius:48%;background:radial-gradient(ellipse at 30% 15%,#77c4dd38,#123c4ce6 65%);padding:22px 18px;min-height:125px;color:#eefbff;box-shadow:inset 2px 3px 12px #d9f8ff12;font-size:14px;line-height:1.45}.check-bubble:last-child{grid-column:1/-1;justify-self:center;width:65%;min-height:110px}.check-bubble small{display:block;font-size:11px;color:#bedbe4;margin-top:8px}.check-bubble[aria-expanded=true]{border-color:#fff;box-shadow:0 0 0 3px #aee7f133}.check-bubble[data-value=ja]{border-color:#b9e8d7}.check-bubble[data-value=nein]{border-color:#e8be83}.check-bubble[data-value=nein] small{color:#f3d2a6}#bubble-choice{border:0;margin:0;padding:16px 0 20px;min-width:0}#bubble-choice legend{font-size:16px;padding-bottom:10px}#bubble-choice>div{display:flex;gap:10px;flex-wrap:wrap}#bubble-choice button{border:1px solid #b7dce480;background:#12394a;border-radius:24px;min-width:75px;min-height:44px;padding:8px 18px;color:#fff}.phone-answer{padding:12px 0}.phone-answer>strong{font-size:14px}.phone-answer.recommended{opacity:.8!important;color:#f0cfa6}.phone-answer.answered{color:#dcfff1}.ground{background:linear-gradient(180deg,#061c2b,#082736bd 65%,#103647),url('assets/s2/underwater.webp') center/cover}
.motion .ascent{height:255svh}.ascent-stage{padding-top:65px}.ascent-shade{background:linear-gradient(180deg,#103647,#08243440 35%,#102d4055 70%,#102d40)}.creation-steps{gap:24px;max-width:1300px}.process-art{display:flex;flex-direction:column;width:100%;height:185px;margin:0 0 24px;border:1px solid #bceefa77;border-radius:4px;background:#0b2b3deb;overflow:hidden;box-shadow:0 12px 35px #001c2e33}.brief-art{padding:21px;background:#e1e6df;color:#153343;transform:rotate(-2deg)}.brief-art>small{font-size:10px}.brief-art blockquote{font:23px/1.2 Familjen,sans-serif;margin:15px 0 12px}.brief-art>span{font-size:10px}.sketch-art{background:#142e3d;color:#c7e7ec;transform:rotate(1deg);padding:10px}.sketch-art svg{width:100%;height:100%}.film-art{position:relative;background:#061629}.film-art img{width:100%;height:100%;object-fit:cover}.film-art>span{position:absolute;bottom:0;left:0;right:0;background:#041824d9;padding:8px 10px;font-size:10px}.browser-art{background:#dae6e7;color:#092736}.browser-top{display:flex;align-items:center;gap:4px;padding:8px;font-size:8px}.browser-top i{width:5px;height:5px;border-radius:50%;background:#527887}.browser-top>span{margin-left:7px}.browser-preview{position:relative;flex:1;min-height:0;color:#fff}.browser-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.browser-preview>span{position:absolute;inset:0;background:linear-gradient(90deg,#001525d9,transparent);padding:12px;font-size:11px;font-family:Georgia,serif}.browser-preview strong{display:block;font-weight:400;font-size:21px;line-height:1.08;margin:13px 0 9px}.browser-preview small{font:8px Instrument,sans-serif}.creation-steps li.active .process-art{border-color:#e8f9ff;box-shadow:0 0 30px #c7f2ff30}
.waterline{background:#102d40}.waterline:before{display:none}.surface-price{padding:70px 0 0}.price-heading>p{font-size:15px}.price-heading .market-context{font-size:12px;max-width:none;line-height:1.7;margin-top:9px}.market-context a{display:inline-flex;align-items:center;min-height:44px}.forms-scroll{margin:10px auto 0;max-width:1380px}.glass-forms{aspect-ratio:auto;overflow:visible;mask-image:none}.glass-forms picture{position:static;display:block;height:320px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 85%,transparent)}.glass-forms picture img{position:static;width:100%;height:100%;object-fit:cover;object-position:center 48%}.glass-forms:after{display:none}.form-choices{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:-6px auto 0;padding:0 7% 60px}.form-choice{position:static!important;width:auto;bottom:auto;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:180px;padding:15px 6px;background:none!important;text-shadow:none!important}.form-choice>span{font-size:13px;color:#cfdee6}.form-choice strong{font:34px/1.1 Familjen,sans-serif;letter-spacing:-.04em;margin-top:9px;text-shadow:none!important}.form-choice .package-price{font-size:23px;margin-top:12px;color:#f4f8f9;white-space:nowrap}.form-choice small{margin-top:13px;font-size:12px;min-height:30px;border-bottom:2px solid transparent}.form-choice[aria-current=true] small{border-color:#d9f4f4}.mini-glass{display:none!important}.price-workspace{max-width:none;margin:0;position:relative;padding:70px max(var(--gutter),calc((100% - 1060px)/2)) 50px;background:#0d293b}.price-workspace::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:80px;background:linear-gradient(transparent,#0d293b);pointer-events:none}.water-total>div{min-width:0}.water-total output,.water-total #total-reflection{font-size:clamp(44px,6vw,88px)}.water-total #monthly{font-size:16px}.price-items li>span:last-child{text-align:right}.price-notice{max-width:none}.surface-faq{max-width:none;background:linear-gradient(#0d293b,#173d54);padding-block:90px 120px}.surface-arrival{height:75svh;min-height:400px;background:#173d54}.surface-arrival:after{background:linear-gradient(#173d54,transparent 40%,transparent 65%,#0c2740)}
.pavilion{padding-top:70px}.pavilion-content{max-width:1180px}.pavilion-scene:after{background:linear-gradient(#0c2740,#0a233d55 25%,#09253d66)}.pavilion-desk{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;margin-top:55px;align-items:start}.human-note{min-height:350px;border:1px solid #badde75c;background:linear-gradient(135deg,#adcbd41a,#0a263bd9);box-shadow:inset 0 0 35px #b5d8e510;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative;padding:25px;overflow:hidden;border-radius:3px;margin:0}.human-note img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;border-radius:0}.human-note p{position:relative;font-size:16px;line-height:1.6;color:#e1eef2;text-align:left}.human-note:has(img:not([hidden])) p{background:#061c30dd;margin:220px -25px -25px;padding:20px}#contact-form{min-width:0;max-width:none;width:100%}.form-line{gap:25px;align-items:start}.contact-method{margin:0 0 23px}.contact-method legend{font-size:13px}.contact-method label{font-size:13px!important}#contact-form input:not([type=radio]),#contact-form textarea{background:#082234eb;border:1px solid #99bbc972;border-radius:2px}#name-hint{display:block;margin-top:5px;color:#d5e4ea;font-size:11px}.field-error{min-height:18px}.idea-label{margin-top:15px}.selection-line{color:#e1eef2;overflow-wrap:anywhere}.form-action .button{min-width:210px}.project-sheet{margin:45px auto 0;max-width:1000px;background:linear-gradient(125deg,#18343cf2,#081e2ef5);color:#ecf4ee;padding:40px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;border:1px solid #e8be8399;box-shadow:0 0 70px #e8be831c,inset 0 1px 30px #ffdaa318;scroll-margin:30px}.project-sheet>header,.sheet-footer{grid-column:1/-1}.project-sheet h3{font:15px Instrument,sans-serif;letter-spacing:0;color:#dfc6a0;margin:0 0 12px}.project-sheet #sheet-person{font:clamp(40px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-.035em;overflow-wrap:anywhere}.project-sheet figure{margin:0;min-width:0}.project-sheet figure img{width:100%;height:190px;object-fit:cover}.project-sheet figcaption{font-size:10px;line-height:1.6;color:#d4dbd5;margin-top:10px}.sheet-body{min-width:0}.project-sheet .selection-line{color:#ecf4ee}.project-sheet li span:last-child{text-align:right}.project-sheet #sheet-contact{margin-top:20px}.sheet-actions .button{border-color:#d4ddd4}.sheet-footer{border-top:1px solid #e8be8344;padding-top:20px}.sheet-footer p{font-size:10px;line-height:1.7;max-width:none;color:#d3dcd8}.sheet-footer #sheet-status{margin-top:12px;color:#eedbbd;font-size:12px}.pavilion:has(.project-sheet:not([hidden])) .pavilion-sign,.pavilion:has(.project-sheet:not([hidden])) #contact-title{display:none}.calm-world :focus-visible,.light:focus-visible,.contact-method label:has(input:checked):has(input:focus-visible),.call-times label:has(input:checked):has(input:focus-visible){outline:3px solid #0b3a55;outline-offset:3px;box-shadow:0 0 0 6px #edf5f5}.contact-method label:has(input:focus-visible),.call-times label:has(input:focus-visible){outline:3px solid #b3e6ff;outline-offset:4px}.contact-method input:focus-visible,.call-times input:focus-visible{outline:none}.project-sheet:focus-visible,.project-sheet :focus-visible{outline-color:#f2d6a8}
.shoe-hotspot{position:absolute;z-index:3;inset:37% 24% 23%;background:transparent;border:1px solid transparent;border-radius:30%}.shoe-hotspot>span{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);white-space:nowrap;display:block;padding:11px 16px;border:1px solid #c5e3ed88;background:#0d293bf2;border-radius:4px;font-size:12px}.shoe-hotspot:focus-visible{outline-offset:6px}#shop-dialog{width:min(520px,calc(100% - 28px));max-height:90svh;overflow:auto;padding:25px;background:#0b2537}.shop-top{display:flex;align-items:center;justify-content:space-between}.shop-top>strong{font:700 26px Familjen,sans-serif}.shop-top button{min-height:44px;padding:8px;background:none}.demo-label{font:600 21px/1.3 Familjen,sans-serif!important;color:#f4dab1!important;margin:16px 0!important}.shop-progress{font-size:12px;color:#c9e2e8;margin-bottom:18px}#shop-dialog h2{font-size:33px;margin:20px 0 12px}#shop-dialog h3{font-size:25px;margin:15px 0 10px}#shop-product>img{width:100%;height:190px;object-fit:cover}.shoe-sizes{border:0;padding:0;margin:20px 0;display:flex;gap:8px;flex-wrap:wrap}.shoe-sizes legend{margin-bottom:10px;font-size:14px}.shoe-sizes label{cursor:pointer;position:relative}.shoe-sizes input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.shoe-sizes span{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid #b8dce488}.shoe-sizes input:checked+span{background:#dae9e9;color:#123145}.shoe-sizes input:focus-visible+span{outline:3px solid #b3e6ff;outline-offset:3px}#shop-error{color:#ffe0bc;font-size:13px}#shop-dialog .button{width:100%;margin-top:14px}.glass-bag{width:220px;height:200px;margin:35px auto 20px;border:1px solid #c9eaf1aa;border-radius:8px 8px 20px 20px;background:#a2d5e31a;position:relative;padding:30px 16px 15px;box-shadow:inset 3px 0 20px #bde8ef20}.glass-bag::before{content:'';position:absolute;top:-20px;left:70px;width:80px;height:40px;border:1px solid #d5f2f3aa;border-bottom:0;border-radius:30px 30px 0 0}.glass-bag img{height:125px;width:100%;object-fit:cover;opacity:.85}.glass-bag>span{display:block;text-align:center;font:600 20px Familjen,sans-serif;margin-top:6px}.checkout-phone{position:relative;background:#12394a;border:1px solid #c7e3e888;border-radius:32px;padding:35px 24px 25px;max-width:330px;margin:20px auto}.checkout-phone p{font-size:13px}.checkout-phone ol{list-style:none;padding:0;margin:20px 0}.checkout-phone li{border-top:1px solid var(--line);padding:17px 0;font-size:13px}.checkout-phone li span{display:block;font-size:11px;margin-top:7px;color:#d1e2e7}
@media(max-width:1050px) and (min-width:701px){.pavilion-desk{grid-template-columns:200px minmax(0,1fr);gap:35px}.form-choice strong{font-size:27px}.creation-steps{gap:15px}.process-art{height:160px}.brief-art{padding:12px}.brief-art blockquote{font-size:19px}.creation-steps h3{font-size:22px}.form-action{flex-wrap:wrap}}
@media(max-width:700px){
 .return-nav{display:none}.world-caption{padding-bottom:100px}.world-bottom,.hotel-world .world-bottom,.product-world .world-bottom{bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-ask{background:#0b2638;min-height:76px}.mobile-bar-active #pause{background:#0b2638}.ground-content{gap:45px;margin-top:40px}.answer-scene{min-height:0;width:100%}.check-bubbles{gap:12px}.check-bubble{font-size:13px;padding:20px 13px;min-height:126px}.check-bubble:last-child{width:80%;min-height:100px}.glass-phone{width:280px}.motion .ascent{height:255svh}.ascent-stage{padding:45px 24px 95px}.ascent-copy h2{font-size:40px}.ascent-copy p{font-size:13px;margin-top:18px}.creation-steps{gap:35px;margin-top:30px;max-width:400px}.process-art{max-width:300px;height:190px;margin:0 auto 20px}.brief-art{text-align:left;padding:25px}.brief-art blockquote{font-size:25px}.creation-steps p{font-size:12px}.creation-steps li>small,.creation-steps li>a:last-child{margin-top:6px}.js.motion .creation-steps{height:330px}.js.motion .step-position{margin-top:12px}.surface-price{padding-top:55px}.price-heading h2{font-size:48px}.price-heading>p{font-size:13px;margin-top:14px}.price-heading .market-context{font-size:10px;line-height:1.7;margin-top:12px}.market-context a{min-height:24px}.forms-scroll{overflow:visible;scroll-snap-type:none;margin:25px 0 0}.glass-forms{width:auto;height:auto}.glass-forms picture{display:none}.form-choices{grid-template-columns:1fr 1fr;gap:15px 20px;padding:0 24px 45px;margin:0}.form-choice{width:auto;min-height:205px;padding:0 0 10px;text-align:left;align-items:flex-start}.form-choice strong{font-size:27px;margin-top:6px}.form-choice>span{font-size:11px}.form-choice>span:first-child{margin-bottom:14px}.form-choice .package-price{font-size:20px;margin-top:9px}.form-choice small{font-size:11px;margin-top:9px;min-height:23px}.form-choice .mini-glass{display:block!important;position:relative;width:80%;height:65px;margin:0 0 14px;border:1px solid #a7d8e9a6;box-shadow:inset 4px 3px 18px #c1e4ed16,8px 6px 0 -1px #102d40,8px 6px 0 0 #9dbfcc55;background:linear-gradient(130deg,#adc8d53b,#163c5188);border-radius:2px}.form-choice:nth-child(1) .mini-glass{height:32px;margin-top:33px}.form-choice:nth-child(3) .mini-glass{height:52px;margin-top:13px}.form-choice:nth-child(4) .mini-glass{height:40px;margin-top:25px}.price-workspace{padding:40px 24px 50px;margin:0}.chosen-package{grid-template-columns:95px minmax(0,1fr);gap:18px}.chosen-package>img{width:95px;height:125px}.water-total output,.water-total #total-reflection{font-size:clamp(36px,11vw,58px)}.water-total #monthly{font-size:14px}.price-items li>span:last-child{max-width:55%}.surface-faq{padding:60px 24px 100px}.surface-arrival{height:60svh;min-height:360px}.pavilion{padding:55px 24px 80px}.pavilion-sign{font-size:49px}.pavilion-desk{grid-template-columns:1fr;gap:28px;margin-top:30px}.human-note{min-height:140px;max-width:none;padding:22px}.human-note p{font-size:14px}.human-note:has(img:not([hidden])){min-height:260px;padding-left:48%}.human-note:has(img:not([hidden])) img{width:45%}.human-note:has(img:not([hidden])) p{margin:0;background:none;padding:10px}.form-line{grid-template-columns:1fr;gap:17px}.contact-method{margin-bottom:20px}.project-sheet{display:block;padding:25px 20px;margin:10px -6px 0}.project-sheet header{margin-bottom:25px}.project-sheet h3{margin:0 0 12px;font-size:15px}.project-sheet #sheet-person{font-size:42px}.project-sheet figure{margin-bottom:25px}.project-sheet figure img{height:165px}.sheet-footer{margin-top:25px}.sheet-footer #sheet-status{font-size:12px}.shoe-hotspot{inset:38% 8% 26%}.shoe-hotspot>span{font-size:11px;bottom:-20px}#shop-dialog{padding:20px}#shop-product>img{height:155px}.shoe-sizes{gap:6px}.shoe-sizes span{min-width:44px}.checkout-phone{padding:32px 20px 22px}.site-footer{padding-bottom:110px}html{scroll-padding-bottom:110px}a,button,input,summary,label{scroll-margin-bottom:110px}
}
@media(hover:hover) and (pointer:fine){.check-bubble:hover{border-color:#edfaff}.form-choice:hover small{text-decoration:underline}.shoe-hotspot:hover{border-color:#c4e5ef70}}
html:not(.js) .shoe-hotspot,html:not(.js) .return-nav{display:none}.paused .return-nav{transition:none}.reduced .step-position{display:none!important}
@media print{
 html{background:#fff!important;color-scheme:light}body{background:white;color:black}body>*:not(main),#contact-form,.human-note,.pavilion-scene,.sheet-actions,.project-sheet a,canvas,video{display:none!important}.project-sheet[hidden]{display:none!important}
 body:has(#project-sheet:not([hidden])) main>*:not(.return-world),body:has(#project-sheet:not([hidden])) .return-world>*:not(#kontakt),body:has(#project-sheet:not([hidden])) .pavilion-content>*:not(#project-sheet){display:none!important}
 body:has(#project-sheet:not([hidden])) main,body:has(#project-sheet:not([hidden])) .return-world,#kontakt,.pavilion-content{background:white!important;color:black!important;padding:0!important;margin:0!important;min-height:0!important;overflow:visible!important}
 #project-sheet:not([hidden]){display:block!important;background:white;color:black;padding:20px;margin:0;max-width:none;border:0}.project-sheet figure{float:right;width:32%;margin:15px 0 20px 25px}.project-sheet figure img{height:auto}.project-sheet header{margin-bottom:25px}.project-sheet .selection-line,.project-sheet figcaption,.project-sheet h3,.sheet-footer p,.sheet-footer #sheet-status{color:black}.project-sheet #sheet-person{font-size:40px}.sheet-footer{clear:both;margin-top:25px;border-top:1px solid #444}.sheet-footer p{font-size:10px}.sheet-footer #sheet-status{font-size:11px}.sheet-body{overflow:visible}*{box-shadow:none!important;text-shadow:none!important}
 body:not(:has(#project-sheet:not([hidden]))) .journey{height:auto!important;min-height:0!important}body:not(:has(#project-sheet:not([hidden]))) .sticky-stage{position:relative!important}body:not(:has(#project-sheet:not([hidden]))) .hero-copy{opacity:1!important}
}
#total[data-range=true],#total-reflection[data-range=true]{font-size:clamp(32px,4.5vw,68px)}
@media(max-width:700px){#total[data-range=true],#total-reflection[data-range=true]{font-size:clamp(26px,8vw,40px)}}

/* S5: a visible answer, a real One-Pager and an unobstructed way back. */
#bubble-choice{grid-column:1/-1;padding:16px 18px 20px;border:1px solid #aed9e67d;border-radius:12px;background:#0b2b3d;scroll-margin:24px 0 120px}
.check-bubble[data-question="4"]{grid-column:1/-1;justify-self:center;width:65%;min-height:110px}
.return-nav:not(.visible){pointer-events:none;transition:none}
.shop-open{overflow:hidden;scrollbar-gutter:stable}
.shop-open body{position:fixed;width:100%;overflow:hidden}
#shop-dialog{overscroll-behavior:contain;padding-bottom:32px}
.screen-content>span:first-child small{font:10px Instrument,sans-serif}
.browser-top{font-size:9px}
.brief-art>small{line-height:1.3}
.brief-art blockquote{font-size:21px;margin-block:10px}
.chosen-package{grid-template-columns:300px minmax(0,1fr);gap:45px;align-items:start}
.chosen-package>img{width:300px;height:220px;object-fit:cover}
.maps-scope{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.maps-scope p{font-size:13px;line-height:1.6;margin:0 0 12px;color:#d6e6ec}
.maps-scope strong{font-weight:600;color:#f3f6f4}
.demo-caption{font:12px/1.6 Instrument,sans-serif!important;color:#d6e6ec;margin-top:14px!important}
.motion-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.motion-comparison>div{min-width:0}
.motion-comparison img,.entry-picture{width:100%;height:115px;object-fit:cover;border-radius:3px}
.motion-comparison h4{font:600 14px/1.5 Instrument,sans-serif;margin:12px 0 6px}
.motion-comparison p{font-size:13px;line-height:1.6;color:#c9dde5}
.entry-picture{display:grid;place-items:center;background:#e5d6b9;overflow:hidden}
.entry-picture .cafe-cup{transform:scale(.65);margin:30px 0 0}
.cafe-phone{--coffee:#352b22;--milk:#f0e6d4;width:100%;max-width:300px;margin:auto;padding:7px;border:1px solid #b8dae1;border-radius:30px;background:#17394b;box-shadow:inset 0 0 0 4px #092336;color:var(--coffee);overflow:hidden;text-align:left;color-scheme:light;font:13px/1.5 Instrument,sans-serif}
.cafe-browser{padding:9px 12px 8px;border-radius:22px 22px 0 0;background:#d4c7af;text-align:center;font-size:10px}
.cafe-hero{position:relative;background:#e5d6b9;padding:18px 18px 20px;overflow:hidden}
.cafe-brand{font:700 26px Georgia,serif;letter-spacing:-1px}
.cafe-hero p{font:500 29px/1.05 Familjen,sans-serif!important;letter-spacing:-.025em;margin:16px 0 9px!important;color:var(--coffee)!important}
.cafe-hero small{font-size:10px}
.cafe-cup{position:relative;display:block;width:69px;height:45px;margin:35px auto 24px;background:#fffaf0;border-radius:6px 6px 30px 30px;box-shadow:0 9px 0 -4px #c9ac7d}
.cafe-cup:before{content:'';position:absolute;top:5px;left:100%;width:19px;height:22px;border:5px solid #fffaf0;border-left:0;border-radius:0 18px 18px 0}
.cafe-cup:after{content:'';position:absolute;top:-4px;left:4px;right:4px;height:12px;border-radius:50%;background:#705039;border:3px solid #fffaf0;box-shadow:inset 0 0 0 3px #c79563}
.cafe-cup i{position:absolute;bottom:calc(100% + 12px);left:19px;width:4px;height:20px;border-radius:50%;background:#fffaf0;opacity:.7;animation:cafe-steam 3.6s var(--ease-in-out) infinite alternate}
.cafe-cup i:nth-child(2){left:33px;height:25px;animation-delay:-1.2s}.cafe-cup i:nth-child(3){left:47px;animation-delay:-2.4s}
@keyframes cafe-steam{from{transform:translateY(3px) scaleX(.8);opacity:.4}to{transform:translateY(-5px) scaleX(1.2);opacity:.85}}
.cafe-content{background:var(--milk);padding:16px;border-radius:0 0 22px 22px}
.cafe-content strong{font-weight:600;font-size:13px}
.cafe-menu p{display:flex;justify-content:space-between;gap:8px;font-size:12px!important;margin:5px 0!important;color:var(--coffee)!important}
.cafe-hours{margin-top:13px;border-top:1px solid #352b2230;padding-top:12px}
.cafe-hours p{font-size:11px!important;line-height:1.6;margin:5px 0 13px!important;color:var(--coffee)!important}
.cafe-actions{display:grid;gap:7px}.cafe-actions button{display:flex;justify-content:space-between;align-items:center;background:#352b22;color:#fffaf0;border-radius:4px;min-height:44px;padding:9px 12px;font-size:12px;text-align:left}
.cafe-actions button:last-child{background:transparent;color:#352b22;border:1px solid #352b2270}
.cafe-actions button:focus-visible{outline:3px solid #0b3a55;outline-offset:2px}
.cafe-status{font-size:10px!important;line-height:1.5!important;margin:10px 0 0!important;color:#5c4a36!important;min-height:30px}
.form-choice .cafe-mini{width:96px;height:146px;max-width:none;flex:none;border-radius:13px;padding:3px;margin:0 0 12px;box-shadow:none;pointer-events:none}
.cafe-mini .cafe-browser{font-size:4px;padding:3px;border-radius:10px 10px 0 0}.cafe-mini .cafe-hero{padding:5px 7px}.cafe-mini .cafe-brand{font-size:12px}.cafe-mini .cafe-hero p{font-size:12px!important;margin:4px 0!important}.cafe-mini .cafe-hero small{display:none}.cafe-mini .cafe-cup{width:26px;height:17px;margin:12px auto 8px}.cafe-mini .cafe-cup:after{height:6px;border-width:1px;left:2px;right:2px;top:-2px}.cafe-mini .cafe-cup:before{width:8px;height:10px;border-width:2px;top:2px}.cafe-mini .cafe-cup i{width:2px;height:8px;left:8px;bottom:calc(100% + 3px)}.cafe-mini .cafe-cup i:nth-child(2){left:13px}.cafe-mini .cafe-cup i:nth-child(3){left:18px}.cafe-mini .cafe-content{padding:5px 7px}.cafe-mini .cafe-content strong{font-size:5px}.cafe-mini .cafe-menu p{font-size:5px!important;margin:1px 0!important}.cafe-mini .cafe-hours{margin-top:4px;padding-top:3px}.cafe-mini .cafe-hours p{font-size:4px!important;margin:1px 0!important}.cafe-mini-actions{font-size:4px}
@media(min-width:701px){.form-choice{position:relative!important}.form-choice .cafe-mini{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px}.form-choices{align-items:start}.water-total{padding-bottom:65px}.water-total>div{position:relative}.water-total #total-reflection{top:calc(100% + 22px);bottom:auto;opacity:.10;filter:blur(2px);height:38px;overflow:hidden;mask-image:linear-gradient(transparent,#000 60%);pointer-events:none}}
.human-note:not(:has(img:not([hidden]))){border:0;background:none;box-shadow:none;min-height:0;padding:0;overflow:visible}
.form-choice{left:auto!important;right:auto!important;top:auto!important}
.pavilion-desk:not(:has(.human-note img:not([hidden]))){grid-template-columns:1fr;max-width:800px;margin-inline:auto;gap:24px}
.human-note:not(:has(img:not([hidden]))) p{text-align:center;font-size:14px}
.pavilion-sign[hidden]+h2{font-size:clamp(32px,4.4vw,58px);margin-top:0}
.paused .cafe-cup i,.reduced .cafe-cup i{animation-play-state:paused}
#sheet-cafe .cafe-cup i{animation:none}
@media(hover:hover) and (pointer:fine){.cafe-actions button:hover{background:#5a412b;color:#fffaf0}}
@media(max-width:700px){
 .check-bubble[data-question="4"]{width:80%}.chosen-package{grid-template-columns:1fr;gap:28px}.chosen-package>img{width:100%;height:190px}#package-cafe{max-width:300px;margin:0 auto}.motion-comparison{gap:15px}.motion-comparison img,.entry-picture{height:100px}.maps-scope p{font-size:13px}.form-choice .cafe-mini{height:130px;width:85px;margin:0 0 15px}.form-choice:not([data-package=onepager]) .mini-glass{margin-top:0!important;height:130px!important}.form-choice:nth-child(1){padding-top:0}.form-choice>span:first-child{margin-bottom:0}.human-note:not(:has(img:not([hidden]))){min-height:0;padding:0}.pavilion-desk{gap:22px}.project-sheet #sheet-cafe{max-width:280px;margin:auto}.water-total #total-reflection{display:none}
}
@media(prefers-reduced-motion:reduce){.cafe-cup i{animation:none}}
@media print{.cafe-cup i{animation:none}.cafe-phone{break-inside:avoid;border-color:#555;print-color-adjust:exact}.cafe-actions button{display:flex!important}.cafe-status{font-size:9px!important}.project-sheet figure{width:35%}.project-sheet .cafe-hero{padding:12px}.project-sheet .cafe-hero p{font-size:24px!important}.project-sheet .cafe-cup{margin:24px auto 15px}.project-sheet .cafe-content{padding:12px}.project-sheet .cafe-actions button{min-height:30px;padding:5px 8px;font-size:10px}.project-sheet .cafe-browser{padding:6px;font-size:9px}}

/* Freigabe 24.10.: unmittelbarer Einstieg und geführte Auswahl. */
.hero-shade{z-index:2;background:linear-gradient(90deg,#041426f5 0%,#041426de 30%,#04142644 64%,transparent),linear-gradient(0deg,#061629c9,transparent 35%)}
.hero-copy{top:23%;max-width:56%;color:#fff}
.hero h1{font-size:clamp(72px,7.8vw,126px);line-height:.96}
.hero-intro{color:#f3f6f4;font-size:20px;line-height:1.6;margin-top:25px}
.hero-services{font-size:14px;color:#d6eff3;margin-top:14px;max-width:42ch}
.hero-services a{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:8px}
.hero-actions{margin-top:20px}.hero-copy .button.light{background:#f3f6f4;color:#061629;box-shadow:0 3px 24px #00132244}
.hero .service-line{margin-bottom:24px;display:block;font-size:15px}.hero .service-line span{display:block;margin-top:3px;font-size:13px}
.glass-screen>img{width:100%;height:100%;object-fit:cover}.glass-screen{left:58%;width:34%;top:35%;height:34%}
.house-idle{z-index:2!important;opacity:0!important;pointer-events:none}.house-idle.playing{opacity:1!important}.tour-progress .house-idle{opacity:0!important}
.price-heading{text-align:left;max-width:1320px;margin:auto}.price-heading p{margin:22px 0 0;max-width:57ch}
.entwurf-hinweis{text-align:left!important;max-width:1320px!important;margin:20px auto 0!important;font-size:15px!important;padding-inline:var(--gutter)!important;color:#c9dee6}
.project-guide{max-width:1320px;margin:50px auto 0;padding:0 var(--gutter) 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;position:relative}
.project-guide fieldset{padding:0;border:0;margin:0;min-width:0}.project-guide legend{font-size:19px;margin-bottom:18px;color:#f3f6f4}.project-scope{margin-top:36px!important}
.path-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #a8d5e666;padding-bottom:8px;gap:16px}
.path-switch label{position:relative;cursor:pointer;min-height:70px;display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.4}
.path-switch input,.project-scope input{width:20px;height:20px;accent-color:#d6eff3;flex-shrink:0;margin:0}
.path-switch i{position:absolute;bottom:-2px;left:0;width:calc(50% - 8px);height:3px;background:#d6eff3;transition:transform 240ms var(--ease-out);pointer-events:none}
.project-guide[data-path=shop] .path-switch i{transform:translateX(calc(100% + 16px))}
.project-scope label{display:flex;align-items:center;gap:15px;min-height:82px;cursor:pointer;border-bottom:1px solid #a8d5e633;padding:15px 0;line-height:1.4}
.project-scope label:has(:checked){color:#fff}.project-scope small{display:block;color:#bdd3df;margin-top:5px;font-size:14px}
.guide-help{font-size:13px;color:#bdd3df;margin-top:22px}.guide-scene{position:relative;min-height:350px;perspective:900px;display:grid;place-items:center;isolation:isolate}
.site-model{position:relative;width:90%;height:235px;border:1px solid #afdeeb;background:#17435c;transform:rotateY(-18deg) rotateX(6deg);transition:transform 240ms var(--ease-out);box-shadow:18px 20px 0 -1px #102d40,18px 20px 0 0 #7eacbc66;z-index:2}
.model-toolbar{display:flex;gap:6px;padding:13px;border-bottom:1px solid #9dcbd84d}.model-toolbar i{width:5px;height:5px;border-radius:50%;background:#b6dce5}
.model-layout{position:absolute;inset:53px 22px 22px;display:grid;grid-template-columns:1.4fr 1fr;gap:15px}
.model-layout span{position:relative;background:#9ecbdc}.model-layout span:first-child{grid-row:span 2;background:url('assets/s3/preview/house.webp') center/cover}.model-layout span:nth-child(2){transform:scaleY(.22);transform-origin:top;transition:transform 240ms var(--ease-out)}.model-layout span:nth-child(3){opacity:.5;transform:scaleY(.35);transform-origin:top;transition:transform 240ms var(--ease-out)}
.model-pages{position:absolute;inset:0;z-index:-1}.model-pages i{position:absolute;inset:0;border:1px solid #b7dce780;background:#15364b;transform:translate(0,0);transition:transform 240ms var(--ease-out)}
.project-guide[data-scope=website] .model-pages i:first-child,.project-guide[data-scope=shoppro] .model-pages i:first-child{transform:translate(12px,-12px)}
.project-guide[data-scope=website] .model-pages i:last-child,.project-guide[data-scope=shoppro] .model-pages i:last-child{transform:translate(24px,-24px)}
.project-guide[data-path=shop] .site-model{transform:rotateY(12deg) rotateX(4deg)}.project-guide[data-path=shop] .model-layout span:first-child{background-image:url('assets/s3/preview/product.webp')}.project-guide[data-path=shop] .model-layout span:nth-child(2){transform:scaleY(.8)}.project-guide[data-path=shop] .model-layout span:nth-child(3){transform:scaleY(.65)}
.guide-ripples{position:absolute;inset:65% -10% 0;z-index:0;transform:rotateX(65deg)}.guide-ripples i{position:absolute;inset:10%;border:1px solid #aed8e566;border-radius:50%;animation:guide-water 5s linear infinite}.guide-ripples i:nth-child(2){animation-delay:-1.7s}.guide-ripples i:nth-child(3){animation-delay:-3.3s}@keyframes guide-water{0%{transform:scale(.6);opacity:0}20%{opacity:.6}100%{transform:scale(1.45);opacity:0}}
.model-label{position:absolute;bottom:0;font-size:13px;color:#bdd3df}.project-guide input:focus-visible{outline:3px solid #fff;outline-offset:5px}.project-guide label:has(input:focus-visible){outline:2px solid #d6eff3;outline-offset:5px}
.extended-packages{display:block}.extended-packages a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;margin-right:10px;padding:5px 0}.extended-packages p{font-size:15px}
#motion-comparison{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;font-size:14px;line-height:1.6}#motion-comparison strong{display:block;margin-bottom:8px}
.contact-route{grid-column:1/-1;max-width:650px}.contact-route p{margin-bottom:22px;color:#eef6f1}.pavilion-desk{grid-template-columns:1fr 1.2fr}.contact-route{grid-column:2;grid-row:1}.human-note{grid-column:1;grid-row:1}#contact-form{grid-column:2}#contact-fields{border:0;padding:0;margin:0;min-width:0}#contact-fields>legend{margin-bottom:24px;font-size:16px;color:#e7c38c}#contact-fields:disabled{opacity:.7}#contact-fields:disabled button{cursor:not-allowed}.pavilion h2{font-size:clamp(32px,4.6vw,64px)}
.glass-phone{backdrop-filter:none;background:#103044}.section-note{text-transform:none;letter-spacing:normal}.service-line,.demo-label{text-transform:none;letter-spacing:normal}
@media(hover:hover) and (pointer:fine){.project-guide label:hover{color:#fff}.project-guide label:hover small{color:#e2f1f5}.hero-services a:hover{color:#fff}}
@media(max-width:700px){
 .hero-sticky{min-height:844px}.hero{min-height:844px}.hero-copy{top:125px;left:24px;right:24px;max-width:none}.hero h1{font-size:64px}.hero .service-line{font-size:14px;margin-bottom:22px}.hero-intro{font-size:17px;margin-top:20px}.hero-services{font-size:12px;margin-top:9px;max-width:30ch;line-height:1.5}.hero-actions{margin-top:15px;gap:14px;align-items:flex-start}.hero-copy .button{min-height:52px;font-size:14px}.hero-actions .price-link{font-size:13px}.hero-actions .price-link small{font-size:11px}.hero-shade{background:linear-gradient(180deg,#041426e8 0%,#041426e0 57%,#04142622 84%,#041426c9),linear-gradient(90deg,#04142688,transparent)}.glass-screen{top:auto;bottom:100px;height:170px;left:38%;width:56%;transform:perspective(700px) rotateY(-9deg);opacity:1}.screen-content{padding:12px}.screen-content>span:first-child{font-size:16px}.screen-content strong{font-size:24px;left:12px;bottom:40px}.screen-link{bottom:12px;font-size:9px}.hero-bottom{bottom:24px;font-size:12px}.hero-bottom>span{display:none}.hero-bottom>a{margin-left:40px;gap:10px}
 .project-guide{grid-template-columns:1fr;gap:20px;margin-top:34px;padding:0 24px 35px}.guide-decisions{position:relative;z-index:2}.project-guide legend{font-size:17px}.path-switch label{font-size:15px;min-height:70px}.project-scope{margin-top:27px!important}.project-scope label{font-size:16px}.project-scope small{font-size:13px}.guide-scene{min-height:225px;max-width:260px;width:100%;margin:auto}.site-model{height:150px}.model-layout{inset:43px 16px 16px;gap:10px}.model-toolbar{padding:10px}.model-label{font-size:11px}.guide-ripples{inset:55% -5% 0}.entwurf-hinweis{padding-inline:24px!important;font-size:14px!important}.pavilion-desk{display:flex;flex-direction:column;align-items:stretch}.human-note{order:1}.contact-route{order:0}#contact-form{order:2}.contact-route .button{width:100%;justify-content:space-between}.world-caption span{font-size:15px}.world-caption p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.guide-ripples i{animation:none;opacity:.25}.site-model,.model-pages i,.path-switch i,.model-layout span{transition:none}.site-model,.project-guide[data-path=shop] .site-model{transform:none}}
html.paused .guide-ripples i{animation-play-state:paused}
html:not(.js) .project-guide input{display:none}html:not(.js) .project-guide #shop-scope[hidden]{display:block!important}
@media(max-width:700px){.screen-content strong{font-size:22px;bottom:42px;max-width:170px}.screen-content .screen-link{left:12px;right:auto;max-width:none;bottom:12px}.screen-content>span:first-child{font-size:14px}.screen-content small{font-size:8px}.hero-services a{padding-block:5px}.entwurf-process{display:none}.ascent-copy h2{font-size:34px}.ascent-copy p{font-size:13px}.creation-steps .process-art{height:150px;max-width:250px}.js.motion .creation-steps{height:300px}.creation-steps h3{font-size:23px}}
.project-guide.keyboard-choice .site-model,.project-guide.keyboard-choice .model-pages i,.project-guide.keyboard-choice .path-switch i,.project-guide.keyboard-choice .model-layout span{transition:none}
.house-world .world-media{isolation:isolate;z-index:0}.house-world .world-shade{z-index:1}.house-world .world-copy,.house-world .house-data{z-index:2}
.product-heading h3{font-size:clamp(70px,11vw,170px)}
@media(max-width:700px){.product-heading h3{font-size:55px}.hero-actions .price-link small{max-width:112px}}
.pavilion-desk:not(:has(.human-note img:not([hidden]))) .contact-route{grid-column:1/-1;grid-row:1;max-width:none}
.pavilion-desk:not(:has(.human-note img:not([hidden]))) .human-note{grid-column:1/-1;grid-row:2;justify-content:flex-start;align-items:flex-start}
.pavilion-desk:not(:has(.human-note img:not([hidden]))) .human-note p{text-align:left;max-width:65ch}
.pavilion-desk:not(:has(.human-note img:not([hidden]))) #contact-form{grid-column:1/-1;grid-row:3}
@media(max-width:700px){.shoe-hotspot>span{bottom:36px}}

/* Runde Tim: existing hero/descent geometry stays untouched. */
.living-water{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;contain:strict}
.path-switch>i{display:none}.path-switch label:has(input:checked){border-bottom:3px solid #cdebf2}.path-switch input{accent-color:#b8dfe8}.feature-options{display:flex;flex-direction:column;gap:15px;margin-top:24px}.feature-options label{display:flex;align-items:flex-start;gap:12px;min-height:44px;line-height:1.45}.feature-options input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:#bedfe6}.feature-options small{display:block;color:#b8d1db;font-size:13px;margin-top:4px}
.guide-scene{align-self:start;min-height:510px;perspective:none;padding:0 0 35px}.site-model.demo-site,.project-guide[data-path=shop] .site-model.demo-site{width:100%;height:460px;transform:none;background:#f1f4ee;color:#153d49;box-shadow:14px 14px 0 -1px #103344,14px 14px 0 0 #7eacbc55;overflow:hidden}.demo-site .model-toolbar{height:35px;background:#163c4d;color:#d2e8e8;padding:10px;align-items:center}.model-toolbar>span{font-size:10px;margin-left:8px}.demo-scroll{height:calc(100% - 35px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#658b96 #e8eee8;padding:0;scroll-padding:14px}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #18445233;font-size:13px}.demo-header nav{display:flex;gap:7px}.demo-site button{min-height:38px;padding:7px 10px;background:#164454;color:white;border:1px solid #164454;border-radius:2px;font-size:11px;cursor:pointer;touch-action:manipulation}.demo-header button{background:transparent;color:#164454;border:0}.demo-hero{position:relative;padding:28px 20px;overflow:hidden;background:#dbe8e3;isolation:isolate;min-height:230px}.demo-hero>span{font-size:10px}.demo-hero h3{font-size:32px;line-height:1.08;margin:10px 0;max-width:80%;font-weight:500}.demo-hero p{font-size:12px;max-width:65%;line-height:1.5;margin-bottom:15px}.demo-orbit{position:absolute;width:100px;height:140px;right:-10px;top:65px;z-index:-1;transform:rotate(-25deg);border:18px solid #99bbba;border-radius:50%}.demo-orbit i{position:absolute;inset:4px;border:1px solid #fff;border-radius:50%}.demo-orbit i+ i{inset:-30px;border-color:#abc5c2}.demo-scroll section{padding:22px 20px;border-bottom:1px solid #18445233}.demo-site h4{font:500 21px/1.2 Familjen,sans-serif;margin:0 0 10px}.demo-site section p{font-size:12px;line-height:1.6;margin:8px 0 14px}.demo-site details{font-size:12px;border-top:1px solid #18445244}.demo-site summary{padding:12px 0;cursor:pointer}.demo-shop:not([hidden]){display:grid;grid-template-columns:1fr 38%;gap:10px;align-items:center}.demo-shop img{width:100%;height:auto;border-radius:50%}.demo-shop output{display:block;font-size:11px;margin-top:10px}.demo-contact label{display:block;font-size:12px;margin:10px 0}.demo-contact textarea{background:#fff;color:#153d49;border:1px solid #668d98;display:block;width:100%;min-height:70px;padding:10px;margin:0 0 10px;font:inherit;font-size:13px;resize:vertical}.demo-site .demo-contact p{font-size:10px;margin-bottom:0}.demo-seo{background:#e5ede2}.demo-seo>span{font-size:10px}.demo-seo h4{color:#235080;font-size:19px;margin-top:12px}.demo-footer{padding:18px 20px;font-size:10px;color:#45646b}.guide-scene .model-label{bottom:0;left:0;right:0;text-align:center;margin:0;line-height:1.5}.demo-site :focus-visible{outline:3px solid #bc5b27;outline-offset:2px}.demo-scroll:focus-visible{outline-offset:-4px}
.seo-explanation{max-width:1120px;margin:70px auto 30px;border-top:1px solid #9dd5e544;padding-top:35px;display:grid;grid-template-columns:1fr 1.35fr;column-gap:70px}.seo-explanation h3{font-size:clamp(30px,3.2vw,46px);line-height:1.12;grid-column:1}.seo-explanation>p{font-size:16px;line-height:1.65;grid-column:1;align-self:start;margin-top:20px}.seo-explanation dl{grid-column:2;grid-row:1/5;margin:0}.seo-explanation dl>div{padding:18px 0;border-bottom:1px solid #9dd5e533}.seo-explanation dt{font-size:20px;margin-bottom:9px}.seo-explanation dd{margin:0;color:#c9dce3;font-size:15px;line-height:1.65}.seo-explanation .seo-limit{font-size:13px;color:#bed3dc}
/* One shared process scene: no four-card grid, no clipped fixed-height content. */
.motion .ascent{height:300svh}.motion .ascent-stage,.ascent-stage{min-height:0;height:100svh;padding:60px var(--gutter) 80px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr;column-gap:7vw;align-content:center;overflow:visible}.ascent-copy{text-align:left;grid-column:1;grid-row:1/3;align-self:center;max-width:530px}.ascent-copy h2{font-size:clamp(36px,4.3vw,64px)}.ascent-copy p{font-size:16px;line-height:1.7;margin-top:26px}.ascent-copy .text-button{margin-top:24px}.process-nav{position:relative;z-index:2;display:flex;gap:5px;grid-column:2;align-self:end;margin-top:20px}.process-nav button{flex:1;border:0;border-bottom:2px solid #b7dbe344;background:transparent;color:#c0d8df;min-height:48px;padding:10px 6px;font:14px Instrument,sans-serif;cursor:pointer;touch-action:manipulation}.process-nav button[aria-current=step]{color:#fff;border-color:#d8f2f7}.creation-steps,.js.motion .creation-steps{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr;position:relative;height:auto;min-height:470px;margin:25px 0 0;max-width:none;align-self:center;padding:0;width:100%}.js.motion .creation-steps li,.creation-steps li{grid-area:1/1;position:relative;inset:auto;visibility:hidden;opacity:0;text-align:left;pointer-events:none;transition:opacity 200ms ease}.js.motion .creation-steps li.active{visibility:visible;opacity:1;pointer-events:auto}.creation-steps .process-art{width:100%;max-width:none;height:260px;margin:0 0 28px;transform:none}.creation-steps .brief-art{padding:30px}.creation-steps .brief-art blockquote{font-size:32px;max-width:400px}.creation-steps h3{font-size:29px}.creation-steps p{font-size:15px}.creation-steps li>a:last-child{justify-content:flex-start}.step-position{display:none!important}.ascent-stage>.cover,.ascent-shade{pointer-events:none}.process-nav button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.waterline{background:linear-gradient(180deg,#082b3c,#062333 55%,#051c2a)!important}.surface-price{background:transparent}.ground{background-size:auto,2048px 1143px;background-repeat:no-repeat;background-color:#103647}
@media(max-width:1050px) and (min-width:701px){.ascent-copy h2{font-size:40px}.ascent-copy p{font-size:14px}.creation-steps .process-art{height:220px}.creation-steps .brief-art blockquote{font-size:26px}.process-nav button{font-size:12px}}
@media(max-width:700px){.guide-scene{width:100%;max-width:none;min-height:480px;margin:0}.site-model.demo-site,.project-guide[data-path=shop] .site-model.demo-site{height:440px;width:100%}.demo-site button{min-height:44px}.demo-header{padding:10px 15px}.demo-header nav{gap:0}.demo-header strong{font-size:12px}.demo-hero{padding:23px 17px}.demo-hero h3{font-size:30px}.demo-scroll section{padding:20px 17px}.model-toolbar>span{font-size:9px}.seo-explanation{display:block;margin-top:45px}.seo-explanation dl{margin-top:25px}.seo-explanation>p{font-size:15px}.seo-explanation dt{font-size:18px}.seo-explanation dd{font-size:14px}.motion .ascent-stage,.ascent-stage{height:100svh;min-height:770px;padding:32px 24px 110px;display:flex;flex-direction:column;gap:0;justify-content:flex-start}.ascent-copy{align-self:stretch;max-width:none}.ascent-copy h2{font-size:32px}.ascent-copy p{font-size:12px;line-height:1.5;margin-top:14px}.ascent-copy .text-button{font-size:12px;margin-top:10px;min-height:32px}.process-nav{width:100%;margin:14px 0 0;align-self:stretch;gap:0}.process-nav button{font-size:12px;padding-inline:3px;min-height:44px}.creation-steps,.js.motion .creation-steps{display:grid;height:auto;min-height:310px;margin-top:18px;align-self:stretch;max-width:none}.creation-steps .process-art{height:150px;max-width:none;margin-bottom:16px}.creation-steps .brief-art{padding:18px}.creation-steps .brief-art blockquote{font-size:23px;margin:10px 0}.creation-steps h3{font-size:23px;margin-bottom:8px}.creation-steps p{font-size:12px;line-height:1.5}.creation-steps li>small,.creation-steps li>a:last-child{font-size:10px;margin-top:6px;min-height:30px}.creation-steps li{text-align:left}.browser-preview strong{font-size:23px}.feature-options label{font-size:15px}}
.reduced .ascent-stage,html:not(.js) .ascent-stage{height:auto;min-height:0;display:block}.reduced .creation-steps,html:not(.js) .creation-steps{display:block!important;min-height:0}.reduced .creation-steps li,html:not(.js) .creation-steps li{visibility:visible;opacity:1;pointer-events:auto;margin-top:40px;max-width:720px}.reduced .process-nav{display:none}.reduced .ascent{height:auto}.reduced .living-water{display:none}
@media(prefers-reduced-motion:reduce){.demo-site *{scroll-behavior:auto}.creation-steps li{transition:none}.process-nav{display:none}}
@media(hover:hover) and (pointer:fine){.demo-site button:hover{background:#266277;color:white}.process-nav button:hover{color:white;border-color:#d8f2f7}}
.waterline:before{background:linear-gradient(180deg,#10334488,#052333aa 55%,#041925cc)}
@media(max-width:700px){.ascent-copy{margin:0}.process-nav{flex-shrink:0}.creation-steps{flex-shrink:0}}
.lit-pavilion .cover{object-fit:scale-down}
/* Fade the native-size background into the deeper water without a hard image edge. */
.ground{background:linear-gradient(180deg,#061c2b,#0b2d3d 60%,#103647)}
.ground:before{content:'';position:absolute;inset:0 0 auto;height:min(100%,1143px);background:linear-gradient(#08273680,#082736a8),url('assets/s2/underwater.webp') center/cover;mask-image:linear-gradient(180deg,#000 55%,transparent);pointer-events:none}
.ground-heading,.ground-content,.seo-explanation,.tech-curious{position:relative}