:root{--ink:#06120f;--forest:#071710;--forest2:#0b211a;--paper:#f2eee5;--gold:#c99b5b;--gold2:#e5c38d;--muted:#7b837e;--line:rgba(6,18,15,.16);--darkline:rgba(255,255,255,.14);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.nav{height:76px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:50;background:rgba(7,23,16,.94);color:#fff;border-bottom:1px solid var(--darkline);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font:500 19px 'Playfair Display'}.brand span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-style:italic}.nav nav{display:flex;gap:30px;font:9px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35)}.nav nav a.active,.nav nav a:hover{color:var(--gold2)}.exit{justify-self:end;font:9px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62)}main{overflow:hidden}.intro{padding:85px 6vw 72px;background:var(--forest);color:#fff;position:relative}.intro:after{content:"";position:absolute;width:700px;height:700px;right:-260px;top:-500px;border-radius:50%;background:radial-gradient(circle,rgba(201,155,91,.22),transparent 68%)}.eyebrow,.section-label{font:9px 'DM Mono';letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:var(--gold2)}.intro h1{font:500 clamp(58px,7.8vw,120px)/.85 'Playfair Display';letter-spacing:-.062em;margin:20px 0 30px;max-width:1100px}.intro h1 em,.result-heading h2 em{color:var(--gold2);font-weight:400}.lede{max-width:670px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.85}.studio-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);min-height:900px}.space-panel{background:#0a1b16;padding:42px 3.5vw 70px;color:#fff}.section-label{display:flex;align-items:center;gap:11px;color:var(--muted);margin-bottom:18px}.section-label span{color:var(--gold)}.dropzone{height:min(70vw,760px);min-height:530px;display:grid;place-items:center;border:1px solid var(--darkline);position:relative;overflow:hidden;background:linear-gradient(145deg,#0d251e,#07130f);cursor:pointer}.dropzone.drag,.reference-upload.drag{border-color:var(--gold);background:#10291f}.dropzone input,.reference-upload input{position:absolute;width:1px;height:1px;opacity:0}.drop-empty{text-align:center;display:grid;justify-items:center;gap:14px;padding:30px}.upload-mark{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:25px}.drop-empty strong{font:400 38px 'Playfair Display'}.drop-empty small{max-width:340px;color:rgba(255,255,255,.45);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:13px 18px;background:transparent;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.button.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#06120f}.replace{position:absolute;right:18px;bottom:18px;padding:10px 13px;background:rgba(6,18,15,.82);font:9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.file-status{font:9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.42);padding-top:13px}.controls{padding:42px 4.5vw 70px;background:var(--paper)}.controls h2{font:500 clamp(39px,4vw,64px)/.92 'Playfair Display';letter-spacing:-.05em;margin:0 0 28px}.category-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:9px;scrollbar-width:none}.category-tabs button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:9px 11px;font:8px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;color:#707873;cursor:pointer}.category-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.product{min-height:98px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.2);padding:15px;cursor:pointer;position:relative}.product.active,.direction-grid button.active{border-color:var(--gold);background:#ebe1d0}.product>span{position:absolute;right:12px;top:11px;font:8px 'DM Mono';color:#9b8c76}.product b{display:block;font:19px 'Playfair Display';font-weight:500}.product small{display:block;color:var(--muted);font:8px 'DM Mono';margin-top:9px}.reference-card{display:grid;grid-template-columns:1fr 130px;gap:17px;border-top:1px solid var(--line);margin-top:35px;padding-top:28px}.reference-copy h3{font:28px 'Playfair Display';margin:0 0 8px}.reference-copy p{font-size:10px;line-height:1.65;color:var(--muted);margin:0}.reference-upload{grid-column:2;grid-row:1/span 2;height:130px;border:1px dashed #ac9980;display:grid;place-items:center;text-align:center;cursor:pointer;position:relative;overflow:hidden}.reference-upload img{width:100%;height:100%;object-fit:contain;background:#e8e1d6}.reference-upload b{font:300 31px Manrope;display:block}.reference-upload small{font-size:9px;color:var(--muted)}.reference-name{grid-column:1;font:8px 'DM Mono';text-transform:uppercase;color:#92704b}.metadata{border-top:1px solid var(--line);margin-top:28px;padding-top:5px}.metadata summary{padding:15px 0;cursor:pointer;font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.1em;list-style:none}.metadata summary span{float:right;color:#947149}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label,.placement{font:8px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.field-grid input,.placement textarea{display:block;width:100%;border:1px solid var(--line);background:rgba(255,255,255,.35);padding:11px;margin-top:6px;color:var(--ink);outline:none}.field-grid input:focus,.placement textarea:focus{border-color:var(--gold)}.direction-block{border-top:1px solid var(--line);margin-top:28px;padding-top:27px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.direction-grid button{text-align:left;border:1px solid var(--line);background:transparent;padding:13px;cursor:pointer}.direction-grid b{display:block;font:15px 'Playfair Display'}.direction-grid small{font-size:8px;color:var(--muted)}.placement{display:block;margin-top:15px}.placement span{float:right}.placement textarea{resize:vertical;min-height:58px}.generate{width:100%;margin-top:24px;padding:18px 20px;border:0;background:var(--ink);color:#fff;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700}.generate b{color:var(--gold);font-size:19px}.generate:disabled{opacity:.36;cursor:not-allowed}.validation{font-size:10px;color:#846f54;margin-top:12px}.validation.ready{color:#3d7051}.validation.error{color:#9d3f36}.disclaimer{font-size:9px;line-height:1.55;color:#8b918d;margin-top:16px}.progress-panel{padding:110px 6vw;text-align:center;background:var(--forest);color:#fff;min-height:620px}.progress-orbit{width:100px;height:100px;border:1px solid rgba(201,155,91,.3);border-top-color:var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 35px;animation:spin 2.4s linear infinite}.progress-orbit span{font:italic 34px 'Playfair Display';color:var(--gold);animation:spin 2.4s linear infinite reverse}.progress-panel h2{font:400 clamp(42px,5vw,70px) 'Playfair Display';margin:17px 0}.progress-panel>p:last-of-type{color:rgba(255,255,255,.45);font-size:11px}.progress-track{max-width:480px;height:2px;background:rgba(255,255,255,.12);margin:30px auto;overflow:hidden}.progress-track span{display:block;width:8%;height:100%;background:var(--gold);transition:width 1s var(--ease)}.progress-panel button{border:0;background:none;color:rgba(255,255,255,.55);font:9px 'DM Mono';text-transform:uppercase;text-decoration:underline;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.result{padding:110px 6vw;background:var(--forest);color:#fff}.result-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.result-heading h2{font:500 clamp(50px,6.5vw,98px)/.88 'Playfair Display';letter-spacing:-.06em;margin:17px 0 0}.result-product{min-width:230px;padding:17px;border:1px solid var(--darkline)}.result-product span,.result-product small{display:block;font:8px 'DM Mono';text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.45)}.result-product b{display:block;font:24px 'Playfair Display';margin:8px 0}.compare{position:relative;overflow:hidden;margin-top:45px;height:min(70vw,780px);min-height:390px;background:#06120f;border:1px solid var(--darkline);touch-action:none}.compare-before,.compare-after{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#06120f}.compare-after-wrap{position:absolute;inset:0;width:50%;overflow:hidden}.compare-after{max-width:none;object-position:left center}.compare-label{position:absolute;top:18px;z-index:3;padding:9px 12px;background:rgba(6,18,15,.8);font:8px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}.before-label{left:18px}.after-label{right:18px;color:var(--gold2)}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gold);z-index:3;pointer-events:none}.divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink)}.compare input{position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:0;cursor:ew-resize}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.quote{margin-left:auto}.result-note{font-size:9px;color:rgba(255,255,255,.4)}.error-card{position:fixed;right:25px;bottom:25px;z-index:100;width:min(390px,calc(100vw - 40px));background:#f7eee4;color:var(--ink);padding:22px;box-shadow:0 25px 70px rgba(0,0,0,.3);border-left:3px solid #9d3f36}.error-card b{font:23px 'Playfair Display'}.error-card p{font-size:11px;line-height:1.6}.error-card button{border:0;background:var(--ink);color:#fff;padding:10px 13px;cursor:pointer;font-size:9px;text-transform:uppercase}
@media(max-width:980px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.studio-grid{grid-template-columns:1fr}.dropzone{height:70vh;min-height:420px}.space-panel,.controls{padding-left:5vw;padding-right:5vw}.quote{margin-left:0}}@media(max-width:620px){.nav{height:66px}.intro{padding-top:60px}.intro h1{font-size:55px}.lede{font-size:12px}.space-panel,.controls{padding:30px 18px 48px}.dropzone{height:58vh;min-height:370px}.drop-empty strong{font-size:31px}.product-grid,.direction-grid,.field-grid{grid-template-columns:1fr}.reference-card{grid-template-columns:1fr 105px}.reference-upload{height:105px}.result{padding:75px 18px}.result-heading{display:block}.result-product{margin-top:28px}.compare{height:62vh;min-height:370px}.result-actions .button{flex:1 1 calc(50% - 9px)}.quote{flex-basis:100%!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-orbit,.progress-orbit span{animation:none}}