.landing{background:#030303;flex-direction:column;min-height:100dvh;display:flex}.landing-stage{flex:1;grid-template-columns:44% 56%;align-items:stretch;gap:0;width:100%;min-height:0;margin:0;padding:0;display:grid}.landing-portrait{isolation:isolate;border-radius:0;height:100%;min-height:100%;position:relative;overflow:hidden}.landing-portrait img{object-fit:cover;object-position:66% 31%;filter:grayscale(18%)contrast(1.1)brightness(1.02)}.landing-portrait:after{content:"";z-index:1;background:linear-gradient(90deg,#0000 78%,#030303eb 100%),linear-gradient(#0000 62%,#030303eb 100%),linear-gradient(270deg,#03030380 0%,#0000 18%);position:absolute;inset:0}.landing-identity{z-index:2;position:absolute;bottom:clamp(2rem,7vh,5rem);left:clamp(1.6rem,3.5vw,4.5rem)}.landing-identity h1{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(2rem,4.6vw,3.5rem);font-weight:500;line-height:1.08}.landing-identity .name-rule{background:linear-gradient(90deg, var(--gold-bright), var(--gold-deep));width:64px;height:2px;margin:1.2rem 0 1.1rem}.landing-identity .tagline{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.34em;color:var(--ink-dim);align-items:center;gap:.9rem;font-size:.95rem;font-weight:500;display:flex}.landing-identity .tagline i{background:var(--gold);border-radius:50%;width:3px;height:3px;display:inline-block}.dial-wrap{flex-direction:column;place-self:center start;align-items:center;gap:1.5rem;padding:clamp(1rem,3vh,3rem) clamp(.5rem,1.5vw,1.5rem);display:flex}.dial{aspect-ratio:1;cursor:pointer;touch-action:none;border-radius:50%;outline:none;width:min(50vw,700px);position:relative}.dial-svg{width:100%;height:100%;position:absolute;inset:0}.dial-node{cursor:pointer;width:128px;color:var(--ink-dim);z-index:3;background:0 0;border:none;flex-direction:column;align-items:center;gap:.45rem;padding:0;transition:color .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%,-50%)}.dial-node .dial-node-label{font-family:var(--font-serif);letter-spacing:.04em;white-space:nowrap;color:inherit;font-size:1.45rem;line-height:1.05}.dial-node svg{stroke-width:1.3px;transition:transform .25s}@media (hover:hover){.dial-node:hover{color:var(--ink)}}.dial-node:focus-visible{color:var(--ink)}.dial-node.is-active{color:#fff7e6;text-shadow:0 0 12px #ffeaaa99,0 0 4px #fff0c3b3,0 1px 3px #281a0480}.dial-node.is-active svg{filter:drop-shadow(0 0 7px #ffeaaabf);transform:scale(1.05)}.dial-knob{clip-path:circle(50%);cursor:grab;touch-action:none;z-index:4;border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial-knob.is-dragging{cursor:grabbing}.dial-frost{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(circle,#0000 52%,#00000073 78%,#000c 100%),#8c919b0a;border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 2px 3px #000000b3,inset 0 0 40px #000000d9,inset 0 -6px 20px #000000b3,inset 0 1px 1px #ffffff0d;-webkit-mask:radial-gradient(circle,#0000 0 54%,#000 59%);mask:radial-gradient(circle,#0000 0 54%,#000 59%)}.knob-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 18px 40px #0009);width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dial-knob.is-dragging .knob-image{transition:none}.dial-caption{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.dial-caption-active{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.28em;color:var(--gold-bright);font-size:.85rem;font-weight:500}.dial-caption-hint{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.34em;color:var(--muted);font-size:.62rem;font-weight:400}@media (max-width:1100px){.landing-stage{grid-template-columns:40% 60%}.dial{width:min(54vw,560px)}.landing-identity h1{font-size:clamp(1.6rem,4.4vw,2.7rem)}.landing-identity .tagline{font-size:.85rem}}@media (max-width:820px){.landing-stage{grid-template-columns:1fr;align-items:start;gap:0}.landing-portrait{height:46vh;min-height:0}.landing-portrait img{object-position:66% 30%;transform-origin:66% 30%;transform:scale(1.5)}.landing-portrait:after{background:linear-gradient(#0000 54%,#030303f2 100%),linear-gradient(#0000 0%,#03030352 100%)}.landing-identity{bottom:clamp(1rem,3vh,2rem);left:clamp(1.2rem,5vw,2.2rem);right:1.2rem}.dial-wrap{place-self:center;gap:.8rem;padding:.6rem 1rem}.dial{width:min(82vw,42vh)}}@media (max-width:480px){.landing-portrait{height:44vh}.landing-portrait img{transform:scale(1.65)}.landing-identity h1{font-size:clamp(1.5rem,8vw,2.2rem)}.dial{width:min(88vw,44vh)}.dial-node{width:64px}.dial-node .dial-node-label{font-size:.74rem}}@media (max-width:820px) and (max-height:680px){.landing-portrait{height:36vh}.dial{width:min(70vw,40vh)}}
