/* ---------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F4EFE7;color:#54493D;
  font:400 17px/1.68 Karla,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:#3A322A}
a:hover{color:#251F19}
[hidden]{display:none!important}
h1,h2,h3{margin:0 0 14px;color:#251F19;
  font-family:Fraunces,Georgia,serif;font-weight:560;line-height:1.14;
  letter-spacing:-.01em}
h4{margin:0 0 10px;color:#251F19;font-weight:700}
p{margin:0 0 1em}
::selection{background:#B65C38;color:#fff}
.wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:820px}
.skip{position:absolute;left:-9999px;top:0;background:#251F19;color:#fff;padding:10px 16px;z-index:99}
.skip:focus{left:8px}
.mono,.blocknum,.specstrip,.pcard-rank,.pcard-sub,.eyebrow,.kicker,
.topline,.roomchip b,.artmeta,.rcard-date{
  font-family:'Spline Sans Mono',ui-monospace,Menlo,monospace}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px;border-radius:999px;border:0;cursor:pointer;
  font:600 15.5px/1.2 Karla,sans-serif;text-decoration:none;
  max-width:100%;text-align:center;transition:background .15s,color .15s,border-color .15s}
.btn svg{width:18px;height:18px;flex:none}
.btn .cta{width:auto;display:block;flex:none}
.btn-buy{background:#2E5C46;color:#fff}
.btn-buy:hover{background:#1F4433;color:#fff}
.btn-line{background:transparent;color:#251F19;border:1.6px solid #DFD5C6}
.btn-line:hover{border-color:#251F19}
.btn-onink{background:transparent;color:#F3EDE3;border:1.6px solid rgba(243,237,227,.4)}
.btn-onink:hover{border-color:#F3EDE3;color:#F3EDE3}
.btn-sm{padding:9px 16px;font-size:14px}
.btn-lg{padding:16px 30px;font-size:16.5px}
.btn-wide{width:100%}

.topline{background:#2A241E;color:#B3A796;font-size:12.5px}
.topline .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px}
.topline a{color:#F3EDE3;text-decoration-color:#B3A796}
.masthead{position:sticky;top:0;z-index:40;background:#FBF8F2;
  border-bottom:1px solid #DFD5C6;transition:transform .22s ease}
body.topaway .masthead{transform:translateY(var(--rail-away,-76px))}
.masthead .wrap{display:flex;align-items:center;gap:26px;padding-top:13px;padding-bottom:13px}
.brandmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.brandmark-arch{width:38px;height:38px;flex:none}
.brandmark-word{display:block;font-family:Fraunces,Georgia,serif;font-weight:640;
  font-size:23px;letter-spacing:.12em;color:#251F19;line-height:1}
.brandmark-sub{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:#8A7D6E;margin-top:3px}
.mainnav{display:flex;gap:24px;margin-left:auto}
.mainnav a{text-decoration:none;font-weight:600;font-size:15px;color:#3A322A;
  padding:6px 0;border-bottom:2px solid transparent}
.mainnav a:hover,.mainnav a[aria-current]{border-bottom-color:#B65C38;color:#251F19}
.head-cta{display:flex;gap:10px;align-items:center}
.nav-toggle{display:none}

.roomrail{position:sticky;top:var(--masthead-h,64px);z-index:35;background:#FBF8F2;
  border-bottom:1px solid #DFD5C6;transition:transform .22s ease}
body.topaway .roomrail{transform:translateY(var(--rail-away,-76px))}
.roomrail-inner{display:flex;gap:8px;align-items:center;overflow-x:auto;
  padding-top:9px;padding-bottom:9px;scrollbar-width:thin}
.raillabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8A7D6E;
  flex:none;margin-right:6px}
.roomchip{display:inline-flex;align-items:center;gap:8px;flex:none;
  padding:7px 14px;border-radius:999px;border:1.4px solid #DFD5C6;
  text-decoration:none;font-size:13.5px;font-weight:600;color:#3A322A;background:#FFFFFF}
.roomchip b{font-weight:600;font-size:12px;color:var(--dot,#B65C38)}
.roomchip i{width:8px;height:8px;border-radius:50%;background:var(--dot,#B65C38)}
.roomchip:hover,.roomchip[aria-current="true"]{border-color:var(--dot,#B65C38);color:#251F19}

/* ---------------------------------------------------------------- hero */
.hero{background:#FBF8F2;border-bottom:1px solid #DFD5C6;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:56px;align-items:center;padding-top:64px;padding-bottom:72px}
.hero-inner>*{min-width:0}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#B65C38;margin:0 0 16px}
.hero h1{font-size:clamp(38px,4.6vw,62px);font-weight:640;margin-bottom:20px}
.hero .lede{font-size:19px;max-width:54ch}
.hero-acts{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 34px}
.statstrip{display:flex;gap:36px;border-top:1px solid #DFD5C6;padding-top:22px}
.statstrip>div{min-width:0}
.statstrip b{display:block;font-family:Fraunces,Georgia,serif;font-weight:640;
  font-size:30px;color:#251F19;line-height:1.1}
.statstrip span{font-size:13.5px;color:#8A7D6E}
.hero-stage{position:relative;min-width:0}
.hero-arch{position:relative;border-radius:260px 260px 22px 22px;overflow:hidden;
  background:linear-gradient(180deg,#EAE1D3,#E2D5C0);padding:34px 34px 0}
.hero-arch img{border-radius:200px 200px 0 0}
.hero-chip{position:absolute;background:#FFFFFF;border:1px solid #DFD5C6;
  border-radius:14px;padding:10px 16px;box-shadow:0 12px 30px rgba(37,31,25,.14);max-width:75%}
.hero-chip b{display:block;font-family:'Spline Sans Mono',monospace;font-weight:600;
  font-size:15px;color:#251F19}
.hero-chip span{font-size:12px;color:#8A7D6E}
.hero-chip.at-left{left:-16px;bottom:26%}
.hero-chip.at-right{right:-10px;bottom:8%}

.block{padding:72px 0}
.block-cream{background:#FBF8F2;border-top:1px solid #ECE5D9;border-bottom:1px solid #ECE5D9}
.block-tight{padding:52px 0}
.blockhead{display:flex;gap:26px;align-items:flex-start;margin-bottom:40px}
.blocknum{font-size:60px;font-weight:600;line-height:.9;color:transparent;flex:none;
  -webkit-text-stroke:1.6px var(--accent,#B65C38)}
.blockhead-text{min-width:0}
.blockrule{width:52px;height:5px;border-radius:3px;background:var(--accent,#B65C38);margin-bottom:14px}
.blockhead h2{font-size:clamp(28px,3vw,40px);margin-bottom:10px}
.blockhead .lede{max-width:68ch;font-size:17.5px;margin:0}

.leadcard{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:0;background:#FFFFFF;border:1px solid #DFD5C6;border-radius:24px;
  overflow:hidden;margin-bottom:30px}
.leadcard>*{min-width:0}
.leadcard-shot{position:relative;background:
  linear-gradient(180deg,color-mix(in srgb,var(--accent,#B65C38) 14%,#FFFFFF),
  color-mix(in srgb,var(--accent,#B65C38) 30%,#FFFFFF));
  display:flex;align-items:flex-end;justify-content:center;padding:40px 40px 0}
.leadcard-shot img{object-fit:contain;max-height:520px;width:auto;
  border-radius:18px 18px 0 0;box-shadow:0 18px 44px rgba(37,31,25,.14)}
.leadcard-ribbon{position:absolute;top:20px;left:20px;background:#251F19;color:#F3EDE3;
  border-radius:999px;padding:7px 15px;font-family:'Spline Sans Mono',monospace;
  font-size:12.5px;letter-spacing:.04em}
.leadcard-flip .leadcard-shot{order:2}
.leadcard-body{padding:42px 46px}
.kicker{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent,#B65C38);margin:0 0 12px}
.leadcard-body h3{font-size:clamp(23px,2.2vw,30px)}
.specstrip{display:flex;flex-wrap:wrap;gap:0 26px;margin:16px 0 6px;padding:12px 0;
  border-top:1px solid #ECE5D9;border-bottom:1px solid #ECE5D9}
.specstrip>span{font-size:13px;color:#8A7D6E;padding:3px 0}
.specstrip b{display:block;font-weight:600;font-size:15.5px;color:#251F19}
.leadcard-bullets{margin:14px 0 4px;padding:0;list-style:none}
.leadcard-bullets li{padding:5px 0 5px 26px;position:relative}
.leadcard-bullets li::before{content:'';position:absolute;left:2px;top:14px;width:12px;height:5px;
  border-radius:3px;background:var(--accent,#B65C38)}
.leadcard-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:14px 0 20px}
.price{font-family:Fraunces,Georgia,serif;font-weight:640;font-size:27px;color:#251F19}
.price-unit{display:block;font:500 12.5px/1.4 'Spline Sans Mono',monospace;color:#8A7D6E}
.stars{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#251F19;font-size:14.5px}
.stars svg{width:16px;height:16px;fill:#A8872F}
.stars .mute{color:#8A7D6E;font-weight:400}
.leadcard-acts{display:flex;flex-wrap:wrap;gap:12px}

.cardgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cardgrid>*{min-width:0}
.pcard{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #DFD5C6;
  border-radius:18px;overflow:hidden}
.pcard-shot{position:relative;background:#FBF8F2;aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;padding:18px}
.pcard-shot img{object-fit:contain;max-height:100%;width:auto}
.pcard-rank{position:absolute;top:12px;left:12px;background:#FFFFFF;border:1px solid #DFD5C6;
  border-radius:999px;padding:3px 9px;font-size:11.5px;color:#3A322A}
.pcard-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.pcard-name{margin:0;font-weight:600;color:#251F19;font-size:15.5px;line-height:1.4}
.pcard-sub{margin:0;font-size:12px;color:#8A7D6E}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:auto;padding-top:8px}
.pcard-foot .price{font-size:19px}
.pcard .btn{margin-top:10px}

.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.gallery>*{min-width:0}
.gfig{margin:0;border-radius:16px;overflow:hidden;position:relative;background:#EAE1D3}
.gfig img{width:100%;height:100%;object-fit:cover}
.g-w3{grid-column:span 3}
.g-w2{grid-column:span 2}
.gfig figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;
  background:linear-gradient(transparent,rgba(37,31,25,.72));color:#fff;font-size:13px}

.qualitygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:34px}
.qualitygrid>*{min-width:0}
.qcard{background:#FFFFFF;border:1px solid #DFD5C6;border-radius:18px;padding:26px 24px}
.qcard-tag{display:inline-block;font-family:'Spline Sans Mono',monospace;font-size:11.5px;
  letter-spacing:.06em;color:var(--accent,#4C6A57);border:1px solid currentColor;
  border-radius:999px;padding:3px 10px;margin-bottom:14px}
.qcard h3{font-size:19px}
.qcard p{margin:0;font-size:15px}
.qsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.qsplit>*{min-width:0}
.qsplit>img{border-radius:20px}

.block-dark{background:#2A241E;color:#B3A796}
.block-dark h2,.block-dark h3{color:#F3EDE3}
.block-dark .blockhead .lede{color:#B3A796}
.block-dark a{color:#F3EDE3}
.storygrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:start}
.storygrid>*{min-width:0}
.steps{margin:0;padding:0;list-style:none;counter-reset:step}
.steps li{position:relative;padding:0 0 26px 62px;counter-increment:step}
.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;
  font-family:'Spline Sans Mono',monospace;font-size:15px;color:#F3EDE3;
  width:42px;height:42px;border:1.4px solid rgba(243,237,227,.35);border-radius:50%;
  display:flex;align-items:center;justify-content:center}
.steps li:not(:last-child)::after{content:'';position:absolute;left:21px;top:48px;bottom:4px;
  width:1px;background:rgba(243,237,227,.2)}
.steps h3{font-size:20px;margin-bottom:6px}
.steps p{margin:0;font-size:15.5px}
.storyshots{display:grid;gap:16px}
.storyshots img{border-radius:18px}

.teamgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.teamgrid>*{min-width:0}
.rolecard{background:#FFFFFF;border:1px solid #DFD5C6;border-radius:18px;padding:26px 24px;
  border-top:4px solid var(--accent,#B65C38)}
.rolecard h3{font-size:18.5px;margin-bottom:4px}
.rolecard .role{font-family:'Spline Sans Mono',monospace;font-size:12px;color:#8A7D6E;margin:0 0 12px}
.rolecard p{margin:0;font-size:14.5px}

.certgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px}
.certgrid>*{min-width:0}
.certcard{display:flex;gap:20px;background:#FFFFFF;border:1px solid #DFD5C6;
  border-radius:18px;padding:24px}
.certcard>div{min-width:0}
.certcard-seal{flex:none;width:74px;height:74px;border-radius:50%;
  border:1.6px solid var(--accent,#7C5E74);color:var(--accent,#7C5E74);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:'Spline Sans Mono',monospace;font-size:10.5px;line-height:1.3;letter-spacing:.04em}
.certcard h3{font-size:18px;margin-bottom:6px}
.certcard p{margin:0;font-size:14.5px}
.disclaimer{background:#DEEAE2;border:1px solid color-mix(in srgb,#2E5C46 30%,#FFFFFF);
  border-radius:16px;padding:20px 24px;margin:26px 0}
.disclaimer b{display:block;color:#251F19;margin-bottom:6px}
.disclaimer p{margin:0;font-size:14.5px}
.sources{background:#FBF8F2;border:1px solid #DFD5C6;border-radius:16px;padding:22px 26px;font-size:14.5px}
.sources h3{font-size:17px}
.sources ol{margin:10px 0 0;padding-left:20px}
.sources li{margin-bottom:8px}

.table-scroll{overflow-x:auto;margin:8px 0 10px;-webkit-overflow-scrolling:touch}
.data-table{border-collapse:collapse;width:100%;min-width:640px;background:#FFFFFF;
  border:1px solid #DFD5C6;border-radius:16px;overflow:hidden;font-size:15px}
.data-table caption{caption-side:top;text-align:left;font-family:Fraunces,Georgia,serif;
  font-weight:560;font-size:18px;color:#251F19;padding:0 0 12px}
.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:top;
  border-bottom:1px solid #ECE5D9}
.data-table thead th{background:#251F19;color:#F3EDE3;font-weight:600;font-size:14px}
.data-table tbody th{font-weight:600;color:#251F19;background:#FBF8F2}
.data-table tr:last-child td,.data-table tr:last-child th{border-bottom:0}
.data-table .is-num{font-family:'Spline Sans Mono',monospace;font-size:14px;white-space:nowrap}
.tablenote{font-size:13.5px;color:#8A7D6E;margin-top:10px}

.reviewgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reviewgrid>*{min-width:0}
.rcard{background:#FFFFFF;border:1px solid #DFD5C6;border-radius:18px;padding:24px;
  display:flex;flex-direction:column}
.rcard-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.rstars{display:inline-flex;gap:2px}
.rstars svg{width:15px;height:15px;fill:#A8872F}
.rstars svg.off{fill:#DFD5C6}
.rcard-date{font-size:12px;color:#8A7D6E}
.rcard h3{font-size:16.5px;margin-bottom:8px}
.rcard-body{font-size:14.5px;margin:0 0 14px}
.rcard-foot{margin:auto 0 0;font-size:13px;color:#8A7D6E}
.rcard-foot a{color:#3A322A}

.story{display:flex;justify-content:center}
.story-inner{max-width:76ch;min-width:0}
.story-inner h3{font-size:24px;margin-top:34px}
.story-inner h4{font-size:19px;margin-top:26px}
.story-figure{margin:28px 0}
.story-figure img{border-radius:18px}
.story-figure figcaption{font-size:13.5px;color:#8A7D6E;margin-top:8px}
blockquote{margin:26px 0;padding:6px 0 6px 24px;border-left:4px solid #B65C38}
blockquote p{margin:0;font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.5;color:#251F19}

.jcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jcards>*{min-width:0}
.jcard{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #DFD5C6;
  border-radius:18px;overflow:hidden;text-decoration:none;color:#54493D}
.jcard:hover h3{text-decoration:underline}
.jcard img{aspect-ratio:16/10;object-fit:cover;width:100%}
.jcard-body{padding:22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.jcard h3{font-size:20px;margin:0}
.jcard p{margin:0;font-size:14.5px}
.jcard-foot{margin-top:auto;padding-top:10px;font-weight:600;color:#251F19;font-size:14px;
  display:inline-flex;align-items:center;gap:8px}
.jcard-foot svg{width:17px;height:17px}

.endband{background:#2A241E;color:#B3A796;padding:64px 0}
.endband .wrap{display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}
.endband h2{color:#F3EDE3;font-size:clamp(24px,2.6vw,34px);max-width:24ch}
.endband p{margin:0;max-width:52ch}
.endband-acts{display:flex;gap:14px;flex-wrap:wrap}

.footer{background:#2A241E;color:#B3A796;padding:58px 0 30px;
  border-top:6px solid #B65C38}
.footcols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:38px;
  padding-bottom:34px;border-bottom:1px solid rgba(243,237,227,.16)}
.footcols>*{min-width:0}
.footbrand .brandmark-word{color:#F3EDE3}
.footbrand .brandmark-sub{color:#B3A796}
.footbrand .brandmark-arch path{stroke:#F3EDE3}
.footbrand p{font-size:14.5px;margin:16px 0 20px}
.footer h4{color:#F3EDE3;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin-bottom:8px}
.footer a{color:#B3A796;text-decoration:none}
.footer a:hover{color:#F3EDE3;text-decoration:underline}
.social{display:flex;gap:12px;margin-bottom:18px}
.pays{display:flex;gap:8px;flex-wrap:wrap}
.pays img{height:26px;width:auto}
.footbase{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:22px 0 0;font-size:13.5px}
.footbase p{margin:0}
.footbase a{color:#F3EDE3}
.disclosure{font-size:12.5px;color:#B3A796;margin:14px 0 0;max-width:86ch}
.disclosure .dsc{display:inline-block;vertical-align:-.14em;max-width:100%;height:auto}

.buybar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#251F19;color:#F3EDE3;
  display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;
  transform:translateY(110%);transition:transform .22s ease;flex-wrap:wrap}
body.baron .buybar{transform:none}
.buybar span{font-size:14px;min-width:0}

.crumbs{padding:18px 0 0;font-size:13.5px;color:#8A7D6E}
.crumbs a{color:#3A322A;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.artichead{background:#FBF8F2;border-bottom:1px solid #DFD5C6;padding:44px 0 40px}
.artichead h1{font-size:clamp(30px,3.6vw,46px);max-width:26ch}
.artichead .lede{font-size:18px;max-width:64ch}
.artmeta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#8A7D6E;margin-top:16px}
.artbody{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:52px;
  align-items:start;padding-top:44px;padding-bottom:64px}
.artbody>*{min-width:0}
.toc{position:sticky;top:calc(var(--masthead-h,64px) + 18px);
  background:#FFFFFF;border:1px solid #DFD5C6;border-radius:16px;padding:20px 22px}
.toc h2{font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.toc ol{margin:0;padding-left:18px;font-size:14px}
.toc li{margin-bottom:7px}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.prose{max-width:76ch}
.prose h2{font-size:27px;margin-top:40px}
.prose h3{font-size:21px;margin-top:28px}
.prose figure{margin:26px 0}
.prose figure img{border-radius:16px}
.prose figcaption{font-size:13.5px;color:#8A7D6E;margin-top:8px}
.inset{display:flex;gap:20px;background:#FBF8F2;border:1px solid #DFD5C6;
  border-radius:18px;padding:20px;margin:28px 0}
.inset>img{width:132px;height:132px;object-fit:contain;background:#FFFFFF;
  border-radius:12px;flex:none;padding:8px}
.inset-body{min-width:0;flex:1}
.inset-body h3{font-size:18px;margin-bottom:6px}
.inset-body p{font-size:14.5px;margin-bottom:10px}
.inset-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.inset-foot .price{font-size:20px}
.artnext{margin-top:44px;padding-top:26px;border-top:1px solid #DFD5C6}
.artnext ul{padding-left:20px}
.artnext li{margin-bottom:10px}
.bl{font-weight:600}

/* --------------------------------------------------------------------- 404 */
.oops{padding:100px 0 120px;text-align:center}
.oops h1{font-size:clamp(32px,4vw,52px)}

@media(max-width:1120px){
  .cardgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qualitygrid,.teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footcols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .topline .topline-mid{display:none}
  .mainnav{display:none;position:absolute;left:0;right:0;top:100%;
    background:#FBF8F2;border-bottom:1px solid #DFD5C6;
    flex-direction:column;gap:0;padding:6px 28px 14px}
  .mainnav.open{display:flex}
  .mainnav a{padding:11px 0;border-bottom:1px solid #ECE5D9}
  .masthead .wrap{position:relative}
  .nav-toggle{display:inline-flex}
  .hero-inner{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:44px;padding-bottom:52px}
  .hero-arch{min-height:0}
  .hero-chip.at-left{left:8px}
  .hero-chip.at-right{right:8px}
  .leadcard{grid-template-columns:minmax(0,1fr)}
  .leadcard-flip .leadcard-shot{order:0}
  .leadcard-shot{padding:28px 28px 0}
  .leadcard-shot img{max-height:380px}
  .leadcard-body{padding:28px}
  .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-w3,.g-w2{grid-column:span 1}
  .qsplit,.storygrid{grid-template-columns:minmax(0,1fr);gap:30px}
  .reviewgrid,.jcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artbody{grid-template-columns:minmax(0,1fr);gap:30px}
  .toc{position:static}
  .block{padding:54px 0}
  .blocknum{font-size:44px}
}
@media(max-width:680px){
  .wrap{padding:0 18px}
  body{font-size:16px}
  .topline .wrap{justify-content:center}
  .topline .wrap span:last-child{display:none}
  .brandmark-sub{display:none}
  .hero h1{font-size:34px}
  .hero-acts .btn{width:100%}
  .statstrip{gap:22px}
  .statstrip b{font-size:24px}
  .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pcard-body{padding:12px 13px 14px}
  .pcard .btn-sm{padding:9px 10px;gap:7px}
  .pcard .btn-sm svg{display:none}
  .pcard-name{font-size:14px}
  .pcard-foot .price{font-size:17px}
  .reviewgrid,.jcards,.certgrid{grid-template-columns:minmax(0,1fr)}
  .qualitygrid,.teamgrid{grid-template-columns:minmax(0,1fr)}
  .leadcard-body{padding:22px 20px}
  .leadcard-acts .btn{width:100%}
  .endband-acts{width:100%}
  .endband-acts .btn{width:100%}
  .footcols{grid-template-columns:minmax(0,1fr);gap:26px}
  .blockhead{gap:16px}
  .inset{flex-direction:column}
  .inset>img{width:100%;height:180px}
  .buybar span{display:none}
  .buybar .btn{width:100%}
}