/* Delmarva Trophy Studio: the site's own layer. Every band is an object from Bryan's world (concept.json): the mount on its
   stand back out in the field, the board from drop-off to pick-up, the plywood wall, the mount order card, the license stamp,
   the deer camp log, the Maryland drop-off record, the address post, the tag wired to the antler. Light only. */
:root{
  --accent:#8F1913;--accent-lt:#A3140F;--accent-2:#3F6B3A;--accent-txt:#8F1913;--mark:#F2AE00;
  --ink:#1E1A17;--ink-2:#3D3530;--ink-3:#5A4F47;--paper:#F8F4EC;--paper-2:#FFFCF6;--line:#E3D9C9;--body:#3D3530;--muted:#655B52;
  --sky:#DCEBF4;--sky-2:#EEF5F7;--field:#DDE3C4;--field-2:#CFD8AE;--ply:#E9D6AE;--ply-2:#DFC795;--gold:#F2AE00;
  --chat-ink:#1E1A17;--chat-accent:#8F1913;--chat-dot-a:#F2AE00;--chat-dot-b:#8F1913;--btn-r:3px;
  --sf-ply:repeating-linear-gradient(92deg,rgba(150,105,50,.07) 0 2px,transparent 2px 9px,rgba(150,105,50,.04) 9px 11px,transparent 11px 31px),linear-gradient(180deg,#F1E2C2,#EBD8B2);
  --sf-field:repeating-linear-gradient(177deg,rgba(90,110,50,.07) 0 2px,transparent 2px 11px),linear-gradient(180deg,#E6EACF,#DDE3C4);
  --sf-sky:linear-gradient(180deg,#D6E8F3 0%,#E8F2F5 62%,#F4F4E8 100%);
}
body.light{background:var(--paper);color:var(--body)}
body.light :is(h1,h2,h3){font-family:var(--serif);color:var(--ink);font-weight:500;letter-spacing:-.005em}
body.light h2{font-size:clamp(2.1rem,3.7vw,3.5rem);line-height:1.06;margin:0}
body.light p{font-size:17px;line-height:1.65}
a{text-underline-offset:5px}
.mk.crest{width:66px;height:67px;object-fit:contain}
.btn.btn-accent{background:var(--accent);border-color:var(--accent);color:#FFF8EE}
.btn.btn-accent:hover{background:#7A120E;border-color:#7A120E}

/* ── HERO: a finished mount on its stand, back out in the field ───────── */
.fieldtest{position:relative;overflow:hidden;background:var(--sf-sky)}
.ft-sky{position:relative;z-index:2}
.ft-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,72px);align-items:end;padding-top:clamp(40px,5vw,72px)}
.ft-tx{padding-bottom:clamp(64px,9vw,136px)}
.ft-k{font-family:var(--sans);font-size:13px;line-height:1.4;max-width:none;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--ink-3);margin:0 0 16px}
.fieldtest .ft-h{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(3.2rem,7.4vw,7.2rem);line-height:.98;margin:0;color:var(--ink);font-weight:500}
.ft-sub{font-size:clamp(18px,1.5vw,21px)!important;max-width:34ch;margin:22px 0 0;color:var(--ink-2)}
.ft-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.ft-tel{font-size:19px;font-weight:600;color:var(--ink);min-height:44px;display:inline-flex;align-items:center}
.ft-lic{font-size:15px!important;color:var(--ink-3);margin:22px 0 0}
.ft-lic b{color:var(--accent)}
.ft-mount{position:relative;margin:0;justify-self:center;width:min(100%,430px);transform:translateY(1px)}
.ft-mount img{display:block;width:100%;height:auto;aspect-ratio:10/15;object-fit:cover;object-position:50% 40%;border:9px solid #FFFCF6;border-bottom:0;box-shadow:0 18px 44px -18px rgba(50,70,80,.55)}
.ft-mount figcaption{background:#FFFCF6;padding:11px 16px 13px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink-2)}
.ft-ground{position:absolute;z-index:1;left:0;right:0;bottom:0;height:clamp(70px,10vw,150px);background:var(--sf-field);border-top:2px solid rgba(70,90,40,.28)}
.ft-ground::before{content:"";position:absolute;left:0;right:0;top:-13px;height:12px;background:repeating-linear-gradient(90deg,rgba(90,105,70,.34) 0 34px,rgba(90,105,70,.22) 34px 58px,rgba(90,105,70,.3) 58px 120px);clip-path:polygon(0 100%,0 60%,6% 30%,14% 55%,23% 10%,34% 50%,46% 25%,59% 60%,70% 20%,82% 55%,92% 30%,100% 55%,100% 100%)}
@media(max-width:900px){.ft-in{grid-template-columns:1fr}.ft-tx{padding-bottom:6px}.ft-mount{width:min(76%,340px)}.ft-mount img{aspect-ratio:4/5}.fieldtest .ft-h{font-size:clamp(3.1rem,15vw,5rem)}}

/* ── THE MOMENT: the board from drop-off to pick-up ───────────────────── */
.timeline{background:var(--sf-field);padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,104px)}
.tl-lede{margin:12px 0 0;max-width:46ch}
.tl-board{margin-top:clamp(30px,4vw,48px);padding:clamp(26px,3vw,40px) clamp(20px,3vw,44px) clamp(24px,3vw,36px);background:var(--sf-ply);border:1px solid rgba(120,85,35,.3);box-shadow:0 12px 30px -20px rgba(80,55,20,.6)}
.tl-track{position:relative;height:58px;border-bottom:3px solid var(--ink)}
.tl-fill{position:absolute;left:33.33%;width:33.34%;bottom:-3px;height:14px;background:var(--accent);transform-origin:0 50%;animation:tlgrow 1.5s cubic-bezier(.2,.7,.2,1) .25s both}
@keyframes tlgrow{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.tl-fill{animation:none}}
.tl-track i{position:absolute;left:calc(var(--m)/12*100%);bottom:0;width:2px;height:14px;background:var(--ink-2);margin-left:-1px}
.tl-track i.big{height:28px;width:3px}
.tl-track i b{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font:600 16px/1 var(--sans);font-style:normal;color:var(--ink)}
.tl-marks{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;gap:16px}
.tl-m b{display:block;font-family:var(--serif);font-size:clamp(1.35rem,2.1vw,1.9rem);color:var(--ink);font-weight:600;line-height:1.1}
.tl-m span{display:block;font-size:16px;margin-top:6px;color:var(--ink-2)}
.tl-m.b{text-align:center}.tl-m.b b{color:var(--accent)}
.tl-m.c{text-align:right}
.tl-youth{margin:26px 0 0 auto;max-width:560px;background:#FFFCF6;padding:18px 22px;border-left:5px solid var(--gold);box-shadow:0 8px 22px -16px rgba(60,50,20,.6)}
.tl-youth b{font-family:var(--serif);font-size:22px;color:var(--ink)}
.tl-youth p{margin:6px 0 0;font-size:16px!important}
@media(max-width:640px){.tl-marks{grid-template-columns:1fr}.tl-m.b,.tl-m.c{text-align:left}}

/* ── WORK: the plywood wall in the shop ───────────────────────────────── */
.plywall{background:var(--sf-ply);padding:clamp(72px,9vw,128px) 0}
.pw-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(26px,3vw,42px)}
.pw-it{display:block;position:relative;grid-column:span 4;background:#FFFCF6;padding:7px;box-shadow:0 12px 24px -16px rgba(70,45,10,.7);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pw-it:hover{transform:translateY(-3px)}
.pw-it img{display:block;width:100%;height:100%;object-fit:cover}
.pw-it::before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9A9186,#4B443D)}
.pw-it.tall{grid-row:span 2;aspect-ratio:auto}
.pw-it.wide{aspect-ratio:5/3.4}
.pw-more{margin:26px 0 0}.pw-more a{font-weight:600;color:var(--accent);display:inline-flex;min-height:44px;align-items:center}
@media(max-width:760px){.pw-it{grid-column:span 6}.pw-it.tall{grid-row:auto;aspect-ratio:4/5}.pw-it.wide{aspect-ratio:4/5}}
.pw-page .wallhead h2{font-size:clamp(1.9rem,3vw,2.7rem)}
.pw-page .pill.on{background:var(--ink);color:#FFF8EE}
.pw-page .wt span{font-size:15px}

/* ── SERVICES: the mount order card ───────────────────────────────────── */
.ordercard{background:var(--sf-kraft);padding:clamp(72px,9vw,128px) 0}
.oc-card{background:#FFFCF6;border:1px solid rgba(90,70,40,.3);box-shadow:0 18px 40px -26px rgba(60,40,10,.7);padding:clamp(22px,3vw,44px)}
.oc-card header{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:3px double var(--ink)}
.oc-card header img{width:64px;height:auto;flex:0 0 auto}
.oc-t{font:600 13px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.oc-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.oc-col{display:block;padding:20px clamp(12px,1.6vw,22px) 22px;border-right:1px solid var(--line);color:inherit;text-decoration:none;transition:background .3s}
.oc-col:last-child{border-right:0}
.oc-col:hover{background:#FBF2DF}
.oc-col h3{font-size:clamp(1.3rem,1.8vw,1.65rem);margin:0 0 10px;color:var(--accent)}
.oc-col ul{list-style:none;padding:0;margin:0}
.oc-col li{position:relative;padding:7px 0 7px 28px;font-size:16px;line-height:1.3;border-bottom:1px dotted var(--line)}
.oc-col li::before{content:"";position:absolute;left:2px;top:9px;width:15px;height:15px;border:1.5px solid var(--ink-3);background:#fff}
.oc-no{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--ink);font-family:var(--serif);font-style:italic;font-size:18px!important}
@media(max-width:900px){.oc-cols{grid-template-columns:1fr 1fr}.oc-col:nth-child(2){border-right:0}.oc-col:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:520px){.oc-cols{grid-template-columns:1fr}.oc-col{border-right:0;border-bottom:1px solid var(--line)}}

/* ── PHOTOGRAPH: the license stamp across the shop wall ───────────────── */
.stampband{position:relative;background:var(--sf-ply)}
.stampband figure{margin:0}
.stampband img{display:block;width:100%;height:clamp(320px,50vw,680px);object-fit:cover;object-position:50% 40%}
.sb-stamp{position:absolute;right:clamp(16px,6vw,90px);bottom:clamp(16px,4vw,54px);transform:rotate(-3.5deg);background:#FFFCF6;border:3px solid var(--accent);outline:1px solid var(--accent);outline-offset:3px;padding:12px 20px;text-align:center;box-shadow:0 12px 26px -12px rgba(30,20,10,.65)}
.sb-stamp b{display:block;font-family:var(--serif);font-size:clamp(18px,2vw,26px);color:var(--accent)}
.sb-stamp span{font-size:15px;color:var(--ink-2)}

/* ── REVIEW: the deer camp log book ───────────────────────────────────── */
.camplog{background:var(--sf-oak);padding:clamp(72px,9vw,128px) 0}
.cl-in{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(26px,5vw,80px);align-items:start}
.cl-head p{margin:14px 0 0;max-width:30ch}
.cl-book{background:repeating-linear-gradient(180deg,#FFFCF4 0 33px,#D9E3E8 33px 34px);border:1px solid rgba(90,60,30,.32);border-left:14px solid #7A120E;padding:8px clamp(18px,3vw,38px);box-shadow:0 18px 40px -26px rgba(60,40,10,.7)}
.cl-entry{padding:22px 0;border-bottom:2px solid rgba(143,25,19,.32)}
.cl-entry:last-child{border-bottom:0}
.cl-got{font:600 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}
.cl-entry blockquote{margin:0;font-family:var(--serif);font-size:clamp(19px,1.7vw,23px);line-height:1.36;color:var(--ink)}
.cl-entry cite{display:block;margin-top:9px;font-style:normal;font-size:15px;color:var(--muted)}
@media(max-width:900px){.cl-in{grid-template-columns:1fr}}

/* ── PROCESS: the Maryland drop-off record ────────────────────────────── */
.dropcard{background:var(--sf-concrete);padding:clamp(72px,9vw,128px) 0}
.dc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,5vw,80px);align-items:center}
.dc-note p{margin:14px 0 0;max-width:42ch}
.dc-keep b{color:var(--accent)}
.dc-form{background:#FFFCF6;padding:clamp(20px,2.6vw,34px);border:2px solid var(--ink);box-shadow:8px 8px 0 rgba(143,25,19,.82);transform:rotate(.7deg)}
.dc-t{font:600 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:var(--ink);padding-bottom:10px;border-bottom:2px solid var(--ink)}
.dc-row{display:flex;align-items:flex-end;gap:12px;min-height:44px}
.dc-row span{font-size:16px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.dc-row i{flex:1;border-bottom:1px solid var(--ink-3);height:1px}
@media(max-width:860px){.dc-in{grid-template-columns:1fr}}
.dc-faq .faq{margin-top:24px;background:#FFFCF6;border:1px solid var(--line);padding:6px 22px}
.dc-contact .form{background:#FFFCF6;padding:clamp(20px,2.6vw,34px);border:2px solid var(--ink)}

/* ── WHERE: the address post on Fooks Mill Road ───────────────────────── */
.roadpost{background:var(--sf-field);padding:clamp(72px,9vw,120px) 0 0;overflow:hidden}
.rp-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(26px,5vw,76px);align-items:end}
.rp-post{position:relative;width:clamp(150px,18vw,218px);background:#1F5F3F;color:#FFF9EA;border-radius:5px;padding:16px 14px 18px;text-align:center;box-shadow:0 0 0 3px #FFF9EA,0 0 0 4px #1F5F3F;margin-bottom:clamp(120px,14vw,190px)}
.rp-post b{display:block;font:700 clamp(2.8rem,5vw,4.2rem)/1 var(--sans);letter-spacing:.03em}
.rp-post span{font:600 15px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.rp-post::after{content:"";position:absolute;left:50%;top:100%;width:12px;margin-left:-6px;height:clamp(124px,14vw,194px);background:linear-gradient(90deg,#8E8F8C,#C9CAC6 45%,#7A7B78)}
.rp-tx{padding-bottom:clamp(56px,8vw,110px)}
.rp-tx p{margin:12px 0 0}
.rp-h b{color:var(--ink)}
.rp-map{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-weight:600;color:var(--accent)}
@media(max-width:640px){.rp-in{grid-template-columns:1fr}.rp-tx{order:-1;padding-bottom:18px}.rp-post{margin-bottom:96px}.rp-post::after{height:100px}}

/* ── CLOSE: the paper tag wired to the antler ─────────────────────────── */
.antlertag{background:var(--sf-sky);padding:clamp(72px,9vw,128px) 0;overflow:hidden}
.at-in{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(10px,2vw,28px);align-items:center}
.at-ph{margin:0}
.at-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:8px solid #FFFCF6;box-shadow:0 16px 36px -22px rgba(40,60,70,.7)}
.at-tag{position:relative;background:#F4E7CC;padding:clamp(30px,4vw,54px) clamp(24px,3.6vw,50px) clamp(26px,3vw,40px) clamp(50px,5vw,74px);clip-path:polygon(34px 0,100% 0,100% 100%,34px 100%,0 calc(50% + 34px),0 calc(50% - 34px));transform:rotate(-1.4deg)}
.at-tag::before{content:"";position:absolute;left:24px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#DCEBF4;box-shadow:inset 0 0 0 2px #A98D57}
.at-wire{position:absolute;left:0;top:50%;width:30px;height:2px;background:#8E8F8C}
.at-tag h2{margin-bottom:0}.at-tag h2+p{margin-top:22px!important}.at-tag p{max-width:42ch}
.at-tag .btns{margin-top:22px}
.at-tel{font-size:16px!important}
@media(max-width:820px){.at-in{grid-template-columns:1fr;gap:18px}.at-ph img{aspect-ratio:5/4}.at-tag{padding-left:44px}}

/* ── INNER OPENING: the horizon over Fooks Mill Road ──────────────────── */
.hz-open{background:var(--sf-sky);border-bottom:clamp(26px,4vw,52px) solid #DDE3C4;box-shadow:inset 0 -2px 0 rgba(70,90,40,.25)}
.hz-open-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(22px,4vw,60px);align-items:end;padding-top:clamp(32px,5vw,70px)}
.hz-open h1{font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.02;margin:10px 0 0}
.hz-lede{max-width:44ch;margin:16px 0 clamp(24px,3vw,44px)}
.hz-open-ph{margin:0 0 -1px}
.hz-open-ph img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:8px solid #FFFCF6;border-bottom:0}
.crumbs{font-size:15px!important;margin:0;color:var(--muted)}.crumbs a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink-2)}.crumbs span{margin:0 8px}
@media(max-width:820px){.hz-open-in{grid-template-columns:1fr}}

/* ── MOUNTS page: the order card, one species a sheet ─────────────────── */
.mountsheet{padding:clamp(64px,8vw,110px) 0;background:var(--sf-kraft)}
.mountsheet.ms-1{background:var(--sf-oak)}.mountsheet.ms-2{background:var(--sf-water)}.mountsheet.ms-3{background:var(--sf-concrete)}
.ms-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,5vw,70px);align-items:start}
.ms-tx{background:#FFFCF6;border:1px solid rgba(90,70,40,.28);padding:clamp(22px,3vw,40px)}
.ms-n{font:600 15px/1 var(--sans);color:var(--accent);margin:0 0 10px}
.ms-tx>p:not(.ms-n){margin:12px 0 0}
.ms-opts{list-style:none;padding:0;margin:16px 0 22px;border-top:1px solid var(--line)}
.ms-opts li{position:relative;padding:9px 0 9px 28px;font-size:17px;border-bottom:1px dotted var(--line)}
.ms-opts li::before{content:"";position:absolute;left:2px;top:13px;width:15px;height:15px;border:1.5px solid var(--ink-3);background:#fff}
.ms-ph{display:grid;gap:18px}
.ms-ph figure{margin:0}.ms-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:7px solid #FFFCF6}
.ms-ph figcaption{font-size:15px;margin-top:8px;color:var(--ink-2)}
.ms-ask{align-self:center;background:#F4E7CC;padding:clamp(22px,3vw,36px);transform:rotate(1.2deg)}
.ms-ask strong{display:block;margin:0;font-weight:500;font-family:var(--serif);font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--ink)}
@media(max-width:820px){.ms-in{grid-template-columns:1fr}}

/* ── ABOUT: his hunting license stack, his three lines ────────────────── */
.fieldnotes{background:var(--sf-oak);padding:clamp(72px,9vw,120px) 0}
.fn-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(30px,5vw,80px);align-items:center}
.fn-tx p{margin:0 0 18px;font-family:var(--serif);font-size:clamp(20px,1.8vw,24px);line-height:1.42;color:var(--ink)}
.fn-stack{list-style:none;margin:0;padding:0;position:relative}
.fn-stack li{background:#FFFCF6;border:1px solid rgba(90,60,30,.35);padding:15px 20px;margin-bottom:10px;transform:rotate(calc((var(--i) - 1.5) * .9deg));box-shadow:0 8px 16px -13px rgba(50,30,10,.8)}
.fn-stack span{display:block;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.fn-stack b{font-family:var(--serif);font-size:26px;color:var(--ink);font-weight:500}
@media(max-width:820px){.fn-in{grid-template-columns:1fr}}
.threeno{background:var(--sf-ply);padding:clamp(64px,8vw,104px) 0}
.threeno .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.threeno ul{list-style:none;margin:0;padding:0}
.threeno li{font-family:var(--serif);font-size:clamp(2.1rem,4.6vw,4.2rem);line-height:1.12;color:#5B2A10;text-shadow:0 1px 0 rgba(255,245,220,.8)}
.threeno img{width:clamp(110px,14vw,150px);height:auto}

/* ── THE SHOP FOOTER ───────────────────────────────────────────────────── */
.foot.big{background:var(--sf-field);border-top:2px solid rgba(70,90,40,.28);color:var(--ink-2)}
.foot.big h4{color:var(--ink)}
.foot.big a{color:var(--ink)}
.foot .fseal{width:96px;height:auto;margin:0 0 12px;display:block}
.foot .fclose{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1.2}

@media(max-width:520px){.brand .mk.crest{width:44px;height:45px}}

@media(max-width:480px){.brand .w2{display:none}.brand .mk.crest{display:none}.brand .w1{font-size:20px;white-space:nowrap}}
.wall .wt:nth-child(5n+1) img{aspect-ratio:4/5;height:auto}.wall .wt:nth-child(5n+3) img{aspect-ratio:4/3;height:auto}.wall .wt:nth-child(5n+4) img{aspect-ratio:1/1;height:auto}.wall{align-items:start}
.ms-1 .ms-tx,.ms-3 .ms-tx{order:2}@media(max-width:820px){.ms-1 .ms-tx,.ms-3 .ms-tx{order:0}}.ms-ph figure:nth-child(2) img{aspect-ratio:1/1}.ms-3 .ms-ph img{aspect-ratio:4/3}

@media(max-width:430px){.brand .w1{font-size:16px!important;letter-spacing:.02em!important}}
@media(max-width:360px){.brand .w1{font-size:14px!important;letter-spacing:0!important}}
.ms-tx ul+p{margin:0 0 22px!important}

/* ══ BUTTONS 2026-11-04: THE WALNUT PLAQUE (Adam: "fix the stock buttons", concept.json "buttons"). No kit button is left on this site.
   The primary ask is the board a mount hangs on: stained walnut grain, scooped corners, a routed line, his Alegreya. Hover lifts it off the
   wall. The second ask is a box off his mount order card, and the box ticks on hover. Chips are the same order card boxes. */
:root{--plaque:radial-gradient(circle at 0 0,transparent 9px,#000 9.5px) 0 0/51% 51% no-repeat,radial-gradient(circle at 100% 0,transparent 9px,#000 9.5px) 100% 0/51% 51% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 9.5px) 0 100%/51% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 9.5px) 100% 100%/51% 51% no-repeat;
  --walnut:repeating-linear-gradient(91deg,rgba(0,0,0,.11) 0 1px,transparent 1px 7px,rgba(255,220,170,.055) 7px 9px,transparent 9px 17px),linear-gradient(180deg,#5B3720,#442715)}
html body.light .btn.btn-accent,html body.light .bookbar.quiet .b1{
  position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 36px;border:0;border-radius:0;box-shadow:none;color:#FFF8EE;white-space:nowrap;
  background-color:#4A2B18;background-image:var(--walnut);font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.1;letter-spacing:.005em;text-transform:none;
  -webkit-mask:var(--plaque);mask:var(--plaque);transition:transform .25s cubic-bezier(.2,.7,.3,1),filter .25s}
html body.light .btn.btn-accent::before,html body.light .bookbar.quiet .b1::before{content:"";position:absolute;inset:4px;z-index:auto;border:1px solid rgba(242,174,0,.62);background:none;transform:none;transition:none;pointer-events:none}
@media(hover:hover){html body.light .btn.btn-accent:hover,html body.light .bookbar.quiet .b1:hover{background-color:#4A2B18;background-image:var(--walnut);color:#FFF8EE;box-shadow:none;border-color:transparent;transform:translateY(-3px);filter:brightness(1.16)}}
html body.light .btn.btn-accent:focus-visible,html body.light .bookbar.quiet .b1:focus-visible{outline:2px solid #F2AE00;outline-offset:-8px}
html body.light .nav.hotel .btn.btn-accent.hcta{min-height:50px;padding:9px 28px;font-size:19px}
html body.light .bookbar.quiet .b1{font-size:20px;font-weight:500;padding:10px 26px}

html body.light .btn.btn-out,html body.light a.tlink{
  position:relative;display:inline-flex;align-items:center;min-height:48px;width:auto;padding:0 0 0 32px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:var(--ink);
  font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:0;text-transform:none;white-space:normal;text-decoration:none}
html body.light .btn.btn-out::before,html body.light a.tlink::before{content:"";position:absolute;inset:auto;left:0;top:calc(50% - 11px);width:22px;height:22px;box-sizing:border-box;border:2px solid var(--ink);background:var(--paper-2);z-index:auto;transform:none;transition:none}
html body.light .btn.btn-out::after,html body.light a.tlink::after{content:"";position:absolute;left:6px;top:calc(50% - 10px);width:11px;height:17px;box-sizing:border-box;border:solid var(--accent);border-width:0 3px 3px 0;transform:rotate(40deg) scale(.5);opacity:0;transition:opacity .15s,transform .25s cubic-bezier(.3,1.6,.5,1)}
@media(hover:hover){html body.light .btn.btn-out:hover,html body.light a.tlink:hover{background:none;color:var(--accent);transform:none;box-shadow:none}html body.light .btn.btn-out:hover::after,html body.light a.tlink:hover::after{opacity:1;transform:rotate(40deg) scale(1)}}
html body.light .btns .tlink{margin:0}
.foot .btns{gap:10px}
html body.light .foot a.btn.btn-out{padding:0 0 0 32px;justify-content:flex-start}

/* chips: order card boxes; chat and the phone bar: walnut */
html body.light .chip span{position:relative;padding:10px 16px 10px 44px;border:0;background:var(--paper-2);box-shadow:inset 0 -1px 0 var(--line);font-family:var(--serif);font-weight:500;font-size:18.5px;color:var(--ink)}
html body.light .chip span::before{content:"";position:absolute;left:14px;top:calc(50% - 10px);width:20px;height:20px;box-sizing:border-box;border:2px solid var(--ink);background:#fff}
html body.light .chip span::after{content:"";position:absolute;left:20px;top:calc(50% - 9px);width:10px;height:16px;box-sizing:border-box;border:solid var(--accent);border-width:0 3px 3px 0;transform:rotate(40deg);opacity:0}
html body.light .chip input:checked+span{background:#EFE3CC;color:var(--ink)}
html body.light .chip input:checked+span::after{opacity:1}
html body.light .chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
html body.light .chatfab{border:0;border-radius:0;padding:0 24px;color:#FFF8EE;background-color:#4A2B18;background-image:var(--walnut);box-shadow:none;font-family:var(--serif);font-weight:500;font-size:20px;-webkit-mask:var(--plaque);mask:var(--plaque)}
html body.light.chat-open .chatfab{-webkit-mask:none;mask:none;border-radius:50%;padding:0 17px}
html body.light .chatpanel .chips button{border:0;background:#EFE3CC;padding:9px 16px;font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink)}
@media(hover:hover){html body.light .chatpanel .chips button:hover{background:#4A2B18;color:#FFF8EE}}
html body.light .chatx{border-radius:50%}
html body.light .chatform button{border-radius:0;background-color:#4A2B18;background-image:var(--walnut)}
html body.light .callbtn,html body.light .bookbar.quiet .b2,html body.light .bookbar.quiet .b3{border:2px solid #4A2B18;border-radius:0;background:var(--paper-2);color:var(--ink);font-family:var(--serif);font-weight:500}
@media(max-width:430px){html body.light .btns .btn.btn-out,html body.light .btns a.tlink{width:auto;justify-content:center}html body.light .btns{justify-items:center}html body.light .btn.btn-accent{white-space:normal}}
@media(max-width:760px){html body.light .nav.hotel .btn.btn-accent.hcta{display:none}}
@media(prefers-reduced-motion:reduce){html body.light .btn.btn-accent:hover,html body.light .bookbar.quiet .b1:hover{transform:none}}
@media(max-width:360px){html body.light .chip span{padding:10px 8px 10px 36px;font-size:16px}html body.light .chip span::before{left:9px}html body.light .chip span::after{left:15px}}

/* ══ THE OPENING AND THE SHOP'S MOTION (2026-11-04). The first screen moves by CSS, so it starts with the first paint and never waits on a script.
   Only under html.mo. Nothing starts below .55 opacity. Bryan carries the mount outside and sets it down, the morning light crosses it, the grass moves. The rest is dt-motion.js. */
html,a,button{-webkit-tap-highlight-color:transparent}
html body.light .btn.btn-accent:active,html body.light .bookbar.quiet .b1:active{transform:scale(.97);transition:transform .12s}
@keyframes dt-rise{from{opacity:.55;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes dt-carry{0%{transform:translateY(34px) rotate(-1.3deg)}62%{transform:translateY(-3px) rotate(.3deg)}100%{transform:translateY(1px)}}
@keyframes dt-morning{0%{transform:translateX(-112%)}100%{transform:translateX(112%)}}
@keyframes dt-wind{from{background-position:0 0}to{background-position:-92px 0}}
@keyframes dt-plaque{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dt-drawtick{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.ft-mount{overflow:hidden}
.ft-mount::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,240,205,.55) 48%,rgba(255,250,235,.7) 52%,transparent 70%);transform:translateX(-112%)}
html.mo .ft-mount{animation:dt-carry 1.5s cubic-bezier(.2,.8,.3,1) .1s backwards}
html.mo .ft-mount::after{animation:dt-morning 2.4s cubic-bezier(.3,.1,.3,1) 1s backwards}
html.mo .ft-ground::before{animation:dt-wind 5s cubic-bezier(.2,.6,.3,1) .2s backwards}
html.mo .ft-k,html.mo .fieldtest .ft-h,html.mo .ft-sub,html.mo .ft-act,html.mo .ft-lic{animation:dt-rise 1.1s cubic-bezier(.16,1,.3,1) backwards}
html.mo .fieldtest .ft-h{animation-delay:.12s}html.mo .ft-sub{animation-delay:.32s}html.mo .ft-act{animation-delay:.48s}html.mo .ft-lic{animation-delay:.64s}
/* the inner pages: the horizon comes up with the words on it */
html.mo .hz-open-in>div>*{animation:dt-rise 1.05s cubic-bezier(.16,1,.3,1) backwards}
html.mo .hz-open-in>div>*:nth-child(2){animation-delay:.12s}html.mo .hz-open-in>div>*:nth-child(3){animation-delay:.3s}
html.mo .hz-open-ph{animation:dt-rise 1.3s cubic-bezier(.16,1,.3,1) .22s backwards}
/* the order card's tick, inked in from the left of the box */
.oc-col li::after{content:"";position:absolute;left:5px;top:6px;width:13px;height:14px;background:var(--accent);clip-path:inset(0 100% 0 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath d='M1 8l4 4 7-11' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath d='M1 8l4 4 7-11' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0}
.oc-col li.dt-tick::after{opacity:1;animation:dt-drawtick .32s ease-out forwards}
.oc-col.dt-ticked li::after{opacity:1;clip-path:none}
/* the walnut plaque catches the light */
html.mo .btn.btn-accent.dt-lit::after,html.mo .fieldtest .btn.btn-accent::after,html.mo .bookbar.quiet .b1::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 34%,rgba(255,226,160,.42) 50%,transparent 66%);transform:translateX(-120%)}
html.mo .btn.btn-accent.dt-lit::after{animation:dt-plaque 1.3s cubic-bezier(.3,.1,.3,1) .2s}
html.mo .fieldtest .btn.btn-accent::after{animation:dt-plaque 1.4s cubic-bezier(.3,.1,.3,1) 1.6s}
html.mo .bookbar.quiet .b1::after{animation:dt-plaque 1.4s cubic-bezier(.3,.1,.3,1) 3.2s}
/* 2026-11-13 launch: the link from each mount on /mounts to its own page (48px tap floor) */
.ms-more{margin-top:10px}.ms-more a{display:inline-flex;align-items:center;min-height:48px;font-weight:600;text-decoration:underline;text-underline-offset:4px}