:root{color-scheme:dark;--night:#1b1018;--glass:#3d2238;--paper:#f8e4ee;--ink:#2a1424;--lamp:#f45a8d;--signal:#b57cff;--font-display:"Fraunces", "Times New Roman", serif;--font-body:"Literata", "Georgia", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--step-display:clamp(2.4rem, 6vw, 4.25rem);--step-title:clamp(1.55rem, 3vw, 2.4rem);--step-body:1rem;--step-meta:.8125rem;--wrap:min(72rem, calc(100% - 2rem));--ease:cubic-bezier(.22, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);min-height:100vh;color:var(--paper);font-family:var(--font-body);font-size:var(--step-body);font-optical-sizing:auto;margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}.skip{z-index:20;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--step-meta);padding:.55rem .8rem;text-decoration:none;position:absolute;top:-4rem;left:.75rem}.skip:focus{top:.75rem}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.page{isolation:isolate;min-height:100vh;position:relative}.glass-art,.bloom-art{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.glass-art{opacity:.7}.bloom-art{opacity:.62;mix-blend-mode:soft-light}.page:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--night) 16%, transparent), color-mix(in srgb, var(--night) 48%, transparent));position:fixed;inset:0}.site-header{z-index:8;background:color-mix(in srgb, var(--night) 72%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--paper) 8%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex;position:sticky;top:0}.brand{transition:transform .35s var(--ease);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand:hover,.brand:focus-visible{transform:translateY(-2px)rotate(-1.2deg)}.brand-mark{flex-shrink:0;width:2rem;height:auto}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-style:italic;font-weight:500}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem 1.15rem;display:flex}.nav-link{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em;transition:transform .32s var(--ease);padding:.2rem 0;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--signal);width:0;height:1.5px;transition:width .32s var(--ease), left .32s var(--ease);position:absolute;bottom:-.2rem;left:50%}.nav-link:hover,.nav-link:focus-visible{transform:translateY(-1px)}.nav-link:hover:after,.nav-link:focus-visible:after{width:100%;left:0}.btn.header-cta{background:var(--lamp);min-height:2.35rem;color:var(--ink);padding-inline:.9rem;font-size:.75rem;display:inline-flex}.btn.header-cta:before{background:var(--paper)}.btn.header-cta:hover,.btn.header-cta:focus-visible{color:var(--night)}main{z-index:1;position:relative}.studio{width:var(--wrap);margin-inline:auto;padding:1.6rem 0 3.5rem}.eyebrow{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.08em;color:color-mix(in srgb, var(--paper) 56%, var(--signal));margin:0 0 .55rem}.thesis{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--step-display);letter-spacing:-.03em;font-variation-settings:"opsz" 72;margin:0 0 .45rem;line-height:1.05}.thesis--tight{font-size:var(--step-title);font-variation-settings:"opsz" 44}.lead,.copy{margin:0}.lead{max-width:32rem;font-size:1.125rem}.studio .morph-cta{margin:1.1rem 0 1.6rem}.board{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}.stage{background:var(--night);min-height:22rem;box-shadow:0 22px 48px color-mix(in srgb, var(--night) 42%, transparent);border-radius:1.35rem;position:relative;overflow:hidden}.stage-room{object-fit:cover;width:100%;height:100%;min-height:22rem}.stage-card{transform-origin:bottom;width:min(42%,13.5rem);transition:transform .5s var(--ease);position:absolute;bottom:18%;left:6%}.stage.is-live .stage-card{transform:translateY(-10px)rotate(-1.6deg)}.stage-look{opacity:0;width:100%;height:auto;transition:opacity .45s var(--ease), transform .45s var(--ease);box-shadow:0 16px 32px color-mix(in srgb, var(--night) 40%, transparent);border-radius:1rem;position:absolute;inset:0;transform:scale(.92)translateY(12px)}.stage-look.is-on{opacity:1;position:relative;transform:none}.stage-meta{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--night) 88%, transparent));padding:1.6rem 1.1rem 1rem;position:absolute;bottom:0;left:0;right:0}.stage-name{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem);font-style:italic}.stage-state{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em;color:color-mix(in srgb, var(--paper) 70%, var(--signal));margin:.2rem 0 0}.stage.is-live .stage-state{color:var(--signal)}.dock{background:color-mix(in srgb, var(--paper) 96%, white);color:var(--ink);box-shadow:0 22px 48px color-mix(in srgb, var(--night) 35%, transparent);border-radius:1.35rem;padding:1.15rem 1.15rem 1.25rem}.dock-kicker,.field-label{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em;margin:0}.dock-kicker{margin-bottom:.75rem}.looks{border:0;margin:.85rem 0 0;padding:0}.create,.composer{flex-direction:column;gap:.5rem;display:flex}.field{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:color-mix(in srgb, var(--paper) 88%, white);width:100%;color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);border-radius:.9rem;padding:.75rem .9rem}.field--area{resize:vertical;min-height:4.5rem;line-height:1.5}.field:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.form-msg{min-height:1.2em;font-family:var(--font-mono);font-size:var(--step-meta);margin:0}.form-msg.is-error{color:color-mix(in srgb, var(--ink) 80%, #8a3030)}.form-msg .mail{color:var(--ink)}.cast{width:var(--wrap);margin-inline:auto;padding:0 0 3.2rem}.cast-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.15rem;display:grid}.pane-grid{grid-template-columns:1fr 1fr 1fr;gap:.45rem;margin-top:.45rem;display:grid}.pane{background:var(--night);color:var(--paper);cursor:pointer;transform-origin:bottom;transition:transform .4s var(--ease), box-shadow .4s var(--ease), filter .4s var(--ease);filter:saturate(.94)brightness(.92);border:0;border-radius:1.05rem;padding:0;overflow:hidden}.pane img{width:100%;height:auto;display:block}.pane-name{font-family:var(--font-mono);letter-spacing:.05em;text-align:left;background:color-mix(in srgb, var(--night) 88%, var(--glass));padding:.45rem .5rem .55rem;font-size:.68rem;display:block}.pane:hover,.pane:focus-visible{filter:saturate()brightness();box-shadow:0 0 0 2px var(--lamp);transform:translateY(-6px)rotate(-1.3deg)}.pane.is-on{filter:none;box-shadow:0 0 0 2px var(--signal);transform:translateY(-5px)}.live-to{margin:0 0 .65rem}.live-log{flex-direction:column;gap:.45rem;min-height:12rem;max-height:18rem;padding:.2rem 0 .6rem;display:flex;overflow:auto}.live-row{max-width:88%;transition:transform .35s var(--ease);margin:0;padding:.7rem .9rem;line-height:1.5}.live-row--in{background:color-mix(in srgb, var(--glass) 16%, var(--paper));border-radius:1rem 1rem 1rem .28rem;align-self:flex-start}.live-row--out{background:color-mix(in srgb, var(--lamp) 72%, var(--paper));border-radius:1rem 1rem .28rem;align-self:flex-end}.live-row--in:hover,.live-row--out:hover{transform:translateY(-3px)rotate(-.8deg)}.live-row--out:hover{transform:translateY(-3px)rotate(.8deg)}.live-row--typing{align-items:center;gap:.28rem;min-width:3.6rem;display:inline-flex}.live-row--typing span{background:var(--ink);width:.42rem;height:.42rem;animation:pulse-dot 1s var(--ease) infinite;border-radius:50%}.live-row--typing span:nth-child(2){animation-delay:.12s}.live-row--typing span:nth-child(3){animation-delay:.24s}.btn{isolation:isolate;background:var(--ink);min-height:3.15rem;color:var(--paper);font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em;cursor:pointer;transition:transform .35s var(--ease), color .35s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.25rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--lamp);transform-origin:0;transition:transform .4s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.btn:hover,.btn:focus-visible{color:var(--night);transform:translateY(-3px)}.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1)}.btn[disabled],.btn[disabled]:hover,.btn[disabled]:focus-visible{cursor:default;background:var(--ink);color:var(--paper);transform:none}.btn[disabled]:before{background:0 0;transform:none}.text-btn{color:var(--ink);font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.04em;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;margin-top:.7rem;padding:0;text-decoration:underline}.text-btn:hover,.text-btn:focus-visible{color:color-mix(in srgb, var(--ink) 70%, var(--lamp))}.needs-js{display:none}html:not(.js) .needs-js{margin:0 0 .8rem;display:block}html:not(.js) .live{display:none}.morph-cta{--morph-w:5.6rem;--morph-h:2.25rem;width:var(--morph-w);height:var(--morph-h);color:var(--ink);transition:width .7s var(--ease), height .7s var(--ease), color .45s var(--ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:visible}.morph-shell{transition:transform .35s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.morph-svg{width:116%;height:136%;color:var(--paper);filter:drop-shadow(0 14px 24px color-mix(in srgb, var(--night) 32%, transparent));pointer-events:none;position:absolute;inset:-18% -8%;overflow:visible}.morph-cta.is-dots{--morph-w:5.6rem;--morph-h:2.25rem}.morph-cta.is-bubble{--morph-w:10.5rem;--morph-h:4.5rem}.morph-cta.is-face{--morph-w:5.6rem;--morph-h:6.4rem}.morph-cta.is-btn{--morph-w:15.4rem;--morph-h:3.15rem;color:var(--paper)}.morph-cta.is-btn .morph-svg{color:var(--ink)}.morph-cta.is-btn:hover .morph-shell,.morph-cta.is-btn:focus-visible .morph-shell{transform:translateY(-4px)}.morph-cta.is-btn:hover .morph-svg,.morph-cta.is-btn:focus-visible .morph-svg{color:var(--lamp)}.morph-cta.is-btn:hover,.morph-cta.is-btn:focus-visible{color:var(--night)}.morph-visual{pointer-events:none;justify-content:center;align-items:center;gap:.35rem;display:flex;position:absolute;inset:0}.dot{background:var(--ink);opacity:0;border-radius:50%;width:.55rem;height:.55rem;transform:scale(.4)}.morph-cta.is-dots .dot{opacity:1;animation:pulse-dot 1s var(--ease) infinite;transform:scale(1)}.morph-cta.is-dots .dot:nth-child(2){animation-delay:.12s}.morph-cta.is-dots .dot:nth-child(3){animation-delay:.24s}.morph-face{opacity:0;width:2.4rem;height:auto;transition:opacity .35s var(--ease), transform .35s var(--ease);transform:scale(.7)}.morph-cta.is-face .morph-face{opacity:1;transform:scale(1)}.morph-label{z-index:1;font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em;opacity:0;transition:opacity .35s var(--ease) .15s, transform .35s var(--ease) .15s;position:relative;transform:translateY(6px)}.morph-cta.is-btn .morph-label{opacity:1;transform:none}.morph-cta.is-btn .dot,.morph-cta.is-bubble .dot,.morph-cta.is-face .dot{animation:none}html:not(.js) .morph-cta{width:15.4rem;height:3.15rem;color:var(--paper)}html:not(.js) .morph-cta .morph-svg{color:var(--ink)}html:not(.js) .morph-cta .dot,html:not(.js) .morph-cta .morph-face{display:none}html:not(.js) .morph-label{opacity:1;transform:none}.notes{width:var(--wrap);flex-direction:column;gap:1.1rem;margin-inline:auto;padding:0 0 2.5rem;display:flex}.note{background:color-mix(in srgb, var(--paper) 94%, white);color:var(--ink);border-radius:1.3rem 1.3rem 1.3rem .35rem;padding:1.2rem 1.25rem 1.35rem}.note--wide{width:100%}.page-list{flex-direction:column;gap:.65rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.page-list li{grid-template-columns:5.4rem 1fr;align-items:baseline;gap:.7rem;display:grid}.page-list span{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.06em}.sample{flex-direction:column;gap:.45rem;margin:.9rem 0 0;display:flex}.sample figcaption{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.04em;color:color-mix(in srgb, var(--ink) 55%, var(--glass));margin:0 0 .2rem}.sample-row{max-width:88%;transition:transform .35s var(--ease);margin:0;padding:.7rem .9rem;line-height:1.5}.sample-row--in{background:color-mix(in srgb, var(--glass) 16%, var(--paper));border-radius:1rem 1rem 1rem .28rem;align-self:flex-start}.sample-row--out{background:color-mix(in srgb, var(--lamp) 72%, var(--paper));border-radius:1rem 1rem .28rem;align-self:flex-end}.sample-row--in:hover{transform:translateY(-3px)rotate(-.8deg)}.sample-row--out:hover{transform:translateY(-3px)rotate(.8deg)}.sight{margin:.95rem 0 0}.sight img{background:var(--night);border-radius:1.1rem;width:100%;height:auto}.sight--phone{max-width:18.5rem}.sight--slip{max-width:16rem}.sight--meet{margin-top:1rem}.sight figcaption{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.04em;color:color-mix(in srgb, var(--ink) 55%, var(--glass));margin:.55rem 0 0}.steps{flex-direction:column;margin:.95rem 0 0;padding:0;list-style:none;display:flex;position:relative}.steps:before{content:"";background:linear-gradient(180deg, var(--signal), var(--lamp));width:2px;position:absolute;top:.85rem;bottom:.85rem;left:.7rem}.step-link{transition:transform .35s var(--ease);grid-template-columns:1.5rem 1fr;align-items:start;gap:.35rem .75rem;padding:.7rem .2rem;text-decoration:none;display:grid}.step-link:before{content:"";background:var(--paper);width:.85rem;height:.85rem;box-shadow:0 0 0 3px var(--ink);transition:transform .35s var(--ease), background .35s var(--ease);border-radius:50%;margin-top:.28rem}.step-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;font-style:italic;font-weight:500}.step-copy{color:color-mix(in srgb, var(--ink) 78%, var(--glass));grid-column:2}.step-link:hover,.step-link:focus-visible{transform:translate(6px)}.step-link:hover:before,.step-link:focus-visible:before{background:var(--lamp);transform:scale(1.18)}.reach{width:var(--wrap);margin-inline:auto;background:color-mix(in srgb, var(--glass) 86%, var(--night));color:var(--paper);border:1px solid color-mix(in srgb, var(--paper) 10%, transparent);border-radius:1.3rem 1.3rem 1.3rem .35rem;margin-bottom:4.5rem;padding:1.2rem 1.2rem 1.35rem}.footer-logo{width:min(11rem,100%);margin:.85rem 0 .55rem}.address,.mail{font-size:var(--step-body);margin:0}.mail{color:var(--signal);text-underline-offset:.18em;margin-top:.45rem;display:inline-block}.email-text{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.03em;color:color-mix(in srgb, var(--paper) 70%, transparent);margin:.25rem 0 0}.mail:hover,.mail:focus-visible{color:var(--lamp)}@keyframes pulse-dot{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.08)}}@media (width>=880px){.site-header{padding-inline:1.6rem}.board{grid-template-columns:1.15fr .85fr;min-height:34rem}.stage,.stage-room{min-height:100%}.cast-grid{grid-template-columns:1fr 1fr 1fr}.notes{grid-template-columns:1fr 1fr;display:grid}.note--wide{grid-column:1/-1}}@media (width<=640px){.nav{gap:.65rem}.site-header{padding-inline:.85rem}.nav-link[href=\#page]{display:none}.pane-name{padding-inline:.35rem;font-size:.62rem}.page-list li{grid-template-columns:4.4rem 1fr;gap:.45rem}.stage{min-height:20rem}.stage-card{width:min(46%,10.5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-link,.btn,.morph-cta,.morph-shell,.morph-label,.morph-face,.dot,.pane,.sample-row,.brand,.stage-card,.stage-look,.step-link,.live-row,.live-row--typing span{transition:none!important;animation:none!important;transform:none!important}.morph-cta{width:15.4rem;height:3.15rem;color:var(--paper)}.morph-cta .morph-svg{color:var(--ink)}.morph-cta .dot,.morph-cta .morph-face{display:none}.morph-label{opacity:1}}