/* Catalogue request only — native dialog, no PDF preview or public file. */
dialog.catalogue-dialog{width:min(820px,calc(100% - 32px));max-width:820px;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #ddd4c6;background:#f4f2ec;color:#17211f;overflow:auto;overscroll-behavior:contain;box-shadow:0 32px 100px #07110f55;scrollbar-width:thin;scrollbar-color:#b2a392 #f4f2ec}
.catalogue-dialog::backdrop{background:rgba(13,25,21,.76);backdrop-filter:blur(9px)}
.catalogue-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:8px 14px 8px 24px;background:#f4f2ec;border-bottom:1px solid #17211f1c}
.catalogue-toolbar>span{font:400 9px/1.7 var(--mono);letter-spacing:.08em;color:#6c7066}
.catalogue-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #17211f24;background:transparent;font:300 27px/1 var(--sans);color:#17211f;transition:background .2s}
.catalogue-close:hover{background:#e7e1d6}.catalogue-dialog :is(button,a):focus-visible{outline:2px solid #a96243;outline-offset:3px}
.catalogue-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
.catalogue-art{position:relative;overflow:hidden;background:#17211f;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 30px 64px;isolation:isolate;min-height:520px}
.catalogue-art-lines{position:absolute;inset:22px;border:1px solid #d4b79c25;z-index:-1}.catalogue-art-lines:after{content:'';position:absolute;inset:-20%;border:1px solid #d4b79c17;transform:rotate(28deg)}
.catalogue-jacket{position:relative;display:flex;flex-direction:column;width:100%;max-width:215px;aspect-ratio:.71;background:#e8e0d1;color:#17211f;padding:23px 22px;transform:rotate(-5deg);box-shadow:inset 5px 0 #beb19a,inset 7px 0 #f4f2ec66,14px 22px 28px #050d0a70}
.catalogue-jacket:after{content:'';position:absolute;inset:11px;border:1px solid #a9624333;pointer-events:none}
.catalogue-jacket-brand{font:500 14px/1.3 var(--sans);letter-spacing:.18em}
.catalogue-jacket-year{font:300 63px/.87 var(--sans);letter-spacing:-.065em;margin:32px 0 25px}.catalogue-jacket-year>span{color:#a96243}
.catalogue-jacket-title{font:400 14px/1.4 var(--sans);letter-spacing:-.02em}.catalogue-jacket-title em{font-family:var(--serif);color:#915236}
.catalogue-jacket-rule{display:block;width:32px;height:1px;background:#a96243;margin:17px 0 12px}
.catalogue-jacket-caption{font:400 7px/1.8 var(--mono);letter-spacing:.09em}
.catalogue-art-caption{position:absolute;bottom:26px;font:400 8px/1.5 var(--mono);letter-spacing:.1em;color:#c4b3a0}
.catalogue-copy{padding:36px 36px 30px;min-width:0}
.catalogue-eyebrow{font:400 10px/1.7 var(--mono);color:#935a40;letter-spacing:.06em}
.catalogue-copy h2{font:300 43px/1.07 var(--sans);letter-spacing:-.045em;margin:18px 0 21px}.catalogue-copy h2 em{font-family:var(--serif);font-weight:300;color:#a96243}
#catalogue-description{font-size:15px;line-height:1.7;color:#3c4a42}
.catalogue-invitation{font-size:14px;line-height:1.75;color:#62685f;margin-top:14px}
.catalogue-message{margin:23px 0 24px;padding:15px 17px;background:#e9e4da;border-left:2px solid #ae7c5d}
.catalogue-message>span{font:500 9px/1.6 var(--mono);letter-spacing:.035em;color:#815339}
.catalogue-message p{font:400 12px/1.75 var(--sans);color:#586154;margin-top:8px}
.catalogue-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:15px 17px;background:#17211f;color:#f4f2ec;border:1px solid #17211f;font:500 13px/1.5 var(--sans);transition:background .2s,border-color .2s}
.catalogue-whatsapp>i{color:#87d4a0;font-size:23px;flex:none}.catalogue-whatsapp>span:not(.catalogue-whatsapp-arrow){flex:1}.catalogue-whatsapp-arrow{font-size:23px;font-weight:300;flex:none}
.catalogue-whatsapp:hover{background:#284234;border-color:#284234}
.catalogue-footnote{font:400 11px/1.7 var(--sans);color:#666c61;text-align:center;margin-top:13px}
body.catalogue-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){.catalogue-dialog[open]{animation:catalogue-enter .3s cubic-bezier(.2,.7,.3,1)}@keyframes catalogue-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:600px){
  dialog.catalogue-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);max-width:440px;border-radius:4px}
  .catalogue-toolbar{min-height:60px;padding:8px 11px 8px 21px;padding-top:max(8px,env(safe-area-inset-top))}
  .catalogue-toolbar>span{font-size:8px;letter-spacing:.04em;max-width:230px}
  .catalogue-layout{display:block}.catalogue-art{display:none}
  .catalogue-copy{padding:25px 23px max(24px,env(safe-area-inset-bottom))}
  .catalogue-copy h2{font-size:39px;margin:16px 0 19px}
  .catalogue-eyebrow{font-size:10px}
  #catalogue-description{font-size:16px;line-height:1.65}
  .catalogue-invitation{font-size:15px;line-height:1.7;margin-top:13px}
  .catalogue-message{margin:19px 0 21px;padding:13px 15px}
  .catalogue-message>span{font-size:9px}.catalogue-message p{font-size:13px;line-height:1.65}
  .catalogue-whatsapp{font-size:14px;min-height:60px;padding:14px 15px;gap:11px}
  .catalogue-footnote{font-size:11px;line-height:1.65}
}
@media(max-width:360px){.catalogue-copy{padding-inline:19px}.catalogue-copy h2{font-size:36px}.catalogue-toolbar>span{max-width:180px}.catalogue-whatsapp{font-size:13px;padding-inline:12px;gap:10px}}
@media(max-height:520px){dialog.catalogue-dialog{max-height:calc(100dvh - 16px)}.catalogue-copy{padding-block:22px}.catalogue-toolbar{min-height:56px;padding-block:5px}}
