.catalogueDetail{--paper:#e9e6d8;--ink:#171711;--gold:#c9a66b;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;box-sizing:border-box}
.catalogueDetail *{box-sizing:border-box}
.catalogueDetail a{color:inherit;text-decoration:none}
.catalogueDetail button,.catalogueDetail input{font:inherit}

.catalogueBreadcrumb{display:flex;align-items:center;gap:8px;padding:22px 6vw 0;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7a7358;flex-wrap:wrap}
.catalogueBreadcrumb a:hover{color:var(--ink)}
.catalogueBreadcrumb span{color:#7a7358}

.revealIntro{display:flex;justify-content:space-between;align-items:end;gap:5vw;padding:22px 6vw 30px;flex-wrap:wrap}
.revealIntro>div{max-width:640px}
.revealIntro p{margin:0 0 14px;font-size:9px;letter-spacing:.18em;color:#7a7358}
.revealIntro h1{margin:0 0 14px;font:400 clamp(38px,5.5vw,78px)/1 Georgia;letter-spacing:-.03em;text-transform:uppercase}
.revealIntro>div>span{display:block;max-width:520px;font-size:14px;line-height:1.6;color:#4d4838}
.revealIntro label{display:grid;gap:6px;min-width:220px}
.revealIntro small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7a7358}
.revealIntro input{padding:12px 14px;border:1px solid #17171133;background:#fff;font-size:14px}

.revealCodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0 6vw 6vw}
.revealCode-btn{position:relative;display:block;padding:0;border:1px solid #17171122;background:#fff;cursor:pointer;text-align:left;overflow:hidden;transition:box-shadow .3s,transform .3s}
.revealCode-btn:hover,.revealCode-btn:focus-visible{box-shadow:0 18px 40px #17171122;transform:translateY(-3px)}
.revealTexture{position:relative;display:block;aspect-ratio:1;background:#ddd5c9}
.revealTexture img{width:100%;height:100%;object-fit:cover;display:block}
.revealTexture em{position:absolute;left:8px;bottom:8px;background:#171711e6;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:4px 8px;border-radius:3px;font-style:normal;line-height:1}
.revealCode{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px}
.revealCode b{font:16px Georgia}
.revealCode small{display:block;margin-top:2px;font-size:10px;color:#7a7358;text-transform:uppercase;letter-spacing:.04em}
.revealCode-btn>i{position:absolute;right:12px;top:12px;color:#fff;background:#171711cc;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:12px}
.revealEmpty{padding:0 6vw 6vw;color:#7a7358;font-size:13px}

.revealBackdrop{position:fixed;inset:0;z-index:60;background:#000a;backdrop-filter:blur(4px)}
.revealPanel{position:fixed;z-index:61;top:0;right:0;bottom:0;width:min(620px,92vw);background:var(--paper);transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.75,.2,1);overflow-y:auto;padding:60px 0 40px}
.revealPanel.is-open{transform:translateX(0)}
.site.rtl .revealPanel,.catalogueDetail[dir=rtl] .revealPanel,html.rtl .revealPanel{right:auto;left:0;transform:translateX(-105%)}
.site.rtl .revealPanel.is-open,.catalogueDetail[dir=rtl] .revealPanel.is-open,html.rtl .revealPanel.is-open{transform:translateX(0)}
.revealClose{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid #17171133;background:#fff;font-size:20px;cursor:pointer;z-index:2}
.revealChosen{padding:0 32px 18px;border-bottom:1px solid #17171122}
.revealChosen p{margin:0 0 8px;font-size:9px;letter-spacing:.16em;color:#7a7358}
.revealChosen h2{margin:0 0 4px;font:400 46px Georgia}
.revealChosen span{font-size:13px;color:#4d4838;text-transform:uppercase;letter-spacing:.05em}
.revealMedia{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#17171122}
.revealMedia figure{margin:0;background:#fff;padding:10px 10px 40px;position:relative}
.revealMedia img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f0e6;display:block}
.revealMedia figcaption{position:absolute;left:10px;right:10px;bottom:10px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#7a7358}
.revealInfo{padding:24px 32px 0}
.revealInfo header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.revealInfo header p{margin:0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7a7358}
.revealInfo header h3{margin:0;font:400 20px Georgia}
.revealSpecs{font-size:14px;line-height:1.7;color:#302c20;direction:ltr;text-align:left}
.revealSpecs p{margin:0 0 12px}
.revealSpecs ul{margin:0 0 12px;padding-left:18px}
.revealCtaRow{display:flex;gap:10px;margin:26px 0 10px;flex-wrap:wrap}
.catalogueDetail .pill{border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:12px 22px;text-transform:uppercase;letter-spacing:.09em;font-size:9px;display:inline-flex;align-items:center}
.catalogueDetail .pill.light{background:#fff;color:var(--ink);border-color:#17171133}

@media(max-width:760px){
  .catalogueBreadcrumb{padding:14px 14px 0;font-size:9px}
  .revealIntro{padding:14px 18px 22px;gap:16px}
  .revealIntro h1{font-size:11vw}
  .revealIntro label{width:100%}
  .revealCodes{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 14px 60px}
  .revealPanel{width:100vw;padding-top:56px}
  .revealMedia{grid-template-columns:1fr}
  .revealChosen{padding:0 18px 16px}
  .revealChosen h2{font-size:34px}
  .revealInfo{padding:20px 18px 0}
  .revealCtaRow{position:sticky;bottom:0;background:var(--paper);padding:12px 0;margin-top:20px}
  .catalogueDetail .pill,.catalogueDetail .pill.light{flex:1;justify-content:center;min-height:46px}
}

@media(prefers-reduced-motion:reduce){.revealPanel,.revealCode-btn{transition:none}}