/* Little Orchard — home-2026.css: hero with a swing tag, age tiles, picks, reassurance, gift/list panels */
.hero{padding-block:var(--s6) var(--sec);background:linear-gradient(180deg,var(--bg) 0,var(--sand) 100%);border-block-end:1px solid var(--line)}
.hero-g{display:grid;gap:var(--s6);align-items:center}
.hero-t h1{margin-block-end:var(--s5);max-inline-size:14ch}
.hero-t .lead{margin-block-end:var(--s6)}
.hero-i .ph picture{aspect-ratio:4/5;background:transparent}
.hero-i .ph img{object-position:50% 45%}
.hero-i figcaption{text-align:center}
@media (max-width:999.98px){.hero-i .ph picture{aspect-ratio:4/3;max-block-size:520px}}
@media (min-width:1000px){.hero{padding-block:var(--s7) var(--sec)}.hero-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}}
/* the swing tag: punched hole, string, stitched edge */
.swing{position:relative;display:inline-flex;align-items:center;margin-block-start:var(--s7);margin-inline-start:var(--s5);padding:var(--s3) var(--s5) var(--s3) var(--s7);background:var(--tag);color:var(--ink);font-weight:700;font-size:1.0625rem;max-inline-size:min(100%,34ch);clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%);transform:rotate(-2deg)}
.swing::before{content:"";position:absolute;inset-inline-start:22px;inset-block-start:50%;inline-size:12px;block-size:12px;margin-block-start:-6px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--ink)}
.swing::after{content:"";position:absolute;inset:5px 5px 5px 18px;border:1.5px dashed #b39a46;pointer-events:none}
.age-note{margin-block-end:var(--s5);padding:var(--s3) var(--s4);background:var(--mint-l);border:1.5px dashed #6f9c84;font-weight:600}
.age-tiles{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--s5)}
.age-tile{position:relative;display:grid;gap:var(--s3);text-decoration:none;color:var(--fg);background:var(--surface);border:1px solid var(--line);padding:var(--s3) var(--s3) var(--s5)}
.age-tile .ph picture{aspect-ratio:4/5}
.age-tag{position:relative;display:inline-flex;align-items:baseline;gap:var(--s2);justify-self:start;margin-block-start:calc(var(--s6) * -1);margin-inline-start:var(--s3);padding:var(--s2) var(--s4) var(--s2) var(--s6);background:var(--tag);color:var(--ink);clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}
.age-tag::before{content:"";position:absolute;inset-inline-start:16px;inset-block-start:50%;inline-size:9px;block-size:9px;margin-block-start:-4.5px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink)}
.age-tag b{font-family:var(--f-display);font-weight:600;font-size:1.375rem;font-variation-settings:"SOFT" 100,"opsz" 30}
.age-tag span{font-size:.9375rem;font-weight:600}
.age-d{padding-inline:var(--s2);color:var(--muted)}
.age-tile:hover{border-color:var(--ink)}
.age-tile:hover .age-tag b{text-decoration:underline;text-underline-offset:.15em}
.age-tile:focus-visible{outline-offset:2px}
#home-age{margin-block-start:var(--s7)}
#home-age h2{margin-block-end:var(--s5)}
.reas-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s5)}
.reas{padding:var(--s5);background:var(--surface);border:1px solid var(--line);outline:2px dashed var(--stitch);outline-offset:-8px}
.reas h3{margin-block-end:var(--s2)}
.reas a{font-weight:600}
.split{display:grid;gap:var(--s5)}
@media (min-width:860px){.split{grid-template-columns:repeat(2,minmax(0,1fr))}}
.panel{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line)}
.panel .ph picture{aspect-ratio:3/2}
.panel-b{display:grid;align-content:start;gap:var(--s3);padding:var(--s5) var(--s5) var(--s6)}
.panel--gift{background:var(--peach-l)}
.panel--list{background:var(--mint-l)}
.panel-b p:last-child{margin-block-start:var(--s2)}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}