/* Stilla, from the Stilla website template (formgong-hq/stilla-template). Classes carry an s- prefix so they never
   collide with the base theme's stylesheet (theme.css), which still styles cart, search, blog and utility pages. */
/* Stilla: colours and type. Change these first. */
:root{--ink:var(--color-text);--ink-2:color-mix(in srgb,var(--color-text) 78%,var(--color-bg));--muted:var(--color-muted);--line:var(--color-border);--paper:var(--color-bg);--mist:var(--color-surface);--stone:color-mix(in srgb,var(--color-border) 55%,var(--color-text) 12%);--accent:var(--color-accent);--gut:clamp(16px,2vw,28px);--head:var(--font-heading);--body:var(--font-body)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--head);font-weight:var(--font-heading-weight);color:var(--ink);letter-spacing:.005em;margin:0}
.s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.s-skip{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 14px;background:var(--ink);color:#fff}
.s-skip:focus{top:12px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* Top switch + header */
.s-switch{display:flex;border-bottom:1px solid var(--line);font-family:var(--head);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.s-switch a{width:175px;max-width:50%;text-align:center;padding:9px 0 8px;color:var(--ink-2)}
.s-switch a[aria-current]{background:var(--ink);color:#fff}
.s-hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.s-hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 var(--gut)}
.s-logo{font-family:var(--head);font-weight:600;font-size:19px;letter-spacing:.24em;color:#111}
.s-nav{display:flex;gap:26px;font-size:14px;color:var(--ink)}
.s-nav a{padding:6px 0;border-bottom:1px solid transparent}
.s-nav a:hover,.s-nav a[aria-current]{border-color:currentColor}
.s-icons{display:flex;justify-content:flex-end;gap:6px}
.s-ico{display:grid;place-items:center;width:34px;height:34px;background:none;border:0;cursor:pointer;color:var(--ink);position:relative}
.s-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.s-ico .s-n{position:absolute;top:3px;right:2px;font-size:9px;min-width:14px;height:14px;line-height:14px;border-radius:7px;background:var(--ink);color:#fff;text-align:center}
.s-burger{display:none}
@media (max-width:900px){
  .s-hdr-in{grid-template-columns:auto 1fr auto}
  .s-logo{justify-self:center}
  .s-burger{display:grid}
  .s-nav{position:fixed;inset:85px 0 auto 0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--gut) 18px;font-size:17px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:.2s}
  .s-nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .s-nav.s-open{opacity:1;visibility:visible;transform:none}
  .s-icons .s-hide-m{display:none}
}

/* Buttons */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 26px;font-size:13px;background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;transition:background .2s,color .2s}
.s-btn:hover{background:#1a1413}
.s-btn.s-ghost{background:transparent;color:var(--ink)}
.s-btn.s-ghost:hover{background:var(--ink);color:#fff}
.s-btn.s-light{background:#fff;color:var(--ink);border-color:#fff}
.s-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:2px}

/* Home */
.s-hero{position:relative;height:min(86vh,820px);min-height:520px;overflow:hidden;background:var(--mist)}
.s-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:24% 50%}
.s-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,14,12,.5),rgba(20,14,12,0) 55%)}
@media (min-width:901px){.s-hero .s-hero-tx{left:auto;right:calc(var(--gut) + 4vw);max-width:520px}}
.s-hero-tx{position:absolute;z-index:1;left:var(--gut);bottom:clamp(40px,8vh,90px);color:#fff;max-width:560px}
.s-hero-tx p{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.s-hero-tx h1{color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.05;margin-bottom:26px}
.s-intro{max-width:760px;margin:0 auto;padding:clamp(56px,8vw,110px) var(--gut);text-align:center}
.s-intro h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:18px}
.s-intro p{color:var(--ink-2);font-size:14px;margin:0 0 14px}
.s-tabs{display:flex;justify-content:center;gap:26px;margin:26px 0 30px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.s-tabs a[aria-current],.s-tabs a:hover{color:var(--ink);border-bottom:1px solid var(--ink)}
.s-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff}
.s-split.s-rev .s-split-img{order:2}
.s-split-img{aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.s-split-img img{width:100%;height:100%;object-fit:cover}
.s-split-tx{padding:clamp(32px,6vw,96px)}
.s-split-tx h2{font-size:clamp(24px,2.3vw,32px);margin-bottom:14px}
.s-split-tx p{color:var(--ink-2);font-size:14px;max-width:440px;margin:0 0 24px}
.s-split.s-tint{background:var(--mist)}
.s-row-head{display:flex;justify-content:space-between;align-items:end;padding:clamp(56px,7vw,96px) var(--gut) 22px}
.s-row-head h2{font-size:clamp(22px,2vw,28px)}
.s-quote{background:var(--mist);text-align:center;padding:clamp(60px,9vw,120px) var(--gut)}
.s-quote p{margin:0 0 14px;font-size:12px;color:var(--muted)}
.s-quote blockquote{margin:0 auto;max-width:860px;font-family:var(--head);font-size:clamp(22px,2.6vw,34px);line-height:1.3;color:var(--ink)}
.s-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--gut);padding:clamp(56px,8vw,110px) var(--gut)}
.s-faq h2{font-size:clamp(22px,2vw,28px)}
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;font-size:14px;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:4px;transition:transform .2s;flex:none}
details[open] summary::after{transform:rotate(225deg)}
details p{margin:0 0 18px;color:var(--ink-2);font-size:14px}

/* Collection */
.s-col-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.s-col-hero .s-split-img{aspect-ratio:auto;height:clamp(240px,29vw,420px)}
.s-col-hero-tx{display:flex;flex-direction:column;justify-content:center;padding:var(--gut) clamp(24px,6.5vw,96px)}
.s-crumbs{font-size:11px;color:var(--muted);margin:0 0 14px}
.s-crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.s-crumbs li+li::before{content:"/";margin-right:6px}
.s-crumbs [aria-current]{color:var(--ink)}
.s-col-hero h1{font-size:clamp(26px,2.1vw,30px);margin-bottom:16px}
.s-col-hero .s-tabs{justify-content:flex-start;margin:0;gap:18px;font-size:12px}
.s-toolbar{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 var(--gut);border-bottom:1px solid var(--line);font-size:13px}
.s-tools{display:flex;align-items:center;gap:16px}
.s-view{display:flex;gap:2px;padding-right:16px;border-right:1px solid var(--line)}
.s-view button{width:28px;height:28px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:var(--stone)}
.s-view button[aria-pressed=true]{color:var(--ink)}
.s-view svg{width:14px;height:14px;fill:currentColor}
.s-fbtn{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font-size:13px;padding:8px 0}
.s-fbtn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}
.s-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.s-grid.s-dense{grid-template-columns:repeat(6,1fr)}
.s-grid>*{background:#fff}
.s-tile{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;min-height:100%}
.s-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-tile figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.s-tile.s-right{grid-column:3/span 2}
.s-grid.s-dense .s-tile.s-right{grid-column:auto/span 2}
.s-grid.s-dense .s-tile{grid-column:span 2;grid-row:span 1}
.s-card{position:relative;display:flex;flex-direction:column}
.s-card .s-ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--mist)}
.s-card .s-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.s-card:hover .s-ph img{transform:scale(1.03)}
.s-card .s-alt{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.s-card:hover .s-alt{opacity:1}
.s-wish{position:absolute;z-index:2;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;background:#fff;border:0;cursor:pointer}
.s-wish svg{width:15px;height:15px;stroke:var(--ink);stroke-width:1.5;fill:none}
.s-wish[aria-pressed=true] svg{fill:var(--ink)}
.s-badge{position:absolute;z-index:2;top:10px;left:10px;background:#fff;font-size:11px;padding:4px 8px;color:var(--ink)}
.s-meta{padding:12px 14px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px;color:var(--ink)}
.s-meta h3{font-family:var(--body);font-size:13px;letter-spacing:-.01em}
.s-meta h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.s-price{font-size:12px;font-weight:500}
.s-price s{color:var(--muted);font-weight:400;margin-right:6px}
.s-sw{display:flex;gap:5px;grid-column:1/-1;margin-top:4px}
.s-sw i{width:11px;height:11px;border:1px solid rgba(0,0,0,.18);display:block}
.s-quick{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;opacity:0;transform:translateY(6px);transition:.25s;background:#fff;color:var(--ink);border:0;min-height:38px;font-size:12px;cursor:pointer}
.s-card:hover .s-quick,.s-quick:focus-visible{opacity:1;transform:none}
.s-empty{grid-column:1/-1;padding:80px var(--gut);text-align:center;color:var(--muted)}
.s-empty[hidden]{display:none}
@media (max-width:900px){
  .s-grid,.s-grid.s-dense{grid-template-columns:repeat(2,1fr)}
  .s-tile.s-right{grid-column:auto/span 2}
.s-grid.s-dense .s-tile.s-right{grid-column:auto/span 2}
.s-grid.s-dense .s-tile{grid-column:span 2}
  .s-col-hero{grid-template-columns:1fr}
  .s-col-hero-tx{padding:28px var(--gut)}
  .s-col-hero .s-split-img{height:auto;aspect-ratio:16/10}
  .s-tile{aspect-ratio:1/1.05}
  .s-quick{display:none}
  .s-view{display:none}
}

/* Drawer */
.s-scrim{position:fixed;inset:0;z-index:70;background:rgba(20,14,12,.35);opacity:0;visibility:hidden;transition:.25s}
.s-drawer{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;visibility:hidden}
.s-drawer.s-open{transform:none;visibility:visible}
.s-drawer.s-open+.s-scrim{opacity:1;visibility:visible}
.s-dr-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.s-dr-head h2{font-size:18px}
.s-dr-body{flex:1;overflow:auto;padding:0 24px}
.s-dr-body fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:20px 0}
.s-dr-body legend{font-size:13px;color:var(--ink);padding:0;margin-bottom:12px;font-weight:500}
.s-opts{display:flex;flex-wrap:wrap;gap:8px}
.s-chip{position:relative}
.s-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.s-chip span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--line);font-size:13px}
.s-chip input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.s-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.s-chip i{width:12px;height:12px;border:1px solid rgba(0,0,0,.2);display:block}
.s-dr-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}
.s-sel{width:100%;height:42px;border:1px solid var(--line);background:#fff;padding:0 12px;border-radius:0}

/* Product */
.s-pdp{display:grid;grid-template-columns:1.06fr 1fr}
.s-gal{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.s-gal img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--mist)}
.s-gal img:first-child{grid-column:1/-1}
.s-info{padding:30px clamp(24px,6vw,110px) 60px}
.s-info-in{position:sticky;top:80px;max-width:520px}
.s-info h1{font-size:clamp(26px,2.2vw,30px);margin:0 0 8px}
.s-info .s-price{font-size:15px;margin:0 0 24px}
.s-opt-l{font-size:13px;margin:0 0 10px;color:var(--ink-2)}
.s-opt-l b{color:var(--ink);font-weight:500}
.s-sizes{display:flex;flex-wrap:wrap;gap:0;margin-bottom:24px}
.s-sizes .s-chip span{min-width:56px;justify-content:center;min-height:46px;margin:-1px 0 0 -1px}
.s-colors{display:flex;gap:8px;margin-bottom:24px}
.s-colors .s-chip span{padding:0;width:34px;min-height:34px;justify-content:center}
.s-colors .s-chip i{width:24px;height:24px}
.s-colors .s-chip input:checked+span{background:#fff;border-color:var(--ink)}
.s-buy{display:grid;grid-template-columns:1fr 50px;margin-bottom:14px}
.s-buy .s-wish{position:static;width:50px;height:46px;border:1px solid var(--stone);border-left:0}
.s-buy .s-btn{min-height:46px}
.s-perks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none;font-size:12px;color:var(--muted)}
.s-info details{font-size:14px}
.s-info .s-acc{margin-top:26px}
@media (max-width:900px){.s-pdp{grid-template-columns:1fr}.s-gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.s-gal img{flex:0 0 86%;scroll-snap-align:start}.s-info{padding:24px var(--gut) 48px}}

/* Formgong forms */
.s-fg label{display:block}
.s-field{position:relative;margin-bottom:10px}
.s-field input,.s-field select,.s-field textarea{width:100%;min-height:46px;border:1px solid var(--ink-2);background:#fff;padding:18px 12px 6px;border-radius:0;font-size:14px}
.s-field textarea{min-height:96px;resize:vertical}
.s-field label{position:absolute;left:12px;top:5px;font-size:10px;color:var(--muted);pointer-events:none}
.s-fg .s-btn{width:100%}
.s-fg .s-note{font-size:11px;color:var(--muted);margin:10px 0 0}
.s-fg .s-note a{text-decoration:underline}
.s-fg .s-status{font-size:13px;margin:10px 0 0;min-height:1em}
.s-fg .s-status.s-err{color:#a0281a}
.s-fg .s-ok{display:none}
.s-fg.s-is-sent .s-ok{display:block}
.s-fg.s-is-sent .s-fields{display:none}
.s-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--ink-2);margin:6px 0 12px}
.s-check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ink)}
.s-ask{margin-top:26px;padding:22px;background:var(--mist)}
.s-ask h2{font-size:17px;margin-bottom:6px}
.s-ask>p{font-size:13px;color:var(--ink-2);margin:0 0 16px}
.s-ask .s-field input,.s-ask .s-field select,.s-ask .s-field textarea{border-color:var(--stone)}
.s-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* Newsletter popup-style band + footer */
.s-news{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line)}
.s-news .s-split-img{aspect-ratio:auto;min-height:420px}
.s-news-tx{padding:clamp(32px,6vw,96px);display:flex;flex-direction:column;justify-content:center;max-width:620px}
.s-news-tx h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;margin-bottom:24px}
.s-foot{background:var(--mist);padding:56px var(--gut) 24px;font-size:13px;color:var(--ink-2)}
.s-foot-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:var(--gut)}
.s-foot h2{font-family:var(--body);font-size:13px;font-weight:500;margin-bottom:14px}
.s-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.s-foot a:hover{color:var(--ink);text-decoration:underline}
.s-foot .s-inline{display:grid;grid-template-columns:1fr auto;max-width:380px}
.s-foot .s-inline .s-field{margin:0}
.s-foot .s-inline .s-btn{width:auto;min-height:46px}
.s-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--stone);margin-top:48px;padding-top:20px;font-size:12px}
.s-foot-bottom a{text-decoration:underline}
@media (max-width:900px){
  .s-split,.s-news{grid-template-columns:1fr}
  .s-split.s-rev .s-split-img{order:0}
  .s-news .s-split-img{min-height:0;aspect-ratio:4/3}
  .s-faq{grid-template-columns:1fr}
  .s-foot-grid{grid-template-columns:1fr 1fr}
  .s-foot-grid>:first-child{grid-column:1/-1}
  .s-hero{height:78vh}
}
.s-toast{position:fixed;z-index:90;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;font-size:13px;opacity:0;transition:.25s;pointer-events:none}
.s-toast.s-show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep heads in frame: portrait photos crop from the top, not the middle. */
.s-split-img img,.s-tile img,.s-card .s-ph img,.s-gal img,.s-news .s-split-img img{object-position:50% 12%}
.s-news .s-split-img img{object-position:50% 0}

/* Motion. Without JS (no .js class) or with reduced motion, everything is simply visible. */
:root{--ease:cubic-bezier(.2,.7,.1,1)}
@media (prefers-reduced-motion:no-preference){
  .js .s-intro>*,.js .s-split-tx>*,.js .s-row-head>*,.js .s-quote>*,.js .s-faq>*,.js .s-faq details,.js .s-news-tx>*,.js .s-foot-grid>*,.js .s-card{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
  .js .s-is-in{opacity:1!important;transform:none!important}
  .js .s-split-img:not(.s-col-hero .s-split-img){opacity:0;transition:opacity 1.1s var(--ease)}
  .js .s-split-img:not(.s-col-hero .s-split-img) img,.js .s-tile img{transform:scale(1.1);transition:transform 1.6s var(--ease)}
  .js .s-split-img.s-is-in img,.js .s-tile.s-is-in img{transform:scale(1)}
  .js .s-split-img.s-is-in,.js .s-tile.s-is-in{opacity:1}
  .js .s-card.s-is-in .s-ph img{transition:transform .6s ease}
  .s-hero-tx>*{animation:rise 1s var(--ease) both}
  .s-hero-tx>:nth-child(2){animation-delay:.12s}
  .s-hero-tx>:nth-child(3){animation-delay:.24s}
  .s-hero img{animation:settle 1.8s var(--ease) both}
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}
  .s-btn{transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
  .s-btn:hover{transform:translateY(-1px)}
  .s-nav a{transition:border-color .3s var(--ease)}
}

.s-tile.s-right img{object-position:40% 50%}

/* Shopify additions */
[hidden]{display:none!important}
.s-hdr .s-logo img{display:block;height:auto}
.s-meta .s-price s{margin-right:6px}
.s-pagination{display:flex;justify-content:center;gap:18px;padding:32px var(--gut);font-size:13px}
.s-pagination a,.s-pagination span{padding:6px 8px}
.s-pagination [aria-current]{border-bottom:1px solid var(--ink)}
.s-placeholder{width:100%;height:100%;background:var(--mist);fill:var(--stone)}
.s-buy .s-btn[disabled]{opacity:.55;cursor:not-allowed}
.s-quick-link{display:grid;place-items:center;text-decoration:none}
.s-drawer .s-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s-drawer .s-range input{width:100%;min-height:40px;border:1px solid var(--line);padding:0 10px}
.s-buy{grid-template-columns:1fr}
.s-hero .s-placeholder,.s-tile .s-placeholder{position:absolute;inset:0}
/* No photo yet: a dark ground so the white text stays readable over the placeholder */
.s-hero-empty{background:#3b3431}.s-hero-empty .s-placeholder{opacity:.3}
.s-split-img .s-placeholder,.s-news .s-split-img .s-placeholder{height:100%}
.s-section-contents{display:contents}
.s-logo{text-transform:uppercase}
.s-pay{display:flex;gap:6px}.s-pay-icon{width:34px;height:auto}
.s-local .localization-form{display:flex;gap:10px;align-items:center}
.s-ok-native{font-size:13px}
.s-acc details p:last-child,.s-faq details>:last-child{margin-bottom:18px}
/* The base stylesheet resets every margin (* { margin: 0 }) and gives headings tight lines; Stilla was designed on the
   browser defaults. Inside Stilla's own blocks, put them back with the lowest specificity that still beats the base
   element rules, so every Stilla rule above keeps winning. */
:where([class^="s-"],[class*=" s-"]) h1,:where([class^="s-"],[class*=" s-"]) h2,:where([class^="s-"],[class*=" s-"]) h3{line-height:inherit}
:where([class^="s-"],[class*=" s-"]) p{margin-block:1em}
.s-note p{margin:0}
.s-fg.s-native .s-inline .s-btn{width:auto}
