/* Dingin Project 2 / orbital interface */
:root{--cyan:#65dfdc;--mint:#b8f1d0;--ease:cubic-bezier(.2,.75,.25,1)}
:root[data-theme=dark]{--page:#071315;--surface:#0d2022;--text:#e3f3ec;--muted:#97b5ad;--line:#26403c;--soft:#122c2b;--accent:#a5edcb;--header:rgba(7,19,21,.85)}
body{background-image:radial-gradient(ellipse at 85% 0,#246c6012,transparent 45%);font-feature-settings:"ss01" on}a,button{transition-timing-function:var(--ease)}.header-inner{height:94px}.desktop-nav{margin-left:15px;gap:27px}.nav-link{font-size:13px}.nav-beta{font-size:6px;letter-spacing:.7px;border:1px solid var(--line);padding:2px 4px;border-radius:3px;vertical-align:middle;margin-left:4px;color:var(--accent)}.header-cta{background:var(--accent);color:#0a2924;border:1px solid #b8f1d055;box-shadow:0 3px 17px #8df0bd0a}.header-cta:hover{box-shadow:0 3px 25px #8df0bd26}.brand-mark{filter:drop-shadow(0 0 8px #79e4bf1c)}.hero-panel{background:#0b2529;border:1px solid #7edac62e;border-radius:25px;min-height:660px;box-shadow:0 20px 80px #03202225,inset 0 1px 0 #c3ffe70d}.hero-panel:before{background:radial-gradient(ellipse at 75% 35%,#21504e 0,transparent 53%),linear-gradient(135deg,#102e32,#071e25 80%)}.hero-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(370px circle at var(--pointer-x,65%) var(--pointer-y,40%),#b9ffd70a,transparent 75%);z-index:8}.hero h1{font-weight:560;letter-spacing:-5px}.hero h1 span{background:linear-gradient(110deg,#ccf8d7,#86d8d5);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:16px;line-height:1.9;max-width:385px}.hero-eyebrow{font-size:10px;color:#a2d4c1}.hero-eyebrow .live-dot{box-shadow:0 0 14px #8ef2c766}.button{transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s var(--ease);border-radius:9px}.button-ice{background:linear-gradient(110deg,#c0f2d8,#9cddd6);color:#10372f;box-shadow:0 3px 20px #5dd9bd12}.button-ice:hover{box-shadow:0 8px 30px #80efc02b}.hero-footnote{gap:10px;font-size:9px;letter-spacing:1.2px;color:#a4c8b9;margin-top:38px}.beta-label{color:#a5e5be;border:1px solid #a5e5be33;background:#8cf8c00a;font-size:7px;border-radius:4px;padding:3px 6px;letter-spacing:.8px}.inline-update{background:none;font-size:10px;color:#9bbdb2;margin-left:12px;padding:5px;letter-spacing:0}.inline-update:hover{color:#d5f9df}.hero-art{overflow:visible}.art-grid{opacity:.17;background-size:37px 37px}.ice-orb{box-shadow:inset -23px -27px 39px #002a3266,inset 7px 4px 12px #e4ffe8cc,0 0 100px #9aead52e,0 30px 75px #041e2480}.orbit-three{animation:orbit-turn 65s linear infinite;border-style:dashed;border-color:#a2dfca24}.orbit-one{border-color:#9ee9d33b}.float-tag{border-color:#b9f4db36;transition:transform .8s var(--ease),box-shadow .4s;background:linear-gradient(125deg,#7ccab721,#0d2b2de3);box-shadow:0 10px 35px #00151936}.tag-tools{animation:tag-float-one 9s ease-in-out infinite}.tag-projects{animation:tag-float-two 11s ease-in-out infinite}.crystal-mark{filter:drop-shadow(0 2px 1px #276267) drop-shadow(0 0 8px #f1ffee44)}.crosshair-one{animation:cross-spin 25s linear infinite}.hero-copy>*{animation:entrance .85s var(--ease) both}.hero-copy>h1{animation-delay:.08s}.hero-copy>p{animation-delay:.16s}.hero-actions{animation-delay:.23s}.hero-footnote{animation-delay:.3s}.hero-art{animation:art-entrance 1.3s var(--ease) both}.intro-line{padding-block:29px}.section-heading h2{font-size:46px;letter-spacing:-2px}.section-heading>p{font-size:13px}.section-label{font-size:10px}.collection-toolbar{margin-bottom:28px}.filter{font-size:12px;padding:9px 17px}.collection-search{max-width:290px;padding:11px 13px;background:var(--surface)}.collection-search input{font-size:12px}.collection-card{border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--page));transition:transform .45s var(--ease),border-color .4s,box-shadow .4s}.collection-card:hover{transform:translateY(-7px);border-color:#86c3ac;box-shadow:0 20px 45px #031d2422}.card-art{border-radius:0;height:250px}.art-arus{background:radial-gradient(ellipse at 75% 20%,#d2f2d9,transparent 75%),#a8d6cd}.art-tools{background:radial-gradient(ellipse at 20% 20%,#e5e9d0,transparent 75%),#cbd9c0}.art-lab{background:#0d3237}.card-content{padding:24px}.card-content h3{font-size:22px;letter-spacing:-.6px}.card-content>p{font-size:13px;line-height:1.9;min-height:76px}.card-meta>span:first-child{font-size:9px}.status{font-size:9px;padding:3px 8px}.status-blue{background:#9ef5cb12;border-color:#9ef5cb20}.card-content>.text-link{font-size:12px;padding-top:19px}.collection-note{font-size:11px}.about-heading h2{font-size:48px}.about-heading>p{font-size:13px;max-width:395px}.about-heading>.text-link{font-size:12px}.principle{padding-block:27px}.principle h3{font-size:19px}.principle p{font-size:13px}.next-panel{background:linear-gradient(120deg,#c9e8d6,#9fcac2);border:1px solid #cdf7dc55}.next-panel:before{background:radial-gradient(ellipse at 85% 30%,#75b5a826,transparent 60%)}.next-panel h2{font-size:48px}.next-panel p{font-size:13px}.next-art svg{animation:cross-spin 60s linear infinite}.footer-links{gap:20px;font-size:12px;flex-wrap:wrap}.footer-links button{font-size:12px}.footer-top{gap:35px}.footer-bottom{font-size:10px}.footer-top>p{font-size:12px}.detail-dialog,.search-dialog{border-color:#8fd7bc36;border-radius:19px;box-shadow:0 0 0 1px #0002,0 35px 100px #0005}dialog::backdrop{background:#00131999;backdrop-filter:blur(12px)}dialog[open]{animation:popup-in .32s var(--ease)}.dialog-head{padding:19px 25px}.dialog-footer{padding:21px 27px}.dialog-head .eyebrow{font-size:10px}#dialog-body{padding:34px}#dialog-body h2{font-size:36px;line-height:1.15}.popup-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.popup-capabilities span{background:var(--soft);border:1px solid var(--line);padding:6px 11px;border-radius:6px;font-size:11px;color:var(--accent)}.popup-launch{margin-top:25px;width:100%;justify-content:space-between}.shortcut-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.shortcut-row kbd{font-size:11px}.shortcut-note{margin-top:22px!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease) var(--reveal-delay,0ms),transform .8s var(--ease) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.collection-card.reveal.is-visible:hover{transform:translateY(-7px)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 19px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:13px;z-index:200;box-shadow:0 12px 45px #0003;animation:entrance .25s var(--ease)}
@keyframes entrance{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes art-entrance{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes orbit-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes tag-float-one{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes tag-float-two{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(9px) rotate(3deg)}}@keyframes cross-spin{to{transform:rotate(360deg)}}@keyframes popup-in{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:1100px){.desktop-nav{gap:20px;margin-left:0}.header-actions{gap:6px}.hero-copy>p{font-size:14px;max-width:320px}.card-art{height:221px}.card-content{padding:21px}.card-content h3{font-size:20px}.card-content>p{font-size:12px;min-height:90px}.about-heading h2{font-size:42px}.footer-top>p{display:none}}
@media(max-width:850px){.hero-copy{width:61%}.hero-art{left:52%}.desktop-nav{gap:17px}.nav-link{font-size:12px}.nav-beta{display:none}.hero-panel{min-height:570px}.hero-copy>p{font-size:13px;max-width:280px}.hero h1{letter-spacing:-3px}.hero-footnote{flex-wrap:wrap;gap:7px;max-width:290px;font-size:8px}.inline-update{margin-left:6px}.card-art{height:190px}.card-content{padding:17px}.card-content h3{font-size:18px;min-height:45px}.card-content>p{font-size:12px;min-height:125px}.card-meta>span:first-child{font-size:7px}.status{font-size:7px}.about-heading h2{font-size:37px}.principle p{font-size:12px}.principle h3{font-size:17px}.footer-links{gap:17px}}
@media(max-width:620px){.header-inner{height:78px}.hero-panel{min-height:840px;border-radius:18px}.hero-copy{width:100%;padding-top:36px}.hero h1{font-size:clamp(53px,12.5vw,73px);letter-spacing:-3px}.hero-copy>p{font-size:14px;max-width:310px}.hero-art{top:395px;left:0;bottom:40px;overflow:hidden}.hero-footnote{margin-top:24px;max-width:none;font-size:8px}.inline-update{display:inline-block;pointer-events:auto;font-size:9px;margin:0}.hero-eyebrow{font-size:8px}.hero-actions{gap:24px}.hero-actions .button{font-size:12px}.hero-secondary{font-size:12px}.card-art{height:255px}.card-content{padding:24px}.card-content h3{font-size:24px;min-height:0}.card-content>p{font-size:14px;min-height:0}.card-meta>span:first-child{font-size:9px}.status{font-size:9px}.section-heading h2{font-size:35px}.section-heading>p{font-size:13px}.filters{gap:2px}.filter{padding:8px 12px;font-size:11px}.collection-search{min-width:135px;max-width:none;padding:10px}.collection-toolbar{gap:10px}.collection-note{font-size:10px}.about-heading h2{font-size:40px}.about-heading>p{font-size:14px}.principle h3{font-size:18px}.principle p{font-size:13px}.next-panel h2{font-size:40px}.next-panel{min-height:515px}.next-panel p{font-size:13px}.next-art{bottom:15px}.footer-links{gap:19px}.footer-bottom{font-size:9px}#dialog-body{padding:25px}#dialog-body h2{font-size:30px}.shortcut-row{font-size:12px;align-items:center}.shortcut-row kbd{font-size:9px}.hero-panel:after{display:none}.toast{max-width:calc(100% - 32px);width:max-content}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-copy>*,.hero-art{animation:none!important}.hero-art{filter:none}.orbit-three,.float-tag,.next-art svg{animation:none!important}}
:root[data-motion=reduced]{scroll-behavior:auto}:root[data-motion=reduced] *, :root[data-motion=reduced] *::before, :root[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-motion=reduced] .reveal{opacity:1;transform:none}:root[data-motion=reduced] .hero-art{filter:none}