@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400..600;1,8..60,400&family=Caveat:wght@500;600&display=swap";:root{--color-bg:#151009;--color-bg-alt:#1e1710;--color-bg-raised:#241b12;--color-text:#f2e7d3;--color-text-dim:#f2e7d3a3;--color-text-faint:#f2e7d366;--color-accent:#cfa065;--color-accent-strong:#e8c088;--color-sanguine:#d97a52;--color-sanguine-soft:#d97a52bf;--color-line:#cfa06566;--color-border:#f2e7d31f;--font-display:"Fraunces", "Iowan Old Style", "Georgia", serif;--font-body:"Source Serif 4", "Iowan Old Style", Georgia, serif;--font-hand:"Caveat", "Bradley Hand", "Segoe Script", cursive;--ease-soft:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}body:after{content:"";z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em;margin:0 0 .5em;font-weight:560;line-height:1.08}h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}h1 em,h2 em{color:var(--color-accent-strong);font-style:italic;font-weight:480}p{margin:0 0 1em}img,video{max-width:100%;display:block}a{color:inherit}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-sanguine);color:var(--color-bg)}.skip-link{z-index:999;background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-accent);transition:top .2s var(--ease-soft);border-radius:2px;padding:.75em 1.2em;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.site-header{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#151009d9,#0000);justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,4vw,2.5rem);display:flex;position:fixed;inset:0 0 auto}.site-header__brand{color:var(--color-text);flex-shrink:0;align-items:center;gap:.65em;text-decoration:none;display:flex}.site-header__mark{border:1px solid var(--color-line);width:2.1em;height:2.1em;color:var(--color-accent);border-radius:2px;place-items:center;display:grid}.site-header__word{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;font-size:1.05rem}.site-header__word em{color:var(--color-accent);font-style:italic;font-weight:480}.btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;transition:background .25s var(--ease-soft), border-color .25s var(--ease-soft), color .25s var(--ease-soft), box-shadow .25s var(--ease-soft), transform .25s var(--ease-soft);border:1px solid #0000;border-radius:0;align-items:center;gap:.5em;padding:.85em 1.6em;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.btn__short{display:none}.btn--primary{background:var(--color-accent);color:#221709;border-color:var(--color-accent);box-shadow:3px 3px #cfa06540}.btn--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);transform:translate(-1px,-1px);box-shadow:4px 4px #cfa0654d}.btn--ghost{border-color:var(--color-line);color:var(--color-text);background:#15100959}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.eyebrow,.cote-tag{font-family:var(--font-hand);letter-spacing:.01em;color:var(--color-sanguine);transform-origin:0 100%;margin:0 0 .5em;font-size:1.3rem;font-weight:600;line-height:1.2;transform:rotate(-1.4deg)}.hero .eyebrow,.phase-panel .cote-tag{text-shadow:0 1px 3px #000000b3,0 0 12px #00000073}.display-xl{font-size:clamp(2.75rem,8vw,6.25rem)}.media-mount{z-index:0;position:absolute;inset:0;overflow:hidden}.scrub-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scrub-media--placeholder{object-fit:cover}.section{position:relative}.section-intro{max-width:46ch}.section-intro h2:after{content:"";background:var(--color-sanguine-soft);width:3.25rem;height:2px;margin-top:.4em;display:block;transform:rotate(-.6deg)}.section-intro p{color:var(--color-text-dim)}.hero__pin{width:100%;height:100svh;position:relative;overflow:hidden}.hero__scrim{z-index:1;background:linear-gradient(#1510098c 0%,#15100959 35%,#151009bf 100%);position:absolute;inset:0}.hero__content{z-index:2;flex-direction:column;justify-content:center;max-width:46rem;height:100%;padding:0 clamp(1.25rem,6vw,6rem);display:flex;position:relative}.hero__content .eyebrow{font-size:clamp(1.3rem,2.2vw,1.6rem)}.hero__baseline{color:var(--color-text-dim);max-width:38ch;margin-bottom:1.75em;font-size:clamp(1rem,1.6vw,1.2rem)}.hero__content .btn{align-self:flex-start}.scroll-cue{z-index:2;font-family:var(--font-hand);color:var(--color-text-faint);flex-direction:column;align-items:center;gap:.3em;font-size:1.05rem;animation:2.2s ease-in-out infinite scroll-cue-bounce;display:flex;position:absolute;bottom:clamp(1.25rem,4vh,2.5rem);left:50%;transform:translate(-50%)}@keyframes scroll-cue-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.sequence__pin{width:100%;height:100svh;position:relative;overflow:hidden}.phase-panel{z-index:2;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-soft);position:absolute;inset:0}.phase-panel.is-active{opacity:1;pointer-events:auto}.phase-panel:before{content:"";z-index:-1;background:linear-gradient(#15100999 0%,#15100926 30%,#1510098c 100%);position:absolute;inset:0}.section-intro--top{position:absolute;top:clamp(5.5rem,12vh,8rem);left:clamp(1.25rem,6vw,6rem);right:clamp(1.25rem,6vw,6rem)}.labels-layer{position:absolute;inset:0}.labels-layer__svg{width:100%;height:100%;position:absolute;inset:0}.label-line,.label-tick{stroke:var(--color-sanguine);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .6s var(--ease-soft), opacity .3s ease}.label-line.is-visible,.label-tick.is-visible{stroke-dashoffset:0;opacity:.9}.piece-label{font-family:var(--font-hand);letter-spacing:.01em;color:#f4c9a8;text-shadow:0 1px 3px #000000d9,0 0 14px #0009;white-space:nowrap;opacity:0;transition:opacity .4s var(--ease-soft);font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;position:absolute;transform:translate(-50%,-50%)rotate(-1.6deg)}.piece-label.is-visible{opacity:1}.pieces-list{flex-direction:column;gap:.4em;font-size:.78rem;display:flex;position:absolute;bottom:clamp(1.5rem,6vh,3rem);left:clamp(1.25rem,6vw,6rem)}.pieces-list li{color:var(--color-text-faint);transition:color .3s var(--ease-soft)}.pieces-list li.is-active{color:var(--color-accent-strong)}.pieces-list__name{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.pieces-list__desc{display:none}.pieces-list li.is-active .pieces-list__desc{color:var(--color-text-dim);display:inline}.pieces-list li.is-active .pieces-list__desc:before{content:" — "}.side-panel{border:1px solid var(--color-border);border-left:2px solid var(--color-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;max-width:26rem;transition:opacity .55s var(--ease-soft), transform .55s var(--ease-soft);background:#1e1710cc;padding:clamp(1.25rem,3vw,2rem);position:absolute;top:50%}.side-panel h2{font-size:clamp(1.5rem,2.4vw,2rem)}.side-panel--left{left:clamp(1.25rem,6vw,5rem);transform:translate(-16px,-50%)}.side-panel--right{border-left:none;border-right:2px solid var(--color-accent);right:clamp(1.25rem,6vw,5rem);transform:translate(16px,-50%)}.side-panel.is-active{opacity:1;transform:translateY(-50%)}.side-panel--feature{border-color:var(--color-accent-strong);background:#241b12e0}.side-panel--feature h2{color:var(--color-accent-strong)}.cotes{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:clamp(1.5rem,4vw,3rem);margin:0;padding-top:1em;display:flex;position:absolute;bottom:clamp(2rem,8vh,4rem);left:clamp(1.25rem,6vw,6rem);right:clamp(1.25rem,6vw,6rem)}.cote{opacity:0;transition:opacity .5s var(--ease-soft)}.cote.is-visible{opacity:1}.cote dt{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.3em;font-size:.72rem;font-weight:600}.cote dd{font-family:var(--font-display);color:var(--color-accent-strong);margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600}.workshop,.showcase{padding:clamp(4rem,10vh,7rem) clamp(1.25rem,6vw,6rem)}.workshop__grid,.showcase__grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.75rem);margin-top:2.5rem;display:grid}.workshop__clip{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:2px;margin:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000059}.workshop__clip figcaption{z-index:1;font-family:var(--font-hand);color:var(--color-text);background:#15100999;border-radius:2px;padding:.1em .55em;font-size:1.15rem;font-weight:500;position:absolute;bottom:.7em;left:.8em;transform:rotate(-1deg)}.workshop__media,.showcase__media{object-fit:cover;width:100%;height:100%}.workshop__media--placeholder,.showcase__media--placeholder{text-align:center;background:linear-gradient(155deg, var(--color-bg-alt), var(--color-bg-raised));color:var(--color-text-faint);font-family:var(--font-hand);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.showcase__item{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:2px;position:relative;overflow:hidden;transform:rotate(.5deg);box-shadow:0 12px 28px #00000059}.showcase__item:nth-child(2n){transform:rotate(-.5deg)}.showcase__media{transition:transform .6s var(--ease-soft)}.showcase__item:hover .showcase__media{transform:scale(1.04)}.showcase__item span{z-index:1;font-family:var(--font-hand);color:var(--color-text);background:#15100999;border-radius:2px;padding:.1em .55em;font-size:1.1rem;font-weight:500;position:absolute;bottom:.7em;left:.8em;transform:rotate(-1deg)}.contact{justify-content:center;padding:clamp(4rem,12vh,8rem) clamp(1.25rem,6vw,6rem);display:flex}.contact__box{text-align:center;border:1px solid var(--color-line);outline:1px solid var(--color-border);outline-offset:6px;background:var(--color-bg-alt);max-width:34rem;padding:clamp(2rem,5vw,3.5rem)}.contact__box .cote-tag{transform-origin:50%;transform:rotate(-1.4deg)}.contact__box p{color:var(--color-text-dim)}.contact__meta{letter-spacing:.04em;color:var(--color-text-faint);margin-top:1.75em;font-size:.8rem}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-faint);flex-wrap:wrap;justify-content:space-between;gap:.5em;padding:1.5rem clamp(1.25rem,6vw,6rem) 2.5rem;font-size:.78rem;display:flex}@media (width<=900px){.site-header__word{font-size:.95rem}.hero__content{max-width:100%}.section-intro--top{top:clamp(4.5rem,10vh,6.5rem)}.side-panel{max-width:none;top:auto;bottom:5.5rem;transform:translateY(16px);left:1rem!important;right:1rem!important}.side-panel.is-active{transform:translateY(0)}.side-panel--right{border-left:2px solid var(--color-accent-strong);border-right:none}.labels-layer{display:none}.pieces-list{flex-flow:wrap;gap:.4em;font-size:.68rem;bottom:1.1rem;left:1rem;right:1rem}.pieces-list li{border:1px solid var(--color-border);background:#151009b3;border-radius:2px;padding:.3em .6em}.pieces-list li.is-active .pieces-list__desc{display:none}.cotes{flex-direction:column;gap:.9rem;bottom:1.5rem}.cote dd{font-size:1.5rem}.workshop__grid{grid-template-columns:1fr}.workshop__clip{aspect-ratio:16/10}.showcase__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.display-xl{font-size:clamp(2.4rem,12vw,3.5rem)}.site-header{padding-inline:1rem}.site-header__word{font-size:.88rem}.site-header .btn{padding:.7em 1em;font-size:.72rem}.site-header .btn__long{display:none}.site-header .btn__short{display:inline}.showcase__grid{grid-template-columns:1fr}.contact__box{outline-offset:4px}.site-footer{flex-direction:column;gap:.25em}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}.side-panel,.side-panel.is-active{transition:opacity .3s linear;transform:translateY(-50%)!important}.side-panel--left,.side-panel--right{transform:translateY(-50%)!important}.label-line,.label-tick{transition:opacity .2s linear;stroke-dashoffset:0!important}.piece-label{transition:opacity .2s linear}.phase-panel{transition:opacity .3s linear}.showcase__item:hover .showcase__media{transform:none}}@media (width<=900px) and (prefers-reduced-motion:reduce){.side-panel,.side-panel.is-active{transform:translateY(0)!important}}