:root{color-scheme:dark;--bg:#111310;--ink:#f0f0e7;--muted:#999e90;--accent:#d3ed94}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#33402a22,transparent 60%)}
.page{max-width:1800px;min-height:100svh;margin:auto;padding:0 clamp(24px,5.5vw,104px);display:flex;flex-direction:column;position:relative}
.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1c}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:600;letter-spacing:-.7px}
.brand-light{font-weight:400;color:#b6bbae}.monogram{width:38px;height:38px;border:1px solid #d3ed9466;display:grid;place-items:center;font-size:28px;font-weight:500;color:var(--accent);border-radius:50%;letter-spacing:-3px;padding-right:3px;padding-bottom:3px}
.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#b6bbae;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px #d3ed9444}
main{flex:1;min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;padding:72px 0 80px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:14px;margin:0 0 34px}.eyebrow>span{width:28px;height:1px;background:var(--accent)}
h1{font-size:clamp(76px,9.5vw,156px);line-height:.94;letter-spacing:-.075em;font-weight:400;margin:0;position:relative;width:fit-content}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.065em}.note{font-size:15px;line-height:1.7;color:var(--muted);margin:38px 0 0}
.art{position:relative;justify-self:center;width:min(100%,510px);aspect-ratio:1;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d3ed9409 1px,transparent 1px),linear-gradient(90deg,#d3ed9409 1px,transparent 1px);background-size:51px 51px;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%)}.sphere{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 30% 26%,#e1edc6 0%,#aebd8d 17%,#68754d 38%,#303b25 64%,#171d14 80%);box-shadow:inset -14px -14px 40px #0008,0 24px 100px #9ebc5e0d;z-index:1}.sphere::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 20% 25%,transparent 0px,transparent 3px,#0d150c12 4px,transparent 5px);opacity:.55}.orbital{position:absolute;inset:6%;border:1px solid #bbd58d55;border-radius:50%;transform:rotate(-35deg) scaleY(.38);z-index:2}.orbital-two{inset:1%;transform:rotate(43deg) scaleY(.49);border-color:#bbd58d25;z-index:0}.orbital-three{inset:10%;transform:rotate(83deg) scaleY(.43);border-color:#bbd58d33}.orbital-one::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:12%;top:14%;box-shadow:0 0 15px #d3ed9466}.art-cross{position:absolute;font:16px monospace;color:#727c62}.cross-one{left:5%;top:13%}.cross-two{right:5%;bottom:13%}.art-caption{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:5px;color:#707764}
footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;font-size:11px;letter-spacing:.3px;color:#777f70}.footer-note{display:flex;align-items:center;gap:40px}.footer-note>span{font-size:19px;color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
@media(min-width:1500px){main{min-height:740px}}
@media(max-width:760px){.masthead{min-height:88px}.brand{font-size:16px;gap:10px}.monogram{width:32px;height:32px;font-size:24px}.status{font-size:9px;letter-spacing:1px}main{grid-template-columns:1fr;padding:62px 0 34px;min-height:0;gap:15px}.eyebrow{font-size:9px;margin-bottom:28px}h1{font-size:clamp(76px,16vw,120px)}.note{margin-top:27px;font-size:14px}.art{width:min(78vw,350px);margin-top:-8px}footer{min-height:76px;font-size:10px}.footer-note{gap:18px}}
@media(max-width:380px){.status{gap:6px;font-size:8px;letter-spacing:.5px}.brand{font-size:14px}.monogram{width:28px;height:28px}.page{padding:0 20px}.footer-note{gap:8px}}

/* Quiet continuous motion; lighting stays fixed while the surface turns. */
.sphere { animation: planet-float 8s ease-in-out infinite; overflow: hidden; }
.sphere::after { animation: planet-surface 48s linear infinite; }
.orbital-one { animation: orbit-one 32s linear infinite; }
.orbital-two { animation: orbit-two 46s linear infinite; }
.orbital-three { animation: orbit-three 58s linear infinite; }
.orbital-one::after {
  left: 0; top: 0;
  offset-path: ellipse(50% 50% at 50% 50%);
  offset-distance: 0%;
  animation: satellite-orbit 12s linear infinite;
}
@keyframes planet-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes planet-surface { to { transform: rotate(360deg); } }
@keyframes orbit-one {
  from { transform: rotate(-35deg) scaleY(.38); }
  to { transform: rotate(325deg) scaleY(.38); }
}
@keyframes orbit-two {
  from { transform: rotate(43deg) scaleY(.49); }
  to { transform: rotate(-317deg) scaleY(.49); }
}
@keyframes orbit-three {
  from { transform: rotate(83deg) scaleY(.43); }
  to { transform: rotate(443deg) scaleY(.43); }
}
@keyframes satellite-orbit { to { offset-distance: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .sphere, .sphere::after, .orbital, .orbital-one::after { animation: none; }
}

/* Complete rear rings sit behind the opaque planet; only the near halves overlay it. */
.orbital { z-index: 0; }
.orbital.front { z-index: 2; clip-path: polygon(-10% 50%,110% 50%,110% 110%,-10% 110%); }
.starfield { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.starfield i { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #e6edda; opacity: .2; animation: starlight 5s ease-in-out infinite alternate; }
.starfield i:nth-child(3n) { width: 3px; height: 3px; box-shadow: 0 0 6px #d3ed9433; animation-duration: 7s; }
.starfield i:nth-child(4n) { animation-duration: 9s; }
.starfield i:nth-child(1) { left: 7%; top: 19%; animation-delay: -2s; }
.starfield i:nth-child(2) { left: 18%; top: 31%; animation-delay: -5s; }
.starfield i:nth-child(3) { left: 32%; top: 17%; animation-delay: -1s; }
.starfield i:nth-child(4) { left: 48%; top: 26%; animation-delay: -6s; }
.starfield i:nth-child(5) { left: 63%; top: 12%; animation-delay: -3s; }
.starfield i:nth-child(6) { left: 82%; top: 22%; animation-delay: -4s; }
.starfield i:nth-child(7) { left: 94%; top: 35%; animation-delay: -7s; }
.starfield i:nth-child(8) { left: 5%; top: 58%; animation-delay: -3s; }
.starfield i:nth-child(9) { left: 26%; top: 76%; animation-delay: -5s; }
.starfield i:nth-child(10) { left: 42%; top: 69%; animation-delay: -1s; }
.starfield i:nth-child(11) { left: 56%; top: 48%; animation-delay: -4s; }
.starfield i:nth-child(12) { left: 91%; top: 72%; animation-delay: -2s; }
.starfield i:nth-child(13) { left: 68%; top: 87%; animation-delay: -6s; }
.starfield i:nth-child(14) { left: 13%; top: 87%; animation-delay: -1s; }
.starfield i:nth-child(15) { left: 77%; top: 56%; animation-delay: -5s; }
.starfield i:nth-child(16) { left: 38%; top: 90%; animation-delay: -3s; }
.starfield i:nth-child(17) { left: 53%; top: 7%; animation-delay: -4s; }
.starfield i:nth-child(18) { left: 88%; top: 10%; animation-delay: -6s; }
.starfield i:nth-child(19) { left: 22%; top: 51%; animation-delay: -2s; }
.starfield i:nth-child(20) { left: 60%; top: 73%; animation-delay: -7s; }
.starfield i:nth-child(21) { left: 96%; top: 91%; animation-delay: -3s; }
.starfield i:nth-child(22) { left: 73%; top: 34%; animation-delay: -5s; }
.starfield i:nth-child(23) { left: 35%; top: 42%; animation-delay: -4s; }
.starfield i:nth-child(24) { left: 8%; top: 8%; animation-delay: -1s; }
@keyframes starlight { from { opacity: .1; transform: scale(.7); } to { opacity: .65; transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .starfield i { animation: none; opacity: .3; } }

/* Shared navigation and the product preview. */
.header-actions { display:flex; align-items:center; gap:32px; }
.nav-link { color:#bec4b4; text-decoration:none; font-size:12px; transition:color .2s; }
.nav-link:hover, .nav-link[aria-current="page"] { color:var(--accent); }
.nav-link[aria-current="page"] { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.products-main { display:block; padding:76px 0 55px; min-height:0; }
.products-intro h1 { font-size:clamp(64px,8vw,116px); }
.products-intro .note { margin-top:24px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:58px; }
.product-card { padding:28px; border:1px solid #d3ed9426; border-radius:3px; background:linear-gradient(145deg,#d3ed9408,#111310aa); transition:border-color .25s,background .25s; }
.product-card:hover { border-color:#d3ed9455; background:linear-gradient(145deg,#d3ed9410,#111310aa); }
.card-top, .card-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.product-number { font:12px monospace; color:var(--accent); }
.product-tag { font-size:8px; letter-spacing:1.8px; color:var(--muted); }
.product-symbol { width:70px; height:70px; margin:42px 0 36px; display:grid; place-items:center; position:relative; color:#d3ed9499; }
.product-symbol::before, .product-symbol::after, .product-symbol span { content:""; display:block; position:absolute; border:1px solid currentColor; }
.symbol-1::before { width:55px; height:55px; border-radius:50%; }
.symbol-1::after { width:55px; height:22px; border-radius:50%; transform:rotate(-40deg); }
.symbol-2::before { width:44px; height:44px; transform:rotate(45deg); }
.symbol-2::after { width:30px; height:30px; transform:rotate(45deg); opacity:.45; }
.symbol-3::before { width:58px; height:58px; border-radius:50%; }
.symbol-3::after { width:34px; height:34px; border-radius:50%; opacity:.6; }
.symbol-3 span { width:8px; height:8px; border-radius:50%; background:var(--accent); border:0; }
.product-card h2 { margin:0 0 14px; font-size:clamp(21px,2.2vw,30px); font-weight:400; letter-spacing:-1px; }
.title-dot { color:var(--accent); }
.product-card p { color:var(--muted); font-size:12px; line-height:1.8; margin:0; }
.card-bottom { border-top:1px solid #ffffff12; padding-top:19px; margin-top:34px; color:#929b85; font-size:10px; }
.card-bottom>span:last-child { color:var(--accent); }
.back-link { display:inline-flex; gap:12px; margin-top:35px; font-size:12px; color:#aab29d; text-decoration:none; }
.back-link:hover { color:var(--accent); }
@media(max-width:900px) { .product-card { padding:22px; } .product-grid { gap:14px; } }
@media(max-width:760px) {
 .masthead { flex-wrap:wrap; padding:23px 0; row-gap:22px; }
 .header-actions { gap:16px; } .nav-link { font-size:11px; }
 .header-actions .status { display:none; }
 .products-main { padding:52px 0 40px; }
 .products-intro h1 { font-size:clamp(64px,13vw,90px); }
 .product-grid { grid-template-columns:1fr; margin-top:38px; gap:18px; }
 .product-card { padding:26px; } .product-symbol { margin:28px 0; }
 .product-card h2 { font-size:28px; }
}

/* Final visual refinement: clearer hierarchy, quiet depth, comfortable controls. */
::selection { background:var(--accent); color:var(--bg); }
html { scroll-behavior:smooth; }
.skip-link { position:fixed; z-index:20; left:20px; top:16px; padding:12px 18px; background:var(--accent); color:var(--bg); transform:translateY(-150%); text-decoration:none; border-radius:4px; }
.skip-link:focus { transform:translateY(0); }
.masthead { position:relative; }
.masthead::after { content:""; position:absolute; left:0; bottom:-1px; width:42px; height:1px; background:var(--accent); opacity:.65; }
.brand { min-height:44px; transition:opacity .2s; }
.brand:hover { opacity:.8; }
.header-actions nav { display:flex; align-items:center; gap:7px; }
.nav-link { display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; min-height:44px; border:1px solid transparent; border-radius:30px; }
.nav-link:hover { background:#d3ed9408; }
.nav-link[aria-current="page"] { background:#d3ed9408; border-color:#d3ed9426; text-decoration:none; }
.header-actions { gap:24px; }
.header-actions .status { padding-left:23px; border-left:1px solid #ffffff1c; font-size:9px; }
.note { color:#aab09f; line-height:1.85; }
.explore-link { display:inline-flex; align-items:center; gap:30px; margin-top:30px; padding:7px 7px 7px 21px; min-height:48px; border:1px solid #d3ed9440; border-radius:40px; color:var(--ink); font-size:12px; text-decoration:none; transition:border-color .25s,background .25s; }
.link-arrow { display:grid; place-items:center; width:34px; height:34px; background:var(--accent); color:#222b17; border-radius:50%; font-size:19px; transition:transform .25s; }
.explore-link:hover { background:#d3ed940a; border-color:#d3ed9477; }
.explore-link:hover .link-arrow { transform:rotate(45deg); }
.art::before { content:""; position:absolute; inset:4%; background:radial-gradient(ellipse,#b9da6220,transparent 66%); filter:blur(20px); z-index:-1; }
.art-caption { display:flex; align-items:center; justify-content:center; white-space:nowrap; gap:12px; font-size:8px; letter-spacing:2px; color:#899478; }
.caption-divider { height:1px; width:22px; background:#d3ed9440; }
footer { color:#9aa18f; }
.footer-brand { color:inherit; text-decoration:none; display:inline-flex; align-items:center; min-height:44px; }
.footer-brand:hover { color:var(--accent); }
.products-intro { display:grid; grid-template-columns:1fr auto; column-gap:40px; align-items:end; }
.products-intro .eyebrow, .products-intro h1, .products-intro .note { grid-column:1; }
.collection-note { grid-column:2; grid-row:2 / 4; padding:0 0 8px 24px; border-left:1px solid #d3ed9433; }
.collection-count { font-size:40px; font-weight:400; letter-spacing:-2px; color:var(--accent); }
.collection-count>span { font:9px monospace; color:var(--muted); letter-spacing:1px; margin-left:10px; }
.collection-note p { color:#a4ad96; font-size:12px; line-height:1.9; margin:14px 0 0; }
.product-grid { gap:24px; }
.product-card { padding:25px; overflow:hidden; border-radius:6px; background:linear-gradient(145deg,#1c2118,#141711); transition:transform .35s,border-color .35s,box-shadow .35s; }
.product-card:hover { background:linear-gradient(145deg,#222a1b,#151a12); }
.product-tag { border:1px solid #d3ed9426; padding:6px 8px; border-radius:30px; font-size:8px; letter-spacing:1px; color:#aeb89e; }
.product-stage { position:relative; display:grid; place-items:center; min-height:166px; margin:22px -25px 27px; overflow:hidden; background:radial-gradient(ellipse at center,#a7cd6f0c,transparent 70%); }
.product-stage::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#d3ed9409 1px,transparent 1px),linear-gradient(90deg,#d3ed9409 1px,transparent 1px); background-size:28px 28px; mask-image:radial-gradient(ellipse,#000,transparent 72%); }
.product-stage::after { content:""; position:absolute; left:25px; right:25px; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#d3ed9426,transparent); }
.stage-index { position:absolute; right:18px; bottom:0; font-size:125px; font-weight:400; line-height:1; letter-spacing:-8px; color:#d3ed9406; }
.stage-cross { position:absolute; right:26px; top:13px; color:#d3ed9444; font:13px monospace; }
.product-symbol { width:90px; height:90px; margin:0; color:#d3ed94aa; transition:transform .6s; }
.symbol-1::before { width:68px; height:68px; }
.symbol-1::after { width:82px; height:27px; }
.symbol-2::before { width:52px; height:52px; }
.symbol-2::after { width:34px; height:34px; }
.symbol-3::before { width:74px; height:74px; }
.symbol-3::after { width:44px; height:44px; }
.product-card h2 { font-size:clamp(22px,2.2vw,30px); }
.product-card p { color:#aab29d; }
.card-bottom { margin-top:28px; color:#a7b095; }
.card-bottom>span:first-child { display:flex; align-items:center; gap:7px; }
.pending-dot { width:4px; height:4px; background:#c5d6a6; border-radius:50%; }
.back-link { min-height:44px; align-items:center; margin-top:26px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .product-card:hover { transform:translateY(-5px); box-shadow:0 16px 45px #0002; }
 .product-card:hover .symbol-1 { transform:rotate(-15deg); }
 .product-card:hover .symbol-2 { transform:rotate(90deg); }
 .product-card:hover .symbol-3 { transform:scale(1.12); }
}
@media(prefers-reduced-motion:no-preference) {
 .hero-copy,.products-intro { animation:arrive .85s cubic-bezier(.2,.65,.3,1) both; }
 .art { animation:arrive 1.2s .12s cubic-bezier(.2,.65,.3,1) both; }
 .product-card { animation:arrive .75s .12s cubic-bezier(.2,.65,.3,1) backwards; }
 .product-card:nth-child(2) { animation-delay:.22s; }
 .product-card:nth-child(3) { animation-delay:.32s; }
}
@keyframes arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1000px) { .header-actions { gap:14px; } .header-actions .status { padding-left:14px; } }
@media(max-width:760px) {
 .masthead { gap:12px; row-gap:10px; padding:17px 0; }
 .header-actions nav { gap:2px; } .nav-link { padding:10px 12px; font-size:11px; }
 .home-main { padding-top:50px; gap:25px; }
 .home-main .note { margin-top:24px; }
 .explore-link { margin-top:24px; }
 .art { width:min(84vw,370px); margin-top:0; }
 .products-intro { display:block; }
 .collection-note { display:flex; justify-content:space-between; align-items:center; margin-top:31px; padding:15px 0 0; border-left:0; border-top:1px solid #d3ed9426; gap:20px; }
 .collection-count { font-size:28px; } .collection-count>span { font-size:8px; margin-left:6px; }
 .collection-note p { margin:0; font-size:11px; }
 .product-card { padding:24px; } .product-stage { margin-left:-24px; margin-right:-24px; min-height:155px; }
 .product-grid { margin-top:29px; gap:18px; }
 .product-symbol { margin:0; }
}
@media(max-width:470px) {
 .masthead { justify-content:center; padding-top:20px; padding-bottom:12px; }
 .brand { justify-content:center; } .header-actions { width:100%; justify-content:center; }
 .header-actions nav { width:100%; justify-content:center; }
 .nav-link { min-width:100px; } .home-main { padding-top:43px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none !important; transition:none !important; }
}
.collection-count { white-space:nowrap; }

@font-face {
 font-family:"Manrope"; font-style:normal; font-weight:500; font-display:swap;
 src:url("/fonts/manrope-medium.ttf") format("truetype");
}
.home-main .hero-title {
 font-family:"Manrope",Arial,sans-serif; font-weight:500;
 font-size:clamp(68px,8.7vw,142px); line-height:1.03; letter-spacing:-.065em;
}
.hero-title .next-line { display:block; color:var(--accent); }
@media(max-width:760px) {
 .home-main .hero-title { font-size:clamp(60px,16.5vw,108px); line-height:1.06; letter-spacing:-.06em; }
}

.products-page { font-family:"Manrope",Arial,sans-serif; font-weight:500; }
.products-intro h1 { font-family:"Manrope",Arial,sans-serif; font-weight:500; font-size:clamp(64px,7.8vw,124px); line-height:1.04; letter-spacing:-.065em; }
.product-title-line { display:block; color:var(--accent); }
.products-page .product-card h2 { font-family:"Manrope",Arial,sans-serif; font-weight:500; letter-spacing:-.045em; font-size:clamp(22px,2vw,28px); }
.products-page .product-card p { font-size:12px; line-height:1.9; max-width:28ch; }
.products-page .collection-note { max-width:240px; }
.products-page .product-grid { margin-top:48px; }
.products-page .product-stage { min-height:180px; }
.products-page .card-bottom { padding-top:20px; margin-top:27px; }
@media(max-width:760px) {
 .products-intro h1 { font-size:clamp(56px,13.5vw,94px); line-height:1.08; }
 .products-page .collection-note { max-width:none; }
 .products-page .product-grid { margin-top:28px; }
 .products-page .product-stage { min-height:145px; }
 .products-page .product-card h2 { font-size:27px; }
}