.story-page{--story-header:4.5rem;--story-gutter:clamp(1.5rem, 6vw, 7rem);--story-light:#f2eee7}@media (min-width:960px){.story-page{--story-header:4.75rem}}.site-shell:has(.story-page) .site-footer{margin-block-start:0}.story-scene{background:var(--color-walnut);scroll-margin-top:var(--story-header);position:relative}.story-anchor{scroll-margin-top:var(--story-header);position:absolute;top:0}.story-scene__frame{color:var(--story-light);isolation:isolate;min-height:calc(100dvh - var(--story-header));padding:3rem var(--story-gutter) clamp(3rem, 8dvh, 6rem);align-items:end;display:grid;position:relative}.story-scene__frame:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#100f0cb8,#100f0c99 6rem,#0000);height:15rem;position:absolute;inset:0 0 auto}.story-scene__photo{background:var(--color-walnut);z-index:-2;position:absolute;inset:0;overflow:hidden}.story-scene__image{object-fit:cover}.story-scene__shade{z-index:-1;background:linear-gradient(90deg,#100f0cd1,#100f0c73 45%,#100f0c14 80%),linear-gradient(#0000 10%,#100f0c99);position:absolute;inset:0}.story-scene--right .story-scene__shade{background:linear-gradient(270deg,#100f0cd9,#100f0c7a 45%,#100f0c14 80%),linear-gradient(#0000 10%,#100f0c80)}.story-scene__label{left:var(--story-gutter);letter-spacing:.17em;text-transform:uppercase;font-size:.7rem;font-weight:500;position:absolute;top:2.5rem}.story-scene__copy{max-width:39rem}.story-scene--right .story-scene__copy{justify-self:end}.story-scene__title{color:var(--story-light);letter-spacing:-.04em;overflow-wrap:normal;text-wrap:balance;max-width:12ch;font-size:clamp(3.25rem,6.2vw,6.5rem);line-height:1.08}.story-scene--opening .story-scene__title{max-width:10ch;font-size:clamp(3.5rem,7.3vw,7.5rem)}.story-scene__lead{max-width:31ch;margin-top:1.8rem;font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1.55}.story-scene__body{color:#e8e3dc;max-width:44ch;margin-top:1.25rem;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.85}.story-scene__ending{color:var(--story-light);letter-spacing:.025em;margin-top:2.25rem;font-size:.8rem;line-height:1.7}.story-scene__collection{white-space:nowrap;border-bottom:1px solid #baada1;align-items:center;gap:2rem;min-height:44px;margin-top:2rem;padding-bottom:.35rem;font-size:.82rem;display:inline-flex}.story-scene__collection span{font-size:1.3rem;transition:transform .22s}.story-scene__collection:hover span{transform:translate(3px,-3px)}.story-scene__collection:active{transform:translateY(1px)}.story-scene__collection:focus-visible{outline-color:var(--story-light)}.story-scene--closing .story-scene__image{opacity:.35}.story-scene--closing .story-scene__shade{background:linear-gradient(90deg,#13100cb3,#13100c1f)}@supports (animation-timeline:view()){@media (min-width:768px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.story-scene{view-timeline-axis:block;view-timeline-inset:var(--story-header) 0px;view-timeline-name:--story-scene;min-height:220dvh}.story-scene--opening{min-height:175dvh}.story-scene--closing{min-height:185dvh}#story-philosophy,#story-form,#story-ritual{min-height:200dvh}#story-craft{min-height:240dvh}.story-scene__frame{height:calc(100dvh - var(--story-header));min-height:0;top:var(--story-header);position:sticky}.story-scene__image{animation:linear both story-scene-image;animation-timeline:--story-scene;animation-range:contain}.story-page[data-reveal-ready] .story-scene__copy{opacity:0;transform:translateY(24px)}.story-page[data-reveal-ready] .story-scene[data-revealed] .story-scene__copy{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.story-page[data-reveal-ready] .story-scene[data-revealed=true] .story-scene__copy{opacity:1;transform:none}.story-page[data-reveal-ready] .story-scene__shade{opacity:.12;transition:opacity .9s}.story-page[data-reveal-ready] .story-scene[data-revealed=true] .story-scene__shade{opacity:1}.story-page[data-reveal-ready] .story-scene__frame:has(:focus-visible) .story-scene__shade{opacity:1}.story-page[data-reveal-ready] .story-scene__frame:has(:focus-visible) .story-scene__copy{opacity:1;transform:none}}}@keyframes story-scene-image{0%{transform:scale(1.06)}to{transform:scale(1)}}@media (max-width:767px),(max-height:599px){.story-scene{background:var(--color-paper)}.story-scene__frame{color:var(--color-ink);flex-direction:column;min-height:0;padding:0;display:flex}.story-scene__photo{z-index:auto;flex:none;width:100%;height:72dvh;position:relative;inset:auto}.story-scene__shade{display:none}.story-scene__label{color:var(--story-light);background:#181510cc;padding:.35rem .6rem;font-size:.65rem;top:1.5rem;left:1.25rem}.story-scene__copy,.story-scene--right .story-scene__copy{max-width:none;padding:2.5rem var(--story-gutter) 3.5rem;align-self:stretch}.story-scene__title,.story-scene--opening .story-scene__title{color:var(--color-ink);max-width:13ch;font-size:clamp(2.8rem,10.5vw,4.5rem)}.story-scene__lead{max-width:34ch;margin-top:1.5rem;font-size:1.12rem}.story-scene__body{color:var(--color-neutral);max-width:48ch;font-size:.95rem}.story-scene__ending{color:var(--color-neutral);margin-top:1.75rem}.story-scene--closing{background:var(--color-walnut)}.story-scene--closing .story-scene__image{opacity:.8}.story-scene--closing .story-scene__copy,.story-scene--closing .story-scene__title{color:var(--story-light)}.story-scene--closing .story-scene__body{color:#e8e3dc}}@media (max-height:599px){.story-scene__photo{height:85dvh}}@media (prefers-reduced-motion:reduce){.story-page *,.story-page :after{transition:none!important;animation:none!important}}