/* Hollin & Pye v2 — gifts, workshops, journal, visit, help */
.page-hd .display,.page-hd .h1{margin-top:2px}
.co-nav{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.radio-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line-2);cursor:pointer;background:var(--paper)}
.radio-card:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--proof)}
.radio-card input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--acc)}
.qty{display:flex;border:1px solid var(--line-2);background:var(--paper)}
.qty button{width:44px;background:none;border:0;cursor:pointer;font-size:20px}
.qty input{width:48px;text-align:center;border:0;background:transparent;height:46px;padding:0;-moz-appearance:textfield;font:500 15px var(--mono)}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split-img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.split-bd{display:grid;gap:16px;justify-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
/* gifts */
.gift-hd,.ws-hd{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,72px);align-items:end}
@media (max-width:860px){.gift-hd,.ws-hd{grid-template-columns:1fr}}
.finder{display:grid;gap:18px;margin:24px 0 8px}
.fgrp .lbl{display:block;margin:0 0 10px}
.wrapsec{background:var(--proof)}
.wrap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.wrap-grid>div:last-child{display:grid;gap:14px}
.wrap-grid .folio{margin-bottom:0}
.wrap-img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.papers{margin:8px 0;border-top:1px solid var(--ink)}
.papers li{display:grid;grid-template-columns:48px 1fr;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.papers li span:not(.paper){grid-column:2;font-size:15px;color:var(--ink-2)}
.paper{grid-row:span 2;width:48px;height:48px}
.p-kraft{background:#B9A586 linear-gradient(90deg,transparent 46%,#F4F4F2 46% 54%,transparent 54%)}
.p-rose{background:#B9A586 linear-gradient(90deg,transparent 42%,var(--acc) 42% 58%,transparent 58%)}
.p-ink{background:var(--ink) linear-gradient(0deg,transparent 46%,#D9DAD7 46% 54%,transparent 54%)}
@media (max-width:860px){.wrap-grid{grid-template-columns:1fr}}
.gc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:start}
.gc .folio{margin-bottom:12px}
.gc .h2+p{margin-top:12px}
.gc-form{margin-top:24px}
.gc-form fieldset{margin:0 0 20px}
.gc-form legend{margin-bottom:10px;padding:0}
.custom{margin-top:12px;display:grid;gap:6px;max-width:280px}
.custom label{font-size:15px;color:var(--ink-2)}
.dot{width:14px;height:14px;display:inline-block}
.dot.d-kiln{background:var(--acc)}.dot.d-putty{background:#D9DAD7;box-shadow:inset 0 0 0 1px var(--line-2)}.dot.d-ink{background:var(--ink);box-shadow:0 0 0 1px #fff}
.gc-prev-wrap{position:sticky;top:110px}
.gc-card{aspect-ratio:1.6/1;padding:clamp(18px,3vw,30px);display:grid;grid-template-rows:auto 1fr auto auto auto;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);transition:background .3s,color .3s}
.gc-card.d-kiln{background:var(--acc);color:#fff}
.gc-card.d-putty{background:var(--proof);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.4)}
.gc-card.d-ink{background:var(--ink);color:#fff}
.gc-top{display:flex;justify-content:space-between;gap:10px;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.gc-top span:first-child{font:700 22px/1 var(--disp)}
.gc-amt{font:700 clamp(56px,8vw,104px)/1 var(--disp);align-self:center}
.gc-to{font:italic 400 20px/1.2 var(--text)}
.gc-msg{font-size:15px;margin-top:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gc-foot{display:flex;justify-content:space-between;font:400 11px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-top:10px;gap:12px}
@media (max-width:900px){.gc{grid-template-columns:1fr}.gc-prev-wrap{position:static;order:-1;max-width:460px}}
/* workshops */
.ws-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}
.ws-bar select{width:auto;min-width:200px}
.wcards{display:grid;border-top:1px solid var(--ink)}
.wcard{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,56px);padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.wcard-img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wcard h2{margin:8px 0 10px;font-size:clamp(28px,2.8vw,40px)}
.wprice{font:500 22px/1.2 var(--mono);margin:10px 0 14px}
.wdates{display:flex;gap:6px;flex-wrap:wrap}
.wdate{display:grid;gap:2px;text-align:left;min-width:150px;padding:10px 14px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;font:inherit}
.wdate b{font-weight:600}
.wdate span{font:400 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.wdate .wl{color:var(--ink)}
.wdate:hover{background:var(--ink);color:#fff}
.wdate:hover span{color:#fff}
.wdate.full{border-style:dashed;border-color:var(--line-2)}
.wdate.full .wl{color:var(--acc)}
.wdate.full:hover .wl{color:#fff}
.sess{display:grid;gap:8px}
.wb-total{font:500 20px/1.2 var(--mono);margin:4px 0 16px}
.mine{border-top:1px solid var(--ink);margin-top:12px}
.mine li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;flex-wrap:wrap}
#wb-qty{width:48px;height:46px}
@media (max-width:760px){.wcard{grid-template-columns:1fr}.wdate{min-width:0;flex:1 1 140px}}
/* journal */
.jlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;padding-bottom:32px}
.jrow a{display:grid;gap:12px;text-decoration:none}
.jrow img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.1s var(--ease)}
.jrow picture{overflow:hidden}
.jrow a:hover img{transform:scale(1.03)}
.jrow h2{margin:4px 0 8px}
.jrow a:hover h2{color:var(--acc)}
.jrow.lead{grid-column:1/-1}
.jrow.lead a{grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.jrow:nth-child(3){margin-top:56px}
@media (max-width:860px){.jlist{grid-template-columns:1fr 1fr}.jrow.lead a{grid-template-columns:1fr}.jrow:nth-child(3){margin-top:0}}
@media (max-width:560px){.jlist{grid-template-columns:1fr}}
.art-hd{max-width:960px;padding:clamp(24px,4vw,48px) 0 32px}
.art-hd .display{font-size:clamp(44px,6.4vw,96px);margin:14px 0 18px}
.art-img img{width:100%;aspect-ratio:21/10;object-fit:cover}
.art-body{max-width:680px;margin:48px auto;font-size:19px;line-height:1.7}
.art-body p+p{margin-top:1em}
.art-body p:first-child::first-letter{font:700 4.6em/.8 var(--disp);float:left;margin:6px 12px 0 0;color:var(--acc)}
.art-shop{padding:48px 0;border-top:1px solid var(--ink)}
.art-shop h2{margin-bottom:24px}
.art-next{display:grid;gap:8px;padding:40px 0 32px;border-top:1px solid var(--ink)}
.art-next a{text-decoration:none}
.art-next a:hover{color:var(--acc)}
/* visit */
.visit-hd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;padding:clamp(24px,4vw,48px) 0 clamp(40px,5vw,72px)}
.visit-hd>div{display:grid;gap:14px}
.visit-hd .folio{margin-bottom:0}
.plate img{width:100%;aspect-ratio:4/5;object-fit:cover}
.plate .cap{margin-top:8px}
.addr{font-size:17px;line-height:1.7}
.vgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,80px);padding:48px 0 clamp(56px,7vw,96px);border-top:6px solid var(--ink)}
.vgrid h2{margin-bottom:14px}
.hours{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--mono)}
.hours th,.hours td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);font-weight:400}
.hours td{text-align:right}
.hours .is-today th,.hours .is-today td{font-weight:500;color:var(--acc)}
.notice{background:var(--proof);border-left:4px solid var(--acc);padding:16px 18px;margin-top:20px}
.notice p+p{margin-top:4px}
.map{margin:16px 0 20px;border:1px solid var(--ink);background:#EEEFED}
.map svg{width:100%;height:auto}
.ways{display:grid;gap:10px;margin-bottom:16px}
.ways b{display:inline-block;min-width:84px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--ink)}
.svc>div{padding-top:20px;scroll-margin-top:110px}
.svc h3{margin-bottom:10px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);border-top:6px solid var(--ink)}
.contact>div p{margin-top:12px}
@media (max-width:960px){.svc{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.visit-hd,.vgrid,.contact{grid-template-columns:1fr}}
@media (max-width:520px){.svc{grid-template-columns:1fr}}
/* help */
.help{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:40px 0 32px}
.help-nav{position:sticky;top:110px;align-self:start}
.help-nav ul{display:grid;gap:2px;border-left:1px solid var(--ink)}
.help-nav a{display:block;padding:6px 14px;text-decoration:none;font:500 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.help-nav a:hover{color:var(--acc)}
.help-bd section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.help-bd section>p+p,.help-bd section>p+ul,.help-bd section>ul+p{margin-top:12px}
.help-bd h2{margin-bottom:20px}
.rates{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:16px}
.rates th,.rates td{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.rates thead th{font:500 12px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);border-bottom-color:var(--ink)}
.rates tbody th{font-weight:600}
.rates .num{font-size:14px}
.stepsl{counter-reset:s;display:grid;gap:12px;margin-bottom:16px}
.stepsl li{counter-increment:s;padding-left:46px;position:relative}
.stepsl li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font:700 24px/1 var(--disp);color:var(--acc)}
.bal{max-width:480px;margin-top:16px;display:grid;gap:8px}
.bal-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.bal .msg{margin:0;font-size:15px}
[data-faq-q]{max-width:420px;margin-bottom:8px}
@media (max-width:860px){.help{grid-template-columns:1fr}.help-nav{position:static}.help-nav ul{display:flex;flex-wrap:wrap;border:0;gap:6px}.help-nav a{border:1px solid var(--ink);padding:8px 12px}}