/* HYGIEIA 2026 design system — shared by the marketing pages.
   Palette: ink, apricot, ivory, forest, parchment, clay. Type: Cormorant Garamond + Manrope. */
:root{
  --ink:#2C2A20; --ink2:#23211A; --apricot:#C08952; --ivory:#FAF5EA; --forest:#6E7A56;
  --parch:#F2ECDD; --clay:#B5603E;--slate:#5E7086;--stone:#DDD5C1;--sage:#6E7A56; --brown:#8A5A2B; --muted:#4A4636; --line:#E2D8C2;
  --onink:#E6DCC8; --onforest:#FFFFFF;
  --r:10px; /* one corner radius for cards, plans, tiles, photos, book parts, tables, FAQ */
  --serif:'Cormorant Garamond',Georgia,serif; --sans:Manrope,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
body.h2{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.h2 img{max-width:100%;height:auto;display:block}
.h2 main a{color:inherit}
.h2 .wrap{max-width:1200px;margin:0 auto}
.h2 .narrow{max-width:820px;margin:0 auto}
.h2 .sec{padding:clamp(64px,10vw,116px) clamp(20px,5vw,48px)}
.h2 .sec.tight{padding-top:clamp(48px,7vw,80px);padding-bottom:clamp(48px,7vw,80px)}
.h2 .ink{background:var(--ink);color:var(--ivory)}
.h2 .forest{background:var(--forest);color:var(--ivory)}
.h2 .parch{background:var(--parch)}
.h2 .apri{background:var(--apricot);color:var(--ink)}
.h2 .center{text-align:center}
.h2 .eyebrow{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;color:var(--brown)}
.h2 .ink .eyebrow,.h2 .forest .eyebrow{color:var(--apricot)}
.h2 h1,.h2 .h1{font-family:var(--serif);font-weight:500;font-size:clamp(46px,7.4vw,92px);line-height:.98;letter-spacing:-.015em;margin:0}
.h2 h2,.h2 .h2t{font-family:var(--serif);font-weight:500;font-size:clamp(38px,5.4vw,64px);line-height:1.02;margin:0}
.h2 h3{font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.6vw,32px);line-height:1.05;margin:0}
.h2 h1 em,.h2 h2 em{font-style:italic;color:var(--clay)}
.h2 .ink h1 em,.h2 .ink h2 em,.h2 .forest h1 em,.h2 .forest h2 em{color:var(--apricot)}
.h2 .lead{font-size:clamp(18px,2vw,21px);line-height:1.5;max-width:36ch;margin:26px 0 0;color:var(--muted)}
.h2 .ink .lead{color:var(--onink)} .h2 .forest .lead{color:var(--onforest)}
.h2 .center .lead{margin-left:auto;margin-right:auto}
.h2 .sub{font-size:17px;line-height:1.55;color:var(--muted);max-width:46ch;margin:16px 0 0}
.h2 .ink .sub{color:var(--onink)} .h2 .forest .sub{color:var(--onforest)}
.h2 .center .sub{margin-left:auto;margin-right:auto}
.h2 .muted{color:var(--muted)} .h2 .small{font-size:14px} .h2 .tiny{font-size:13px}
/* buttons */
.h2 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 30px;border-radius:999px;background:var(--apricot);color:var(--ink);font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:var(--sans)}
.h2 .btn:hover{background:#F6B877}
.h2 .btn.dark{background:var(--ink);color:var(--ivory)} .h2 .btn.dark:hover{background:#3E3B2E}
.h2 .btn.light{background:var(--ivory);color:var(--ink)}
.h2 .btn[disabled],.h2 .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.h2 .tlink{font-weight:600;font-size:15px;padding:12px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--apricot)}
.h2 .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.h2 .center .ctas{justify-content:center}
/* layout */
.h2 .split{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(36px,6vw,64px)}
.h2 .split>.grow{flex:999 1 480px;min-width:0}
.h2 .split>.side{flex:1 1 320px;min-width:0}
.h2 .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}
.h2 .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px}
.h2 .head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:44px}
/* cards */
.h2 .card{background:var(--ivory);color:var(--ink);border-radius:var(--r);padding:30px}
.h2 .card.line{border:1px solid var(--line);background:transparent}
.h2 .card p{margin:10px 0 0;color:var(--muted);line-height:1.5}
.h2 .card.ink{background:var(--ink);color:var(--ivory)} .h2 .card.forest{background:var(--forest);color:var(--ivory)}
.h2 .card.apri{background:var(--apricot);color:var(--ink)} .h2 .card.parch{background:var(--parch);color:var(--ink)}
.h2 .card.ink p,.h2 .card.forest p{color:var(--onink)} .h2 .card.apri p{color:var(--ink)}
.h2 .card.ink .eyebrow,.h2 .card.forest .eyebrow{color:var(--apricot)}
.h2 .icon{width:40px;height:40px;margin-bottom:14px}
/* morning note */
.h2 .note{width:380px;max-width:100%;background:var(--ivory);color:var(--ink);border-radius:18px;padding:32px 30px 28px;border:1px solid rgba(250,245,234,.2)}
.h2 .note .meta{display:flex;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--brown)}
.h2 .note .hi{margin-top:22px;font-family:var(--serif);font-size:28px;font-weight:600;line-height:1}
.h2 .note .big{margin:14px 0 0;font-family:var(--serif);font-size:24px;line-height:1.28}
.h2 .note .small{margin:12px 0 0;color:var(--muted)}
.h2 .sig{font-family:var(--serif);font-style:italic;font-size:28px;color:var(--clay);margin-top:14px}
.h2 .ink .sig,.h2 .forest .sig{color:var(--apricot)}
.h2 .note .foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
/* types */
.h2 .types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;margin-top:48px}
@media (max-width:700px){.h2 .types{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h2 .types a{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px}
.h2 .types img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.h2 .types span{font-family:var(--serif);font-style:italic;font-size:clamp(19px,5vw,24px);text-align:center;white-space:nowrap}
.h2 .types .q{background:var(--ink);color:var(--ivory);border-radius:12px;aspect-ratio:4/5;justify-content:center;padding:20px;text-align:center}
.h2 .types .q b{font-family:var(--serif);font-size:64px;color:var(--apricot);font-weight:500;line-height:1}
.h2 .types .q span{font-style:normal;font-size:24px;line-height:1.1;white-space:normal}
/* plans */
.h2 .plans{display:flex;flex-wrap:wrap;gap:20px}
.h2 .plan{flex:1 1 340px;min-width:0;border-radius:var(--r);padding:36px;display:flex;flex-direction:column;gap:18px}
.h2 .plan .tag{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--apricot)}
.h2 .plan .price{font-family:var(--serif);font-size:64px;font-weight:600;line-height:1}
.h2 .plan .per{font-size:16px;opacity:.85}
.h2 .plan ul{margin:0;padding:0 0 0 18px;display:grid;gap:10px;line-height:1.45}
.h2 .plan .btn{margin-top:auto}
.h2 .plan .fine{font-size:13px;text-align:center;opacity:.85}
/* steps */
.h2 .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:40px}
.h2 .steps li{display:flex;flex-direction:column;gap:10px}
.h2 .steps .n{font-family:var(--serif);font-size:72px;font-weight:600;line-height:.8;color:var(--clay)}
.h2 .steps b{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.05}
.h2 .steps span{color:var(--muted);line-height:1.5}
/* tiles */
.h2 .tile{border-radius:var(--r);padding:34px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}
.h2 .tile .k{font-size:11px;font-weight:600;letter-spacing:.2em}
.h2 .tile .t{font-family:var(--serif);font-size:36px;font-weight:600;line-height:1}
.h2 .tile .go{margin-top:10px;font-weight:600}
/* chips */
.h2 .chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.h2 .chips li,.h2 .chip{border:1.5px solid var(--line);padding:12px 20px;border-radius:999px;font-weight:600}
.h2 .forest .chips li{border-color:#6E7A56}
.h2 .chips li.on{border-color:var(--apricot)}
/* photo placeholders (until real photos arrive) */
.h2 .photo{border-radius:var(--r);background:#E8DFCB;overflow:hidden;aspect-ratio:4/5}
.h2 .photo img{width:100%;height:100%;object-fit:cover}
.h2 .arch{border-radius:200px 200px var(--r) var(--r)}
/* FAQ */
.h2 .faq{display:grid;gap:10px}
.h2 .faq details{background:var(--ivory);border-radius:var(--r);padding:14px 24px}
.h2 .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-weight:600;font-size:17px}
.h2 .faq summary::-webkit-details-marker{display:none}
.h2 .faq summary::after{content:"+";font-size:26px;font-weight:400;color:var(--clay)}
.h2 .faq details[open] summary::after{content:"–"}
.h2 .faq p{margin:8px 0 8px;color:var(--muted)}
/* forms */
.h2 .form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.h2 .form label{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.h2 .form input,.h2 .form select,.h2 .form textarea{min-height:52px;border-radius:10px;border:1px solid rgba(44,42,32,.25);background:var(--ivory);color:var(--ink);padding:0 16px;font-size:16px;font-family:var(--sans)}
.h2 .form textarea{padding:14px 16px;min-height:120px}
.h2 .ink .form input,.h2 .ink .form select,.h2 .forest .form input,.h2 .forest .form select{border-color:#6E7A56;background:var(--ivory)}
.h2 .form .msg{flex-basis:100%;margin:4px 0 0;font-weight:600;min-height:1.4em}
.h2 .privacy{font-size:12px;opacity:.85;margin:10px 0 0}
.h2 .hp{position:absolute;left:-9999px}
/* table */
.h2 .ptable{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.h2 .ptable .row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px 26px;align-items:center;border-top:1px solid var(--line)}
.h2 .ptable .row:first-child{border-top:0;background:var(--ink);color:var(--ivory);font-size:12px;font-weight:600;letter-spacing:.14em}
.h2 .ptable .row:nth-child(odd):not(:first-child){background:var(--parch)}
.h2 .ptable .row b{font-weight:600}
.h2 .ptable .num{text-align:right;font-family:var(--serif);font-size:28px;font-weight:600}
.h2 .ptable .mem{color:var(--clay)}
@media (max-width:560px){.h2 .ptable .row{grid-template-columns:1fr 1fr;padding:16px 18px}.h2 .ptable .row>:first-child{grid-column:1/-1}.h2 .ptable .num{text-align:left}}
@media (prefers-reduced-motion:no-preference){.h2 .btn,.h2 .tile{transition:background .15s ease}}

/* round 2 review fixes */
.h2 #book .form,.h2 #book .form label{color:var(--ink)}
.h2 .btn[aria-disabled="true"]{background:transparent;color:inherit;border:1.5px solid currentColor;opacity:1}
@media (max-width:560px){.h2 .ptable .row:first-child{display:none}.h2 .ptable .num::before{content:attr(data-label);display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--muted)}}

/* round 4 review fixes */
.h2 .note .meta{justify-content:flex-start;flex-wrap:wrap;gap:0 8px}
.h2 .photo-soon{background:var(--parch);border:1px solid rgba(44,42,32,.12);display:flex;align-items:center;justify-content:center;padding:28px}
.h2 .parch .photo-soon{background:#E8DFCB}
.h2 .soon-cap{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,28px);line-height:1.25;text-align:center;color:var(--ink);max-width:12em}

/* testimonials */
.h2 .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:40px}
.h2 .quote{margin:0;background:var(--ivory);border-radius:var(--r,10px);padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.h2 .quote blockquote{margin:0;font-family:var(--serif);font-size:clamp(22px,2.2vw,26px);line-height:1.28}
.h2 .quote figcaption{font-size:14px;color:var(--muted)}
.h2 .quote figcaption b{color:var(--ink);font-weight:700}
.h2 .quote.single{max-width:820px;margin:0 auto}
.h2 .quote.single blockquote{font-size:clamp(26px,3vw,34px)}
/* Instagram palette: light text on sage */
.forest .eyebrow,.forest h1 em,.h2 .forest h2 em,.forest .k,.forest .pull em{color:#FAF5EA!important}
.quote{color:var(--ink)}
/* ---- Oct 2026 rewrite components ---- */
.h2 .plan.forest .tag,.h2 .forest .plan .tag{color:#FAF5EA}
.h2 .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:2px;margin-top:40px;background:rgba(250,245,234,.14);border-radius:var(--r,10px);overflow:hidden}
.h2 .fact{background:var(--ink);padding:28px 26px 24px;display:flex;flex-direction:column;gap:10px}
.h2 .parch .fact,.h2 .sec:not(.ink):not(.forest) .fact{background:var(--ivory)}
.h2 .fact .n{font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,68px);line-height:.95;color:var(--apricot)}
.h2 .sec:not(.ink):not(.forest) .fact .n{color:var(--clay)}
.h2 .fact p{margin:0;font-size:16px;line-height:1.45}
.h2 .ink .fact p{color:var(--onink)}
.h2 .fact cite{font-style:normal;font-size:13px;opacity:.75;margin-top:auto}
.h2 .fact cite a{color:inherit}
.h2 .logo-panel{aspect-ratio:4/5;border-radius:200px 200px var(--r,10px) var(--r,10px);background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#FAF5EA;text-align:center;padding:30px}
.h2 .logo-panel .lp-ring{width:min(46%,170px);aspect-ratio:1;border-radius:50%;border:1.5px solid #FAF5EA;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:clamp(56px,7vw,88px);position:relative}
.h2 .logo-panel .lp-ring svg{position:absolute;inset:-6%;width:112%;height:112%}
.h2 .logo-panel .lp-word{font-family:var(--sans,Manrope),sans-serif;letter-spacing:.35em;font-size:13px;font-weight:600}
.h2 .logo-panel .lp-line{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--apricot)}
.h2 .story{max-width:640px;margin:0 auto}
.h2 .story p{font-size:clamp(18px,1.6vw,20px);line-height:1.6;margin:0 0 18px}
.h2 .story p.first::first-letter{font-family:var(--serif);font-size:3.4em;float:left;line-height:.8;padding:6px 10px 0 0;color:var(--clay)}
.h2 .story .sig{margin-top:6px}
.h2 .forwho{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 0;padding:0;list-style:none}
.h2 .forwho li{border:1.5px solid currentColor;border-radius:99px;padding:8px 16px;font-size:15px;font-weight:600}
.h2 .ink .forwho li{border-color:rgba(250,245,234,.4)}
.h2 .notlist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.h2 .notlist li{font-family:var(--serif);font-size:clamp(26px,3vw,36px);line-height:1.1}
.h2 .notlist li s{opacity:.55;text-decoration-thickness:2px}
.h2 .excerpt{background:var(--ivory);border-radius:var(--r,10px);padding:clamp(28px,5vw,56px);max-width:720px;margin:0 auto;color:var(--ink)}
.h2 .excerpt p{font-family:var(--serif);font-size:clamp(20px,2vw,24px);line-height:1.5;margin:0 0 16px}
.h2 .excerpt .k{font-family:var(--sans,Manrope),sans-serif;font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--clay);margin-bottom:18px}
.h2 .needs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin-top:36px}
.h2 .needs div{border-top:1.5px solid currentColor;padding-top:14px}
.h2 .needs b{display:block;font-family:var(--serif);font-size:26px;font-weight:500;margin-bottom:4px}
.h2 .needs span{font-size:16px;line-height:1.45;opacity:.9}
.h2 .tomorrow{max-width:760px;margin:0 auto;text-align:center}
.h2 .src{font-size:13px;opacity:.75;margin-top:22px}
.h2 .src a{color:inherit}
@media (max-width:560px){.h2 .logo-panel{aspect-ratio:auto;min-height:340px}}
.h2 .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.h2 .facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.h2 .facts{grid-template-columns:1fr}}
@media (max-width:560px){.h2 .facts{grid-template-columns:1fr}}
.h2 .slate{background:var(--slate);color:#FAF5EA}
.h2 .slate .eyebrow,.h2 .slate h2 em{color:#F2ECDD!important}
.h2 .slate .lead{color:#FAF5EA}
.h2 .eyebrow{font-size:13px}
.h2 .src,.h2 .fact cite{font-size:14px}
.h2 .src a,.h2 .fact cite a{display:inline-block;padding:8px 0}
.h2 .story h2+.story{margin-top:10px}
.h2 #georgina h2{margin-bottom:16px}
.h2 .apri h1 em,.h2 .apri h2 em{color:var(--ink)}
.h2 .apri .eyebrow{color:var(--ink);opacity:.8}
.h2 .apri .lead{color:var(--ink)}
.h2 .apri .tlink{color:var(--ink)}
/* ---- round-2 accessibility pass ---- */
.h2 .forest,.forest{color:#FFFFFF}
.h2 .forest p,.h2 .forest li,.h2 .forest .sub,.h2 .forest .lead,.h2 .forest .small,.h2 .forest .fine,.h2 .forest span,.h2 .forest label,.h2 .forest .privacy,.h2 .card.forest p,.h2 .plan.forest *:not(.btn){color:#FFFFFF!important;opacity:1!important}
.h2 .forest a:not(.btn){color:#FFFFFF!important;text-decoration-color:#F2ECDD}
.h2 .forest .forwho li{border-color:rgba(255,255,255,.7)}
.h2 .plan .fine{opacity:1;font-size:14px}
.h2 .parch .sig,.h2 .sec:not(.ink):not(.forest) .sig{color:#A4532F}
.h2 .sec:not(.ink):not(.forest):not(.slate) .eyebrow{color:#A4532F}
.h2 .excerpt .k{color:#A4532F}
.h2 .small,.h2 .tiny{font-size:max(14px,1em)}
.h2 .privacy{font-size:14px}
.h2 .form label{min-width:0}
.h2 .form input,.h2 .form textarea,.h2 .form select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.h2 .tcard .food,.h2 h1,.h2 h2{overflow-wrap:break-word}
@media (max-width:360px){.h2 .tcard .food{font-size:44px}}
.gfoot a,.gnav .gdrop a{display:inline-block;padding:6px 0;min-height:24px}
.rv{opacity:.35}
.h2 .forest .steps .n{color:#F2ECDD}
.h2 .price small.pab{display:block;font-family:var(--sans,Manrope),sans-serif;font-size:15px;font-weight:600;letter-spacing:0;margin-top:6px;opacity:.9}
@media (max-width:700px){
  .h2 #georgina .side{display:none}
  .h2 .types{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  .h2 .types span{font-size:12px!important;line-height:1.2}
  .h2 .types .q b{font-size:28px!important}
  .h2 .quotes:has(.quote){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}
  .h2 .quotes .quote{flex:0 0 85%;scroll-snap-align:start}
}
/* round 3 contrast fixes */
.h2 .forest .form label,.h2 .forest .form p,.h2 .forest .form span,.h2 .forest .form .privacy,.h2 .forest .card:not(.forest) p,.h2 .forest .card:not(.forest) li,.h2 .forest .card:not(.forest) h3{color:var(--ink)!important}
.h2 .forest .form a:not(.btn),.h2 .forest .card:not(.forest) a:not(.btn){color:var(--ink)!important;text-decoration-color:#A4532F}
.h2 form .hp{display:none!important}
.h2 .note .sig{color:#A4532F}
.h2 .apri .eyebrow{color:var(--ink)}
.h2 .parch .eyebrow,.h2 .excerpt .k{color:#A4532F}
.h2 .slate .eyebrow{color:#F2ECDD}
.h2 .forest .badge,.h2 .pinfo .badge{color:#FFFFFF}

.h2 .apri .eyebrow{color:var(--ink)!important}
.h2 .parch .eyebrow{color:#A4532F!important}
.h2 .slate .eyebrow{color:#F2ECDD!important}
.h2 h1,.h2 h2,.h2 h3,.h2 .h2t{text-wrap:balance}
.h2 details>summary{cursor:pointer;list-style:none;position:relative;padding-right:28px}
.h2 details>summary::-webkit-details-marker{display:none}
.h2 details>summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:#A4532F}
.h2 details[open]>summary::after{content:'\2212'}
.h2 .logo-panel{max-height:520px;margin-inline:auto}
@media (max-width:900px){.h2 .logo-panel{max-width:320px}}
.h2 .ptable,.h2 .price{font-variant-numeric:tabular-nums}
.h2 .nw{white-space:nowrap}
.h2 .faq details>summary::after{position:static;transform:none;font-size:26px;color:var(--clay)}
.h2 .faq details>summary{padding-right:0}
.h2 .card.ink .eyebrow{color:#C08952!important}
.h2 .slate .eyebrow{color:#FFFFFF!important}

.h2 .sample{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;max-width:760px;margin:40px auto 0;background:#FAF5EA;border:1px solid rgba(44,42,32,.12);border-radius:var(--r,10px);padding:22px;color:var(--ink);text-align:left}
.h2 .sample img{width:100%;height:auto;border-radius:10px;display:block}
.h2 .sample h3{margin:4px 0 2px;font-size:clamp(24px,3vw,30px)}
.h2 .sample p{margin:8px 0 0;font-size:16px}
.h2 .sample .sample-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#A4532F;margin:0}
.h2 .sample .sample-t{font-style:italic;margin-top:0}
.h2 .sample .sample-s{border-top:1px solid rgba(44,42,32,.12);padding-top:10px}
@media (max-width:560px){.h2 .sample{grid-template-columns:96px 1fr;gap:14px;padding:16px}.h2 .sample p{font-size:15px}}