.ff,.tf{--fl-ink:#0e100f;--fl-pearl:#f1ece1;--fl-muted:#c9c0ae;--fl-gold:#e7ca88;max-width:1440px;color:var(--fl-pearl);background:var(--fl-ink);margin:0 auto;padding:clamp(20px,3vw,40px) clamp(16px,3vw,40px) 48px}.ff-head,.tf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:20px;display:flex}.ff-head h1,.tf-head h1{margin:0;font:400 clamp(30px,4vw,48px)/1.05 Georgia,serif}.ff-steps,.tf-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.ff-steps button,.tf-steps button{min-height:52px;color:var(--fl-muted);cursor:pointer;background:0 0;border:1px solid #e7ca8844;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font:500 16px/1 system-ui,sans-serif;display:inline-flex}.ff-steps button span,.tf-steps button span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:inline-grid}.ff-steps [aria-current=step] button,.tf-steps [aria-current=step] button{border-color:var(--fl-gold);color:#f4e2b4;background:#e7ca881f}.ff-steps button:disabled,.tf-steps button:disabled{opacity:.45;cursor:not-allowed}.ff-size{background:#151816;border:1px solid #e7ca8833;border-radius:22px;gap:20px;max-width:720px;padding:clamp(20px,3vw,36px);display:grid}.ff-lead,.tf-lead{color:var(--fl-muted);margin:0;font:400 clamp(18px,1.6vw,21px)/1.4 system-ui,sans-serif}.ff-size-row,.fse{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ff-size label,.fse label,.tf-field{color:var(--fl-muted);gap:6px;font:500 15px/1.2 system-ui,sans-serif;display:grid}.ff-size input,.fse input,.tf-field input{color:#fff;background:#0b0d0c;border:1px solid #e7ca8866;border-radius:14px;width:min(220px,38vw);min-height:64px;padding:0 16px;font:600 28px/1 system-ui,sans-serif}.ff-x,.fse-x{color:var(--fl-gold);padding-bottom:16px;font:400 28px/1 Georgia,serif}.ff-go,.fse button,.tf-go{color:#1a1409;cursor:pointer;background:linear-gradient(#f0d79a,#c7a05a);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 28px;font:600 18px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.ff-go:disabled,.tf-go:disabled{opacity:.5;cursor:not-allowed}.ff-see{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:22px;display:grid}.ff-stage,.tf-stage{gap:12px;min-width:0;display:grid}.ff-views,.tf-views{gap:8px;display:flex}.ff-views button,.ff-chips button,.ff-patterns button,.tf-views button,.tf-chips button{min-height:46px;color:var(--fl-pearl);cursor:pointer;background:0 0;border:1px solid #e7ca8844;border-radius:999px;padding:0 16px;font:500 15px/1 system-ui,sans-serif}.ff-views [aria-pressed=true],.ff-chips [aria-pressed=true],.ff-patterns [aria-pressed=true],.tf-views [aria-pressed=true],.tf-chips [aria-pressed=true]{border-color:var(--fl-gold);background:var(--fl-gold);color:#1a1409}.ff-canvas,.tf-canvas{background:#1a1d1b;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e7ca8826}.ff-canvas canvas{width:100%;height:auto;display:block}.ff-canvas[aria-busy=true] canvas{opacity:.75}.ff-facts{color:var(--fl-muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;font:400 16px/1.4 system-ui,sans-serif;display:flex}.ff-facts strong{color:#fff;font-size:20px}.ff-facts button{min-height:44px;color:var(--fl-pearl);cursor:pointer;background:0 0;border:1px solid #e7ca8844;border-radius:999px;padding:0 14px}.ff-note,.tf-note{color:#b9b09e;margin:0;font:400 14px/1.4 system-ui,sans-serif}.ff-note a,.tf-note a{color:#f4e2b4}.ff-pick{gap:14px;display:grid}.ff-chips{flex-wrap:wrap;gap:8px;display:flex}.ff-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ff-swatches button{width:100%;color:var(--fl-pearl);text-align:left;cursor:pointer;background:#171a18;border:1px solid #0000;border-radius:14px;gap:6px;padding:6px;font:400 13px/1.25 system-ui,sans-serif;display:grid}.ff-swatches img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;display:block}.ff-swatches [aria-pressed=true]{border-color:var(--fl-gold);box-shadow:0 0 0 2px #e7ca8866}.ff-more{min-height:48px;color:var(--fl-pearl);cursor:pointer;background:0 0;border:1px solid #e7ca8844;border-radius:999px;font:500 15px/1 system-ui,sans-serif}.ff-patterns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ff-patterns>span{width:100%;color:var(--fl-muted);letter-spacing:.14em;text-transform:uppercase;font:600 12px/1.4 system-ui,sans-serif}.ff-range,.tf-range{grid-column:1/-1}.fse{color:#f1ece1;background:#0e100f;max-width:1280px;margin:0 auto;padding:clamp(16px,2.4vw,28px) clamp(16px,4vw,48px)}.fse-title{width:100%;margin:0 0 4px;font:400 clamp(22px,2.4vw,30px)/1.15 Georgia,serif}:where(.ff,.tf,.fse) :where(button,input,a):focus-visible{outline-offset:2px;outline:3px solid #fff}@media (width<=1023px){.ff-see{grid-template-columns:1fr}.ff-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=599px){.ff-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-size input,.fse input,.tf-field input{width:min(150px,36vw)}.ff-go,.fse button,.tf-go{width:100%}.ff-steps button,.tf-steps button{padding:0 12px}}@media (width>=1800px){.ff,.tf{max-width:1720px}.ff-see{grid-template-columns:minmax(0,1fr) 440px}.ff-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.ff-canvas canvas{transition:opacity .25s}}@media (forced-colors:active){.ff-steps button,.tf-steps button,.ff-go,.tf-go,.fse button{border:1px solid buttontext}}.tf-draw{grid-template-columns:minmax(0,1fr) minmax(300px,520px);align-items:start;gap:22px;display:grid}.tf-controls{gap:16px;min-width:0;display:grid}.tf-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tf-shapes button{min-height:104px;color:var(--fl-pearl);cursor:pointer;background:#151816;border:1px solid #e7ca8844;border-radius:16px;justify-items:center;gap:8px;padding:12px 8px;font:500 16px/1.2 system-ui,sans-serif;display:grid}.tf-shapes svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:64px;height:44px}.tf-shapes [aria-checked=true]{border-color:var(--fl-gold);color:#f4e2b4;background:#e7ca881f}.tf-check{align-items:center;gap:12px;min-height:52px;font:500 17px/1.2 system-ui,sans-serif;display:inline-flex}.tf-check input{accent-color:#c7a05a;width:26px;height:26px}.tf-fields{flex-wrap:wrap;gap:14px;display:flex}.tf-more>summary{min-height:48px;color:var(--fl-muted);cursor:pointer;align-items:center;display:inline-flex}.tf-hand{color:#f4e2b4;cursor:pointer;background:0 0;border:1px solid #e7ca8866;border-radius:999px;justify-self:start;min-height:52px;padding:0 20px;font:500 16px/1 system-ui,sans-serif}.tf-live{color:#2b2620;background:#f4f1ea;border-radius:18px;gap:8px;padding:14px;display:grid}.tf-sheet svg{width:100%;height:auto;max-height:62vh;display:block}.tf-canvas .tf-sheet{background:#f4f1ea;padding:14px}.tf-canvas{min-height:320px}.tf-canvas canvas{width:100%;height:min(62vh,560px);display:block}.tf-area{margin:0;font:500 16px/1.4 system-ui,sans-serif}.tf-see{gap:18px;display:grid}.tf-stones{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.tf-stones button{width:132px;color:var(--fl-pearl);text-align:left;cursor:pointer;background:#171a18;border:1px solid #0000;border-radius:14px;gap:6px;padding:6px;font:400 13px/1.25 system-ui,sans-serif;display:grid}.tf-stones img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.tf-stones [aria-pressed=true]{border-color:var(--fl-gold);box-shadow:0 0 0 2px #e7ca8866}.tf-stones a{color:#f4e2b4;align-self:center}.tf-range{gap:16px;display:grid}.tf-range h2{margin:0;font:400 clamp(24px,3vw,34px)/1.1 Georgia,serif}.tf-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tf-link{color:#f4e2b4;align-items:center;gap:8px;min-height:48px;display:inline-flex}.tf-error{color:#ffb4a8;margin:0;font:500 16px/1.4 system-ui,sans-serif}.tf-draw>.tf-go{grid-column:1/-1;justify-self:start}@media (width<=1023px){.tf-draw{grid-template-columns:1fr}}@media (width<=599px){.tf-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-stones button{width:calc(50% - 5px)}.tf-draw>.tf-go{justify-self:stretch}}.dhub{--dh-ink:#0d0f0e;--dh-pearl:#f1ece1;--dh-muted:#c9c0ae;--dh-gold:#e7ca88;--dh-gold2:#c7a05a;background:var(--dh-ink);color:var(--dh-pearl);padding:clamp(28px,5vw,72px) clamp(16px,4vw,64px) clamp(36px,6vw,80px);overflow-x:clip}.dhub-head{max-width:1280px;margin:0 auto 24px}.dhub-head h1,.dhub-head h2{letter-spacing:-.01em;margin:0;font:400 clamp(34px,5vw,60px)/1.05 Georgia,Times New Roman,serif}.dhub-head p{color:var(--dh-muted);margin:10px 0 0;font:400 clamp(17px,1.6vw,20px)/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.dhub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);max-width:1280px;margin:0 auto;padding:0;list-style:none;display:grid}.dhub-tile a{aspect-ratio:16/11;color:#fff;background:#171a18;border-radius:20px;min-height:220px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e7ca8833}.dhub-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dhub-tile a:after{content:"";background:linear-gradient(#080a0900 35%,#080a09db);position:absolute;inset:0}.dhub-body{z-index:2;gap:4px;padding:clamp(16px,2vw,24px);display:grid;position:absolute;bottom:0;left:0;right:0}.dhub-icon{width:46px;height:46px;color:var(--dh-gold);background:#0d0f0e99;border-radius:50%;place-items:center;margin-bottom:6px;display:inline-grid;box-shadow:0 0 0 1px #e7ca8855}.dhub-body strong{font:400 clamp(24px,2.4vw,32px)/1.1 Georgia,serif}.dhub-line{color:#ece5d6;font:400 clamp(15px,1.3vw,18px)/1.35 system-ui,sans-serif}.dhub-tile a:hover,.dhub-tile a:focus-visible{box-shadow:0 0 0 2px var(--dh-gold)}.dhub-tile a:focus-visible{outline-offset:3px;outline:3px solid #fff}.dhub-range{flex-wrap:wrap;align-items:center;gap:12px;max-width:1280px;margin:clamp(20px,3vw,36px) auto 0;scroll-margin-top:96px;display:flex}.dhub-range>span{color:var(--dh-muted);letter-spacing:.14em;text-transform:uppercase;font:600 13px/1.4 system-ui,sans-serif}.dhub-range a{color:#1a1409;background:linear-gradient(#f0d79a,#c7a05a);border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:0 24px;font:600 17px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.dhub-range a:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (prefers-reduced-motion:no-preference){.dhub-tile img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.dhub-tile a:hover img{transform:scale(1.04)}}@media (width<=980px){.dhub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dhub-grid{grid-template-columns:1fr}.dhub-tile a{aspect-ratio:16/10;min-height:200px}.dhub-range a{flex:100%;justify-content:center}}@media (forced-colors:active){.dhub-tile a,.dhub-range a{border:1px solid canvastext}}.dhub-page{background:#0d0f0e;min-height:100vh}.dhub-more{max-width:1280px;margin:18px auto 0}.dhub-more>summary{min-height:48px;color:var(--dh-muted);cursor:pointer;align-items:center;gap:8px;font:500 16px/1.2 system-ui,sans-serif;list-style:none;display:inline-flex}.dhub-more>summary::-webkit-details-marker{display:none}.dhub-more>summary:after{content:"+";color:var(--dh-gold);font-size:20px}.dhub-more[open]>summary:after{content:"−"}.dhub-more>summary:focus-visible{outline:2px solid var(--dh-gold);outline-offset:3px;border-radius:6px}.dhub-more nav{flex-wrap:wrap;gap:8px 10px;padding:6px 0 4px;display:flex}.dhub-more nav a{min-height:44px;color:var(--dh-pearl);border:1px solid #e7ca8840;border-radius:999px;align-items:center;padding:0 16px;font:400 15px/1.2 system-ui,sans-serif;text-decoration:none;display:inline-flex}.dhub-more nav a:hover,.dhub-more nav a:focus-visible{border-color:var(--dh-gold);color:#f4e2b4}.hiw{color:#f1ece1;background:#121513;border:1px solid #e7ca8833;border-radius:22px;max-width:1280px;margin:clamp(28px,4vw,52px) auto 0;padding:clamp(20px,3vw,36px)}.hiw h2{margin:0 0 18px;font:400 clamp(26px,3vw,38px)/1.1 Georgia,serif}.hiw ol{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hiw li{background:#ffffff08;border-radius:16px;align-content:start;gap:4px;padding:16px;display:grid}.hiw li>span{color:#e7ca88;border:1px solid #e7ca8866;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:6px;font:600 16px/1 system-ui,sans-serif;display:inline-grid}.hiw li strong{font:400 clamp(19px,1.7vw,23px)/1.2 Georgia,serif}.hiw li small{color:#c9c0ae;font:400 15px/1.4 system-ui,sans-serif}.hiw li.hiw-samples{background:#e7ca881a;box-shadow:inset 0 0 0 1px #e7ca8866}.hiw-act{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0 0;display:flex}.hiw-cta{color:#f4e2b4;border:1px solid #e7ca88;border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:0 26px;font:600 17px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.hiw-cta:hover,.hiw-cta:focus-visible{background:#e7ca8824}.hiw-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.hiw-act small{color:#c9c0ae;font:400 15px/1.4 system-ui,sans-serif}@media (width<=980px){.hiw ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hiw ol{grid-template-columns:1fr}.hiw li{grid-template-columns:auto 1fr;column-gap:12px}.hiw li>span{grid-row:span 2;margin:0}.hiw-cta{flex:100%;justify-content:center}}@media (width>=1800px){.dhub-head,.dhub-grid,.dhub-range,.dhub-more,.hiw{max-width:1680px}.dhub-tile a{min-height:340px}.dhub-body strong{font-size:38px}.dhub-line{font-size:20px}}@media (hover:none) and (pointer:coarse){.dhub-tile a:hover img{transform:none}}
