.shop .shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}
.shop .eyebrow{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.5em;text-transform:uppercase;color:var(--amber);margin:0;display:block}
.shop .fine{font-size:.82rem;line-height:1.6;color:var(--on-paper-60)}
.shop .nav{position:sticky;top:0;z-index:60;background:var(--night);padding-block:1rem}
.shop .nav-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.shop .brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.shop .brand svg{color:var(--gold);flex-shrink:0}
.shop .brand b{font-family:var(--mark);font-weight:400;font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--on-night);display:block}
.shop .brand span{font-family:var(--sans);font-size:.5rem;letter-spacing:.34em;text-transform:uppercase;color:var(--on-night-60)}
.shop .cartbtn{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:var(--night);border:0;border-radius:999px;padding:.75rem 1.5rem;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .25s}
.shop .cartbtn:hover{background:var(--paper)}
.shop .cartbtn .n{background:var(--night);color:var(--gold);border-radius:999px;min-width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem}
.shop .head{padding-block:clamp(3rem,7vw,5rem) clamp(2rem,4vw,3rem)}
.shop .head .lede{font-family:var(--display);font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.55;color:var(--on-paper-60);max-width:38rem;margin-top:1.25rem}
.shop .filters{display:flex;flex-wrap:wrap;gap:.6rem;padding-bottom:clamp(2rem,4vw,3rem)}
.shop .chip{font-family:var(--sans);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:.7rem 1.3rem;border-radius:999px;border:1px solid var(--on-paper-10);background:transparent;color:var(--on-paper-60);cursor:pointer;transition:.25s}
.shop .chip:hover{border-color:var(--amber);color:var(--on-paper)}
.shop .chip[aria-pressed="true"]{background:var(--night);border-color:var(--night);color:var(--paper)}
.shop .grid{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;padding-bottom:clamp(3rem,7vw,5rem)}
.shop .card{display:flex;flex-direction:column;gap:.7rem;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.shop .card .shot{overflow:hidden;background:var(--night-2);position:relative}
.shop .card .shot img{width:100%;height:auto;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.shop .card:hover .shot img{transform:scale(1.06)}
.shop .card .ser{font-family:var(--sans);font-size:.56rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--amber)}
.shop .card .nm{font-family:var(--display);font-size:1.2rem;line-height:1.25}
.shop .card .pr{font-size:.82rem;color:var(--on-paper-60);font-variant-numeric:tabular-nums}
.shop .scrim{position:fixed;inset:0;background:rgba(36,26,20,.72);backdrop-filter:blur(3px);z-index:100;display:none}
.shop .scrim.on{display:block}
.shop .modal{position:fixed;inset:0;z-index:101;display:none;align-items:center;justify-content:center;padding:clamp(.5rem,3vw,2rem)}
.shop .modal.on{display:flex}
.shop .mbox{background:var(--paper);width:min(100%,1000px);max-height:94vh;overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr}
@media(min-width:820px){.shop .mbox{grid-template-columns:1.05fr .95fr}}
.shop .mclose{position:absolute;top:.75rem;right:.75rem;z-index:3;background:rgba(251,247,240,.92);border:0;border-radius:999px;width:2.4rem;height:2.4rem;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--night)}
.shop .slides{position:relative;background:var(--night-2)}
.shop .slides img{width:100%;height:auto}
.shop .snav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(251,247,240,.86);border:0;width:2.6rem;height:2.6rem;border-radius:999px;font-size:1.1rem;cursor:pointer;color:var(--night);display:flex;align-items:center;justify-content:center}
.shop .snav.prev{left:.7rem}
.shop .snav.next{right:.7rem}
.shop .dots{position:absolute;bottom:.9rem;left:0;right:0;display:flex;justify-content:center;gap:.45rem}
.shop .dots i{width:.45rem;height:.45rem;border-radius:999px;background:rgba(247,241,230,.45);cursor:pointer}
.shop .dots i.on{background:var(--gold);width:1.3rem}
.shop .slabel{position:absolute;top:.9rem;left:.9rem;font-family:var(--sans);font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,241,230,.85);background:rgba(36,26,20,.55);padding:.35rem .7rem;border-radius:999px}
.shop .mbody{padding:clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;gap:1.1rem}
.shop .mbody h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.shop .mbody .cap{font-family:var(--display);font-size:1.1rem;font-style:italic;color:var(--on-paper-60);line-height:1.5}
.shop .opt-h{font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--on-paper-40)}
.shop .opts{display:flex;flex-wrap:wrap;gap:.5rem}
.shop .opt{font-family:var(--sans);font-size:.78rem;padding:.6rem 1rem;border:1px solid var(--on-paper-10);border-radius:2px;background:transparent;cursor:pointer;color:var(--on-paper);font-variant-numeric:tabular-nums;transition:.2s}
.shop .opt:hover{border-color:var(--amber)}
.shop .opt[aria-pressed="true"]{background:var(--night);border-color:var(--night);color:var(--paper)}
.shop .opt .p{color:var(--on-paper-40);margin-left:.5rem;font-size:.72rem}
.shop .opt[aria-pressed="true"] .p{color:var(--gold)}
.shop .addrow{display:flex;gap:.75rem;align-items:stretch;margin-top:.4rem}
.shop .qty{display:flex;align-items:center;border:1px solid var(--on-paper-10)}
.shop .qty button{width:2.4rem;background:none;border:0;font-size:1.1rem;cursor:pointer;color:var(--on-paper)}
.shop .qty span{min-width:2rem;text-align:center;font-variant-numeric:tabular-nums}
.shop .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2rem;border-radius:999px;border:1px solid var(--night);background:var(--night);color:var(--paper);cursor:pointer;transition:.25s;text-decoration:none;text-align:center}
.shop .btn:hover{background:var(--amber);border-color:var(--amber)}
.shop .btn--gold{background:var(--gold);border-color:var(--gold);color:var(--night)}
.shop .btn--gold:hover{background:var(--paper);border-color:var(--paper)}
.shop .btn--ghost{background:transparent;color:var(--on-paper)}
.shop .btn[disabled]{opacity:.45;cursor:not-allowed}
.shop .drawer{position:fixed;top:0;right:0;bottom:0;width:min(100%,440px);background:var(--night);color:var(--on-night);z-index:110;transform:translateX(101%);transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}
.shop .drawer.on{transform:none}
.shop .dhead{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.5rem;border-bottom:1px solid var(--on-night-12)}
.shop .dhead h3{font-family:var(--display);font-size:1.5rem;color:var(--on-night)}
.shop .dhead button{background:none;border:0;color:var(--on-night);font-size:1.6rem;cursor:pointer;line-height:1}
.shop .dbody{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem}
.shop .line{display:grid;grid-template-columns:60px 1fr auto;gap:.9rem;align-items:start}
.shop .line img{width:60px;height:auto}
.shop .line .t{font-family:var(--display);font-size:1.05rem;color:var(--on-night);line-height:1.25}
.shop .line .o{font-size:.74rem;color:var(--on-night-mut);margin-top:.15rem}
.shop .line .qc{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}
.shop .line .qc button{background:none;border:1px solid var(--on-night-12);color:var(--on-night);width:1.6rem;height:1.6rem;cursor:pointer;font-size:.9rem;line-height:1}
.shop .line .qc span{font-size:.8rem;font-variant-numeric:tabular-nums;min-width:1.2rem;text-align:center}
.shop .line .amt{font-family:var(--display);font-size:1.05rem;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.shop .line .rm{background:none;border:0;color:var(--on-night-mut);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:0;margin-top:.35rem}
.shop .empty{color:var(--on-night-mut);font-size:.9rem;text-align:center;padding:3rem 0}
.shop .dfoot{border-top:1px solid var(--on-night-12);padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}
.shop .ship label{display:block;font-family:var(--sans);font-size:.58rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--on-night-mut);margin-bottom:.45rem}
.shop .ship select{width:100%;background:transparent;border:1px solid var(--on-night-12);color:var(--on-night);padding:.7rem .8rem;font-family:var(--sans);font-size:.9rem;border-radius:2px}
.shop .ship select option{background:var(--night-2);color:var(--on-night)}
.shop .row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:var(--on-night-mut)}
.shop .row.total{font-family:var(--display);font-size:1.5rem;color:var(--on-night);padding-top:.6rem;border-top:1px solid var(--on-night-12)}
.shop .row.total b{color:var(--gold);font-weight:400}
.shop .note{font-size:.72rem;line-height:1.55;color:var(--on-night-mut)}
.shop .strip{background:var(--night);color:var(--on-night);padding-block:clamp(3rem,6vw,4.5rem)}
.shop .strip h2{color:var(--on-night)}
.shop .cols{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:760px){.shop .cols{grid-template-columns:repeat(3,1fr);gap:3rem}}
.shop .cols h4{font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 .8rem}
.shop .cols p{font-size:.92rem;line-height:1.65;color:var(--on-night-mut)}
.shop footer{background:var(--night-2);color:var(--on-night-mut);padding-block:2.5rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.shop footer a{color:var(--gold)}
@media (prefers-reduced-motion: reduce){}
/* square format everywhere in the shop */
.shop .card .shot{aspect-ratio:1;overflow:hidden}
.shop .card .shot img{width:100%;height:100%;object-fit:cover}
.shop .slides{aspect-ratio:1;overflow:hidden}
.shop .slides img{width:100%;height:100%;object-fit:cover}
.shop .line img{aspect-ratio:1;object-fit:cover}

.shop .cartfloat{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:90;
  box-shadow:0 8px 30px rgba(36,26,20,.34)}
.shop .drawer.on ~ .cartfloat,.shop .modal.on ~ .cartfloat{display:none}
@media print{.shop .cartfloat{display:none}}