:root{--paper: #f4f1ea;--paper-soft: rgba(244, 241, 234, .92);--paper-faint: rgba(244, 241, 234, .18);--ink: #1a221d;--ink-secondary: #36423a;--muted: #5e6861;--muted-light: #838e85;--border-dark: rgba(26, 34, 29, .15);--border-light: rgba(244, 241, 234, .18);--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-ui: var(--font-sans);--text-hero: clamp(50px, 6.2vw, 102px);--hero-leading: .96;--hero-tracking: -.025em;--text-display-modal: clamp(34px, 4.4vw, 64px);--text-display-drawer: clamp(32px, 3.8vw, 46px);--text-title-menu: clamp(32px, 3.8vw, 54px);--text-eyebrow: 10.5px;--text-ui-btn: 11px;--text-body: 13.5px;--text-body-sm: 11.5px;--text-caption: 9.5px;--text-micro: 8.5px;--text-folio: clamp(140px, 20vw, 290px);--edge: clamp(24px, 4.5vw, 88px);--ease: cubic-bezier(.22, .7, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}html,body{width:100%;min-height:100%;background:#090d0d;color:var(--paper);font-family:var(--font-sans);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scrollbar-width:thin;scrollbar-color:#83877d #161b19}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}a{color:inherit}button:disabled{cursor:default}::selection{background:#d6dcc9;color:#18251d}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--paper);outline-offset:2px}dialog button:focus-visible,dialog a:focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px!important}dialog input:focus-visible,dialog select:focus-visible,dialog textarea:focus-visible{outline:2px solid var(--ink)!important;outline-offset:2px!important}.skip-link{position:fixed;top:12px;left:12px;z-index:500;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 18px;border-radius:2px;transform:translateY(-160%);transition:transform .25s var(--ease)}.skip-link:focus{transform:translateY(0)}#root,.app-root{width:100%;min-height:100%;position:relative}#experience:focus{outline:none}.scroll-sequence-wrapper{width:100%;position:relative;background:#000}.scroll-sequence-section{position:relative;width:100%;height:600vh}@media(max-width:1024px){.scroll-sequence-section{height:500vh}}@media(max-width:640px){.scroll-sequence-section{height:420vh}}.canvas-sticky-container{position:sticky;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.sequence-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none;z-index:1}.site-header{position:fixed;top:0;left:0;right:0;padding:32px var(--edge);display:flex;align-items:flex-start;justify-content:space-between;z-index:100;pointer-events:none;transition:opacity .35s var(--ease)}.app-root[data-scrolling=true] .site-header{opacity:.62}.site-header:hover,.site-header:focus-within{opacity:1!important}.site-header button{pointer-events:auto}.wordmark{padding:0;text-align:left;font-family:var(--font-sans);font-size:20px;line-height:1.15;letter-spacing:.24em;font-weight:500;color:var(--paper);text-shadow:0 1px 12px rgba(0,0,0,.6);transition:opacity .25s}.wordmark:hover{opacity:.85}.wordmark span{display:block;margin-top:6px;font-size:8px;text-transform:uppercase;letter-spacing:.28em;font-weight:500;color:#f4f1eabf}.nav-actions{display:flex;gap:28px;align-items:center}.inquire-control{padding:10px 20px;background:#f4f1eaeb;color:var(--ink);border-radius:999px;font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.08em;text-transform:uppercase;min-height:38px;display:inline-flex;align-items:center;gap:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 14px #00000026;transition:background .25s,transform .25s,box-shadow .25s}.inquire-control:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 18px #00000038}.inquire-control span{font-size:11px;transition:transform .2s}.inquire-control:hover span{transform:translate(2px,-2px)}.menu-control{display:inline-flex;align-items:center;gap:14px;min-height:38px;padding:8px 4px;font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.5);transition:opacity .2s}.menu-control:hover{opacity:.82}.menu-icon{width:22px;display:grid;gap:5px}.menu-icon i{display:block;height:1px;background:currentColor}.menu-icon i:last-child{width:14px;justify-self:end;transition:width .25s}.menu-control:hover i:last-child{width:22px}.editorial-stage,.scene-overlay-layer,.editorial-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.editorial-stage{z-index:20;--editorial-opacity: 1;--folio-opacity: 0}.editorial-scene{visibility:hidden}.editorial-scene.is-active{visibility:visible}.scene-copy{position:absolute;opacity:var(--editorial-opacity);transition:opacity .12s linear;color:var(--paper)}.eyebrow{font-family:var(--font-sans);font-size:var(--text-eyebrow);line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.22em}.scene-copy .eyebrow,.final-cta-container .eyebrow{color:#f4f1eae0;text-shadow:0 1px 12px rgba(0,0,0,.7)}.scene-title,.final-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;line-height:var(--hero-leading);letter-spacing:var(--hero-tracking);color:var(--paper);text-shadow:0 2px 28px rgba(0,0,0,.65),0 1px 4px rgba(0,0,0,.45);margin-top:18px;text-wrap:balance}.scene-title em,.final-title em,.drawer-title em{font-family:var(--font-display);font-style:italic;font-weight:400}#scene-intro .scene-copy,#scene-act-1 .scene-copy{top:14%;left:var(--edge);max-width:min(850px,68vw)}#scene-act-2 .scene-copy{top:48%;left:var(--edge);max-width:min(850px,68vw)}#scene-act-3 .scene-copy{top:46%;left:var(--edge);max-width:min(850px,68vw)}#scene-act-4 .scene-copy{top:18%;right:var(--edge);text-align:right;max-width:min(850px,68vw)}.scene-folio{position:absolute;right:var(--edge);bottom:4vh;font-family:var(--font-sans);font-weight:300;line-height:.85;letter-spacing:-.06em;font-size:var(--text-folio);max-height:320px;color:var(--paper);opacity:calc(var(--folio-opacity) * .28);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .15s linear}.film-footer{position:absolute;z-index:25;bottom:38px;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);font-size:var(--text-micro);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f4f1eaa6;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.6)}.timeline-indicator{position:absolute;z-index:25;bottom:18px;left:var(--edge);right:var(--edge);pointer-events:none}.timeline-track{position:relative;width:100%;height:1px;background:#f4f1ea2e}.timeline-fill{position:absolute;top:0;left:0;height:100%;width:var(--scroll-progress, 0%);background:var(--paper);box-shadow:0 0 10px #f4f1ea73;transition:width .05s linear}.timeline-ticks{position:absolute;top:-10px;left:0;right:0;pointer-events:none}.timeline-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.timeline-tick:after{content:"";width:1px;height:4px;background:#f4f1ea59}.timeline-tick em{font-family:var(--font-sans);font-style:normal;font-size:var(--text-micro);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#f4f1eaa6}.enter-film{position:absolute;left:var(--edge);bottom:12%;z-index:26;display:inline-flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f4f1eae0;min-height:40px;text-shadow:0 1px 8px rgba(0,0,0,.7);transition:opacity .45s var(--ease),transform .45s var(--ease)}.enter-film.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.enter-film.is-faded{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}.enter-film span{font-size:13px;display:inline-block;transition:transform .25s}.enter-film:hover span{transform:translateY(3px)}.final-cta-container{position:absolute;left:var(--edge);bottom:18%;max-width:min(850px,70vw);visibility:hidden;pointer-events:none;opacity:var(--editorial-opacity)}.final-cta-container.is-active{visibility:visible;pointer-events:auto}.final-title{margin:18px 0 32px}.final-actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.text-action{display:inline-flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(244,241,234,.7);font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.6);text-decoration:none;min-height:44px;transition:border-color .25s,opacity .25s}.text-action:hover{border-bottom-color:#fff;opacity:1}.text-action span{font-size:13px;transition:transform .25s}.text-action:hover span{transform:translate(2px,-2px)}.text-action-secondary{opacity:.72;border-bottom-color:#f4f1ea59;font-size:var(--text-ui-btn);letter-spacing:.08em}.text-action-secondary:hover{opacity:1;border-bottom-color:var(--paper)}.text-action-secondary:hover span{transform:rotate(-45deg)}.sequence-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;background:#18231f;display:grid;place-items:center;transition:opacity .55s var(--ease);pointer-events:auto}.sequence-loader.loader-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s}.loader-content{width:240px;text-align:center}.loader-brand-title{font-family:var(--font-sans);font-size:20px;font-weight:500;letter-spacing:.25em;color:var(--paper)}.loader-brand-sub{font-family:var(--font-sans);font-size:8px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;margin-top:10px;color:#f4f1eabf}.loader-bar-bg{height:1px;background:#ffffff26;margin:44px 0 14px;overflow:hidden}.loader-bar-fill{height:100%;background:var(--paper);transition:width .2s}.loader-percentage{font-family:var(--font-sans);font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#f4f1eabf}dialog{border:0;padding:0;color:var(--ink);background:transparent;max-width:none;max-height:none;overscroll-behavior:contain;color-scheme:light}dialog::backdrop{background:#090d0da6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog[open]{animation:panel-enter .4s var(--ease)}@keyframes panel-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.modal-surface{background:var(--paper)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog .eyebrow,.modal-surface .eyebrow{color:#555e57;text-shadow:none}.close-control{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:0;transition:opacity .2s}.close-control:hover{opacity:.7}.close-control span{font-size:20px;font-weight:300;line-height:1}.chapter-menu{top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;overflow:auto}.chapter-menu .modal-surface{min-height:100%;padding:36px var(--edge);display:flex;flex-direction:column}.chapter-links{width:min(100%,1050px);margin:auto;padding:44px 0}.chapter-links button{position:relative;width:100%;display:flex;align-items:center;gap:36px;text-align:left;padding:26px 0;border-bottom:1px solid var(--border-dark);transition:padding-left .25s var(--ease),border-color .25s}.chapter-links button.is-current-chapter{padding-left:16px;border-left:2px solid var(--ink);border-bottom-color:#1a221d66}.menu-number{font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#727c75;align-self:flex-start;padding-top:12px;display:flex;align-items:center;gap:6px}.menu-current-dot{font-size:6px;color:var(--ink)}.menu-chapter-title-row{display:inline-flex;align-items:baseline;gap:16px;flex-wrap:wrap}.menu-current-tag{font-family:var(--font-sans);font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#36443c;padding:3px 8px;border:1px solid rgba(26,34,29,.25);border-radius:999px}.menu-chapter-name{font-family:var(--font-display);font-size:var(--text-title-menu);font-weight:400;line-height:1;color:var(--ink);transition:transform .3s var(--ease)}.menu-chapter-name small{display:block;font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:400;letter-spacing:.04em;margin-top:10px;color:#626c64}.menu-link-arrow{margin-left:auto;font-size:22px;font-weight:300;color:#727c75;transition:transform .25s,color .25s}.chapter-links button:hover .menu-chapter-name{transform:translate(8px)}.chapter-links button:hover .menu-link-arrow{transform:translate(3px,-3px);color:var(--ink)}.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--border-dark)}.menu-bottom span{font-family:var(--font-display);font-size:18px;font-style:italic;color:#555e57}.menu-bottom .text-action{color:var(--ink);text-shadow:none;border-bottom-color:#1a221d66}.menu-bottom .text-action:hover{border-bottom-color:var(--ink)}.inquiry-drawer{top:0;bottom:0;right:0;left:auto;margin:0;width:min(560px,100%);height:100%;overflow:auto}.inquiry-drawer .modal-surface{min-height:100%;padding:34px 44px;display:flex;flex-direction:column}.drawer-title{font-family:var(--font-display);font-size:var(--text-display-drawer);font-weight:400;letter-spacing:-.02em;line-height:1.02;color:var(--ink);margin:36px 0 16px}.drawer-intro{font-family:var(--font-sans);font-size:var(--text-body);color:#555e57;line-height:1.6}.inquiry-form{display:grid;gap:24px;margin-top:32px}.form-field{display:block}.field-label{display:block;font-family:var(--font-sans);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3e4842;margin-bottom:8px}.optional{color:var(--muted-light);font-weight:400;text-transform:none;letter-spacing:normal}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(26,34,29,.22);border-radius:0;color:var(--ink);background:transparent;font-family:var(--font-sans);font-size:14px;line-height:1.5;padding:10px 0 12px;resize:vertical;transition:border-color .2s}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-bottom-color:var(--ink)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#8c968f}.inquiry-form textarea{min-height:84px}.inquiry-form input:user-invalid,.inquiry-form textarea:user-invalid{border-bottom-color:#9e3626;background:#9e36260a}.inquiry-action-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.solid-action{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);min-height:50px;padding:14px 22px;border-radius:2px;font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,transform .25s}.solid-action:hover{background:#344238}.solid-action .action-arrow{font-size:13px;transition:transform .2s}.solid-action:hover .action-arrow{transform:translate(2px,-2px)}.ghost-copy-action{display:flex;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-family:var(--font-sans);font-size:var(--text-ui-btn);font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(26,34,29,.22);color:var(--ink);border-radius:2px;transition:all .2s;background:transparent}.ghost-copy-action:hover{background:#1a221d0d;border-color:var(--ink)}.form-note{font-size:var(--text-body-sm);line-height:1.6;color:var(--muted)}.form-status{padding:14px 16px;background:#e2e8dc;border-left:3px solid var(--ink);display:grid;gap:6px;font-size:var(--text-body-sm);line-height:1.6;color:var(--ink-secondary)}.form-status strong{color:var(--ink)}.form-status a{text-decoration:underline;text-underline-offset:3px;font-weight:600;color:var(--ink)}.drawer-footer-block{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-dark)}.contact-email{display:inline-block;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.drawer-signature{margin-top:28px;font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.24em;color:var(--ink)}.drawer-signature span{display:block;font-size:8px;letter-spacing:.28em;text-transform:uppercase;margin-top:6px;color:#727c75}@media(max-width:1200px){:root{--text-hero: clamp(44px, 5.8vw, 84px);--text-folio: clamp(120px, 18vw, 240px)}}@media(max-width:900px){.site-header{padding-top:26px}.nav-actions{gap:20px}#scene-act-4 .scene-copy{right:var(--edge)}}@media(max-width:600px){:root{--edge: max(20px, env(safe-area-inset-left, 20px));--text-hero: clamp(32px, 8.4vw, 44px);--hero-leading: 1.04;--text-display-drawer: clamp(28px, 7.5vw, 36px)}.site-header{padding-top:max(22px,calc(10px + var(--safe-top)));padding-left:max(var(--edge),var(--safe-left));padding-right:max(var(--edge),var(--safe-right));align-items:center}.wordmark{font-size:17px;letter-spacing:.18em}.wordmark span{font-size:6.5px;margin-top:5px}.nav-actions{gap:16px}.menu-control>span:first-child{display:none}.menu-control{padding:0;min-width:28px}.inquire-control{font-size:10px;padding:8px 14px;gap:8px}#scene-intro .scene-copy,#scene-act-1 .scene-copy,#scene-act-2 .scene-copy,#scene-act-3 .scene-copy,#scene-act-4 .scene-copy{top:auto;bottom:20%;left:var(--edge);right:var(--edge);max-width:320px;text-align:left}.scene-title{margin-top:10px}.scene-folio{font-size:110px!important;bottom:2vh!important;right:2vw!important;opacity:calc(var(--folio-opacity) * .2)!important}.film-footer{bottom:max(28px,calc(10px + var(--safe-bottom)));left:max(var(--edge),var(--safe-left));right:max(var(--edge),var(--safe-right));font-size:7.5px;letter-spacing:.1em}.timeline-indicator{bottom:max(16px,calc(4px + var(--safe-bottom)));left:max(var(--edge),var(--safe-left));right:max(var(--edge),var(--safe-right))}.enter-film{bottom:max(13%,calc(68px + var(--safe-bottom)));font-size:9px;left:max(var(--edge),var(--safe-left))}.final-cta-container{bottom:18%;left:var(--edge);right:var(--edge)}.final-title{margin:12px 0 24px}.final-actions{gap:16px}.chapter-menu .modal-surface,.inquiry-drawer .modal-surface{padding:max(24px,calc(12px + var(--safe-top))) max(24px,var(--safe-right)) max(24px,calc(12px + var(--safe-bottom))) max(24px,var(--safe-left))}.chapter-links{padding:24px 0}.chapter-links button{gap:20px;padding:22px 0}.menu-chapter-name{font-size:38px}.menu-bottom{align-items:flex-start;flex-direction:column;padding-bottom:20px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:16px}}@media(max-height:750px)and (min-width:601px){:root{--text-hero: clamp(40px, 5.2vw, 68px);--text-folio: clamp(100px, 14vw, 180px)}.scene-title{margin-top:12px}}@media(prefers-reduced-motion:reduce){.scroll-sequence-section{height:100vh;height:100dvh}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-copy,.final-cta-container{opacity:1!important}.scene-folio,.enter-film{display:none}}
