@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/31d568f801a64fa3-s.2dbbbbabmw4n4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c0a0872b54d5f580-s.1oqo1buse5xew.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2da4f60ed3b00b11-s.p.0xxdg0o7uh536.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed Fallback;src:local(Arial);ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.0%;size-adjust:76.49%}.LmuVsq_className{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:normal;font-weight:700}.LmuVsq_variable{--font-display:"Barlow Condensed", "Barlow Condensed Fallback"}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0a8efbe73793fcdf-s.3_otmf38u2y4x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/be73ba277ecdcba3-s.00hyb-x0mjr9g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c52d0a8a47055bb1-s.p.2p4adm_386h58.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/10dc39481d8b0f5c-s.3f7g1nki62hoj.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/31dd1d13888dfd30-s.3sup9rdq9grs5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8d472e246568d62d-s.p.22ggkaf3lyu8c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Fallback;src:local(Arial);ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.0%;size-adjust:96.68%}.f5f2lq_className{font-family:Barlow,Barlow Fallback;font-style:normal}.f5f2lq_variable{--font-body:"Barlow", "Barlow Fallback"}
:root{--ink:#12161b;--ink-2:#1a2027;--steel:#2a323b;--line:#3a4551;--plate:#e9e8e4;--plate-2:#dcdad4;--text:#eef1f4;--muted:#aab5c0;--blue:#25a2e4;--blue-deep:#08608f;--on-plate:#14191e;--on-plate-muted:#4a545e;--cut:22px;--fs-body:1.125rem;--maxw:1320px;--gutter:clamp(16px, 4vw, 56px);--d-display:clamp(4rem, 8vw, 8rem)}@media (max-width:640px){:root{--d-display:3.25rem;--cut:14px}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--ink);color:var(--text);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--fs-body);margin:0;line-height:1.6;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display), "Arial Narrow", sans-serif;text-wrap:balance;letter-spacing:.005em;margin:0;font-weight:700;line-height:.98}p{text-wrap:pretty;margin:0}.nw{white-space:nowrap}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip{background:var(--blue);color:var(--ink);z-index:100;padding:10px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.chamfer{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.top{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#12161beb;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{background:#fff;flex:none;width:128px;padding:4px 10px;display:block}.logo img{width:100%;height:auto}.nav{gap:clamp(14px,2vw,30px);font-weight:600;display:flex}.nav a{border-bottom:2px solid #0000;padding:8px 0;text-decoration:none}.nav a:hover{border-bottom-color:var(--blue)}.menu{display:none}.btn{background:var(--blue);color:#0b1014;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);cursor:pointer;border:0;justify-content:center;align-items:center;min-height:52px;padding:12px 26px;font-family:inherit;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:#5cbdf0;transform:translateY(-2px)}.btn.ghost{color:var(--text);box-shadow:inset 0 0 0 2px var(--text);clip-path:none;background:0 0}.btn.ghost:hover{background:#ffffff1a}.btn-top{min-height:44px;padding:8px 18px}.hero{background:linear-gradient(115deg, transparent 0 58%, #25a2e41a 58% 58.4%, transparent 58.4%), radial-gradient(900px 500px at 82% 30%, #26323e 0%, transparent 70%), var(--ink);padding:clamp(28px,5vw,72px) 0 clamp(40px,6vw,96px);position:relative}.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero h1{font-size:var(--d-display);line-height:.96;display:grid}.hero h1 span:last-child{color:var(--blue)}.hero .lead{max-width:34em;color:var(--text);margin-top:22px;font-size:1.1875rem}.hero .lead strong{font-weight:600}.cta{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-stage{aspect-ratio:4/3.3;min-height:0;position:relative}.plate{background:var(--plate);position:absolute;box-shadow:0 30px 60px #00000073}.plate img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.plate.p1{transform:translateY(calc(var(--sy,0) * -18px));inset:0 0 24% 8%}.plate.p2{aspect-ratio:4/3;width:42%;transform:translateY(calc(var(--sy,0) * -48px));z-index:2;bottom:0;left:0}.plate.p3{aspect-ratio:4/3;width:34%;transform:translateY(calc(var(--sy,0) * -30px));z-index:3;bottom:8%;right:0}.hero-note{color:var(--muted);font-size:.875rem;position:absolute;bottom:-2px;right:0}.display-band{background:var(--plate);color:var(--on-plate);clip-path:polygon(0 0,100% 40px,100% 100%,0 calc(100% - 40px));margin-top:-40px;padding:clamp(48px,8vw,110px) 0;position:relative}.display-band .wrap{gap:18px;padding-top:24px;padding-bottom:24px;display:grid}.big{font-family:var(--font-display), sans-serif;font-weight:700;font-size:var(--d-display);line-height:.96}.big em{color:var(--blue-deep);font-style:normal}.display-band .sub{max-width:36em;color:var(--on-plate-muted);font-size:1.25rem}.display-band .sub b{color:var(--on-plate);font-weight:600}.leist{padding:clamp(56px,8vw,120px) 0}.leist .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(24px,5vw,80px);display:grid}.leist .sticky{position:sticky;top:96px}.leist .plate{aspect-ratio:4/3;display:block;position:relative;inset:auto}.leist h2,.teile h2,.vor h2,.faq h2{font-size:clamp(2.25rem,4.6vw,4rem)}.leist ul{gap:0;margin:28px 0 0;padding:0;list-style:none;display:grid}.leist li{border-top:1px solid var(--line);padding:22px 0 22px 28px;position:relative}.leist li:before{content:"";background:var(--blue);clip-path:polygon(5px 0,100% 0,100% 100%,0 100%,0 5px);width:14px;height:14px;position:absolute;top:32px;left:0}.leist li:last-child{border-bottom:1px solid var(--line)}.leist h3{margin-bottom:6px;font-size:1.75rem}.leist li p{color:var(--muted)}.scene{background:var(--ink-2);padding:clamp(48px,7vw,96px) 0}.scene .stage{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.scene-head h2{font-size:clamp(2.25rem,4.6vw,4rem)}.scene-head p{color:var(--muted);max-width:36em;margin-top:10px}.scene-body{gap:28px;margin-top:28px;display:grid}.words{margin:0;padding:0;list-style:none;display:none}.plates{gap:28px;display:grid}.splate{gap:8px;margin:0;display:grid}.cap{font-family:var(--font-display), sans-serif;color:var(--blue);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1}.scene[data-pin] .cap{display:none}.splate .chamfer{background:var(--plate)}.splate img{mix-blend-mode:multiply;width:100%}.bars,.scene:not([data-pin]) .words{display:none}.scene[data-pin]{height:340svh;padding:0}.scene[data-pin] .stage{grid-template-rows:auto 1fr auto;height:100svh;padding-top:84px;padding-bottom:28px;display:grid;position:sticky;top:0;overflow:hidden}.scene[data-pin] .scene-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(16px,3vw,48px);min-height:0;margin-top:0;display:grid;position:relative}.scene[data-pin] .words{height:100%;display:block;position:relative}.scene[data-pin] .word{opacity:0;align-items:center;transition:opacity .45s,transform .45s;display:flex;position:absolute;inset:0;transform:translateY(24px)}.scene[data-pin] .word-t{font-family:var(--font-display), sans-serif;overflow-wrap:normal;font-size:clamp(3.25rem,9.2vw,9rem);font-weight:700;line-height:.95}.scene[data-active="0"] .word[data-i="0"],.scene[data-active="1"] .word[data-i="1"],.scene[data-active="2"] .word[data-i="2"],.scene[data-active="3"] .word[data-i="3"]{opacity:1;transform:none}.scene[data-active="0"] .word[data-i="0"] .word-t,.scene[data-active="1"] .word[data-i="1"] .word-t,.scene[data-active="2"] .word[data-i="2"] .word-t,.scene[data-active="3"] .word[data-i="3"] .word-t{color:var(--blue)}.scene[data-pin] .plates{height:min(100%,62svh);display:block;position:relative}.scene[data-pin] .splate{display:block;position:absolute;inset:0}.scene[data-pin] .splate .chamfer{height:100%;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.scene[data-pin] .splate .wipe{position:relative}.scene[data-pin] .splate{clip-path:inset(0 0 0 calc((1 - var(--r,1)) * 100%))}.scene[data-pin] .splate img{object-fit:contain;height:100%;transform:scale(calc(1 + (1 - var(--r,1)) * .08))}.scene[data-pin] .bars{gap:10px;margin-top:12px;display:flex}.bar{background:var(--steel);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);flex:1;height:8px;position:relative}.bar:after{content:"";background:var(--blue);transform-origin:0;transform:scaleX(var(--f,0));position:absolute;inset:0}.scene:not([data-pin]) .splate .chamfer{position:relative}.splate-word{display:none}.teile{padding:clamp(56px,8vw,120px) 0 clamp(40px,6vw,80px);overflow:hidden}.teile .intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 40px;display:flex}.teile .intro p{color:var(--muted);max-width:28em}.rail-block{margin-top:36px}.rail-block h3{margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.5rem)}.rail{scroll-snap-type:x proximity;padding:4px var(--gutter) 22px;scrollbar-color:var(--blue) var(--steel);scrollbar-width:thin;gap:18px;display:flex;overflow-x:auto}.rail .plate{aspect-ratio:4/3;scroll-snap-align:start;width:clamp(240px,26vw,360px);box-shadow:none;flex:none;transition:transform .25s;position:relative}.rail .plate:hover{transform:translateY(-6px)}.rail-note{color:var(--muted);padding:0 var(--gutter);max-width:var(--maxw);margin:6px auto 0;font-size:1rem}@supports (animation-timeline:view()){.rail.shift .plate{animation:linear both lift;animation-timeline:view(inline);animation-range:entry cover 40%}@keyframes lift{0%{opacity:.35;transform:translateY(26px)}to{opacity:1;transform:none}}}.vor{background:var(--ink-2);padding:clamp(48px,7vw,110px) 0}.vor .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}.vor p{color:var(--text);max-width:30em;margin-top:18px}.vor .limit{border-left:6px solid var(--blue);gap:2px;margin-top:28px;padding-left:16px;display:inline-grid}.vor .limit b{font-family:var(--font-display), sans-serif;font-size:2.75rem;line-height:1}.collage{aspect-ratio:1/.92;position:relative}.collage .plate{box-shadow:0 24px 50px #0006}.collage .c1{aspect-ratio:4/3;width:66%;top:0;left:0}.collage .c2{aspect-ratio:4/3;z-index:2;width:40%;top:12%;right:0}.collage .c3{aspect-ratio:4/3;z-index:3;width:44%;bottom:0;left:12%}.collage .c4{aspect-ratio:4/3;z-index:4;width:40%;bottom:4%;right:4%}.sale{padding:clamp(56px,8vw,120px) 0}.sale-panel{--cut:36px;background:linear-gradient(135deg,#1d3b50 0%,#14222d 70%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);padding:clamp(24px,4vw,56px);display:grid}.sale h2{font-size:clamp(2.5rem,5vw,4.5rem)}.sale .kicker{color:var(--muted);margin-top:12px}.sale ul{columns:1;margin:20px 0 0;padding:0;font-size:1.0625rem;list-style:none}.sale li{border-bottom:1px solid #ffffff24;padding:6px 0}.sale .price{flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:24px;display:flex}.sale .price b{font-family:var(--font-display), sans-serif;color:var(--blue);font-size:clamp(3.25rem,7vw,5.5rem);line-height:1}.sale-imgs{align-content:start;gap:14px;display:grid}.sale-imgs .plate{aspect-ratio:1024/710;box-shadow:none;position:relative}.sale-imgs .row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sale .fine{color:var(--muted);margin-top:16px;font-size:1rem}.faq{background:var(--plate);color:var(--on-plate);clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);padding:clamp(48px,7vw,110px) 0}.faq .wrap{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);padding-top:40px;display:grid}.faq details{border-top:2px solid var(--on-plate);padding:0}.faq details:last-child{border-bottom:2px solid var(--on-plate)}.faq summary{cursor:pointer;padding:20px 44px 20px 0;font-size:1.1875rem;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:var(--blue-deep);clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);width:16px;height:16px;margin-top:-8px;transition:transform .2s;position:absolute;top:50%;right:4px}.faq details[open] summary:after{background:var(--on-plate);transform:rotate(180deg)}.faq summary:hover{color:var(--blue-deep)}.faq summary:focus-visible{outline-color:var(--blue-deep)}.faq details p{max-width:40em;color:var(--on-plate);padding:0 0 22px}.faq a{color:var(--blue-deep);font-weight:600}.contact{background:linear-gradient(115deg, transparent 0 60%, #25a2e41a 60% 60.4%, transparent 60.4%), var(--ink);padding:clamp(56px,8vw,120px) 0 clamp(40px,6vw,80px)}.contact h2{font-size:clamp(2.25rem,4.6vw,4rem)}.tel{font-family:var(--font-display), sans-serif;color:var(--blue);white-space:nowrap;margin:18px 0 8px;font-size:clamp(3.25rem,9vw,8rem);font-weight:700;line-height:1;text-decoration:none;display:inline-block}.tel:hover{color:#5cbdf0}.contact .grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);display:grid}.contact address{gap:4px;margin-top:18px;font-style:normal;display:grid}.contact .hist{color:var(--muted);border-left:6px solid var(--blue);align-self:end;padding-left:18px}.contact .mail{color:var(--text);font-size:1.25rem;font-weight:600}.foot{border-top:1px solid var(--line);color:var(--muted);background:var(--ink);padding:28px 0 40px;font-size:1rem}.foot .wrap{gap:8px;display:grid}.foot a{color:var(--text)}.legal{gap:28px;display:flex}@media (max-width:960px){.nav{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;place-items:center;min-width:44px;min-height:44px;padding:0 12px;font-weight:600;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu nav{background:var(--ink-2);border:1px solid var(--line);min-width:220px;padding:8px;display:grid;position:absolute;top:52px;right:0}.menu nav a{padding:12px 14px;text-decoration:none}.hero .wrap,.leist .wrap,.vor .wrap,.sale-panel,.faq .wrap,.contact .grid{grid-template-columns:minmax(0,1fr)}.leist .sticky{position:static}.scene[data-pin] .scene-body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:start}.scene[data-pin] .words{height:clamp(54px,9svh,90px)}.scene[data-pin] .plates{height:min(100%,44svh)}.scene[data-pin] .stage{padding-top:76px}.scene-head p{font-size:1rem}}@media (max-width:640px){.btn-top{display:none}.hero-stage{aspect-ratio:4/3.6}.scene[data-pin] .scene-head p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.plate{transform:none!important}}
