@layer components{.mosaic{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(170px,18.5vw,290px);grid-auto-flow:dense;gap:10px;display:grid}.tile{border-radius:var(--radius);isolation:isolate;color:#fff6ec;background:var(--surface);transition:transform .12s var(--ease-out);flex-direction:column;grid-column:span 4;justify-content:space-between;padding:clamp(14px,1.6vw,24px);text-decoration:none;display:flex;position:relative;overflow:hidden}.tile.is-xl{grid-area:span 2/span 8}.tile.is-tall{grid-row:span 2}.tile img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .28s var(--ease-out);position:absolute;inset:0}.tile:after{content:"";z-index:-1;background:linear-gradient(#140e086b 0%,#140e0800 34%,#140e0814 52%,#140e08c7 100%);position:absolute;inset:0}.tile__top{justify-content:space-between;gap:12px;display:flex}.tile__title{font-size:clamp(1.6rem,2.5vw,2.5rem)}.tile.is-xl .tile__title{font-size:clamp(2.4rem,6.4vw,6rem)}.tile.is-xl .tile__title.is-long{font-size:clamp(2rem,4.4vw,4.2rem)}.tile__sub{max-width:40ch;margin-top:8px;font-size:1rem;font-weight:500}.tile.is-tint:after{display:none}.tile.is-olive{background:var(--tint-olive);color:#f6efe2}.tile.is-mustard{background:var(--tint-mustard);color:#1f1b17}.tile.is-rose{background:var(--tint-rose);color:#1f1b17}.tile.is-sage{background:var(--tint-sage);color:#1f1b17}.tile:active{transform:scale(.995)}@media (hover:hover) and (pointer:fine){.tile:hover img{transform:scale(1.035)}}@media (max-width:767px){.mosaic{grid-template-columns:1fr;grid-auto-rows:auto}.tile,.tile.is-xl,.tile.is-tall{aspect-ratio:4/5;grid-area:auto}.tile.is-tint{aspect-ratio:16/10}.tile__title,.tile.is-xl .tile__title,.tile.is-xl .tile__title.is-long{font-size:clamp(2rem,9.5vw,3rem)}}@media (min-width:768px) and (max-width:1099px){.tile{grid-column:span 6}.tile.is-xl{grid-column:span 12}}}
@layer components{.life{--rail:22px;padding-bottom:10vh;position:relative}.life__rail{margin:0;padding:0;list-style:none;position:relative}.life__rail:before{content:"";top:0;bottom:0;left:var(--rail);background:var(--line);width:2px;position:absolute}.life__year{z-index:1;float:right;color:var(--ink);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;margin-top:-1.2em;font-size:clamp(3.4rem,11vw,9rem);position:sticky;top:calc(4rem + 8px)}.life__rider{z-index:2;float:left;margin-left:calc(var(--rail) - 15px);background:var(--accent);width:32px;height:32px;color:var(--on-accent);box-shadow:var(--shadow);border-radius:50%;margin-top:-14px;padding:5px;position:sticky;top:42vh}.life__rider svg{width:100%;height:100%;display:block}.life__now,.life__end{padding:0 0 26px calc(var(--rail) + 24px);color:var(--muted);position:relative}.life__end{padding-top:26px}.life__now:before,.life__end:before{content:"";left:calc(var(--rail) - 5px);background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:4px}.life__end:before{background:var(--ink);top:30px}.life__yearrow{padding:0 0 12px;position:relative}.life__tick{padding-left:calc(var(--rail) + 24px);color:var(--muted);margin-bottom:18px;line-height:1;position:relative}.life__tick:before{content:"";left:calc(var(--rail) - 4px);background:var(--bg);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:1px}.life__yearrow.is-quiet .life__tick{margin-bottom:6px}.life__yearrow.is-quiet .life__tick:before{width:6px;height:6px;left:calc(var(--rail) - 2px);border-width:1.5px;border-color:var(--muted);top:3px}.life__gap{height:62px;color:var(--muted);padding-left:calc(var(--rail) + 24px);align-items:center;display:flex;position:relative}.life__gap:before{content:"";left:var(--rail);background:repeating-linear-gradient(180deg, var(--bg) 0 5px, transparent 5px 10px);width:2px;position:absolute;top:0;bottom:0}.life__gap span{opacity:.7}.life__mile{margin:0 0 16px calc(var(--rail) + 24px);gap:2px;max-width:44ch;font-size:.95rem;font-weight:600;display:grid;position:relative}.life__mile:before{content:"";background:var(--tint-mustard);border-radius:2px;width:10px;height:10px;position:absolute;top:8px;left:-28px;transform:rotate(45deg)}.life__mile.is-study:before{background:var(--tint-sage)}.life__mile.is-life:before{background:var(--tint-rose)}.life__mile .mono{color:var(--muted)}.life__card{margin:0 0 22px calc(var(--rail) + 24px);border-radius:var(--radius);background:var(--surface);max-width:560px;color:var(--ink);isolation:isolate;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);text-decoration:none;display:block;position:relative;overflow:hidden}.life__card:before{content:"";background:var(--line);width:24px;height:2px;position:absolute;top:30px;left:-24px}.life__card img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.life__card-body{gap:8px;padding:16px 18px 20px;display:grid}.life__meta{color:var(--muted)}.life__title{margin:0;font-size:clamp(1.4rem,2.2vw,2rem)}.life__sub{max-width:46ch;margin:0;font-size:.98rem}.life__card.is-tint .life__card-body{min-height:160px;padding-top:28px}.life__card.is-olive{background:var(--tint-olive);color:#f6efe2}.life__card.is-olive .life__meta{color:#f6efe2;opacity:.8}.life__card.is-mustard{background:var(--tint-mustard);color:#1f1b17}.life__card.is-rose{background:var(--tint-rose);color:#1f1b17}.life__card.is-sage{background:var(--tint-sage);color:#1f1b17}.life__card.is-tint .life__meta{color:inherit;opacity:.78}.life__card:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.life__card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}@media (min-width:900px){.life{--rail:50%}.life__rail:before{left:calc(50% - 1px)}.life__rider{margin-left:calc(50% - 16px)}.life__now,.life__end,.life__tick,.life__gap{padding-left:calc(50% + 26px)}.life__now:before,.life__end:before{left:calc(50% - 6px)}.life__tick:before{left:calc(50% - 5px)}.life__yearrow.is-quiet .life__tick:before{left:calc(50% - 3px)}.life__gap:before{left:calc(50% - 1px)}.life__mile{margin-left:calc(50% + 26px)}.life__mile:before{left:-31px}.life__card{width:calc(50% - 40px);max-width:520px}.life__card.is-right{margin-left:calc(50% + 40px)}.life__card.is-right:before{width:40px;left:-40px}.life__card.is-left{margin-left:auto;margin-right:calc(50% + 40px)}.life__card.is-left:before{width:40px;left:auto;right:-40px}.life__year{top:calc(4rem + 12px)}}.home-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:22px;display:flex}.seg{border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--surface);padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-pill);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;padding:0 14px;font-size:.9rem;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}@media (hover:hover) and (pointer:fine){.seg button:not([aria-pressed=true]):hover{color:var(--ink)}}}