/* Carlaejarque Ceramics -- site.css (design system extracted from signed-off homepage V6a).
   Reset baseline + container rails + components. Brand tokens live in tokens.override.css. */
*{box-sizing:border-box}figure,blockquote,dl,fieldset,menu{margin:0}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.02;margin:0;letter-spacing:-.02em}
.container{width:100%;max-width:var(--rails-wide);margin-inline:auto;padding-inline:var(--pad)}
.container--narrow{max-width:var(--rails-narrow)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--iron);font-weight:600}
.section{padding-block:clamp(4.5rem,9vw,9rem)}
/* photo helper */
.ph{position:relative;width:100%;background-color:var(--stone);background-image:var(--img);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.ph--45{aspect-ratio:4/5}.ph--34{aspect-ratio:3/4}.ph--11{aspect-ratio:1/1}.ph--54{aspect-ratio:5/4}
/* UNIFIED BUTTON SYSTEM (high contrast everywhere) */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.9rem;background:var(--iron);color:var(--paper);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;border:1px solid var(--iron);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.btn:hover{background:var(--iron-deep);border-color:var(--iron-deep);transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}
.btn--ghost.on-dark{color:var(--paper);border-color:rgba(236,229,216,.65)}
.btn--ghost.on-dark:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--iron);border-bottom:1px solid var(--iron)}
.link:hover{color:var(--iron-deep);border-color:var(--iron-deep)}
.link.on-dark{color:var(--paper);border-color:var(--paper)}
/* nav -- default: sticky on paper (inner pages). --floating: transparent over a dark hero (homepage etc.) */
.nav{position:sticky;top:0;left:0;right:0;z-index:40;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}
.nav--floating{position:absolute;color:var(--paper);background:transparent;border-bottom:0}
.nav--floating.nav--filled{position:fixed;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.1) blur(6px)}
.nav__layout{display:flex;align-items:center;justify-content:space-between;height:84px}
.nav__mark{font-family:var(--font-display);font-size:1.4rem}
.nav__links{display:flex;gap:2.2rem}.nav__links a{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}.nav__links a:hover{color:var(--iron)}
.nav--floating .nav__links a:hover{color:var(--sea-light)}
.nav__icons{display:flex;gap:1.1rem;align-items:center}.nav__icon{position:relative;width:24px;height:24px}.nav__icon svg{display:block;width:100%;height:100%}
.nav__cart-count{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 10px/16px var(--font-body);text-align:center}
.nav__icon--cart[data-empty="true"] .nav__cart-count{display:none}
.botbar{display:none}
/* HERO full-bleed cinema (from V4) with stronger scrim */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:var(--paper);overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background-color:var(--stone)}
.hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(18,15,13,.86),rgba(18,15,13,.30) 58%,rgba(18,15,13,.5)),linear-gradient(90deg,rgba(18,15,13,.62),rgba(18,15,13,.05) 62%)}
.hero__inner{position:relative;z-index:2;width:100%;padding-bottom:clamp(3rem,7vw,6rem)}
.hero__eyebrow{color:var(--sand)}
.hero h1{font-size:clamp(2.9rem,7.4vw,6.2rem);font-weight:300;max-width:15ch;margin-top:1rem;text-shadow:0 1px 30px rgba(0,0,0,.35)}
.hero h1 em{font-style:italic;color:var(--sea-light)}
.hero__sub{max-width:46ch;margin:1.5rem 0 2.1rem;color:rgba(236,229,216,.94);font-size:1.12rem}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.hero__credit{position:absolute;right:var(--pad);bottom:clamp(3rem,7vw,6rem);z-index:2;writing-mode:vertical-rl;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,229,216,.72)}
/* featured (V2 grid) */
.section-head{margin-bottom:clamp(1.9rem,3.2vw,2.9rem)}
.section-head .eyebrow{margin-bottom:.8rem}
.section-head h2{font-size:clamp(2.1rem,5vw,3.7rem)}
.fx{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,2.4vw,2rem)}
.card{display:block}
.card__img{aspect-ratio:4/5;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.card:hover .card__img{transform:translateY(-4px);box-shadow:0 16px 30px rgba(42,37,33,.16);border-color:var(--iron)}
.card__name{font-family:var(--font-display);font-size:1.3rem;margin-top:.9rem}
.card__note{font-size:.86rem;color:#5f5848;margin:.1rem 0 .3rem}
.card__price{font-size:.98rem;color:var(--ink)}
/* erosion wall (dark) */
.erosion{background:var(--ink);color:var(--paper)}
.erosion .eyebrow{color:var(--sand);margin-bottom:1rem}
.erosion h2{font-size:clamp(2.4rem,6vw,5rem);font-weight:300}
.erosion__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,2rem);margin-top:2.6rem}
.spec__img{aspect-ratio:3/4}
.spec__cap{margin-top:.7rem;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}
.spec__name{font-family:var(--font-display);font-size:1.2rem;margin-top:.15rem}
.erosion__note{margin-top:2rem;max-width:54ch;color:rgba(236,229,216,.82)}
/* two doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem)}
.door{padding:clamp(2.2rem,4vw,3.6rem);background:var(--paper-2);display:flex;flex-direction:column;align-items:flex-start}
.door--dark{background:var(--sea-deep);color:var(--paper)}
.door .eyebrow{margin-bottom:.4rem}
.door--dark .eyebrow{color:var(--sand)}
.door h3{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:.6rem}
.door p{max-width:32ch;margin-bottom:1.5rem;color:#5f5848}
.door--dark p{color:rgba(236,229,216,.9)}
/* story */
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.story h2{font-size:clamp(2.1rem,4.6vw,3.5rem);margin-bottom:1.2rem}
.story p{color:#433e36;max-width:52ch;margin-bottom:1.2rem}
/* rest */
.rest{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rest__row{display:flex;flex-wrap:wrap;gap:1.4rem 2.8rem;justify-content:center;margin:1.5rem 0}
.rest__row span{font-family:var(--font-display);font-size:1.35rem;color:#5f5848}
/* reviews */
.reviews{background:var(--paper-2)}
.reviews__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(1.9rem,3.2vw,2.9rem)}
.reviews__head h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.reviews__stat{text-align:right;flex:0 0 auto}
.reviews__stat strong{display:block;font-family:var(--font-display);font-size:2.2rem;font-weight:400;line-height:1}
.reviews__stat span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6a6256}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,3.5vw,3.5rem)}
.review{border-top:1px solid var(--ink);padding-top:1.5rem}
.review__stars{color:var(--iron);letter-spacing:.2em;font-size:.92rem;margin-bottom:1.1rem}
.review__quote{font-family:var(--font-display);font-size:1.22rem;line-height:1.45;margin-bottom:1.2rem;color:var(--ink)}
.review__by{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6a6256}
.reviews__foot{margin-top:clamp(1.8rem,3vw,2.6rem)}
/* ig */
.ig{overflow:hidden}.ig__head{margin-bottom:1.4rem}
.ig__track{display:flex;gap:1rem;width:max-content;animation:scroll 44s linear infinite}.ig:hover .ig__track{animation-play-state:paused}
.ig__tile{width:250px;flex:0 0 auto}.ig__tile .ph{aspect-ratio:1/1}
@keyframes scroll{to{transform:translateX(-50%)}}
/* news */
.news{background:var(--sand);text-align:center}
.news h2{font-size:clamp(2.1rem,4.6vw,3.3rem);margin-bottom:.6rem}
.news p{max-width:42ch;margin:0 auto 1.7rem;color:#433e36}
.news form{display:flex;max-width:480px;margin:0 auto;background:var(--paper);border:1px solid var(--ink)}
.news input{flex:1;min-width:0;background:transparent;border:0;padding:0 1.1rem;min-height:54px;font-family:inherit;color:var(--ink)}
.news input::placeholder{color:#6a6256}
.news button{background:var(--ink);color:var(--paper);border:0;padding:0 1.7rem;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer}
.news button:hover{background:var(--iron)}
/* footer */
.footer{background:var(--ink);color:var(--paper);padding-block:clamp(3rem,5vw,4.5rem) 2rem}
.footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr) 1.4fr;gap:2rem}
.footer h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);margin:0 0 1rem;font-family:var(--font-body);font-weight:600}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.footer a{color:rgba(236,229,216,.82);font-size:.92rem}.footer a:hover{color:var(--paper)}
.footer__mark{font-family:var(--font-display);font-size:1.65rem;margin-bottom:.8rem}
.footer__news input{width:100%;background:transparent;border:1px solid rgba(236,229,216,.4);padding:.7rem;color:var(--paper);margin-bottom:.6rem}
.footer__news input::placeholder{color:rgba(236,229,216,.55)}
.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid rgba(236,229,216,.2);font-size:.82rem;color:rgba(236,229,216,.62)}
.footer__bottom a{color:rgba(236,229,216,.62)}
/* PDP (product detail) */
.pdp{padding-block:clamp(2rem,4vw,3.4rem) clamp(4rem,7vw,7rem)}
.breadcrumb{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6a6256;margin-bottom:1.6rem}
.breadcrumb a:hover{color:var(--iron)}
.pdp__layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.pdp__gallery{position:relative}
.pdp__main{aspect-ratio:4/5;cursor:zoom-in}
.pdp__zoom{position:absolute;right:1rem;bottom:1rem;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .75rem;border:1px solid var(--ink);pointer-events:none}
.pdp__thumbs{display:flex;gap:.6rem;margin-top:.6rem}
.pdp__thumbs .ph{width:84px;aspect-ratio:1/1;flex:0 0 auto;cursor:pointer;border:1px solid var(--line);transition:border-color .2s}
.pdp__thumbs .ph:hover,.pdp__thumbs .ph[aria-current="true"]{border-color:var(--ink)}
.pdp__info{padding-top:.4rem}
.pdp__collection{color:var(--iron)}
.pdp__title{font-size:clamp(2.1rem,4vw,3.1rem);margin:.6rem 0 .5rem}
.pdp__price{font-size:1.3rem;margin-bottom:1.5rem}
.pdp__desc{color:#433e36;max-width:48ch;margin-bottom:1.9rem}
.pdp__opt{margin-bottom:1.5rem}
.pdp__opt h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6a6256;margin:0 0 .6rem;font-family:var(--font-body);font-weight:600}
.chips{display:flex;gap:.6rem;flex-wrap:wrap}
.chip{min-height:44px;padding:0 1.1rem;display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--paper);font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s}
.chip[aria-pressed="true"],.chip:hover{border-color:var(--ink);background:var(--paper-2)}
.pdp__buy{display:flex;gap:.8rem;align-items:stretch;margin-bottom:1.2rem}
.qty{display:inline-flex;align-items:center;border:1px solid var(--ink)}
.qty button{width:44px;min-height:52px;background:none;border:0;font-size:1.1rem;cursor:pointer;color:var(--ink)}
.qty span{min-width:2.6rem;text-align:center}
.pdp__buy .btn{flex:1}
.pdp__note{font-size:.85rem;color:#6a6256;margin-bottom:1.9rem}
.pdp__callout{border-top:1px solid var(--line);padding-top:1.5rem}
.pdp__callout .eyebrow{margin-bottom:.6rem}
.pdp__callout p{color:#433e36;max-width:46ch}
.related{border-top:1px solid var(--line)}
.related h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:1.6rem}
@media(max-width:880px){
  .pdp__layout{grid-template-columns:1fr}
  .nav__links,.nav__icons{display:none}
  .hero__credit{display:none}
  .fx{grid-template-columns:repeat(2,1fr)}
  .erosion__row{grid-template-columns:1fr}
  .doors,.story,.footer__grid,.reviews__grid{grid-template-columns:1fr}
  .reviews__head{flex-direction:column;align-items:flex-start}.reviews__stat{text-align:left}
  .botbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:1px solid var(--ink);justify-content:space-around}
  .botbar a,.botbar button{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:var(--ink);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:inherit;cursor:pointer}
  .botbar svg{width:22px;height:22px}
  body{padding-bottom:56px}
}


/* ===== mass-build components ===== */
.no-scroll{overflow:hidden}
.drawer-backdrop{position:fixed;inset:0;background:rgba(18,15,13,.5);opacity:0;visibility:hidden;transition:opacity .3s;z-index:90}
.drawer-backdrop.is-open{opacity:1;visibility:visible}
.cart-drawer,.search-overlay,.mobile-menu-drawer{position:fixed;z-index:100;background:var(--paper);color:var(--ink);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.cart-drawer{top:0;right:0;height:100%;width:min(420px,92vw);transform:translateX(100%)}
.cart-drawer.is-open{transform:none}
.mobile-menu-drawer{top:0;left:0;height:100%;width:min(360px,88vw);transform:translateX(-100%);padding:1.4rem}
.mobile-menu-drawer.is-open{transform:none}
.search-overlay{top:0;left:0;right:0;transform:translateY(-100%);padding-block:1.4rem 2.4rem}
.search-overlay.is-open{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
.search-overlay .drawer__head{padding-inline:0;border:0}
.drawer__head h3{font-family:var(--font-display);font-size:1.3rem}
.drawer__close{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink);width:44px;height:44px}
.cart-drawer__body{flex:1;overflow:auto;padding:1.2rem 1.4rem}
.cart-drawer__empty{color:#6a6256}
.cart-line{display:grid;grid-template-columns:64px 1fr;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--line)}
.cart-line__img{aspect-ratio:1/1}
.cart-line__name{font-family:var(--font-display);font-size:1.05rem}
.cart-line__price{font-size:.9rem;color:#6a6256;margin:.1rem 0 .5rem}
.cart-line__qty{display:flex;align-items:center;gap:.5rem;font-size:.9rem}
.cart-line__qty button{width:30px;height:30px;border:1px solid var(--line);background:var(--paper);cursor:pointer}
.cart-line__rm{border:0!important;background:none!important;width:auto!important;color:var(--iron);text-decoration:underline;margin-left:auto;cursor:pointer}
.cart-drawer__foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line)}
.cart-drawer__total{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:1.15rem;margin-bottom:1rem}
.search-overlay__form input,.mm__search input{width:100%;min-height:54px;border:1px solid var(--ink);background:var(--paper);padding:0 1rem;font-family:inherit;font-size:1.05rem;color:var(--ink)}
.search-overlay__results{margin-top:1.4rem}
.search-overlay__hint{color:#6a6256}
.search-results{display:grid;gap:.3rem}
.search-result{display:grid;grid-template-columns:54px 1fr;gap:.9rem;align-items:center;padding:.6rem;border-bottom:1px solid var(--line)}
.search-result:hover{background:var(--paper-2)}
.search-result__img{aspect-ratio:1/1}
.search-result__name{font-family:var(--font-display);font-size:1.05rem}
.search-result__meta{font-size:.82rem;color:#6a6256}
.mm__links{display:flex;flex-direction:column;margin-top:1.2rem}
.mm__links a{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.lightbox{position:fixed;inset:0;z-index:110;background:rgba(18,15,13,.92);display:none;align-items:center;justify-content:center;padding:5vw}
.lightbox.is-open{display:flex}
.lightbox__img{max-width:90vw;max-height:90vh;width:auto}
.lightbox__close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:0;color:var(--paper);font-size:2rem;cursor:pointer}
.page-head{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,2.5rem)}
.page-head .eyebrow{margin-bottom:.7rem}
.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem)}
.page-head p{color:#5f5848;max-width:60ch;margin-top:.8rem}
.prose{max-width:68ch}
.prose h2{font-family:var(--font-display);font-size:1.5rem;margin:2.1rem 0 .6rem}
.prose p{margin:0 0 1rem;color:#433e36}
.prose ul{color:#433e36;padding-left:1.2rem}
.prose li{margin-bottom:.4rem}
.shop__layout{display:grid;grid-template-columns:220px 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.filter{position:sticky;top:104px}
.filter h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6a6256;margin:1.2rem 0 .6rem;font-family:var(--font-body);font-weight:600}
.filter h4:first-child{margin-top:0}
.filter label{display:flex;gap:.5rem;align-items:center;padding:.3rem 0;font-size:.92rem;cursor:pointer;color:#433e36}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.4vw,2rem)}
.shop__callout{background:var(--ink);color:var(--paper);padding:clamp(1.6rem,3vw,2.4rem);text-align:center;font-family:var(--font-display);font-size:1.3rem;margin-top:2rem}
.coll-hero{padding-block:clamp(3rem,6vw,5rem);background:var(--paper-2)}
.coll-hero h1{font-size:clamp(2.4rem,5vw,3.8rem)}
.coll-hero p{max-width:54ch;margin-top:.8rem;color:#5f5848}
.form{max-width:620px}
.form .row{display:grid;gap:1rem;margin-bottom:1rem}
.form .row--2{grid-template-columns:1fr 1fr}
.field{display:flex;flex-direction:column;gap:.4rem}
.field label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6a6256;font-weight:600}
.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--paper);padding:.8rem;font-family:inherit;font-size:1rem;color:var(--ink)}
.field textarea{min-height:130px;resize:vertical}
.form .btn{margin-top:.4rem}
.wholesale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(2rem,5vw,5rem);align-items:start}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.feature__img .ph{aspect-ratio:4/5}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,2.5vw,2rem)}
.step__no{font-family:var(--font-display);font-size:2rem;color:var(--iron)}
.step h3{font-size:1.2rem;margin:.4rem 0 .3rem}
.step p{font-size:.92rem;color:#5f5848}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.4vw,2rem)}
.case .ph{aspect-ratio:4/3}
.case h3{font-family:var(--font-display);font-size:1.15rem;margin-top:.7rem}
.case p{font-size:.88rem;color:#5f5848}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.4rem)}
.post .ph{aspect-ratio:3/2}
.post h3{font-family:var(--font-display);font-size:1.3rem;margin:.8rem 0 .3rem}
.post .meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6a6256}
.post--soon{opacity:.62;cursor:default}
.post--soon .meta{color:var(--iron)}
.post__hero .ph{aspect-ratio:16/7}
.post__hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;background-color:var(--stone)}
/* Review Funnel -- one centred card holds heading + stars + routes (SCGS pattern) */
.review-page{padding-block:clamp(3rem,8vw,7.5rem);background:var(--paper-2)}
.review-card{max-width:560px;margin-inline:auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:clamp(2rem,5vw,3.5rem);box-shadow:0 28px 64px -34px rgba(42,37,33,.42)}
.review-card .eyebrow{display:block;margin-bottom:1rem}
.review-card__title{font-size:clamp(1.9rem,4.2vw,2.9rem);margin-bottom:.7rem}
.review-card__lead{color:#5f5848;max-width:40ch;margin:0 auto 1.8rem}
.review-card__prompt{font-size:.92rem;color:#6a6256;margin-bottom:.2rem}
.stars{display:flex;justify-content:center;gap:.4rem;margin:1rem 0 0}
.stars button{background:none;border:0;font-size:2.2rem;line-height:1;color:var(--line);cursor:pointer;padding:0 .1rem}
.stars button.on{color:var(--iron)}
.review-route{display:none;margin-top:1.8rem}
.review-route.is-active{display:block}
.review-route__title{font-family:var(--font-display);font-size:1.45rem;margin-bottom:.5rem}
.review-route__fallback{margin-top:.85rem;font-size:.9rem;color:#5f5848}
.review-route--private{text-align:left}
.review-route--private .form{margin-top:1rem;max-width:none}
.review-route__optout{margin-top:1rem;font-size:.9rem;color:#5f5848}
.review-route__fallback a,.review-route__optout a{color:var(--iron);text-decoration:underline}
.tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.6rem}
.tabs button{background:none;border:0;padding:.8rem 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#6a6256;cursor:pointer;border-bottom:2px solid transparent}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--iron)}
.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.dash .panel{border:1px solid var(--line);padding:1.4rem}
.dash h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.4rem}
.dash p{font-size:.9rem;color:#5f5848}
.err{min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.err h1{font-size:clamp(3rem,9vw,7rem);font-weight:300}
.err p{color:#5f5848;margin:.6rem 0 1.6rem;max-width:40ch}
@media(max-width:880px){
  .shop__layout{grid-template-columns:1fr}.filter{position:static;display:flex;flex-wrap:wrap;gap:1.2rem}
  .grid-3,.portfolio,.journal-grid,.steps,.dash{grid-template-columns:repeat(2,1fr)}
  .feature{grid-template-columns:1fr}
  .form .row--2{grid-template-columns:1fr}
  .cart-drawer{width:100vw}
}
@media(max-width:560px){ .grid-3,.portfolio,.journal-grid,.steps,.dash{grid-template-columns:1fr} }

/* utilities */
.pagewrap{padding-bottom:clamp(4rem,7vw,7rem)}
.btn--block{width:100%}
.footer__stmt{color:rgba(236,229,216,.72);max-width:30ch}
.mt-l{margin-top:2.4rem}
.mt-m{margin-top:2rem}
.mt-s{margin-top:1.2rem}
.mr-m{margin-right:1.2rem}
.ml-s{margin-left:.6rem}
.flush-x{padding-inline:0}
.center{text-align:center}
.pb-s{padding-bottom:clamp(2rem,4vw,3rem)}
.h1-feature{font-size:clamp(2.4rem,5vw,3.8rem);margin:.6rem 0 1.2rem}
.h2-mid{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.bg-2{background:var(--paper-2)}
.bg-ink{background:var(--ink);color:var(--paper)}

/* touch-target + footer newsletter fixes */
.tabs button{min-height:44px}
.stars button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.footer__news form{display:flex;flex-direction:column;gap:.5rem}
.footer__news input{margin-bottom:0}
@media(max-width:880px){.footer__news form{flex-direction:row}.footer__news .btn{width:auto;flex:0 0 auto}.footer__news input{flex:1;min-width:0}}

/* ADR-0027 unsolicited-concept disclaimer (inherits footer font + colour) */
.footer__disclaimer{ margin:1.2rem 0 0; max-width:72ch; font-size:10.5px; line-height:1.55; letter-spacing:.04em; opacity:.6; }