:root{--night:#0f1533;--night-2:#1c2350;--ink:#17142a;--day:#f7efe1;--day-2:#fbd9a8;--sun:#f4a53c;--sun-hot:#ffd27a;--rust:#b8452c;--muted:#6d6476;--serif:"Fraunces", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"Azeret Mono", ui-monospace, monospace;--pad:clamp(16px, 5vw, 64px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--day);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);letter-spacing:-.01em}.btn{background:var(--sun);min-height:48px;color:var(--ink);font:600 16px/1 var(--sans);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 1.5px}.btn-sm{min-height:40px;padding:0 18px;font-size:15px}.top{z-index:20;color:var(--day);background:#0f1533d1;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex;position:fixed;top:12px;left:12px;right:12px}.mark{font:600 18px/1 var(--serif);align-items:center;gap:8px;text-decoration:none;display:flex}.mark svg{fill:none;width:26px;height:26px}.mark circle{fill:var(--sun)}.mark path{stroke:var(--day);stroke-width:2px}.nav{gap:26px;font-size:15px;display:none}.nav a{opacity:.85;text-decoration:none}.nav a:hover{opacity:1}@media (width>=900px){.nav{display:flex}.top{width:min(1100px,100% - 48px);left:50%;right:auto;transform:translate(-50%)}}.ld,.rv{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.ld.in,.rv.in{opacity:1;transform:none}.dawn{background:var(--night);height:270vh;position:relative}.dawn-pin{height:100svh;position:sticky;top:0;overflow:hidden}.sky{position:absolute;inset:0}.sky-night{background:linear-gradient(180deg, #080b1f 0%, var(--night) 55%, var(--night-2) 100%)}.sky-dawn{opacity:0;will-change:opacity;background:linear-gradient(#2a2a5e 0%,#8d4a6b 45%,#e98a5a 85%,#f6b26b 100%)}.sky-day{background:linear-gradient(180deg, #f9e7c6 0%, var(--day-2) 50%, #f7c88a 100%);opacity:0;will-change:opacity}.stars{background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 28% 42%,#fff9 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 12%,#fffa 50%,#0000 51%),radial-gradient(1px 1px at 63% 30%,#fff8 50%,#0000 51%),radial-gradient(2px 2px at 78% 14%,#fffb 50%,#0000 51%),radial-gradient(1px 1px at 88% 46%,#fff7 50%,#0000 51%),radial-gradient(1.5px 1.5px at 6% 52%,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 54% 56%,#fff7 50%,#0000 51%),radial-gradient(1px 1px at 35% 26%,#fff6 50%,#0000 51%),radial-gradient(1.5px 1.5px at 94% 28%,#fff8 50%,#0000 51%);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 40%}@keyframes twinkle{to{opacity:.55}}.rays{opacity:0;will-change:transform, opacity;background:repeating-conic-gradient(#ffecbe8c 0deg 3deg,#0000 3deg 15deg);width:240vmax;height:240vmax;margin:-120vmax 0 0 -120vmax;position:absolute;top:64%;left:50%;-webkit-mask:radial-gradient(circle,#000 0 18%,#0000 55%);mask:radial-gradient(circle,#000 0 18%,#0000 55%)}.sun{width:var(--S,300px);height:var(--S,300px);margin-left:calc(var(--S,300px) / -2);background:radial-gradient(circle at 50% 45%, var(--sun-hot) 0 38%, var(--sun) 62%, #e9822f 100%);will-change:transform;border-radius:50%;position:absolute;top:64%;left:50%;box-shadow:0 0 120px 40px #f4a53c59}.name-wrap{z-index:3;text-align:center;padding:0 var(--pad);position:absolute;top:18%;left:0;right:0}.kicker{font:500 13px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--day);background:#0f1533d1;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0 0 6px;padding:8px 16px;display:inline-flex}.kicker .dot{background:var(--sun);border-radius:50%;width:6px;height:6px}.name{font:800 var(--fs,18vw)/.9 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.035em;display:grid;position:relative}.name-l{white-space:nowrap;grid-area:1/1;justify-self:center;width:max-content;display:block}.name-night{color:var(--day)}.name-day{color:var(--ink);opacity:0}.name-l .ch{opacity:0;transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 60ms + .15s);display:inline-block;transform:translateY(.45em)}.name.in .ch{opacity:1;transform:none}.ground{z-index:4;position:absolute;inset:64% 0 0}.ground-night,.ground-day{position:absolute;inset:0}.ground-night{background:linear-gradient(#161c42,#0a0e26);border-top:1px solid #ffd27a59}.ground-day{background:linear-gradient(180deg, #2a2347, var(--ink));opacity:0}.ground-in{height:100%;padding:16px var(--pad) calc(16px + env(safe-area-inset-bottom));color:var(--day);flex-direction:column;justify-content:center;gap:18px;display:flex;position:relative}.ground-addr{font:400 clamp(20px, 3vw, 30px)/1.2 var(--serif);margin:0}.ground-cta{flex-wrap:wrap;gap:10px;display:flex}.ground-cta .btn-ghost{color:var(--day)}@media (width>=760px){.ground-in{flex-direction:row;justify-content:space-between;align-items:center}}.hint{z-index:5;right:var(--pad);font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--day);margin:0;position:absolute;top:calc(64% - 34px)}.label{font:500 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}.label .no{color:var(--rust);margin-right:10px}.cred{padding:clamp(80px, 14vw, 160px) var(--pad);max-width:1240px;margin:0 auto}.cred-title{font:400 clamp(26px, 4vw, 44px)/1.1 var(--serif);margin:0;font-style:italic}.cred-no{font:800 clamp(64px, 21vw, 300px)/1 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.04em;white-space:nowrap;margin:6px 0 40px;position:relative;overflow:hidden}.cred-no .c{opacity:.1;transition:opacity .5s;transition-delay:calc(var(--i) * .11s);display:inline-block}.cred-no.in .c{opacity:1}.cred-no .c.sep{color:var(--sun)}.glint{pointer-events:none;background:linear-gradient(100deg,#0000,#ffdfa0bf,#0000);width:30%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}.cred-no.in .glint{animation:1.6s cubic-bezier(.4,0,.2,1) .9s forwards glint}@keyframes glint{to{transform:translate(380%)}}.cred-list{border-top:1px solid #17142a22;gap:0;margin:0;display:grid}.cred-list>div{border-bottom:1px solid #17142a22;gap:4px;padding:18px 0;display:grid}@media (width>=760px){.cred-list>div{grid-template-columns:260px 1fr;align-items:baseline}}.cred-list dt,.data dt{font:500 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cred-list dd{font:400 clamp(20px, 2.6vw, 30px)/1.25 var(--serif);margin:0}.src{font:400 13px/1.4 var(--mono);color:var(--muted);margin:22px 0 0}.dial-sec{background:linear-gradient(180deg, var(--day) 0%, #f6e3c2 100%);height:430vh;position:relative}.dial-pin{height:100svh;padding:80px var(--pad) 24px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vh,30px);display:flex;position:sticky;top:0;overflow:hidden}.dial-pin .label{text-align:center;margin:0}.dial{aspect-ratio:200/106;flex:none;width:min(100%,660px,190svh - 627px);position:relative}.dial-face{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.df-arc{fill:none;stroke:var(--ink);stroke-width:1.2px}.df-arc.thin{stroke-width:.5px;stroke-dasharray:1.5 2.5}.df-base{stroke:var(--ink);stroke-width:1.2px}.df-ticks line{stroke:var(--ink);stroke-width:.5px}.df-num text{font:600 9px var(--serif);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;opacity:.35}.df-num.lit text{fill:var(--rust);opacity:0;transition:opacity .4s}.df-num.lit text.on{opacity:1}.gnomon{transform-origin:50% 100%;will-change:transform;width:0;height:79.2453%;position:absolute;bottom:5.66038%;left:50%}.gnomon span{clip-path:polygon(0 100%,100% 100%,50% 0);background:linear-gradient(#17142a00,#17142ad9);width:14px;height:100%;position:absolute;bottom:0;left:-7px}.pivot{background:var(--sun);width:16px;height:16px;box-shadow:0 0 0 4px var(--day);border-radius:50%;margin:0 0 -8px -8px;position:absolute;bottom:5.66038%;left:50%}.sd-items{text-align:center;width:min(100%,760px);min-height:3.4em;margin:0;padding:0;font-size:clamp(26px,4.6vw,52px);list-style:none;position:relative}.sd-item{opacity:0;gap:6px;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0 0 auto;transform:translateY(20px)}.sd-item.on{opacity:1;transform:none}.sd-n{font:500 14px/1 var(--mono);letter-spacing:.14em;color:var(--rust)}.sd-t{font:500 1em/1.08 var(--serif);letter-spacing:-.015em}.dial-src{text-align:center;margin:0}.blinds-sec{padding:clamp(80px, 12vw, 150px) var(--pad);max-width:1240px;margin:0 auto}.window{perspective:900px;background:#fff8ec;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #17142a1f,0 30px 60px -30px #17142a55}.data{gap:22px 40px;margin:0;padding:clamp(24px,4vw,48px);display:grid}@media (width>=760px){.data{grid-template-columns:1fr 1fr}.data>div:first-child{grid-column:1/-1}}.data dd{font:400 clamp(20px, 2.4vw, 28px)/1.25 var(--serif);overflow-wrap:anywhere;margin:4px 0 0}.data dd.mono{font:500 clamp(18px, 2.2vw, 24px)/1.3 var(--mono)}.light{pointer-events:none;opacity:0;will-change:opacity;background:repeating-linear-gradient(160deg,#ffc46e47 0 22px,#0000 22px 64px);position:absolute;inset:-20%}.slats{grid-template-rows:repeat(var(--n,9), 1fr);pointer-events:none;display:grid;position:absolute;inset:0}.slat{background:linear-gradient(180deg, #2a2447, var(--ink) 55%, #0c0a18);transform-origin:50%;will-change:transform;border-bottom:1px solid #ffffff14}.steps{padding:clamp(60px, 10vw, 130px) var(--pad);max-width:1240px;margin:0 auto}.steps-in{padding-left:44px;position:relative}.dayline{background:linear-gradient(180deg, var(--sun), var(--rust) 60%, var(--night));width:2px;position:absolute;top:6px;bottom:6px;left:10px}.dayline-sun{background:var(--sun);width:20px;height:20px;box-shadow:0 0 0 5px var(--day), 0 0 24px 6px #f4a53c99;will-change:transform;border-radius:50%;position:absolute;top:0;left:-9px}.step-list{gap:clamp(36px,7vw,70px);margin:0;padding:0;list-style:none;display:grid}.step{gap:6px;display:grid}.step-n{font:500 13px/1 var(--mono);color:var(--rust);letter-spacing:.14em}.step-t{font:500 clamp(30px, 5.6vw, 64px)/1.02 var(--serif);letter-spacing:-.02em}.step-d{color:var(--muted);overflow-wrap:anywhere;font-size:17px}.dusk{color:var(--day);background:linear-gradient(180deg, #f2a14a 0%, #d8643f 30%, #6f2f4d 62%, var(--night) 100%);padding:clamp(90px, 14vw, 170px) var(--pad) clamp(70px, 10vw, 120px);position:relative;overflow:hidden}.dusk-sun{aspect-ratio:1;background:radial-gradient(circle, var(--sun-hot) 0 35%, var(--sun) 65%, #f4a53c00 71%);opacity:.4;will-change:transform;border-radius:50%;width:min(80vw,560px);margin-left:calc(min(80vw,560px)/-2);position:absolute;top:30%;left:50%}.dusk-in{max-width:1240px;margin:0 auto;position:relative}.dusk .label{color:#ffe9c9}.dusk .label .no{color:var(--ink)}.phone{white-space:nowrap;font:800 clamp(48px, 15vw, 210px)/.95 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.035em;margin:0 0 28px;text-decoration:none;display:block}.phone .ch{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 55ms);display:inline-block;transform:translateY(.5em)}.phone.in .ch{opacity:1;transform:none}.phone .sp{width:.25em;display:inline-block}.mail{font:400 clamp(20px, 3.4vw, 36px)/1.2 var(--serif);text-underline-offset:6px;overflow-wrap:anywhere;text-decoration-thickness:1px;display:inline-block}.addr{font:400 18px/1.5 var(--sans);opacity:.9;margin:20px 0 32px;font-style:normal}.dusk-cta{flex-wrap:wrap;gap:10px;display:flex}.dusk-cta .btn-ghost{color:var(--day)}.foot{background:var(--night);color:#f7efe1b3;padding:28px var(--pad) calc(28px + env(safe-area-inset-bottom));font-size:14px}.foot p{margin:0 0 6px;max-width:1240px;margin-inline:auto}.foot-proto{font-family:var(--mono);opacity:.7;font-size:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ld,.rv,.name-l .ch,.phone .ch,.sd-item,.cred-no .c{opacity:1;transition:none;transform:none}.stars{animation:none}}
