:root{--void:#090705;--mist:#50402e;--shadow:#0d0a07;--veil:#0e0c08;--dusk:#100d09;--ash:#19140e;--dune:#221b13;--seam:#2a2118;--silt:#2e251b;--stone:#483a2a;--ember:#8c6268;--warm-text:#8d7152;--warm-dim:#6e5840;--fade:3.6s;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--warm-text);background-color:var(--void);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-weight:300}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--void)}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}.view{opacity:1;transition:opacity .9s var(--ease)}.view-out{opacity:0;transition:opacity .9s var(--ease)}.view-in{opacity:1;transition:opacity 1.6s ease-in-out}.landing{isolation:isolate;background:var(--void);min-height:100vh;position:relative}.landing:before{content:"";z-index:-1;opacity:0;background:radial-gradient(120% 95% at 24% 10%,#221a12 0%,#0000 52%);animation:5.2s linear 1s forwards fade-in;position:absolute;inset:0}.rail{opacity:0;animation:fade-in var(--fade) var(--ease) 2s forwards;transition:opacity .7s var(--ease);z-index:10;flex-direction:row;justify-content:flex-end;gap:1.75rem;padding:1.5rem 5vw 1.5rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.rail.entered,.landing.static:before{opacity:1;animation:none}.landing.static .hero-copy{opacity:1;animation:none;transform:none}.landing.static .card{opacity:1;animation:none}.rail-icon{color:var(--mist);transition:color .6s var(--ease)}.rail-icon svg{width:33px;height:33px;display:block}.rail-icon:hover{color:var(--ember)}.hero{justify-content:center;align-items:flex-start;min-height:80vh;padding:20vh 2rem 2rem;display:flex}.hero-copy{text-align:left;opacity:0;max-width:78rem;animation:rise 5.2s var(--ease) 1s forwards;flex-direction:column;gap:1.85rem;display:flex;transform:translateY(140px)}.hero-copy p{color:var(--warm-text);letter-spacing:.01em;margin:0;font-size:clamp(1.0625rem,.9rem + 1vw,1.75rem);line-height:1.85}.lead{text-align:justify}.hero-lower{flex-direction:row;align-items:flex-start;gap:3.5rem;display:flex}.hero-text{flex-direction:column;flex:1 1 0;gap:1.85rem;display:flex}.hero-photo{aspect-ratio:3/4;background:var(--dusk);opacity:.3;border-radius:6px;flex:none;width:20rem;overflow:hidden;transform:translateY(-4.5rem)}.hero-photo img{object-fit:cover;object-position:8% 40%;width:100%;height:100%;transform:scale(1.2)}.cards{grid-template-columns:repeat(4,minmax(0,19rem));justify-content:center;align-items:stretch;padding:3rem 2rem 12rem;display:grid}.card{text-align:left;transition:transform .7s var(--ease);opacity:0;animation:fade-in 1.6s var(--ease) forwards;flex-direction:column;padding:1.5rem 3.25rem;display:flex}.card:first-child{animation-delay:2.6s}.card:nth-child(2){animation-delay:2.72s}.card:nth-child(3){animation-delay:2.84s}.card:nth-child(4){animation-delay:2.96s}.card:not(:nth-child(4n+1)){border-left:1px solid var(--seam)}.card-index{letter-spacing:.34em;color:var(--silt);transform-origin:0;transition:transform .7s var(--ease);align-self:flex-start;margin-bottom:3rem;font-size:.72rem;font-weight:400;display:inline-block}.card:hover .card-index{transform:scale(1.18)}.card h2{letter-spacing:.01em;color:var(--warm-text);transition:color .7s var(--ease);margin:0;padding-bottom:1rem;font-size:2rem;font-weight:300;position:relative}.card h2:after{content:"";background:var(--seam);width:1.5rem;height:1px;transition:width .7s var(--ease), background .7s var(--ease);position:absolute;bottom:0;left:0}.card p{color:var(--warm-dim);margin:1.6rem 0 0;font-size:1rem;line-height:1.7}.card:hover{transform:translateY(-6px)}.card:hover h2{color:var(--ember)}.card:hover h2:after{background:var(--ember);width:3.5rem}.hero-copy .name{color:var(--ember)}@keyframes fade-in{to{opacity:1}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (width<=48rem){.hero{padding:10vh 2rem 2rem}.hero-photo{display:none}.rail.entered.scrolled{opacity:0;pointer-events:none}}@media (width<=60rem){.cards{grid-template-columns:repeat(2,minmax(0,19rem))}.cards .card{border-left:0}.card:nth-child(2n){border-left:1px solid var(--seam)}}@media (width<=34rem){.cards{grid-template-columns:minmax(0,19rem)}.cards .card{border-top:0;border-left:0}.card:not(:first-child){border-top:1px solid var(--seam)}}@media (prefers-reduced-motion:reduce){.rail,.hero-copy,.card,.landing:before{animation-duration:1ms;animation-delay:0s}}.teach-koan{background:var(--void);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.teach-koan-line{white-space:nowrap;letter-spacing:.015em;text-align:center;color:var(--warm-text);opacity:1;margin:0;font-size:clamp(1.35rem,1rem + 1.7vw,2.05rem);font-style:italic;font-weight:300;line-height:1.6;transition:opacity 1.5s ease-in-out}.teach-koan-line.is-out{opacity:0}.teach-content-in{opacity:0;animation:1.6s ease-in-out forwards teach-in}@keyframes teach-in{to{opacity:1}}.teaching{background:var(--void);max-width:46rem;min-height:100vh;margin:0 auto;padding:8rem 6vw 10rem}@media (prefers-reduced-motion:reduce){.teach-koan-line{transition-duration:1ms}.teach-content-in{animation-duration:1ms}}.teaching-back{color:var(--mist);transition:color .6s var(--ease);z-index:10;font-size:1.4rem;position:fixed;top:2rem;left:2rem}.teaching-back:hover{color:var(--ember)}.teach-block{margin-bottom:5rem}.teach-block:last-child{margin-bottom:0}.teach-heading{letter-spacing:.18em;text-transform:uppercase;color:var(--warm-dim);margin:0 0 2rem;font-size:.82rem;font-weight:300}.teach-list{margin:0;padding:0;list-style:none}.teach-item{border-top:1px solid var(--seam)}.teach-item:last-child{border-bottom:1px solid var(--seam)}.teach-item-btn{text-align:left;width:100%;color:inherit;transition:transform .8s var(--ease);background:0 0;border:0;padding:1.75rem 0}.teach-item-btn:hover{transform:translate(12px)}.teach-item-head{justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.teach-item-head h3{color:var(--warm-text);transition:color .8s var(--ease);margin:0;font-size:1.5rem;font-weight:300}.teach-item-btn:hover h3{color:var(--ember)}.teach-price{color:var(--warm-text);flex:none;font-size:1rem}.teach-item-btn p{max-width:34rem;color:var(--warm-dim);margin:.9rem 0 0;font-size:1rem;line-height:1.7}.tmodal-scrim{z-index:50;opacity:0;background:#050403bd;justify-content:center;align-items:center;padding:2.5rem;transition:opacity .9s ease-in-out;display:flex;position:fixed;inset:0}.tmodal-scrim.is-open{opacity:1}.tmodal{background:var(--shadow);opacity:0;border-radius:4px;width:min(64rem,92vw);height:min(82vh,42rem);transition:opacity .9s ease-in-out,transform .9s ease-in-out;display:flex;position:relative;overflow:hidden;transform:translateY(14px)}.tmodal.is-open{opacity:1;transform:translateY(0)}.tmodal-close{z-index:2;color:var(--mist);cursor:pointer;transition:color .5s var(--ease);background:0 0;border:0;padding:.25rem .5rem;font-size:1.8rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.tmodal-close:hover{color:var(--ember)}.tmodal-photo{background:var(--dusk);flex:50%}.tmodal-photo img{object-fit:cover;width:100%;height:100%}.tmodal-body{flex-direction:column;flex:50%;padding:3rem 2.75rem;display:flex;overflow-y:auto}.tmodal-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--warm-dim);margin:0 0 .75rem;font-size:.78rem}.tmodal-body h2{color:var(--warm-text);margin:0;font-size:2rem;font-weight:300}.tmodal-detail{color:var(--warm-dim);margin:1.5rem 0 0;font-size:1.05rem;line-height:1.75}.tmodal-action{align-items:center;gap:1.25rem;margin-top:auto;padding-top:2.5rem;display:flex}.tmodal-price{color:var(--warm-text);font-size:1.15rem}.tmodal-add{border:1px solid var(--seam);width:2.75rem;height:2.75rem;color:var(--warm-text);cursor:pointer;transition:border-color .5s var(--ease), color .5s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:300;line-height:1;display:flex}.tmodal-add:hover{border-color:var(--ember);color:var(--ember)}.tmodal-inquire{letter-spacing:.04em;color:var(--warm-dim);border-bottom:1px solid var(--seam);transition:color .5s var(--ease), border-color .5s var(--ease);padding-bottom:2px;font-size:1rem}.tmodal-inquire:hover{color:var(--ember);border-color:var(--ember)}@media (width<=48rem){.tmodal{flex-direction:column;height:min(86vh,48rem)}.tmodal-photo{flex:0 0 40%}.tmodal-body{flex:auto;padding:2rem 1.75rem}}@media (prefers-reduced-motion:reduce){.tmodal-scrim,.tmodal{transition-duration:1ms}}@media (width<=34rem){.teaching{padding:7rem 8vw 8rem}.teach-item-head h3{font-size:1.3rem}}.flutes{background:var(--void);min-height:100vh;padding:8rem 6vw 10rem}.flutes-back{color:var(--mist);transition:color .6s var(--ease);z-index:10;font-size:1.4rem;position:fixed;top:2rem;left:2rem}.flutes-back:hover{color:var(--ember)}.flute-grid{grid-template-columns:repeat(3,1fr);gap:4rem 3.5rem;max-width:72rem;margin:0 auto;padding:0;list-style:none;display:grid}.flute-card{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.flute-thumb{transition:transform .7s var(--ease);border-radius:2px;display:block;position:relative;overflow:hidden}.flute-card:hover .flute-thumb{transform:translateY(-4px)}.flute-card img{aspect-ratio:1;object-fit:cover;filter:saturate(.92)brightness(.94);width:100%;transition:filter .7s var(--ease);display:block}.flute-card:hover img{filter:saturate()brightness()}.flute-bar{text-align:right;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#08060480,#080604c7);flex-direction:column;align-items:flex-end;gap:.15rem;padding:.7rem .9rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.flute-name{color:var(--warm-text);letter-spacing:.01em;font-size:.95rem}.flute-price{color:var(--warm-dim);font-size:.82rem}.modal-scrim{z-index:50;opacity:0;background:#050403b8;justify-content:center;align-items:center;padding:2rem;transition:opacity .9s ease-in-out;display:flex;position:fixed;inset:0}.modal-scrim.is-open{opacity:1}.modal{background:var(--shadow);opacity:0;border-radius:4px;width:100%;max-width:26rem;transition:opacity .9s ease-in-out,transform .9s ease-in-out;position:relative;overflow:hidden;transform:translateY(14px)}.modal.is-open{opacity:1;transform:translateY(0)}.modal-close{z-index:1;color:var(--mist);cursor:pointer;transition:color .5s var(--ease);background:0 0;border:0;padding:.25rem .5rem;font-size:1.6rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.modal-close:hover{color:var(--ember)}.carousel{width:100%;position:relative}.carousel-stage{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.carousel-slide{opacity:0;transition:opacity .5s ease-in-out;position:absolute;inset:0}.carousel-slide.active{opacity:1}.carousel-slide img,.carousel-slide video,.carousel-slide iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.carousel-prev,.carousel-next{z-index:2;color:var(--warm-text);cursor:pointer;opacity:.9;background:0 0;border:0;padding:.5rem .65rem;font-size:2.2rem;line-height:1;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-prev:hover,.carousel-next:hover{opacity:1}.carousel-prev{left:0}.carousel-next{right:0}.carousel-dots{pointer-events:none;justify-content:center;gap:.45rem;display:flex;position:absolute;bottom:.65rem;left:0;right:0}.carousel-dot{background:var(--warm-text);opacity:.3;cursor:pointer;pointer-events:all;border:0;border-radius:50%;width:.38rem;height:.38rem;padding:0;transition:opacity .3s}.carousel-dot.active{opacity:1}.carousel-slide:has(video){cursor:pointer}.video-play-btn{background:#00000038;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-btn svg{width:3.5rem;height:3.5rem;color:var(--warm-text);opacity:.88;filter:drop-shadow(0 2px 10px #0000008c)}.modal-detail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0a07d1;margin-top:-3.5rem;padding:1.75rem 1.75rem 2rem;position:relative}.modal-type{letter-spacing:.14em;text-transform:uppercase;color:var(--warm-dim);margin:0 0 .5rem;font-size:.78rem}.modal-line{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.modal-line h2{color:var(--warm-text);margin:0;font-size:1.5rem;font-weight:300}.modal-price{color:var(--warm-text);flex:none;font-size:1rem}.modal-blurb{color:var(--warm-dim);margin:1rem 0 1.75rem;font-size:.95rem;line-height:1.7}.modal-actions{align-items:center;gap:.85rem;display:flex}.modal-add,.modal-play{border:1px solid var(--seam);width:2.75rem;height:2.75rem;color:var(--warm-text);cursor:pointer;transition:border-color .5s var(--ease), color .5s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-add{font-size:1.5rem;font-weight:300;line-height:1}.modal-play svg{width:.95rem;height:.95rem}.modal-add:hover,.modal-play:hover{border-color:var(--ember);color:var(--ember)}.modal-play.playing{border-color:var(--warm-dim);color:var(--warm-dim)}.modal-play.playing:hover{border-color:var(--ember);color:var(--ember)}.modal-play:disabled{opacity:.25;cursor:default;pointer-events:none}@media (width<=60rem){.flute-grid{grid-template-columns:repeat(2,1fr);gap:3rem 2.5rem}}@media (width<=34rem){.flutes{padding:7rem 8vw 8rem}.flute-grid{grid-template-columns:1fr;gap:2.5rem;max-width:22rem}}@media (prefers-reduced-motion:reduce){.modal-scrim,.modal{transition-duration:1ms}}.stub{background:var(--void);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.stub h1{letter-spacing:.06em;color:var(--warm-text);font-size:2.2rem;font-weight:400}.stub-back{color:var(--mist);transition:color .6s var(--ease);font-size:1.4rem;position:fixed;top:2rem;left:2rem}.stub-back:hover{color:var(--ember)}