@layer components{[data-template=custom-sage] .btn{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;font-size:.9375rem;font-weight:600}.sage-header .btn{white-space:nowrap}[data-template=custom-sage] main h1.heading{color:var(--t-primary-ink)}[data-template=custom-sage] .eyebrow{color:var(--t-accent-ink);letter-spacing:.24em}.sage-tint{--t-muted:color-mix(in srgb, var(--t-text) 78%, var(--t-bg));--t-border:color-mix(in srgb, var(--t-primary) 40%, var(--t-bg));background:color-mix(in srgb, var(--t-primary) 19%, var(--t-bg))}.sage-card{--t-border:color-mix(in srgb, var(--t-text) 12%, var(--t-bg))}.sage-nav a{white-space:nowrap;color:var(--t-primary-ink);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(var(--t-accent), var(--t-accent)) left bottom / 0 1px no-repeat;padding-block:.25rem;font-size:.8125rem;font-weight:300;transition:background-size .3s,color .2s}.sage-nav a:hover{background-size:100% 1px}.sage-pill .lucide-arrow-right{transition:transform .25s}.sage-pill:hover .lucide-arrow-right{transform:translate(3px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.sage-drift{animation:linear both sage-drift;animation-timeline:view();animation-range:cover}.sage-float{animation:linear both sage-float;animation-timeline:view();animation-range:cover}.sage-divider>:nth-child(odd),.sage-draw{animation:ease-out both sage-draw;animation-timeline:view();animation-range:entry 40% cover 35%}.sage-divider>:first-child{transform-origin:100%}.sage-divider>:nth-child(3),.sage-draw{transform-origin:0}.sage-divider>:nth-child(2){animation:ease-out both sage-turn;animation-timeline:view();animation-range:entry 40% cover 35%}.sage-zoom{animation:ease-out both sage-zoom;animation-timeline:view();animation-range:entry cover 40%}.sage-header{animation:linear both sage-lift;animation-timeline:scroll(root);animation-range:0 6rem}}}@media (prefers-reduced-motion:no-preference){[data-template=custom-sage] dialog :is(img,video){animation:.35s ease-out both sage-show}}}@keyframes sage-drift{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}@keyframes sage-float{0%{transform:translateY(1rem)}to{transform:translateY(-1rem)}}@keyframes sage-draw{0%{transform:scaleX(0)}}@keyframes sage-turn{0%{transform:rotate(-90deg)scale(0)}}@keyframes sage-zoom{0%{transform:scale(1.08)}}@keyframes sage-lift{to{box-shadow:0 14px 32px -26px color-mix(in srgb, var(--t-text) 70%, transparent)}}@keyframes sage-show{0%{opacity:0;transform:scale(.97)}}
@layer components{[data-template=custom-starter] .eyebrow{color:var(--t-accent-ink);letter-spacing:.3em}[data-template=custom-starter] .btn{text-transform:uppercase;letter-spacing:.12em;font-size:.8125rem}.starter-ornament{background:var(--t-accent);width:3rem;height:1px;display:block}.starter-page{isolation:isolate;position:relative}.starter-page-band{z-index:-1;background:linear-gradient(var(--t-surface), var(--t-bg));height:16rem;position:absolute;inset:0 0 auto}}
