@font-face{font-family:Cinzel;src:url('/ucc/font.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:#101919;color:#edeae1;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e7c887;outline-offset:4px}
::selection{background:#cfb174;color:#101919}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400}
h1,h2{font-family:Cinzel,Georgia,serif;line-height:1.15;letter-spacing:-.035em}
em{font-style:normal;color:#d3b77c}
.eyebrow{font-size:10px;letter-spacing:.21em;color:#cfb982;font-weight:700;margin-bottom:18px}
h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:18px}
.section{max-width:1340px;padding:72px 56px;margin:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;left:15px;top:-60px;background:#d3b77c;color:#111;padding:8px 15px;z-index:50}
.skip:focus{top:10px}
#main:focus{outline:none}
[hidden]{display:none!important}
.small-note{font-size:11px!important;color:#8b9c8f!important}
.inline-link,.faq-list a{color:#d3b77c;text-decoration:underline}

/* Header */
.header{height:76px;display:flex;align-items:center;gap:18px;max-width:1440px;margin:auto;padding:0 56px;border-bottom:1px solid #ffffff12}
.brand{display:flex;align-items:center;gap:12px}
.brand img{border-radius:10px}
.brand>span{font-family:Cinzel,serif;font-size:24px;line-height:1.1}
.brand small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.15em;margin-top:5px;color:#bdbdaf}
.header nav{display:flex;gap:28px;font-size:12px;color:#b7beb4;margin-left:auto}
.header nav a:hover,.text-link:hover{color:#e5c785}
.language-picker select{font:11px Arial,sans-serif;color:#e4d6b8;background:#172220;border:1px solid #b4a27155;border-radius:0;padding:9px 8px;max-width:125px}
.nav-cta{border:1px solid #baaa7955;padding:9px 16px;font-size:11px;white-space:nowrap}
.nav-cta span[aria-hidden]{margin-left:10px;color:#d3b77c}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;font-size:12px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}
.button:hover:not(:disabled){transform:translateY(-2px)}
.button:disabled{opacity:.5}
.gold{background:#d5bc85;color:#172020}
.gold:hover:not(:disabled){background:#edd5a3}
.outline{border-color:#b2ac8255;color:#d5d8c9;background:none}
.outline:hover{background:#ffffff08}
.text-link{background:none;border:0;padding:0;font-size:11px;color:#c2c8bb}

/* Hero: set strip on top, copy and the selected set's cards side by side */
.hero{max-width:1440px;margin:auto;padding:26px 56px 40px;overflow:hidden}
.strip-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.strip-bar .eyebrow{margin:0}
.strip-filters{display:flex;flex-wrap:wrap;gap:4px}
.filter{border:1px solid transparent;background:transparent;color:#9ca89f;padding:6px 10px;font-size:10px;white-space:nowrap}
.filter.active{border-color:#bda66b77;color:#e5ce9a;background:#d3b77c08}
.filter span{opacity:.6;margin-left:4px}
.set-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:14px 2px 12px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#4d5a4f transparent}
.set-tile{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 6px 8px;background:#152120;border:1px solid #ffffff12;scroll-snap-align:start;min-width:0}
.set-tile:hover,.set-tile:focus-visible{border-color:#c8b17899;background:#1b2925}
.set-tile[aria-pressed="true"]{border-color:#cfb77e;background:#253128}
.set-tile img{width:52px;height:74px;object-fit:contain}
.set-tile span{font-family:Cinzel,serif;font-size:10px;line-height:1.3;text-align:center;color:#ddd5c0;overflow-wrap:anywhere}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;margin-top:18px}
.hero h1{font-size:clamp(34px,3.9vw,54px);margin-bottom:18px}
.intro{font-size:15px;color:#c3c6bb;max-width:430px;margin-bottom:24px}
.set-panel{border-left:2px solid #d3b77c;padding:2px 0 2px 16px;margin-bottom:22px}
.set-panel h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:4px}
.set-meta{font-size:11px;color:#a6b39f;margin:0;letter-spacing:.03em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-links{margin:18px 0 0}
.prototype-note{font-size:9px;color:#85938a;margin:10px 0 0}
.tabletop{position:relative;aspect-ratio:1/1;max-width:600px;width:100%;margin-left:auto;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#2c3a33 0,#16231f 55%,transparent 72%)}
.table-card{position:absolute;width:30%;padding:0;border:0;background:none;border-radius:6px;box-shadow:0 14px 26px #0009;left:var(--x);top:var(--y);transform:rotate(var(--r));z-index:var(--z);touch-action:manipulation;transition:transform .2s,box-shadow .2s}
.table-card img{border-radius:6px;width:100%}
.table-card:hover,.table-card:focus-visible{transform:rotate(0) scale(1.04);box-shadow:0 20px 40px #000b;z-index:20}
.slot-0{--x:3%;--y:2%;--r:-14deg;--z:1}
.slot-1{--x:35%;--y:0%;--r:5deg;--z:2}
.slot-2{--x:67%;--y:3%;--r:14deg;--z:3}
.slot-3{--x:5%;--y:29%;--r:9deg;--z:4}
.slot-4{--x:35%;--y:27%;--r:-4deg;--z:9}
.slot-5{--x:66%;--y:30%;--r:-11deg;--z:5}
.slot-6{--x:19%;--y:55%;--r:-7deg;--z:6}
.slot-7{--x:51%;--y:56%;--r:10deg;--z:7}

/* Details: one section, three sub-tabs */
.details{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;border-top:1px solid #ffffff12}
.details-art{position:relative;display:grid;place-items:center;min-height:420px;isolation:isolate}
.details-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#b074351c,transparent 65%)}
.details-art img{width:min(300px,70%);border-radius:7px;box-shadow:0 25px 55px #0008;transform:rotate(-5deg)}
.details-art img.details-object{transform:rotate(6deg)}
.details-art img.details-project{width:min(220px,55%);box-shadow:none;transform:none}
.details-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff17;margin-bottom:26px}
.details-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;color:#89988d;font-size:12px}
.details-tabs button[aria-selected="true"]{border-color:#d3b77c;color:#e5ce9a}
.details-panel>p:not(.small-note){font-size:13px;color:#a4afa4;max-width:560px}
.finish-tabs{display:flex;gap:6px;margin:20px 0 16px}
.finish-tabs button{background:none;border:1px solid #ffffff1a;padding:7px 12px;color:#9aa79c;font-size:11px}
.finish-tabs button.active{border-color:#d3b77c99;color:#e5ce9a}
.details-panel h3{font-family:Cinzel,serif;font-size:20px;margin-bottom:8px}
.stats{display:flex;gap:36px;margin:26px 0}
.stats dt{font-family:Cinzel,serif;font-size:27px;color:#e6dcc0}
.stats dd{font-size:10px;margin:4px 0 0;color:#8d9a90}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:26px 0 0}
.steps li{border-top:1px solid #ffffff20;padding-top:14px}
.steps li.current{border-color:#d3b77c}
.steps li>span{font-family:Cinzel,serif;color:#d3b77c;font-size:20px}
.steps h3{font-size:15px!important;font-family:Arial,sans-serif!important;margin:8px 0 4px!important}
.steps p{font-size:12px;color:#93a498;margin-bottom:6px}
.steps small{font-size:8px;letter-spacing:.14em;color:#c7b77d}

/* Interest form */
.interest-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;border-top:1px solid #cfb98233}
.interest-copy>p:not(.eyebrow):not(.small-note){font-size:14px;color:#c3c6bb}
.interest-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
#interest-form label{display:grid;gap:6px;margin:0 0 14px;font-size:12px;color:#c9ccc0}
#interest-form input:not([type=checkbox]),#interest-form select,#interest-form textarea{width:100%;min-width:0;background:#172323;border:1px solid #cfb98255;color:#edeae1;padding:10px 12px;border-radius:3px}
#interest-form .interest-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px}
.interest-consent input{margin-top:4px;width:18px;height:18px;flex-shrink:0}
#interest-form button:disabled{opacity:.5;cursor:wait}
.interest-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#interest-status{font-size:14px;min-height:24px;margin:12px 0 0}

/* FAQ, with the join call to action */
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;border-top:1px solid #ffffff17}
.faq-intro>p:not(.eyebrow){font-size:13px;color:#a8b3a6;margin-bottom:22px}
.faq-actions{display:flex;flex-wrap:wrap;gap:12px}
.faq-list details{border-bottom:1px solid #ffffff20;padding:16px 0}
.faq-list details:first-child{padding-top:0}
.faq-list summary{font-size:14px;cursor:pointer;list-style:none;padding-right:25px;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;color:#c3ac76}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{font-size:13px;color:#98a99c;margin:12px 0 3px}

/* Footer */
footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:32px 56px;font-size:9px;color:#86968b;border-top:1px solid #ffffff12}
.footer-brand{font-family:Cinzel,serif;font-size:20px;color:#d6c89f;line-height:1.3}
.footer-brand span{display:block;font:7px Arial,sans-serif;letter-spacing:.1em;color:#879589}
footer p{margin:0}
footer .text-link{font-size:9px}
.back-top{color:#b9c1b0}

/* Dialogs */
dialog{border:1px solid #84754b;background:#172220;color:#e4e0d3;max-width:950px;width:calc(100% - 40px);padding:48px;box-shadow:0 25px 90px #0009;max-height:92vh;overflow:auto}
dialog::backdrop{background:#07100ee8;backdrop-filter:blur(7px)}
.dialog-close{position:absolute;right:16px;top:8px;border:0;background:none;font-size:30px;color:#c6b57f}
.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.dialog-layout>img{width:100%;max-height:75vh;object-fit:contain}
.dialog-layout h2{font-size:32px}
.dialog-layout>div>p:not(.eyebrow){font-size:13px;color:#aeb9ac}
.dialog-controls{display:flex;gap:22px;align-items:center;margin-top:30px}
.dialog-controls button{width:40px;height:40px;border:1px solid #b9a56b55;background:none}
.dialog-controls span{font-size:12px;color:#b0b6a3}
.hd-link{display:inline-block;font-size:12px;color:#d3b77c;border-bottom:1px solid #d3b77c55;margin-top:8px}
#privacy-dialog{max-width:650px}
#privacy-dialog h2{font-size:28px}
#privacy-dialog p{font-size:13px;color:#a9b5a7}
#privacy-dialog a{font-size:12px;color:#e0c184;text-decoration:underline}
.gallery-dialog{max-width:1240px;padding:36px 40px}
.gallery-head{display:flex;align-items:center;gap:22px;margin-bottom:16px;padding-right:30px}
.gallery-head h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:6px}
.gallery-head .eyebrow{margin-bottom:8px}
.gallery-head .small-note{margin:0}
.gallery-originals{display:flex;gap:8px;flex-shrink:0}
.gallery-originals img{width:56px;height:80px;object-fit:contain}
.gallery-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid #ffffff15;padding:10px 0;flex-wrap:wrap}
.filters{display:flex;flex-wrap:wrap;gap:4px}
.search{display:flex;align-items:center;gap:8px;color:#b2b9a7;border-bottom:1px solid #9a9e8440;min-width:190px}
.search input{background:none;border:0;padding:6px 0;color:#ddd;width:100%;font-size:11px;min-width:0}
.search input::placeholder{color:#88968e}
.gallery-count{font-size:10px;color:#85948a;margin:10px 0 14px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gallery-card{padding:5px;background:#152021;border:1px solid #ffffff0c;border-bottom:2px solid var(--rarity);min-width:0;transition:border-color .2s,background .2s}
.gallery-card:hover,.gallery-card:focus-visible{background:#1b2926;border-color:#c5ad6b55;border-bottom-color:var(--rarity)}
.gallery-card img{width:100%;border-radius:4px}

@media(max-width:1050px){
 .header,.hero{padding-left:30px;padding-right:30px}
 .section{padding:60px 30px}
 .header nav{gap:16px}
 .hero-grid{gap:20px}
 .details,.interest-section,.faq{gap:36px}
 footer{padding-inline:30px;flex-wrap:wrap}
}
@media(max-width:720px){
 .header{height:64px;padding:0 18px;gap:10px}
 .brand img{width:32px;height:32px}
 .brand>span{font-size:20px}
 .header nav{display:none}
 .language-picker{margin-left:auto}
 .language-picker select{max-width:100px;padding:7px 4px;font-size:10px}
 .nav-cta{padding:7px 9px;font-size:9px}
 .nav-cta span[aria-hidden]{display:none}
 .hero{padding:16px 18px 28px}
 .set-strip{margin:0 -18px;padding:12px 18px 10px;scroll-padding-inline:18px}
 .set-tile{flex-basis:84px}
 .set-tile img{width:46px;height:66px}
 .hero-grid{display:flex;flex-direction:column;gap:22px;margin-top:10px}
 .hero h1{font-size:clamp(28px,8vw,40px);margin-bottom:12px}
 .intro{font-size:14px;margin-bottom:18px}
 .set-panel{margin-bottom:16px}
 .hero-actions .button{flex:1 1 140px;padding:12px 14px}
 .tabletop{max-width:420px;margin:0 auto}
 .section{padding:44px 18px}
 .eyebrow{font-size:8px;margin-bottom:12px}
 .details{display:flex;flex-direction:column-reverse;gap:20px}
 .details-art{min-height:0;width:100%}
 .details-art img{width:min(210px,58%)}
 .details-art img.details-project{width:min(150px,40%)}
 .details-tabs{overflow-x:auto}
 .details-tabs button{padding:9px 10px;white-space:nowrap}
 .stats{gap:20px;justify-content:space-between}
 .stats dt{font-size:22px}
 .steps{gap:12px}
 .steps p{font-size:11px}
 .interest-section,.faq{display:block}
 .interest-fields{grid-template-columns:1fr}
 #interest-form{margin-top:18px}
 .faq-list{margin-top:28px}
 footer{padding:26px 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:8px}
 dialog{padding:42px 16px 20px;width:calc(100% - 20px)}
 .dialog-layout{display:block}
 .dialog-layout>img{max-height:48vh;margin:auto;width:auto}
 .dialog-layout>div{padding-top:20px}
 .dialog-layout h2{font-size:24px;margin-bottom:10px}
 .dialog-layout .small-note{display:none}
 .dialog-controls{margin-top:16px}
 .gallery-dialog{padding:40px 12px 16px}
 .gallery-head{gap:14px;padding-right:20px}
 .gallery-originals img{width:40px;height:58px}
 .gallery-originals a+a{display:none}
 .gallery-tools{gap:10px}
 .search{width:100%}
 .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gallery-card{padding:3px}
}
@media(max-width:390px){
 .brand small{font-size:6px}
 .brand{gap:7px}
 .nav-cta{max-width:96px;line-height:1.3;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Privacy notice page */
.legal{max-width:760px;margin:auto;padding:40px 24px 70px}
.legal h1{font-size:clamp(30px,4vw,44px);margin-bottom:8px}
.legal h2{font-size:21px;margin:34px 0 10px;letter-spacing:0}
.legal p,.legal li{font-size:14px;color:#c3c6bb}
.legal ul{padding-left:20px}
.legal a{color:#d3b77c;text-decoration:underline}
.legal .updated{font-size:12px;color:#8b9c8f}
.legal-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.legal-nav a{font-size:12px}
.legal-lang{display:flex;gap:6px}
.legal-lang button{background:none;border:1px solid #ffffff22;color:#9ca89f;padding:5px 10px;font-size:11px}
.legal-lang button[aria-pressed="true"]{border-color:#d3b77c99;color:#e5ce9a}