@font-face{font-family:Sora;src:url('/brand/sora-medium.ttf');font-weight:400 600;font-display:swap}@font-face{font-family:Sora;src:url('/brand/sora-bold.ttf');font-weight:700;font-display:swap}
:root{font-family:Sora,Arial,sans-serif;color:#573d3e;background:#f8f6f2;--ink:#573d3e;--clay:#7f392e;--bronze:#bbab8a}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7cc}header img{width:165px;height:auto;display:block}.small{font-size:11px;line-height:1.7}main{max-width:1280px;margin:auto;padding:32px 40px 100px}h1{font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.15;letter-spacing:-1.7px}h2{font-size:22px;font-weight:500}p{line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--clay);font-weight:700}.hero{padding:55px;background:var(--ink);color:white;position:relative;overflow:hidden;margin-bottom:65px}.hero h1{font-size:clamp(44px,6vw,78px);margin:24px 0;position:relative;z-index:1}.hero em{font-style:normal;color:#d5c7ac}.hero .eyebrow{color:#d5c7ac}.hero p{position:relative;z-index:1;font-size:13px}.hero-circle{position:absolute;width:460px;height:460px;border-radius:50%;right:-100px;top:-90px;background:radial-gradient(circle,#bbab8a60,transparent 70%);border:1px solid #bbab8a35;pointer-events:none}.button{display:inline-block;background:var(--clay);color:white;padding:14px 20px;font-size:12px;border:0;transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.hero .button{background:var(--bronze);color:var(--ink);position:relative;z-index:1}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:18px;margin:25px 0 10px}.filters label{font-size:11px;flex:1}.filters label:last-child{max-width:250px}input,select{display:block;width:100%;margin-top:9px;border:1px solid #d8cebf;background:white;color:var(--ink);padding:15px;border-radius:0;min-height:48px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px;margin-top:25px}.card h2,.qr-card h2{font-size:19px;line-height:1.45}.photo{overflow:hidden;background:#eae6df;aspect-ratio:1}.photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.card:hover .photo img{transform:scale(1.045)}.card{border-bottom:1px solid #ded7cc;padding-bottom:22px}.notice{font-size:11px;line-height:1.8;padding:14px 18px;background:#ece5d8;border-left:3px solid var(--bronze)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:30px}.detail figure{margin:0;position:sticky;top:24px}.product-image{display:block;width:100%;max-height:720px;object-fit:contain;background:#eae6df}.detail h1{font-size:clamp(30px,3.2vw,46px);margin:18px 0 30px}.spec-heading{font-size:14px;background:var(--ink);color:white;padding:18px;margin:0}dl{margin:0;background:white;padding:0 20px}dl>div{display:grid;grid-template-columns:42% 58%;padding:18px 0;border-bottom:1px solid #ece5db;gap:10px;font-size:12px;line-height:1.7}dt{color:#786464}dd{margin:0;overflow-wrap:anywhere;padding-right:10px}.page-title{padding:20px 0}.qr-card{background:white;padding:22px;border:1px solid #ded7cc}.qr-card>img{width:100%;height:auto}.text-link{display:block;font-size:11px;margin-top:18px;text-decoration:underline}footer{background:var(--ink);color:white;padding:30px 40px 95px;display:flex;justify-content:space-between;font-size:11px}footer span{color:#d5c7ac}.contact{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));right:22px;border:2px solid #f8f6f2;border-radius:40px;padding:15px 22px;background:var(--clay);color:white;font-size:12px;box-shadow:0 4px 22px #573d3e35;z-index:5}.contact:hover{background:var(--ink)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
dialog{border:1px solid #ded7cc;background:#f8f6f2;color:var(--ink);width:min(540px,calc(100% - 28px));max-height:85dvh;padding:30px;overflow:auto}dialog::backdrop{background:#24171999}dialog p,dialog li{font-size:12px;line-height:1.8}#contact-close{float:right;border:0;background:transparent;font-size:30px;color:var(--ink);cursor:pointer;min-width:44px;min-height:44px}.services{padding-left:23px}.services li{padding:8px 0;border-bottom:1px solid #ded7cc}.services a{text-decoration:underline}.contact{cursor:pointer}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero h1{animation:appear .6s ease-out}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.hero{--light-level:.7}.hero-circle{opacity:var(--light-level)}.light-scene{position:absolute;right:30px;top:0;width:340px;height:100%;pointer-events:none}.pendant-cord{position:absolute;left:50%;top:0;height:90px;width:2px;background:#d5c7ac}.pendant-shade{position:absolute;left:calc(50% - 60px);top:88px;width:120px;height:55px;background:linear-gradient(110deg,#211a1a,#9b7c6b,#332525);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);z-index:1}.light-beam{position:absolute;top:141px;left:0;width:340px;height:330px;background:linear-gradient(#ffdf9b80,#ffe5aa08);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);opacity:var(--light-level)}.light-pool{position:absolute;top:435px;left:0;width:340px;height:80px;border-radius:50%;background:radial-gradient(ellipse,#ffe5aa99,transparent 70%);filter:blur(10px);opacity:var(--light-level)}.dimmer{position:relative;z-index:2;margin-top:30px;padding:18px 20px;max-width:320px;background:#302324;border:1px solid #bbab8a80;color:#f8f6f2}.dimmer-heading,.dimmer-labels{display:flex;justify-content:space-between;gap:15px;font-size:12px}.dimmer-labels{font-size:10px;color:#e0d3bb}.dimmer small{display:block;margin-top:12px;font-size:9px;color:#e0d3bb}input[type=range]{accent-color:#d5b37e;cursor:pointer;background:transparent;border:0;padding:0;min-height:44px;margin:4px 0;width:100%}.dimmer :focus-visible{outline-color:#ffe1a6}.hero>.eyebrow{position:relative;z-index:1}@media(max-width:850px){.light-scene{right:-100px;opacity:.6}.hero h1,.hero>p{max-width:90%}}@media(max-width:520px){.light-scene{right:-165px;opacity:.4}.dimmer{max-width:100%}}
.card>a{display:block}.card-qr{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.card-qr details{width:100%;border:1px solid #ded7cc;background:white}.card-qr summary{cursor:pointer;padding:14px;font-size:12px;min-height:44px}.card-qr details img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}.card-qr details p{padding:0 14px 10px;margin:0}.card-qr .button{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr;gap:30px}.detail figure{position:static}.product-image{max-height:550px}}@media(max-width:520px){header{padding:22px}header img{width:135px}header .small{font-size:8px;max-width:100px;text-align:right}main{padding:22px 22px 65px}.hero{padding:32px 24px;margin-bottom:36px}.hero h1{font-size:46px}.grid{grid-template-columns:1fr}.filters{flex-direction:column}.filters label:last-child{max-width:none}.section-top{align-items:start;flex-direction:column;gap:0}.detail h1{font-size:32px}footer{padding:25px 22px 95px;gap:20px;font-size:9px}.contact{right:16px;bottom:16px}.qr-card{max-width:400px;width:100%;justify-self:center}}
/* Ambient lighting affects the full Home page; QR pixels remain untouched. */
:root{--light-level:.7}
.hero{--light-level:inherit}
html:has(#dimmer),html:has(#dimmer) body{background:var(--ambient-bg,#f8f6f2);color:var(--ambient-text,#573d3e)}
html:has(#dimmer) :is(header,.card){border-color:var(--ambient-line,#ded7cc)}
html:has(#dimmer) :is(.hero,footer){background:var(--ambient-hero,#573d3e)}
html:has(#dimmer) :is(.notice,input:not([type=range]),select){background:var(--ambient-panel,#fff);color:var(--ambient-text,#573d3e);border-color:var(--ambient-line,#ded7cc)}
html:has(#dimmer) .card .eyebrow{color:var(--ambient-accent,#7f392e)}
html:has(#dimmer) .card>a>.small{color:var(--ambient-muted,#786464)}
html:has(#dimmer) .photo img{filter:brightness(var(--ambient-photo,1))}
html:has(#dimmer) .card-qr details{color:#573d3e;background:#fff}
html:has(#dimmer) .card-qr details img{filter:none;opacity:1}
html:has(#dimmer) header img{background:transparent;padding:0}
html:has(#dimmer) :is(input,select)::placeholder{color:var(--ambient-muted,#786464)}
@media(prefers-reduced-motion:no-preference){
 html:has(#dimmer),html:has(#dimmer) :is(body,header,footer,.hero,.notice,.card,input,select){transition:background-color .45s ease-out,color .45s ease-out,border-color .45s ease-out}
 .hero-circle,.light-beam,.light-pool{transition:opacity .45s ease-out}
 html:has(#dimmer) .photo img{transition:filter .45s ease-out,transform .35s ease-out}
}

/* Editorial Home and lightweight interactions. */
html:has(#collection) .hero{border-radius:4px 4px 100px 4px;min-height:620px;margin-bottom:75px}
html:has(#collection) .hero h1{max-width:750px;font-size:clamp(48px,7vw,88px);letter-spacing:-3px}
html:has(#collection) .light-scene{right:50px;transform:scale(1.1);transform-origin:top center}
.featured-story{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;margin:0 0 100px}
.featured-photo{height:480px;overflow:hidden;border-radius:180px 180px 4px 4px;background:#bbab8a}
.featured-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(var(--ambient-photo,1));transition:filter .45s ease-out}
.featured-copy h2{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-1.7px;margin:22px 0}.featured-copy>p:not(.eyebrow){font-size:13px;max-width:390px;line-height:1.9;margin-bottom:28px}
#collection{scroll-margin-top:25px}.section-top h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1px;margin:10px 0}
.series-chips{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 18px;scrollbar-width:thin}.series-chips button{flex-shrink:0;border:1px solid var(--ambient-line,#ded7cc);border-radius:30px;background:transparent;color:inherit;padding:12px 20px;font-size:11px;cursor:pointer;min-height:44px;transition:background-color .2s,color .2s}.series-chips button[aria-pressed=true]{background:#573d3e;color:#fff;border-color:#573d3e}.series-chips button:hover{border-color:#573d3e}
html:has(#collection) .grid{gap:35px 26px;align-items:start}html:has(#collection) .card{border:1px solid var(--ambient-line,#ded7cc);padding:14px;border-radius:10px;background:var(--ambient-panel,#fff);transition:box-shadow .25s,background-color .45s ease-out,border-color .45s ease-out}html:has(#collection) .photo{border-radius:5px}html:has(#collection) .card:hover{box-shadow:0 15px 30px #573d3e15}html:has(#collection) .card h2{min-height:55px}html:has(#collection) .card-qr{border-top:1px solid var(--ambient-line,#ded7cc);padding-top:15px}html:has(#collection) .card-qr .button{border-radius:4px;width:100%;text-align:center}
.light-dock{position:fixed;bottom:22px;left:22px;width:215px;z-index:5;background:#302324f5;color:#f8f6f2;border:1px solid #bbab8a;border-radius:14px;padding:13px 18px;box-shadow:0 8px 28px #0002}.light-dock label{display:flex;justify-content:space-between;font-size:11px}.light-dock input{min-height:32px;margin-bottom:0}.light-dock :focus-visible{outline-color:#ffe1a6}.reset-filter{display:block;margin-top:12px;border:1px solid currentColor;background:transparent;color:inherit;padding:12px;font:inherit;cursor:pointer}
@media(max-width:850px){html:has(#collection) .light-scene{right:-100px}.featured-story{gap:30px}.featured-photo{height:380px}}
@media(max-width:600px){html:has(#collection) .hero{min-height:auto;border-bottom-right-radius:55px;margin-bottom:45px}html:has(#collection) .hero h1{font-size:48px;letter-spacing:-2px}.featured-story{grid-template-columns:1fr;margin-bottom:55px}.featured-photo{height:350px;border-radius:130px 130px 4px 4px}.featured-copy h2{font-size:38px}.light-dock{bottom:14px;left:12px;width:160px;padding:10px 12px}.light-dock label{font-size:10px}.contact{padding:13px 16px;right:12px;bottom:14px}.series-chips button{padding:10px 16px}html:has(#collection) .card h2{min-height:0}}
#subcategory-menu{padding:14px 20px;margin:8px 0 18px;border-left:3px solid var(--bronze);background:var(--ambient-panel,#fff)}#subcategory-menu .series-chips{padding-bottom:0}
#type-menu{padding:14px 20px;margin:8px 0 18px 18px;border-left:3px solid var(--clay);background:var(--ambient-panel,#fff)}#type-menu .series-chips{padding-bottom:0}
