/* ============ tokens ============ */
:root{
  --ink:#16221E;
  --ink-2:#2B3B34;
  --paper:#E8E4D9;
  --paper-2:#F1EEE4;
  --muted:#5D6862;
  --ply:#C07429;
  --ply-lt:#E0A95C;
  --ply-dk:#9A5718;
  --salt:#1F6068;
  --salt-lt:#79A9A1;
  --line:rgba(22,34,30,.16);
  --line-soft:rgba(22,34,30,.08);
  --display:'Alfa Slab One',Georgia,'Times New Roman',serif;
  --body:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;
  --pad:clamp(20px,5vw,40px);
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);font-weight:400;font-size:16px;line-height:1.65;
  color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ply);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.02}
h1{font-size:clamp(34px,8.6vw,76px)}
h2{font-size:clamp(25px,4.4vw,40px);line-height:1.06}
h3{font-size:clamp(18px,2.2vw,22px);line-height:1.2}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.section{padding:clamp(44px,7vw,88px) 0}
.lead{font-size:clamp(16px,1.9vw,19px);line-height:1.6;color:var(--ink-2);max-width:62ch}
.small{font-size:14px;color:var(--muted)}
.plyrule{height:6px;background:repeating-linear-gradient(90deg,var(--ply-dk) 0 6px,var(--ply) 6px 18px,var(--ply-lt) 18px 30px);width:64px}

/* ============ header ============ */
.site-head{
  position:sticky;top:0;z-index:60;background:var(--paper);
  border-bottom:1px solid var(--line);
}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.mark{width:26px;height:26px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.mark span{font-family:var(--display);font-size:15px;color:var(--paper);position:relative;z-index:2;transform:translateY(-1px)}
.mark::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:repeating-linear-gradient(90deg,var(--ply-dk) 0 3px,var(--ply) 3px 9px,var(--ply-lt) 9px 15px)}
.wordmark{font-family:var(--display);font-size:21px;letter-spacing:.09em;line-height:1}
.brand-note{font-size:11.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;display:none}
.nav{display:none}
.nav a{
  font-size:14.5px;font-weight:500;color:var(--ink-2);padding:10px 2px;position:relative;
}
.nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--ply);
  transform:scaleX(0);transform-origin:left;transition:transform .18s ease;
}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--ink)}
.head-cta{display:none}
.burger{
  width:44px;height:44px;display:grid;place-items:center;background:transparent;
  border:1px solid var(--line);cursor:pointer;
}
.burger i{display:block;width:18px;height:2px;background:var(--ink);position:relative}
.burger i::before,.burger i::after{content:'';position:absolute;left:0;width:18px;height:2px;background:var(--ink)}
.burger i::before{top:-6px}.burger i::after{top:6px}
.mobile-nav{display:none;border-bottom:1px solid var(--line);background:var(--paper-2)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:15px var(--pad);font-size:15px;font-weight:500;border-top:1px solid var(--line-soft)}
.mobile-nav a[aria-current="page"]{background:rgba(192,116,41,.10)}
.mobile-nav a:last-child{border-bottom:0}

/* ============ buttons & links ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);
  font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:background .18s,border-color .18s,color .18s;
}
.btn:hover{background:var(--ply);border-color:var(--ply);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.on-dark{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn.on-dark:hover{background:var(--ply-lt);border-color:var(--ply-lt);color:var(--ink)}
.tlink{
  display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:15px;
  border-bottom:2px solid var(--ply);padding-bottom:2px;transition:border-color .18s,color .18s;
}
.tlink:hover{color:var(--ply-dk);border-color:var(--ink)}
.tlink.on-dark{border-color:var(--ply-lt);color:var(--paper)}
.tlink.on-dark:hover{color:#fff;border-color:#fff}

/* ============ hero ============ */
.hero{position:relative;background:var(--ink);color:var(--paper);overflow:hidden}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 42%}
.hero::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,16,14,.94) 0%,rgba(10,16,14,.62) 42%,rgba(10,16,14,.26) 76%,rgba(10,16,14,.34) 100%);
}
.hero-in{position:relative;z-index:2;padding:clamp(56px,14vw,110px) 0 clamp(28px,4vw,38px)}
.hero-kicker{font-size:13.5px;font-weight:500;letter-spacing:.02em;color:#DCD6C6;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.hero-kicker::before{content:'';width:26px;height:2px;background:var(--ply-lt);flex:0 0 auto}
.hero h1{color:#F4F1E7;max-width:14ch}
.hero h1 em{font-style:normal;color:var(--ply-lt)}
.hero p{margin-top:20px;max-width:52ch;font-size:clamp(15px,1.8vw,18px);line-height:1.6;color:#E3DFD2}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-facts{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:0;
  border-top:1px solid rgba(232,228,217,.24);
}
.hero-facts li{list-style:none;padding:14px 0;border-bottom:1px solid rgba(232,228,217,.14);font-size:13.5px;color:#D5D0C3;display:flex;align-items:baseline;gap:10px}
.hero-facts li b{font-family:var(--display);font-size:12px;color:var(--ply-lt);letter-spacing:.04em}

/* ============ entry tiles ============ */
.entries{background:var(--paper);padding:clamp(36px,5vw,64px) 0 0}
.entry-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,28px)}
.entry{
  position:relative;background:var(--paper-2);border:1px solid var(--line);
  display:flex;flex-direction:column;overflow:hidden;
}
.entry .strip{height:5px;background:var(--ply)}
.entry.surf .strip{background:var(--salt)}
.entry-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#CFC9BA}
.entry-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.entry:hover .entry-media img{transform:scale(1.045)}
.entry-body{padding:clamp(18px,3vw,26px);display:flex;flex-direction:column;gap:10px;flex:1}
.entry-label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--ply-dk)}
.entry.surf .entry-label{color:var(--salt)}
.entry h2{font-size:clamp(22px,3.4vw,30px);line-height:1.1}
.entry p{font-size:14.5px;color:var(--muted);max-width:36ch}
.entry-foot{margin-top:auto;padding-top:6px}

/* ============ craft split ============ */
.craft{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.craft-in{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,48px)}
.craft-copy h2{max-width:18ch}
.craft-copy .plyrule{margin:18px 0 22px}
.craft-copy p{color:var(--ink-2);max-width:46ch}
.craft-points{margin-top:26px;display:grid;gap:14px;grid-template-columns:1fr}
.craft-points div{border-top:1px solid var(--line);padding-top:12px}
.craft-points h3{font-size:16px;font-family:var(--body);font-weight:600;letter-spacing:.01em;margin-bottom:2px}
.craft-points p{font-size:14px;color:var(--muted);max-width:40ch}
.craft-shots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,18px);align-items:stretch}
.shot{position:relative;overflow:hidden;background:#CFC9BA}
.shot img{width:100%;height:100%;object-fit:cover}
.shot.tall{grid-column:1/-1;aspect-ratio:4/3}
.shot.sq{aspect-ratio:3/4}
.shot.wide{aspect-ratio:4/3}

/* ============ shop floor ============ */
.floor{background:var(--ink);color:var(--paper);padding:clamp(44px,7vw,88px) 0}
.floor-in{display:grid;grid-template-columns:1fr;gap:clamp(26px,4vw,44px);align-items:center}
.floor-copy h2{color:#F4F1E7;max-width:16ch}
.floor-copy p{margin-top:18px;color:#CBC6B8;max-width:44ch;font-size:15.5px}
.floor-list{margin-top:26px;display:grid;gap:12px;grid-template-columns:1fr}
.floor-list li{list-style:none;display:flex;align-items:baseline;gap:12px;font-size:14.5px;color:#DCD7C9}
.floor-list b{font-family:var(--display);font-size:12px;color:var(--ply-lt);letter-spacing:.03em;flex:0 0 auto}
.floor-media{position:relative;overflow:hidden;aspect-ratio:4/3}
.floor-media img{width:100%;height:100%;object-fit:cover}
.floor-foot{margin-top:28px}

/* ============ oem band ============ */
.oem{background:var(--ply);color:var(--ink);position:relative}
.oem-in{padding:clamp(44px,6vw,76px) 0;display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}
.oem h2{max-width:14ch}
.oem p{margin-top:16px;max-width:46ch;font-size:15.5px;color:#25170A}
.oem-facts{display:grid;grid-template-columns:1fr;gap:10px;align-content:start}
.oem-facts div{border-top:1px solid rgba(22,34,30,.28);padding-top:10px;display:flex;justify-content:space-between;gap:14px;font-size:14.5px}
.oem-facts span:first-child{font-weight:600}
.oem-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}

/* ============ footer ============ */
.site-foot{background:var(--ink);color:#B9B4A6;border-top:6px solid transparent;padding:clamp(40px,6vw,64px) 0 26px}
.foot-grid{display:grid;grid-template-columns:1fr;gap:32px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand .mark{background:var(--ply)}
.foot-brand .wordmark{color:#F4F1E7}
.foot-brand p{font-size:14px;max-width:34ch;color:#B9B4A6}
.foot-col h4{font-family:var(--body);font-size:13.5px;font-weight:600;letter-spacing:.02em;color:#F4F1E7;margin-bottom:12px}
.foot-col a{display:block;padding:6px 0;font-size:14px;color:#B9B4A6;transition:color .18s}
.foot-col a:hover{color:#F4F1E7}
.foot-bottom{border-top:1px solid rgba(232,228,217,.16);margin-top:36px;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:12.5px;color:#8D8878}

/* ============ toast ============ */
.toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:80;
  background:var(--ink);color:var(--paper);border:1px solid rgba(232,228,217,.3);
  padding:12px 20px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;
  max-width:calc(100vw - 40px);
}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ============ view shell ============ */

/* ============ desktop ============ */
@media (min-width:768px){
  .head-in{height:74px}
  .nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,32px)}
  .head-cta{display:inline-flex}
  .burger,.mobile-nav{display:none!important}
  .hero-facts{grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(232,228,217,.24)}
  .hero-facts li{border-bottom:0;border-right:1px solid rgba(232,228,217,.14);padding:16px 24px 16px 0}
  .hero-facts li:last-child{border-right:0}
  .entry-grid{grid-template-columns:repeat(2,1fr)}
  .craft-in{grid-template-columns:1fr 1.05fr;align-items:start}
  .craft-points{grid-template-columns:1fr 1fr}
  .craft-shots{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  .shot.tall{grid-column:1/-1}
  .floor-in{grid-template-columns:1.05fr 1fr}
  .floor-list{grid-template-columns:1fr}
  .oem-in{grid-template-columns:1.3fr 1fr;align-items:start}
  .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
}
@media (min-width:1024px){
  .craft-points{grid-template-columns:1fr 1fr 1fr}
}

/* ============ sub-page hero ============ */
.phero{border-bottom:1px solid var(--line);background:var(--paper)}
.phero-in{display:grid;grid-template-columns:1fr;gap:clamp(20px,3.4vw,40px);padding:clamp(32px,5vw,60px) 0 clamp(28px,4vw,48px);align-items:center}
.phero-copy .plyrule{margin:16px 0 18px}
.phero h1{font-size:clamp(30px,6.4vw,62px)}
.phero .lead{margin-top:14px}
.phero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{
  border:1px solid var(--line);background:var(--paper-2);padding:6px 11px;
  font-size:12.5px;font-weight:500;color:var(--ink-2);
}
.phero-media{position:relative;overflow:hidden;aspect-ratio:4/3;background:#CFC9BA}
.phero-media img{width:100%;height:100%;object-fit:cover}

/* ============ catalog ============ */
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:clamp(20px,3vw,30px);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{
  position:relative;flex:0 0 auto;min-height:48px;padding:0 16px;border:0;background:transparent;
  cursor:pointer;font-weight:500;font-size:14.5px;color:var(--muted);white-space:nowrap;transition:color .15s;
}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);font-weight:600}
.tab[aria-selected="true"]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ply)}
.tab[aria-selected="true"].salt::after{background:var(--salt)}
.products{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.6vw,24px)}
.pcard{background:var(--paper-2);border:1px solid var(--line);display:flex;flex-direction:column}
.pcard .strip{height:5px;background:var(--ply)}
.pcard.surf .strip{background:var(--salt)}
.pcard .media{aspect-ratio:16/11;overflow:hidden;background:#CFC9BA}
.pcard .media img{width:100%;height:100%;object-fit:cover}
.pcard .body{padding:clamp(16px,2.4vw,22px);display:flex;flex-direction:column;gap:8px;flex:1}
.pcard .kicker{font-size:12.5px;font-weight:600;letter-spacing:.03em;color:var(--ply-dk)}
.pcard.surf .kicker{color:var(--salt)}
.pcard h3{font-size:21px}
.pcard .spec{font-size:13.5px;color:var(--muted);line-height:1.55}
.pcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.tag{font-size:12px;border:1px solid var(--line);padding:3px 8px;color:var(--ink-2)}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}
.section-head h2{max-width:20ch}
.section-head .small{max-width:32ch}

/* ============ specs table ============ */
.table-scroll{overflow-x:auto;border-top:1px solid var(--line)}
.spec-table{width:100%;min-width:660px;border-collapse:collapse;table-layout:fixed;font-size:14px}
.spec-table th{
  text-align:left;font-weight:600;font-size:12px;letter-spacing:.02em;color:var(--muted);
  padding:12px 12px;border-bottom:1px solid var(--line);background:var(--paper-2);white-space:nowrap;
}
.spec-table td{padding:13px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink-2)}
.spec-table td:first-child{font-weight:600;color:var(--ink)}
.spec-table tr[hidden]{display:none}
.spec-table tbody tr:hover td{background:rgba(192,116,41,.05)}

/* ============ details / notes ============ */
.notes{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,28px);margin-top:clamp(36px,5vw,56px)}
.note{border-left:2px solid var(--ply);padding-left:18px}
.note.salt{border-left-color:var(--salt)}
.note h3{font-family:var(--body);font-size:16px;font-weight:600;margin-bottom:6px}
.note p{font-size:14px;color:var(--muted);max-width:44ch}
.note ul{margin-top:10px;display:grid;gap:7px}
.note li{list-style:none;font-size:14px;display:flex;gap:9px;align-items:baseline;color:var(--ink-2)}
.note li::before{content:'';width:7px;height:7px;background:var(--ply);flex:0 0 auto;transform:translateY(-1px)}
.note.salt li::before{background:var(--salt)}

/* ============ timeline ============ */
.timeline{position:relative;padding:6px 0 0}
.timeline::before{content:'';position:absolute;left:43px;top:10px;bottom:14px;width:2px;background:var(--line)}
.tl-item{display:grid;grid-template-columns:34px 20px 1fr;align-items:start;padding-bottom:clamp(22px,3.4vw,34px)}
.tl-num{font-family:var(--display);font-size:12px;color:var(--muted);text-align:right;padding-right:0;padding-top:1px;line-height:1.6}
.tl-dot{justify-self:center;width:9px;height:9px;background:var(--ink);margin-top:6px}
.tl-item:first-child .tl-dot{background:var(--ply)}
.tl-body{padding-left:18px}
.tl-body h3{font-size:17px;font-family:var(--body);font-weight:600;letter-spacing:0;margin-bottom:4px;line-height:1.3}
.tl-body p{font-size:14px;color:var(--muted);max-width:52ch}

/* ============ gallery ============ */
.gal{display:grid;grid-template-columns:1fr;gap:clamp(12px,2vw,18px)}
.gal figure{margin:0}
.gal .frame{overflow:hidden;background:#CFC9BA;aspect-ratio:4/3}
.gal .frame img{width:100%;height:100%;object-fit:cover}
.gal figcaption{margin-top:9px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:baseline}
.gal figcaption b{font-family:var(--display);font-size:11px;color:var(--ply-dk)}

/* ============ contact ============ */
.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,56px);align-items:start}
.form{display:grid;grid-template-columns:1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:600;letter-spacing:.01em}
.field .hint{font-size:12px;color:var(--muted)}
input[type=text],input[type=email],select,textarea{
  width:100%;background:#F6F3EA;border:1px solid var(--line);padding:13px 14px;
  font-size:16px;border-radius:0;transition:border-color .15s,background .15s;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ply);background:#FCFAF3}
textarea{resize:vertical;min-height:132px}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#A33A25;background:#FBF1ED}
.err{font-size:12.5px;color:#A33A25;display:none}
.field.invalid .err{display:block}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.form-note{font-size:12.5px;color:var(--muted);max-width:34ch}
.sent{
  display:none;border:1px solid var(--line);border-left:3px solid var(--ply);
  background:var(--paper-2);padding:16px 18px;margin-top:4px;
}
.sent.show{display:block}
.sent h3{font-family:var(--body);font-size:15px;font-weight:600;margin-bottom:4px}
.sent p{font-size:13.5px;color:var(--muted)}
.addr{border-top:1px solid var(--line);margin-top:8px}
.addr .row{padding:16px 0;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.addr .label{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.addr .val{font-size:15px;font-weight:500;word-break:break-word}
.addr .val a{border-bottom:1px solid var(--line)}
.addr .val .small-note{display:block;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:3px}
.addr .copy{
  min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;
  cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:0 12px;transition:background .15s;
}
.addr .copy:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ============ faq ============ */
.faq{margin-top:clamp(34px,5vw,52px);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;gap:16px;
  font-weight:600;font-size:15px;align-items:center;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--body);font-weight:600;font-size:20px;line-height:1;color:var(--ply-dk)}
.faq details[open] summary::after{content:'–'}
.faq details p{font-size:14px;color:var(--muted);padding:0 0 18px;max-width:64ch}

/* ============ page close band ============ */
.close-band{border-top:1px solid var(--line);background:var(--paper-2)}
.close-in{padding:clamp(32px,5vw,52px) 0;display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.close-in h2{font-size:clamp(22px,3.6vw,32px);max-width:20ch}
.close-actions{display:flex;flex-wrap:wrap;gap:12px}

@media (min-width:768px){
  .phero-in{grid-template-columns:1.15fr .85fr}
  .products{grid-template-columns:repeat(2,1fr)}
  .notes{grid-template-columns:repeat(3,1fr)}
  .gal{grid-template-columns:repeat(3,1fr)}
  .gal .frame{aspect-ratio:4/3}
  .contact-grid{grid-template-columns:1.45fr 1fr}
  .form{grid-template-columns:1fr 1fr}
  .field.full{grid-column:1/-1}
  .close-in{grid-template-columns:1.4fr 1fr;align-items:end}
  .close-actions{justify-self:end}
}
@media (min-width:768px) and (max-width:1000px){
  .products{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .hero-media,.entry-media img{transform:none!important}
}

/* ============ patches ============ */
.btn.outline-light{background:transparent;border-color:rgba(232,228,217,.55);color:#F4F1E7}
.btn.outline-light:hover{background:#F4F1E7;border-color:#F4F1E7;color:var(--ink)}
[hidden]{display:none!important}
.craft-link{margin-top:26px}
.section-head.divided{margin-top:clamp(36px,5.5vw,60px)}
.table-note{margin-top:10px;max-width:72ch}
.faq-title{font-size:clamp(22px,3.4vw,30px);margin-bottom:8px}
.terms{min-width:520px}
.phero-in.solo{grid-template-columns:1fr}
.brand-note{text-transform:none;letter-spacing:.05em;color:var(--muted)}
.addr .label{text-transform:none;letter-spacing:.02em;font-size:12px;color:var(--muted)}
.form-foot,.sent{grid-column:1/-1}
.pcard .spec{font-size:14px}
.hero-facts li{font-size:14px}
@media (min-width:1024px){.brand-note{display:block}}

/* ============ brand photography ============ */
.entry-media.clean,.pcard .media.clean,.phero-media.clean{background:var(--paper-2)}
.entry-media.clean img,.pcard .media.clean img,.phero-media.clean img{object-fit:contain}
.entry-media.clean img{padding:12px}
.pcard .media.clean img{padding:14px}
.phero-media.clean img{padding:18px}

/* ============ credentials ============ */
.creds{display:grid;grid-template-columns:1fr;gap:clamp(22px,3.4vw,36px);align-items:start}
.creds figure{margin:0;border:1px solid var(--line);background:var(--paper-2);padding:10px}
.creds img{width:100%;height:auto;display:block}
.creds figcaption{margin-top:9px;font-size:12.5px;color:var(--muted)}
.creds-list{display:grid;gap:12px;margin-top:18px}
.creds-list li{list-style:none;border-top:1px solid var(--line);padding-top:10px}
.creds-list b{display:block;font-family:var(--body);font-size:14.5px;font-weight:600}
.creds-list span{font-size:13.5px;color:var(--muted)}

/* ============ order flow ============ */
.flow{display:grid;grid-template-columns:1fr;gap:14px}
.flow div{border-top:2px solid var(--line);padding-top:10px}
.flow b{display:block;font-family:var(--display);font-size:11.5px;letter-spacing:.04em;color:var(--ply-dk);margin-bottom:3px}
.flow h3{font-family:var(--body);font-size:15px;font-weight:600;line-height:1.3}
.flow p{font-size:13.5px;color:var(--muted);margin-top:2px}
@media (min-width:768px){
  .creds{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:repeat(3,1fr)}
}