:root {
  color-scheme: dark;
  --ink: #e8eadf; --muted: #a8afa6; --dim: #69726b; --bg: #0b100e;
  --panel: #121a16; --line: #2b342d; --lime: #d8ef9d; --warm: #d2ad89;
  --max: 1280px; --radius: 8px;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--bg); color: var(--ink); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button,input { font: inherit; }
button,a,input { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:focus-visible,a:focus-visible,input:focus-visible { outline: 2px solid var(--lime); outline-offset: 5px; }
[hidden] { display: none !important; }
.skip { position: fixed; left: 18px; top: -100px; z-index: 99; padding: 16px; background: var(--lime); color: var(--bg); }
.skip:focus { top: 12px; }
.site-header { height: 84px; padding: 0 max(24px, calc((100vw - var(--max))/2)); border-bottom: 1px solid var(--line); display:flex; align-items:center; gap:28px; background:rgba(11,16,14,.94); position:relative; z-index:5; }
.wordmark { font-size: 16px; font-weight:800; letter-spacing:-.8px; white-space:nowrap; }
.wordmark .wordmark-sub { display:block; font: 9px/1.4 'Courier New',monospace; letter-spacing:3.1px; color:var(--muted); margin-top:4px; }
.site-nav { display:flex; align-items:center; gap:30px; margin-left:auto; font-size:13px; color:var(--muted); }
.site-nav a:hover,.site-nav a[aria-current=page] { color:var(--ink); }
.header-tools { display:flex; gap:14px; align-items:center; }
.language { border:1px solid var(--line); color:var(--ink); background:transparent; padding:9px 10px; border-radius:4px; font:11px 'Courier New',monospace; }
.small-cta { border-left:1px solid var(--line); padding-left:20px; font-size:12px; }
.section { width:min(var(--max),calc(100% - 64px)); margin:0 auto; }
.eyebrow { font:11px/1.5 'Courier New',monospace; letter-spacing:1.8px; text-transform:uppercase; color:var(--lime); margin:0 0 22px; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-weight:540; }
.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:26px; min-height:660px; align-items:center; position:relative; padding-top:50px; padding-bottom:58px; }
.hero h1 { font-size:clamp(48px,6.1vw,88px); line-height:1.01; letter-spacing:-5px; margin:0 0 28px; position:relative; z-index:2; }
.hero h1 span { color:var(--lime); }
.hero-intro { color:var(--muted); font-size:17px; line-height:1.7; max-width:580px; margin-bottom:30px; }
.hero-note { font-size:11px; line-height:1.7; color:var(--muted); margin:18px 0 0; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:32px; min-height:49px; padding:14px 21px; border-radius:4px; font-size:13px; font-weight:600; border:1px solid transparent; transition:background .18s,transform .18s; }
.button.primary { background:var(--lime); color:#162015; }
.button.secondary { border-color:#657456; background:transparent; color:var(--ink); }
.button:hover { transform:translateY(-2px); }
.button.primary:hover { background:#eaf9c4; }
.hero-scene { height:470px; position:relative; isolation:isolate; background:radial-gradient(ellipse at 53% 50%,#26342388,transparent 66%); }
.orbit { position:absolute; inset:21% 4%; border:1px solid #70826277; border-radius:50%; transform:rotate(-32deg); }
.o2 { inset:4% 24%; transform:rotate(25deg); border-color:#53694577; }
.o3 { inset:12% 13%; transform:rotate(-58deg); border-style:dashed; border-color:#3c4b3588; }
.scene-core { position:absolute; width:156px; height:172px; left:calc(50% - 78px); top:calc(50% - 86px); background:linear-gradient(140deg,#c5d99b,#7e9460 52%,#465938); border:1px solid #e0edba99; box-shadow:16px 28px 75px #0008,inset -8px -9px 22px #22301f77; display:flex; flex-direction:column; justify-content:center; align-items:center; transform:perspective(800px) rotateY(-22deg) rotateX(9deg) rotateZ(-7deg); border-radius:22px; }
.scene-core span { font-size:83px; line-height:1; font-weight:750; letter-spacing:-9px; color:#182115; padding-right:8px; }
.scene-core small { color:#213020; font:10px 'Courier New',monospace; letter-spacing:3px; margin-top:9px; }
.scene-node { position:absolute; z-index:3; padding:14px 18px; color:#d4dccd; border:1px solid #536149; background:linear-gradient(120deg,#1b251f,#131d1788); backdrop-filter:blur(12px); box-shadow:0 15px 35px #0006; min-width:142px; font-size:12px; border-radius:5px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.scene-node span { color:var(--lime); font:10px 'Courier New',monospace; }
.n1 { left:8%; top:18%; transform:rotate(-7deg); }.n2 { right:-1%; top:44%; transform:rotate(6deg); }.n3 { bottom:16%; left:9%; transform:rotate(-4deg); }
.scene-coordinate { position:absolute; bottom:2%; right:5%; color:var(--dim); font:9px 'Courier New',monospace; letter-spacing:2px; }
.catalog-section { border-top:1px solid var(--line); padding-top:64px; padding-bottom:82px; }
.section-heading { display:flex; align-items:end; gap:38px; justify-content:space-between; margin-bottom:32px; }
.section-heading h2 { font-size:clamp(29px,3vw,43px); letter-spacing:-1.6px; line-height:1.13; margin:0; max-width:710px; }
.section-heading>p { max-width:260px; font-size:13px; line-height:1.7; color:var(--muted); margin-bottom:0; }
.section-heading .eyebrow { margin-bottom:14px; }
.discovery-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; }
.filter-group { display:flex; gap:6px; flex-wrap:wrap; }
.filter-group button { padding:11px 16px; border:1px solid var(--line); color:var(--muted); background:transparent; font-size:12px; border-radius:3px; }
.filter-group button[aria-pressed=true] { color:var(--ink); background:#263026; border-color:#566447; }
.search { border-bottom:1px solid #59604e; display:flex; gap:10px; align-items:center; width:320px; max-width:100%; }
.search span { font-size:25px; color:var(--muted); }
.search input { min-width:0; width:100%; padding:12px 0; color:var(--ink); background:transparent; border:0; font-size:12px; outline-offset:2px; }
.search input::placeholder { color:var(--muted); }
.catalog-status { display:flex; justify-content:space-between; gap:30px; margin:21px 0; font:10px/1.7 'Courier New',monospace; color:var(--muted); }
.catalog-status p { margin:0; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.product-card { min-width:0; background:#121914; border:1px solid #2e382e; border-radius:8px; overflow:hidden; transition:transform .22s,border-color .22s; }
.product-card:hover { transform:translateY(-5px); border-color:#617150; }
.card-link { display:flex; flex-direction:column; height:100%; }
.card-info { display:flex; flex-direction:column; padding:23px 24px; flex:1; }
.card-meta { display:flex; justify-content:space-between; align-items:center; gap:7px; font:8px/1.5 'Courier New',monospace; color:#adb6a8; margin-bottom:19px; }
.stage { font:9px/1.5 'Courier New',monospace; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.stage:before { content:''; height:5px; width:5px; border-radius:50%; background:#d1ed9b; }
.stage-work { color:#c0c4b6; }.stage-work:before { background:#b7a484; }
.card-info h3 { font-size:27px; letter-spacing:-.8px; margin:0 0 12px; }
.card-info p { color:var(--muted); font-size:13px; line-height:1.75; flex:1; margin:0 0 26px; }
.card-bottom { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--lime); padding-top:15px; border-top:1px solid var(--line); }
.card-bottom>span:last-child { font-size:21px; line-height:1; }
.art { --a:#d2e69e; position:relative; height:216px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 120%,#425c3644,transparent 78%),#18231b; border-bottom:1px solid #34402d; isolation:isolate; }
.art:before { content:''; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(#aab49733 1px,transparent 1px),linear-gradient(90deg,#aab49733 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(transparent,#000); }
.art-caption { position:absolute; bottom:14px; left:18px; font:8px 'Courier New',monospace; letter-spacing:1.3px; color:#c2cab7; }
.art-cross { position:absolute; top:14px; right:19px; color:#96a183; font:13px 'Courier New',monospace; }
.art-object { position:relative; width:154px; height:98px; transform:perspective(500px) rotateX(8deg) rotateY(-12deg) rotateZ(-7deg); }
.art-build .art-object { border:1px solid #c6d4a466; background:#354832; border-radius:7px; box-shadow:12px 16px 0 #1a271daa,23px 30px 0 #83956422; }
.art-build .art-object:before { content:''; display:block; height:14px; border-bottom:1px solid #a9c08588; background:#627747; border-radius:6px 6px 0 0; }
.art-build i { display:block; height:7px; background:#7e966466; margin:11px 13px; width:64%; }.art-build i:first-child { height:17px; width:45%; background:#d0e699; }.art-build i:last-child { display:none; }
.art-matter { --a:#ca986e; background:radial-gradient(ellipse at 50% 110%,#704b2c66,transparent 80%),#241e17; }
.art-matter .art-object { width:122px;height:112px;border:19px solid #b28762; border-radius:50%; background:#131a16; transform:perspective(500px) rotateX(52deg) rotateZ(-25deg); box-shadow:0 23px 0 #68513d,0 31px 0 #463a2d; }
.art-matter .art-object:after { content:'';position:absolute;inset:-42px;border:1px dashed #d4b28f66;border-radius:50%; }
.art-play { background:radial-gradient(ellipse at 50% 75%,#36544b66,transparent 80%),#131e22; }
.art-play .art-object { width:116px; height:110px; background:linear-gradient(135deg,#c9daae 0 50%,#788f71 51%); clip-path:polygon(0 0,100% 10%,76% 100%,37% 71%,0 91%); transform:rotate(-12deg); filter:drop-shadow(5px 20px 0 #0008); }
.art-play:after { content:'';width:14px;height:14px;border-radius:50%;background:#e2d59b;position:absolute;top:42px;right:85px;box-shadow:0 0 45px #e2d59b99; }
.art-evidence,.art-qualify { background:radial-gradient(ellipse at 50% 100%,#38494e77,transparent 70%),#161f22; }
.art-evidence .art-object,.art-qualify .art-object { width:90px;height:112px;border:1px solid #c0cebf77;background:#77877a;box-shadow:12px 8px 0 #44574c,24px 16px 0 #2d4037; }
.art-evidence i,.art-qualify i { display:block;height:4px;margin:17px 13px;background:#d7e6ca99; }
.art-evidence i:nth-child(2),.art-qualify i:nth-child(2) { background:#dcef9b;height:11px; }
.art-lineage .art-object { width:170px;height:110px;transform:rotate(-12deg); }
.art-lineage .art-object:before { content:'';position:absolute;inset:28px 12px;border:1px solid #b8ca91;transform:skewY(-22deg); }
.art-lineage i { position:absolute;width:27px;height:27px;border:1px solid #b8ca91;background:#405436;box-shadow:6px 8px 0 #0c190c88; }
.art-lineage i:nth-child(1){left:0;top:67px}.art-lineage i:nth-child(2){left:70px;top:37px}.art-lineage i:nth-child(3){right:0;top:0}.art-lineage i:nth-child(4){right:0;bottom:0;background:#aabd7e}
.art-reuse .art-object { width:100px;height:100px;border:1px solid #9eac8877;transform:rotate(-24deg) skew(7deg);background:#455a3d;box-shadow:24px 17px 0 #222e25,44px 34px 0 #768f5522; }
.art-reuse i { position:absolute;inset:20px;border:1px solid #d2e69e88; }.art-reuse i:nth-child(2) { inset:-22px;border-style:dashed; }
.art-repair .art-object { width:160px;height:46px;background:linear-gradient(90deg,#778e6144 0 45%,transparent 45% 55%,#b8cd8999 55%);border-top:1px solid #b6cd8999;border-bottom:1px solid #b6cd8999;transform:rotate(-19deg); }
.art-repair .art-object:after { content:'';position:absolute;inset:-22px 63px;border:2px solid #cde592;border-radius:4px; }
.art-qualify .art-object:after { content:'✓';position:absolute;right:-33px;bottom:6px;font-size:45px;color:#dcef9b; }
.art-wardrobe { background:radial-gradient(ellipse at 50% 100%,#69604b44,transparent 70%),#22211d; }
.art-wardrobe .art-object { width:123px;height:117px;border:1px solid #d2b99188;box-shadow:9px 9px 0 #7d6b4433;transform:perspective(400px) rotateY(-18deg); }
.art-wardrobe .art-object:before { content:'';position:absolute;inset:15px 0;border-top:1px solid #baaa8788; }
.art-wardrobe i { position:absolute;top:30px;width:30px;height:57px;background:#ad9c78;clip-path:polygon(0 10%,35% 0,65% 0,100% 10%,82% 42%,75% 33%,75% 100%,25% 100%,25% 33%,18% 42%); }
.art-wardrobe i:nth-child(1){left:18px}.art-wardrobe i:nth-child(2){left:61px;background:#78826b}.art-wardrobe i:nth-child(n+3){display:none}
.collections-section { padding:66px 0 76px; border-top:1px solid var(--line); }
.collection-list { border-top:1px solid var(--line); }
.collection-row { display:flex; align-items:center; gap:30px; padding:27px 8px; border-bottom:1px solid var(--line); transition:padding .2s,background .2s; }
.collection-row:hover { padding-left:19px; background:#172017; }
.collection-code { font:11px 'Courier New',monospace; color:var(--lime); width:30px; }
.collection-row strong { font-size:23px; font-weight:500; letter-spacing:-.4px; }
.collection-row small { display:block; color:var(--muted); font-size:12px; line-height:1.6; margin-top:7px; }
.collection-row>span:last-child { font-size:28px; margin-left:auto; }
.edition-teaser,.editorial { padding:58px 64px; border:1px solid #4c5640; background:linear-gradient(120deg,#283324,#121b15); margin-bottom:80px; position:relative; }
.edition-teaser h2,.editorial h2 { font-size:47px; letter-spacing:-2px; margin-bottom:18px; }
.edition-teaser p:not(.eyebrow),.editorial p:not(.eyebrow) { color:#b9c2b0; font-size:15px; line-height:1.75; max-width:710px; }
.text-link { display:inline-flex; gap:25px; font-size:13px; align-items:center; color:var(--lime); margin-top:12px; }
.site-footer { border-top:1px solid var(--line); padding:45px max(24px,calc((100vw - var(--max))/2)); display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:40px; color:var(--muted); font-size:11px; line-height:1.8; }
.site-footer .wordmark { color:var(--ink); }.site-footer .footer-links { display:flex; gap:17px; margin-top:16px; }.site-footer p { margin-bottom:0; }
.footer-meta { text-align:right; font:9px/1.9 'Courier New',monospace; }
.page-intro { padding-top:80px; padding-bottom:54px; }.page-intro h1 { font-size:clamp(38px,5.5vw,74px); line-height:1.06; letter-spacing:-3px; max-width:990px; margin-bottom:26px; }
.breadcrumb { display:inline-block; color:var(--muted); font-size:11px; margin-bottom:45px; }
.detail-hero { padding-top:40px; padding-bottom:66px; }.detail-layout { display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center; }
.detail-layout h1 { font-size:clamp(38px,5vw,70px); line-height:1.07;letter-spacing:-3px;margin-bottom:20px;overflow-wrap:anywhere; }
.detail-hook { color:var(--lime);font-size:23px;line-height:1.3;letter-spacing:-.6px; }
.detail-layout>.art { height:350px; border:1px solid var(--line);border-radius:12px; }.detail-layout>.art .art-object { scale:1.5; }
.detail-action { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.facts-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;gap:38px; }
.facts-grid h2 { font-size:21px;letter-spacing:-.6px; }.facts-grid .eyebrow { font-size:9px; }.facts-grid p:not(.eyebrow) { color:var(--muted);font-size:14px;line-height:1.8; }.facts-grid .limit .eyebrow{color:var(--warm)}
.audience { padding:70px 0; }.audience h2 { max-width:1000px;font-size:32px;line-height:1.4;letter-spacing:-.8px; }
.related { padding-bottom:70px; }.related-grid { grid-template-columns:repeat(3,1fr); }
.muted { color:var(--muted);font-size:14px;line-height:1.8; }.empty-state{padding:50px;border:1px solid var(--line);text-align:center}.empty-state p { color:var(--muted); }
@media(min-width:1500px){.hero{min-height:700px}.hero-scene{height:510px}}
@media(max-width:1100px){.site-nav{gap:18px}.small-cta{display:none}.hero h1{letter-spacing:-3px}.product-grid{gap:15px}.card-info{padding:20px 18px}.card-meta{flex-wrap:wrap}.card-info h3{font-size:25px}.detail-layout{gap:35px}}
@media(max-width:820px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;padding:20px 24px;gap:18px}.site-nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.header-tools{margin-left:auto}.hero{grid-template-columns:1fr;gap:0;padding-top:44px;min-height:0}.hero h1{font-size:65px}.hero-scene{height:330px;max-width:440px;width:100%;margin:auto}.scene-node{padding:11px 14px}.scene-core{scale:.8}.scene-coordinate{bottom:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-controls{align-items:flex-start;flex-direction:column}.search{width:100%}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-heading>p{max-width:100%}.catalog-status{flex-direction:column;gap:5px}.detail-layout{grid-template-columns:1fr}.detail-layout>.art{height:270px}.facts-grid{grid-template-columns:1fr;gap:24px}.site-footer{grid-template-columns:1fr 1fr}.footer-meta{text-align:left;grid-column:1/-1}.edition-teaser,.editorial{padding:40px}.collection-row strong{font-size:20px}}
@media(max-width:540px){.section{width:calc(100% - 36px)}.site-header{padding:18px}.hero{padding-top:34px;padding-bottom:32px}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-intro{font-size:15px;line-height:1.65}.hero-scene{height:290px;margin-top:8px}.hero-note{font-size:10px}.eyebrow{font-size:10px}.button{font-size:12px;gap:19px}.product-grid{grid-template-columns:1fr}.product-card .art{height:190px}.card-info{padding:23px}.card-meta{font-size:9px}.card-info h3{font-size:29px}.card-info p{font-size:14px}.filter-group button{padding:11px 9px;font-size:10px}.section-heading h2{font-size:33px;letter-spacing:-1px}.catalog-section{padding-top:38px;padding-bottom:44px}.collections-section{padding-top:42px;padding-bottom:44px}.edition-teaser,.editorial{padding:30px 24px;margin-bottom:48px}.edition-teaser h2,.editorial h2{font-size:36px;letter-spacing:-1.5px}.collection-row{gap:15px;padding:24px 0}.collection-row strong{font-size:19px}.collection-row small{font-size:11px}.collection-code{width:20px}.site-footer{grid-template-columns:1fr;gap:23px;padding:32px 18px}.footer-meta{grid-column:auto}.detail-hero{padding-top:27px;padding-bottom:42px}.detail-layout h1{font-size:45px;letter-spacing:-2px}.detail-hook{font-size:21px}.detail-layout>.art{height:245px}.audience h2{font-size:26px}.page-intro{padding-top:44px}.page-intro h1{font-size:44px;letter-spacing:-2px}.related .section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.product-card:hover{transform:none}}

html:not(.js) [data-enhancement], html:not(.js) #language-toggle { display: none; }
