/* One navigation across every OVRIFT direction. */
html{scroll-padding-top:104px}
body{--ovrift-header-height:84px}
header.site-header.unified-header{position:fixed;inset:0 0 auto;z-index:80;height:84px;padding:0 clamp(20px,3.2vw,58px);display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;background:#0a0a0a;color:#fff;border-bottom:1px solid #3b3b3b;font-family:Arial,Helvetica,sans-serif}
header.site-header.unified-header .brand{display:block;width:137px;line-height:0;text-decoration:none}header.site-header.unified-header .brand img{display:block;width:100%;height:auto}
header.site-header.unified-header .site-nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,42px);margin:0;white-space:nowrap}
header.site-header.unified-header .site-nav a{display:block!important;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 0;border:0;border-bottom:1px solid transparent;text-decoration:none;color:#bbb}
header.site-header.unified-header .site-nav a:hover,header.site-header.unified-header .site-nav a[aria-current]{color:#fff;border-bottom-color:#fff}
header.site-header.unified-header .header-contact{justify-self:end;font-size:11px;white-space:nowrap;letter-spacing:.03em;text-decoration:none;color:#fff}
.unified-header a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.direction-footer{display:flex;gap:20px 30px;flex-wrap:wrap;width:100%;font-size:12px;line-height:1.5;padding-bottom:30px;border-bottom:1px solid #454545}
.site-footer{flex-wrap:wrap}.site-footer .direction-footer{flex:0 0 100%}.direction-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.legal-hero{padding-top:126px}.legal-directory .legal-hero{padding-top:126px}
.scale-video-entry{position:absolute;bottom:22px;right:24px;z-index:4;background:#fff;padding:10px 14px;font-size:11px;border:1px solid #ddd}
.studio-entry{margin-top:30px}
@media(max-width:1000px){header.site-header.unified-header{grid-template-columns:auto 1fr}header.site-header.unified-header .site-nav{justify-self:end}header.site-header.unified-header .header-contact{display:none}}
@media(max-width:640px){body{--ovrift-header-height:106px}header.site-header.unified-header{height:106px;grid-template-columns:1fr;grid-template-rows:48px 38px;gap:0;padding:10px 20px}header.site-header.unified-header .brand{width:108px}header.site-header.unified-header .site-nav{justify-self:stretch;justify-content:space-between;gap:8px}header.site-header.unified-header .site-nav a{font-size:10px;padding:10px 0;letter-spacing:.02em}html{scroll-padding-top:122px}[id]{scroll-margin-top:122px}.hero-topline{top:128px}.hero{min-height:700px}.training-hero,.scale-intro{padding-top:140px}.legal-hero,.legal-directory .legal-hero{padding-top:138px}.scale-video-entry{bottom:10px;right:10px;font-size:9px;padding:8px}.direction-footer{gap:16px 22px}.app-hero .hero-top{padding-top:35px}}
@media print{header.site-header.unified-header,.direction-footer{display:none}}
@media(max-width:760px){.chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-nav a{min-width:0;gap:12px;font-size:15px}.chapter-nav b{margin-right:8px}}

.configure-page main{padding-top:var(--ovrift-header-height)}
.training-hero{padding-top:calc(var(--ovrift-header-height) + 25px)}
.scale-page{--scale-header:var(--ovrift-header-height)}
.scale-video-page main{padding-top:calc(var(--ovrift-header-height) + 32px)}
.configure-page .story-stage{height:calc(100svh - var(--ovrift-header-height))}
.training .is-animated .fabric-stage{top:var(--ovrift-header-height);height:calc(100svh - var(--ovrift-header-height))}
.training .is-animated .fabric-board{width:min(100%,calc((100svh - var(--ovrift-header-height) - 110px)*1.428571))}
@media(max-width:760px){.training .is-animated .fabric-board{width:100%}.training-hero{padding-top:calc(var(--ovrift-header-height) + 28px)}}
@media(prefers-reduced-motion:reduce){.training .fabric-stage{height:auto;position:relative;top:0}}
/* A shared, unhurried motion language across directions. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}

.route-error{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translateX(-50%);padding:20px 26px;background:#111;color:white;max-width:90vw;font:14px/1.5 Arial}
.configure-page .story-stage{min-height:0;max-height:none;padding-top:24px;padding-bottom:18px}
.configure-page .stage-top{flex:none;min-height:0;align-items:start;gap:35px}
.configure-page .chapter-heading h3{font-size:clamp(28px,3.2vw,52px);margin-top:12px;line-height:1.05}
.configure-page .chapter-copy{padding-top:30px;width:280px;flex:none}
.configure-page .device-space{overflow:visible;min-height:0}
.configure-page .story-note{margin:0;padding-top:6px}
.configure-page .story-navigation{flex:none}
.configure-page .app-canvas{isolation:isolate}.configure-page .app-screen{backface-visibility:hidden}
.configure-page .paper-film{will-change:transform}
.faq-items details{overflow:hidden}.faq-items .faq-body{transform-origin:top}.faq-items summary{transition:color .5s var(--motion-ease)}
.lead-section{background:#e5e5de;color:#111;padding:90px clamp(22px,4.2vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;font-family:Arial,Helvetica,sans-serif;border-top:1px solid #b8b8ae;scroll-margin-top:var(--ovrift-header-height)}
.lead-kicker{font-size:10px;font-weight:600;letter-spacing:.12em;margin:0 0 35px}.lead-intro h2{font-size:clamp(66px,7vw,112px);line-height:.94;font-weight:600;letter-spacing:-.065em;margin:0 0 35px}.lead-intro h2 em{font-style:normal;font-weight:400}.lead-intro>p:not(.lead-kicker){font-size:19px;line-height:1.5;max-width:360px;margin-bottom:28px}.lead-intro>a{font-size:20px;text-decoration:none;border-bottom:1px solid #888;padding-bottom:8px}
.lead-form{align-self:center}.lead-form label{display:block;font-size:12px;line-height:1.5}.lead-form input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;color:#111;font:18px/1.4 Arial;padding:16px 0;margin:0 0 25px;outline:none}.lead-form input:focus{border-color:#111;box-shadow:0 1px #111}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lead-form .lead-consent{display:flex;gap:12px;margin:12px 0 28px;font-size:12px;color:#555;max-width:540px}.lead-consent input{appearance:auto;width:18px;height:18px;flex:none;margin:1px 0;accent-color:#111}.lead-consent a{text-decoration:underline;text-underline-offset:3px}.lead-form button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px;border:1px solid #111;background:#111;color:#fff;font:16px Arial;cursor:pointer;transition:background .5s var(--motion-ease),color .5s var(--motion-ease)}.lead-form button:hover{background:#fff;color:#111}.lead-form button:disabled{opacity:.5;cursor:wait}.lead-status{font-size:13px;line-height:1.6;min-height:22px;margin:18px 0 0}.lead-status[data-state=error]{color:#873c30}.lead-note{font-size:10px;line-height:1.5;color:#666;margin-top:10px}.lead-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-form :focus-visible{outline:2px solid #111;outline-offset:5px}
@media(max-width:680px){.configure-page .stage-top{display:block}.configure-page .chapter-heading h3{font-size:28px}.configure-page .chapter-copy{width:auto;padding-top:12px;max-width:400px;font-size:12px;line-height:1.45}.configure-page .story-stage{padding-top:22px}.configure-page .device-space{padding:22px 0}.lead-section{grid-template-columns:1fr;gap:48px;padding-top:60px;padding-bottom:65px}.lead-fields{grid-template-columns:1fr;gap:0}.lead-intro h2{font-size:72px}.lead-form button{padding:22px}}
@media(max-height:760px) and (min-width:681px){.configure-page .chapter-heading h3{font-size:36px}.configure-page .story-stage{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.lead-form button{transition:none}}

/* Reserve two title lines: chapter text cannot resize the camera stage. */
.configure-page .stage-top{height:150px;min-height:150px}
.configure-page .chapter-heading{min-width:0}.configure-page .chapter-copy{overflow-wrap:break-word}
@media(max-width:680px){.configure-page .stage-top{height:190px;min-height:190px}}
@media(max-height:650px) and (min-width:681px){.configure-page .stage-top{height:120px;min-height:120px}.configure-page .chapter-heading h3{font-size:28px}}

/* One continuous frame: no fade to a blank page and no movement of the menu. */
header.site-header.unified-header{view-transition-name:ovrift-header}
html[data-navigating=true] main .motion-reveal.motion-shown{transition:none!important;transition-delay:0ms!important}
.route-snapshot{position:fixed;inset:0;z-index:75;overflow:hidden;pointer-events:none}
@keyframes ovrift-route-in{from{opacity:0}to{opacity:1}}
::view-transition-group(root){animation-duration:.72s}
::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(root){animation:ovrift-route-in .72s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
::view-transition-old(ovrift-header){display:none}
::view-transition-new(ovrift-header){animation:none}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}}