:root{--k:1;--dh:clamp(270px, 45vh, 500px);--dwid:calc(var(--dh) * .6)}html,body{overscroll-behavior:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}html.tch.lenis-stopped,html.tch.lenis-stopped body{touch-action:none;overflow:hidden}html.locked,html.locked body{overflow:hidden}main.home{padding:0}.stage,.pieces{line-height:normal}.w{vertical-align:top;margin:-.14em -.1em -.14em -.06em;padding:.14em .1em .14em .06em;display:inline-block;overflow:hidden}.wi{display:inline-block}.home .wrap{max-width:1240px;margin:0 auto}.h2{letter-spacing:-.035em;max-width:820px;margin-top:16px;font-size:clamp(34px,4vw,56px);line-height:1.04}.stage{z-index:2;position:relative}.hero-bg{background:var(--bg);z-index:0;display:none;position:absolute;inset:0}.hero{color:var(--ink);z-index:1;min-height:100svh;padding-bottom:calc(var(--dh) + 96px);flex-direction:column;display:flex;position:relative;overflow:hidden}.scene{z-index:1;pointer-events:none;position:absolute;inset:0}.arch{transform-origin:50% 100%;will-change:transform, opacity;border:1px solid #1212141a;border-bottom:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.a1{width:calc(1360px * var(--k));height:calc(1000px * var(--k));border-radius:calc(680px * var(--k)) calc(680px * var(--k)) 0 0;border-color:#1212140d}.a2{width:calc(1080px * var(--k));height:calc(820px * var(--k));border-radius:calc(540px * var(--k)) calc(540px * var(--k)) 0 0;border-color:#12121412}.a3{width:calc(840px * var(--k));height:calc(660px * var(--k));border-radius:calc(420px * var(--k)) calc(420px * var(--k)) 0 0;border-color:#12121417}.a4{width:calc(640px * var(--k));height:calc(540px * var(--k));border-radius:calc(320px * var(--k)) calc(320px * var(--k)) 0 0;border-color:#1212141f}.glow{transform-origin:50% 100%;will-change:transform, opacity;background:radial-gradient(closest-side,#e8402a38,#e8402a00);border-radius:50%;width:620px;height:520px;margin-left:-310px;position:absolute;bottom:-120px;left:50%}.hdr{z-index:5;padding:28px var(--pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:none;position:relative}.hdr .brand{letter-spacing:-.03em;gap:10px;padding-right:0;font-size:20px}.hdr .nav{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:28px;font-size:15px;display:flex}.hdr .nav a:not(.pill){min-height:var(--tap);align-items:center;display:inline-flex}.pill{min-height:var(--tap);background:var(--ink);color:var(--bg);border-radius:var(--r-pill);font-weight:var(--w-medium);align-items:center;padding:12px 22px;font-size:15px;display:inline-flex}.pill:focus-visible{outline-offset:4px}.hero-content{z-index:5;text-align:center;padding:clamp(40px, 8vh, 96px) var(--pad) 0;position:relative}.hero .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:13px}.hero h1{letter-spacing:-.045em;max-width:1040px;margin:18px auto 0;font-size:clamp(34px,min(6.2vw,8.6vh),88px);line-height:.98}.hero h1 em{color:var(--sig);font-style:normal}.hero .lead{color:var(--ink-2);max-width:680px;margin:18px auto 0;font-size:clamp(16px,1.3vw,19px);line-height:1.45}.enter-box{z-index:6;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:clamp(18px,3.2vh,34px);display:flex;position:relative}.enter{background:var(--ink);color:var(--bg);font:inherit;font-size:19px;font-weight:var(--w-medium);border-radius:var(--r-pill);cursor:pointer;pointer-events:auto;border:0;align-items:center;gap:14px;padding:20px 36px 20px 40px;display:inline-flex;position:relative}.enter i{background:var(--sig);width:10px;height:10px;transition:transform .5s var(--ease-out);border-radius:50%;display:inline-block}.enter:hover i{transform:scale(1.7)}.enter:focus-visible{outline-offset:4px}.enter:after{content:"";border-radius:inherit;animation:ring 2.8s var(--ease-out) infinite;pointer-events:none;border:1.5px solid #12121400;position:absolute;inset:0}@keyframes ring{0%{border-color:#12121480;transform:scale(1)}to{border-color:#12121400;transform:scale(1.35,1.6)}}.dw{--dwid:calc(var(--dh) * .6);width:var(--dwid);height:var(--dh);margin-left:calc(var(--dwid) * -.5);transform-origin:50% 52%;z-index:3;position:absolute;bottom:44px;left:50%}.dwt{position:absolute;inset:0}.fr{background:var(--ink);padding:calc(var(--dh) * .03) calc(var(--dh) * .03) 0;box-shadow:0 0 0 calc(var(--dh) * .012) #e8e8eb, 0 30px 60px -20px #12121440;border-radius:999px 999px 0 0;position:absolute;inset:0}.room{inset:calc(var(--dh) * .03) calc(var(--dh) * .03) 0;background:radial-gradient(75% 70% at 50% 62%,#fff 0%,#fffbf6 38%,#f3eee8 100%);border-radius:999px 999px 0 0;position:absolute;overflow:hidden}.room:after{content:"";background:linear-gradient(#12121400,#12121412);border-top:1px solid #1212140d;height:20%;position:absolute;bottom:0;left:0;right:0}.persp{inset:calc(var(--dh) * .03) calc(var(--dh) * .03) 0;perspective:1500px;perspective-origin:50%;position:absolute}.leaf{will-change:transform;width:50%;transform-style:preserve-3d;background:linear-gradient(90deg,#ea4a33,#e8402a 55%,#d63a26);position:absolute;top:0;bottom:0}.leaf.l{transform-origin:0;border-radius:999px 0 0;left:0;transform:rotateY(0)}.leaf.r{transform-origin:100%;border-radius:0 999px 0 0;right:0;transform:rotateY(0)}.leaf .pn{--z:calc(var(--dh) * .007);transform-style:preserve-3d;transform:translateZ(var(--z));background:linear-gradient(135deg,#00000017,#ffffff12),#e4412b;border-radius:6px;position:absolute;left:13%;right:13%;box-shadow:inset 0 0 0 1.5px #00000024,inset 2px 3px 7px #0003,0 1px #ffffff4d}.leaf .p1{border-radius:999px 6px 6px;height:36%;top:7%}.leaf.r .p1{border-radius:6px 999px 6px 6px}.leaf .p2{height:19%;top:48%}.leaf .p3{height:22%;top:71%}.leaf .pn:before,.leaf .pn:after{content:"";border-radius:inherit;background:#8e2415;position:absolute;inset:0;box-shadow:0 0 0 1px #3c060059}.leaf .pn:before{transform:translateZ(calc(var(--z) * -.4))}.leaf .pn:after{transform:translateZ(calc(var(--z) * -.8));background:#6e1a0e}.leaf:after{content:"";width:calc(var(--dh) * .024);background:linear-gradient(90deg,#b53420,#85200f);position:absolute;top:0;bottom:0}.leaf.l:after{transform-origin:100%;right:0;transform:rotateY(-90deg)}.leaf.r:after{transform-origin:0;background:linear-gradient(270deg,#b53420,#85200f);left:0;transform:rotateY(90deg)}.knob{width:calc(var(--dh) * .04);height:calc(var(--dh) * .04);transform-style:preserve-3d;transform:translateZ(calc(var(--dh) * .006));position:absolute;top:57%}.leaf.l .knob{right:5%}.leaf.r .knob{left:5%}.knob b{width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);transform:translateZ(calc(var(--dh) * .0026 * var(--k)));background:radial-gradient(circle at 36% 30%,#fff 0,#ededf0 18%,#b4b4bb 55%,#6a6a72 100%);border-radius:50%;position:absolute;top:50%;left:50%}.knob b.k-sh{--w:170%;background:radial-gradient(circle,#28060080,#28060000 68%);transform:translateZ(0)}.knob b.k-bd{background:linear-gradient(90deg,#6a6a72,#c9c9cf 35%,#9a9aa2 70%,#5c5c64);box-shadow:0 0 0 1px #1e1e2459}.leaf .sh{opacity:.22;border-radius:inherit;background:#240804;position:absolute;inset:0}.dust{bottom:-4px;left:var(--x);width:3px;height:3px;animation:rise var(--d) linear infinite;animation-delay:var(--l);z-index:0;background:#e8402a00;border-radius:50%;position:absolute}@keyframes rise{0%{background-color:#e8402a00;transform:translate(0)}15%{background-color:#e8402a69}to{transform:translate(var(--dx), calc(var(--dh) * -.95));background-color:#e8402a00}}.stp{background:#dedee2;border-radius:3px;height:12px;position:absolute;bottom:-12px;left:-9%;right:-9%;box-shadow:0 2px #c4c4c9}.gs{z-index:-1;background:radial-gradient(closest-side,#12121438,#12121400);height:34px;position:absolute;bottom:-30px;left:-30%;right:-30%}.bsec{z-index:4;padding:96px var(--pad) 0;position:relative}html.door .stage{pointer-events:none;height:100svh;min-height:680px}html.door .stage a,html.door .stage button{pointer-events:auto}html.door .hero-bg{display:block}html.door .hero{min-height:0;padding-bottom:0;position:absolute;inset:0}html.door .hdr{display:flex}html.door .hero-content{padding-top:clamp(4px,2vh,28px)}html.door .bsec{padding-top:clamp(72px,9vw,112px);position:absolute;top:0;left:0;right:0}html.door .site-header{position:fixed;top:0;left:0;right:0}html.door:not(.entered) .site-header{display:none}@media (height<=800px){html.door .hero .lead{display:none}}@media (width<=700px){html.door .hero .lead,html.door .hdr .nav a:not(.pill){display:none}}.pieces{z-index:1;padding:0 var(--pad) 72px;margin-top:48px;position:relative}html.door .pieces{margin-top:var(--pull,0px)}.show-in{max-width:1320px;margin:0 auto;position:relative}html.pin .show-in{align-items:center;height:100svh;display:grid}html.pin .of{grid-area:1/1;margin:0}.rail{color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:none;position:absolute;bottom:clamp(24px,5vh,48px);left:0;right:0}html.pin .rail{grid-area:1/1;align-self:end;margin-bottom:clamp(64px,9vh,92px);display:flex;position:relative;bottom:auto}.seg{background:var(--line);flex:1;height:2px;overflow:hidden}.seg i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.snd{z-index:30;line-height:normal;font:inherit;color:var(--ink-3);border-radius:var(--r-pill);cursor:pointer;background:#fafafadb;border:1px solid #ececee;align-items:center;gap:10px;padding:7px 12px;font-size:12px;transition:color .3s;display:none;position:fixed;bottom:clamp(14px,2.4vh,26px);right:clamp(14px,2vw,28px)}.js .snd{display:inline-flex}.snd:hover{color:var(--ink)}.snd:after{content:"";background:0 0;position:absolute;inset:-6px 0}@media (pointer:coarse){.snd:after{content:none}.snd{min-height:var(--tap);padding:0 14px}}.bars{align-items:center;gap:2px;height:12px;display:inline-flex}.bars i{transform-origin:50%;background:currentColor;border-radius:1px;width:2px;height:12px;animation:1.1s ease-in-out infinite eq}.bars i:nth-child(2){animation-delay:-.4s}.bars i:nth-child(3){animation-delay:-.8s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.off .bars i{animation:none;transform:scaleY(.25)}.cue{z-index:29;letter-spacing:.02em;color:var(--ink-2);border-radius:var(--r-pill);pointer-events:none;backdrop-filter:blur(6px);background:#fafafac7;border:1px solid #ececee;align-items:center;gap:10px;padding:7px 14px 7px 12px;font-size:12px;transition:opacity .6s;display:flex;position:fixed;bottom:clamp(14px,2.4vh,26px);left:50%;transform:translate(-50%)}.cue[hidden]{display:none}.cue .ms{box-sizing:border-box;border:1.5px solid #6b6b72;border-radius:8px;width:13px;height:20px;display:block;position:relative}.cue .ms:after{content:"";background:#e8402a00;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;animation:1.8s cubic-bezier(.45,0,.2,1) infinite cuedot;position:absolute;top:3px;left:50%}@keyframes cuedot{0%{background-color:#e8402a00;transform:translateY(0)}25%,75%{background-color:#e8402a}to{background-color:#e8402a00;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.cue .ms:after{background-color:var(--sig)}}@media (width<=420px){.cue{left:clamp(14px,4vw,28px);transform:none}}@media (width<=340px){.hdr{padding-left:16px;padding-right:16px}}.methode,.contact{line-height:normal}.sheet{border-radius:56px 56px 0 0;margin-top:-72px;position:relative;box-shadow:0 -30px 70px #12121417}.sheet:before,.contact:before{content:"";background:var(--line);z-index:2;border-radius:2px;width:44px;height:4px;margin-left:-22px;position:absolute;top:14px;left:50%}.methode{z-index:2;background:var(--bg);padding:clamp(96px, 11vw, 144px) var(--pad) calc(clamp(80px, 10vw, 128px) + 72px);flex-direction:column;justify-content:center;min-height:100svh;display:flex}.methode .wrap{width:100%}.h2.m{max-width:800px;font-size:clamp(32px,3.6vw,48px);line-height:1.08}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:clamp(44px,8vh,104px);padding-top:76px;display:grid;position:relative}.curve{height:60px;position:absolute;top:0;left:0;right:0}.curve svg{width:100%;height:100%;display:block;overflow:visible}.vline{display:none}.step{position:relative}.step .dot{background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:-54px;left:-8px}.step:last-child .dot{background:var(--sig);border-color:var(--sig);width:22px;height:22px;top:-57px;left:-11px}.step .num{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.step h3{letter-spacing:-.03em;margin-top:8px;font-size:clamp(22px,2vw,28px);line-height:1.1}.step p:not(.num){color:var(--ink-2);max-width:290px;margin-top:12px;font-size:clamp(16px,1.2vw,17px);line-height:1.5}.team{border-top:1px solid var(--line);align-items:center;gap:18px;max-width:720px;margin-top:clamp(36px,6vh,80px);padding-top:26px;font-size:17px;display:flex}@media (width<=899px){.steps{grid-template-columns:1fr;gap:28px;margin-top:36px;padding:0 0 0 34px}.curve{display:none}.vline{background:var(--ink);transform-origin:50% 0;width:2px;display:block;position:absolute;top:8px;bottom:8px;left:7px}.step .dot{top:2px;left:-34px}.step:last-child .dot{top:-1px;left:-37px}}.contact{z-index:4;background:var(--bg);border-radius:56px 56px 0 0;margin-top:-48px;padding:96px 0 72px;position:relative;box-shadow:0 -30px 70px #1212141a}.contact:before{z-index:6;display:none}html.pin .contact:before{display:block}.c-pre{z-index:5;text-align:center;padding:0 var(--pad);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.c-pre h2{letter-spacing:-.045em;max-width:1040px;margin:18px auto 0;font-size:clamp(34px,min(6.2vw,8.6vh),88px);line-height:.98}.pdot{background:var(--sig);border-radius:50%;width:.15em;height:.15em;margin-left:.07em;display:inline-block}.flood{z-index:3;background:var(--sig);pointer-events:none;display:none;position:absolute;inset:0}.c-in{z-index:4;background:var(--bg);text-align:center;padding:0 var(--pad);flex-direction:column;justify-content:center;align-items:center;margin-top:56px;display:flex;position:relative}.c-logo{width:clamp(72px,9vw,124px);height:auto;margin-bottom:30px;overflow:visible}.lg-d{transform-box:fill-box;transform-origin:50%}.c-in h3{letter-spacing:-.055em;max-width:1000px;font-size:clamp(44px,7.4vw,112px);line-height:.94}.c-in p.t{color:#3a3a3f;max-width:520px;margin-top:26px;font-size:clamp(16px,1.3vw,19px);line-height:1.55}html.pin .contact{height:100svh;min-height:680px;margin-top:-72px;padding:0;overflow:hidden}html.pin .c-pre{pointer-events:none;position:absolute;inset:0}html.pin .flood{display:block}html.pin .c-in{margin-top:0;position:absolute;inset:0}.path{z-index:20;flex-direction:column;line-height:normal;display:none;position:fixed;top:50%;right:clamp(14px,2vw,28px);transform:translateY(-50%)}html.pin .path{display:flex}.pl{background:#d8d8dc;width:1px;position:absolute;top:22px;bottom:22px;right:4px}.pf{background:var(--sig);transform-origin:50% 0;position:absolute;inset:0;transform:scaleY(0)}.path a{min-height:var(--tap);color:var(--ink-3);justify-content:flex-end;align-items:center;gap:12px;padding-left:8px;font-size:12px;display:flex;position:relative}.path a span{color:#12121400;white-space:nowrap;transition:color .4s,transform .4s;transform:translate(6px)}.path a b{background:var(--bg);border:1px solid var(--ink);border-radius:50%;flex:none;width:9px;height:9px;transition:transform .4s,background-color .4s,border-color .4s}.path a:hover span,.path a:focus-visible span,.path a.on span{color:var(--ink);transform:none}.path a.on b{background:var(--sig);border-color:var(--sig);transform:scale(1.5)}html.locked .path{display:none}@media (width<=900px){html.pin .path{display:none}}@media (width<=700px){.methode{padding-top:76px;padding-bottom:104px}.h2.m{font-size:24px;line-height:1.1}.steps{gap:16px;margin-top:22px}.step{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;display:grid}.step .num,.step h3{margin:0}.step h3{font-size:19px}.step p:not(.num){grid-column:1/-1;max-width:none;margin-top:4px;font-size:14px;line-height:1.4}.team{margin-top:18px;padding-top:16px;font-size:14px}.sheet,.contact,html.pin .contact{border-radius:36px 36px 0 0;margin-top:-48px}.c-in h3{font-size:46px}}.js .site-footer{padding-bottom:104px}.real{z-index:3;padding:clamp(96px, 11vw, 144px) var(--pad) calc(clamp(96px, 11vw, 140px) + 72px);background:#f1f1f3;line-height:normal;overflow:hidden}.rlead{color:#55555b;max-width:560px;margin-top:22px;font-size:clamp(16px,1.3vw,19px);line-height:1.55}.gal{margin:40px calc(var(--pad) * -1) -30px;position:relative}.gal-bar{padding:0 var(--pad);box-sizing:content-box;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 22px;display:none}.js .gal-bar{display:flex}.gal-c{letter-spacing:.1em;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.gal-c b{font-weight:var(--w-medium);color:var(--ink)}.gal-p{background:#d8d8dc;flex:1;max-width:360px;height:1px;position:relative}.gal-p i{background:var(--sig);transform-origin:0;width:100%;height:3px;position:absolute;top:-1px;left:0;transform:scaleX(.33)}.gal-b{gap:10px;display:flex}.gal-b button{border:1px solid var(--ink);width:46px;height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background-color .3s,color .3s,opacity .3s;display:grid}.gal-b button:hover{background:var(--ink);color:#fff}.gal-b button[disabled]{opacity:.28;pointer-events:none}.gal-b svg{width:18px;height:18px}.gal-track{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;padding:16px max(var(--pad), calc((100% - 1240px) / 2)) 70px;scroll-padding-left:max(var(--pad), calc((100% - 1240px) / 2));cursor:grab;overscroll-behavior-x:contain;gap:clamp(16px,2vw,28px);display:flex;overflow:auto hidden}.gal-track::-webkit-scrollbar{display:none}.gal-track.drag{cursor:grabbing}.gal-track,.gal-track *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.gal-track img{pointer-events:none;-webkit-user-drag:none}.gal-track:focus-visible{outline-offset:-4px}.gal .gc{flex:none;width:min(80vw,940px)}.gal .gc .t{text-wrap:balance}.gal .gc-art{--px:0px;--py:0px}.gal .gc .browser{transform:translate(calc(var(--px) * -1), calc(var(--py) * -1)) rotate(-1.6deg);transition:transform .5s var(--ease-soft)}.gal .gc.v2 .browser{transform:translate(var(--px), calc(var(--py) * -1)) rotate(1.4deg)}.gal .phone{transform:translate(var(--px), var(--py));transition:transform .5s var(--ease-soft)}.gal .gc.v2 .phone{transform:translate(calc(var(--px) * -1), var(--py))}@media (width<=900px){.gal{margin-top:36px}.gal-b button{width:44px;height:44px}.gal .gc{width:84vw}.gal-track{padding-bottom:56px}}
