:root{--bg:#0c0b0b;--panel:#191615;--line:#3b2b25;--muted:#b2a49c;--text:#faf0e7;--gold:#ff8b3d;--green:#ffba83}
body{background:#0c0b0b;color:#faf0e7}.sidebar,header,.mobile-nav{background:#100e0ef5}.hero{background:linear-gradient(90deg,#100c0bf2 0%,#100c0baa 35%,#100c0b00 70%),url('/hero.png') 65% center/cover;min-height:390px;border-color:#68321d}.hero-copy{position:relative;z-index:1;max-width:60%}.hero h1{font-family:Georgia,serif;letter-spacing:-1.5px}.hero-art{display:none}.hero h1 em{color:#ff9451}.primary{background:linear-gradient(120deg,#ffad66,#e96626);color:#201007}.product{background:linear-gradient(145deg,#231a17,#141212);border-color:#473026}.product-visual{background:radial-gradient(ellipse,#57312355,transparent 70%),#181515}.feature-banner{background:linear-gradient(110deg,#392015,#141111)}
.dexter-help{position:fixed;right:22px;bottom:30px;z-index:15;width:112px;text-align:center}.dexter-help[hidden]{display:none}.dexter-help a{display:block;color:#fff0df;text-decoration:none;font-size:11px}.dexter-help img{display:block;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 12px #ff612944)}.dexter-help a span{display:block;background:#221714;border:1px solid #bd6037;border-radius:20px;padding:7px}.dexter-help button{position:absolute;right:-8px;top:-8px;z-index:2;width:30px;height:30px;border:1px solid #735040;border-radius:50%;background:#211816;color:white;cursor:pointer}.dexter-help.collapsed img{display:none}.dexter-help.collapsed button{top:-27px}.dexter-help a:focus-visible{outline:2px solid #ffab64;outline-offset:4px}body:has(dialog[open]) .dexter-help{visibility:hidden}
@media(prefers-reduced-motion:no-preference){.dexter-help:not(.collapsed) img{animation:dexter-float 5s ease-in-out infinite}@keyframes dexter-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}}
@media(max-width:700px){.hero{min-height:335px;background-position:58% center}.hero-copy{max-width:70%;padding:24px 18px}.hero h1{font-size:34px}.hero-copy p{font-size:12px;max-width:190px}.dexter-help{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:88px}.dexter-help img{width:88px;height:96px}.dexter-help a{font-size:10px}}
/* Compact catalogue treatment from approved concept A. */
.hero{min-height:300px;padding:30px;border-radius:18px;background-position:70% 40%}.hero-copy{max-width:65%;padding:0}.hero h1{font-size:56px;line-height:.94}.hero p{font-size:9px;letter-spacing:1.2px;line-height:1.7;color:#d3b7a7}.hero .text-button{margin-top:18px;padding:0;font-size:11px}.balance-preview{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;margin:12px 0;border:1px solid #71361e;border-radius:12px;background:linear-gradient(110deg,#352015,#171313);font-size:11px;text-align:left}.balance-preview>span:first-child{display:flex;align-items:center;gap:12px}.balance-preview b{display:block;font-size:22px;color:#ff8b3d}.balance-preview small{font-size:9px;color:#ad9182;font-weight:400}.toolbar{margin:12px 0}.product-grid{gap:10px;margin-top:10px}.product{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;padding:11px;border-radius:13px;position:relative}.product .product-visual{grid-row:1/3;min-height:0;width:48px;height:52px;margin:0;border-radius:9px;align-self:center}.product .monogram{font-size:23px;letter-spacing:-1px}.product .product-tag,.product .category-label,.product-visual:after{display:none}.product h3{font-size:11px;margin:0;min-height:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-bottom{margin:4px 0 0;gap:2px}.product .price{font-size:14px;color:#ff9a53}.product .price small{font-size:8px}.product .arrow{width:23px;height:23px;font-size:12px;border-color:#914019;flex-shrink:0}.chip{border-radius:8px;padding:8px 14px}.chip.active{background:#58280f;color:#ffb179;border-color:#bc551c}dialog,.dialog-actions{background:#181313}.description{color:#e3d1c6}.description blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid #ed7c39;background:#281c16}.description pre{white-space:pre-wrap}.notice{background:#241a14;border-color:#60412c;color:#ceb6a2}.close{background:#39271f}.desktop-nav .active{background:#352016}.brand img{border-radius:50%;object-fit:cover;border:1px solid #ab5129}
@media(max-width:760px){.shell{padding:0 14px}header{height:65px}main{padding-top:12px}.hero{min-height:250px;padding:28px 16px;align-items:center;background-position:62% center}.hero-copy{max-width:66%;padding:0}.hero h1{font-size:38px}.hero-copy p{font-size:7px;max-width:165px}.hero .text-button{font-size:10px}.balance-preview{padding:10px 12px}.product-grid{gap:8px}.product{grid-template-columns:38px minmax(0,1fr);gap:6px;padding:9px 7px}.product .product-visual{width:38px;height:44px}.product .monogram{font-size:20px}.product h3{font-size:10px}.product .price{font-size:12px}.product .price small{font-size:7px}.product .arrow{width:20px;height:20px}.chip{font-size:10px;padding:7px 12px}.search{padding:10px 12px}.search input{font-size:12px}.mobile-nav .active{color:#ff8b3d;text-shadow:0 0 18px #ff6929}.dexter-help{bottom:calc(82px + env(safe-area-inset-bottom))}}
