/* DRAY motion design. Component adaptations are documented in THIRD_PARTY.md. */
.dray-motion{--paper:#f3f5f8;--ink:#13283f;--blue:#244feb;background:var(--paper)}
.dray-motion .header{height:100px}
.dray-motion .header .brand-word{font-size:48px}
.cinema-intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:65px;padding-top:39px;padding-bottom:37px}
.cinema-intro .intro-label{margin-bottom:24px}
.cinema-intro h1{font-size:clamp(68px,7.9vw,132px);line-height:.97;letter-spacing:-.065em;margin:0}
.hero-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.hero-title-line>span{display:block}
.motion-ready .hero-title-line>span{animation:dray-title-enter .95s cubic-bezier(.16,1,.3,1) both}
.motion-ready .hero-title-line:nth-child(2)>span{animation-delay:.1s}
@keyframes dray-title-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}
.cinema-intro-side{max-width:340px;justify-self:end;padding-bottom:4px}
.cinema-intro-side>p:first-child{font-size:20px;color:var(--muted);line-height:1.55;letter-spacing:-.02em}
.cinema-intro-side .button{margin-top:25px}
.cinema-stage{font-size:12px;color:var(--muted);line-height:1.6;margin-top:19px}
.cinema-track{position:relative;padding-bottom:15px}
.cinema-sticky{position:relative;padding-top:20px}
.cinema-frame{isolation:isolate;position:relative;overflow:hidden;width:calc(100% - 64px);margin-inline:auto;height:74svh;min-height:450px;max-height:900px;border-radius:18px;background:#aeb8c3;transform-origin:top center}
.cinema-poster,.cinema-frame .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.cinema-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,29,49,.13) 0,transparent 28%,rgba(12,29,49,.28) 61%,rgba(12,29,49,.86) 100%);z-index:1}
.cinema-topline{position:absolute;inset:28px 30px auto;z-index:3;display:flex;justify-content:space-between;align-items:center}
.cinema-tag{color:white;border:1px solid #ffffff80;background:#13283f44;backdrop-filter:blur(8px);padding:8px 13px;border-radius:5px;font-size:13px}
.cinema-topline .motion-toggle{width:44px;height:44px}
.cinema-overlay{position:absolute;inset:auto 4.5% 94px;color:white;z-index:2;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;gap:40px}
.cinema-kicker{font-size:14px;margin-bottom:18px}
.cinema-statement{font-size:clamp(56px,6vw,100px);line-height:.96;letter-spacing:-.06em;font-weight:500}
.cinema-follow{display:flex;align-items:center;gap:22px;font-size:14px;padding-bottom:3px}
.cinema-follow-circle{border:1px solid #ffffff80;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:27px;transition:background .2s,color .2s}
.cinema-follow:hover .cinema-follow-circle{background:#fff;color:var(--ink)}
.film-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:18px 4.5%;border-top:1px solid #ffffff30;color:#e1e8f3;background:#13283f26}
.film-chapters{display:flex;gap:30px;font-size:15px}
.film-chapters>span{opacity:.68;transition:opacity .3s}
.film-chapters>span.is-current{opacity:1;color:#fff}
.film-chapters>span.is-current:before{content:'';display:inline-block;width:6px;height:6px;background:#a9beff;vertical-align:middle;margin-right:9px;border-radius:50%}
#film-provenance{font-size:12px;text-align:right}
.cinema-footnote{font-size:12px;color:var(--muted);padding-top:13px;padding-bottom:15px;text-align:right}
.cinema-enhanced{height:145svh;padding:0}
.cinema-enhanced .cinema-sticky{position:sticky;top:0;height:100svh;overflow:clip;padding-top:16px}
.cinema-enhanced .cinema-frame{width:100%;height:84svh;min-height:0;max-height:none;transform:scale(var(--cinema-scale,.87));border-radius:var(--cinema-radius,22px);will-change:transform}
.cinema-enhanced .cinema-footnote{transform:translateY(calc((1 - var(--cinema-scale,.87)) * -84svh));padding-top:10px}
.workflow-opening{padding-top:95px;padding-bottom:68px}
.workflow-opening h2{font-size:clamp(48px,5.9vw,88px);line-height:1.01;max-width:1000px}
.workflow-opening-bottom{margin-top:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:45px}
.workflow-opening-bottom>p{max-width:615px;font-size:20px;line-height:1.6;color:var(--muted)}
.record-label{font-size:13px;color:var(--blue);white-space:nowrap;padding-bottom:6px}
.story-track{background:var(--ink);color:#fff;position:relative}
.story-sticky{padding-top:34px;padding-bottom:30px;position:relative}
.story-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#bfcee2}
.story-counter{font-size:14px;font-variant-numeric:tabular-nums}
#story-count{color:#fff}
.story-nav{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:26px;margin-bottom:30px;isolation:isolate}
.story-nav>a{position:relative;display:flex;gap:12px;align-items:center;min-height:52px;width:fit-content;max-width:100%;z-index:2;color:#b6c6db;font-size:16px}
.story-nav>a>span:nth-child(2){background:var(--ink);padding:4px 8px 4px 0}
.chapter-node{width:36px;height:36px;border-radius:50%;border:1px solid #526882;background:var(--ink);display:grid;place-items:center;flex-shrink:0;font-size:12px;color:#b6c6db;transition:background .3s,color .3s,border-color .3s}
.story-nav>a[aria-current=step]{color:#fff}
.story-nav>a[aria-current=step] .chapter-node{background:#325fff;border-color:#86a1ff;color:#fff;box-shadow:0 0 24px #315efc30}
.story-nav>a.is-complete .chapter-node{color:#c9d7ff;border-color:#6387f1}
.story-nav a:focus-visible,.story-media input:focus-visible,.story-media video:focus-visible,.story-bottom a:focus-visible{outline-color:#9bb3ff}
.chapter-progress{display:none}
.story-enhanced .chapter-progress{display:block;position:absolute;left:0;bottom:-5px;width:var(--chapter-progress,0%);height:2px;background:#86a4ff;border-radius:1px}
.workflow-beams{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%;overflow:visible}
.beam-base{stroke:#435a75;stroke-width:1;fill:none}
.beam-light{stroke-width:2;fill:none;stroke-linecap:round}
.story-stage{position:relative}
.story-chapter{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(35px,5vw,90px);padding-block:40px;scroll-margin-top:20px}
.story-copy{max-width:430px}
.story-step{display:block;font-size:13px;color:#91afff;margin-bottom:24px}
.story-copy h3{font-size:clamp(38px,4.15vw,64px);line-height:1.04;letter-spacing:-.05em;font-weight:450}
.story-copy>p{font-size:17px;line-height:1.65;color:#c1cfe1;margin-top:27px;max-width:365px}
.story-proof{display:block;font-size:12px;line-height:1.6;color:#9db3ce;border-top:1px solid #405774;padding-top:18px;margin-top:27px;max-width:360px}
.story-media{min-width:0;align-self:center;background:#1d334d;border:1px solid #435671;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #07152426}
.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;font-size:12px;color:#d8e4f6;border-bottom:1px solid #405571}
.media-toolbar>span:last-child{color:#acbfd9;font-size:12px}
.recognition-compare,.task-visual,.story-video-frame,.verified-visual{position:relative;aspect-ratio:16/9;background:#213751;overflow:hidden}
.recognition-compare>img,.verified-visual>img,.task-visual>img,.story-video-frame>video{width:100%;height:100%;object-fit:contain;display:block}
.recognition-compare .recognition-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--recognition,60%)) 0 0)}
.comparison-seam{position:absolute;top:0;bottom:0;width:2px;left:var(--recognition,60%);background:#dce6ff;box-shadow:0 0 15px #517dff99}
.comparison-seam:after{content:'↔';display:grid;place-items:center;position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);width:34px;height:34px;background:#fff;border-radius:50%;color:#244feb;font-size:18px;box-shadow:0 2px 10px #07152444}
.compare-control{display:flex;align-items:center;gap:17px;padding:5px 19px;font-size:12px;color:#d8e4f6}
.compare-control label{white-space:nowrap}
.compare-control input{width:100%;min-width:40px;accent-color:#87a4ff;min-height:44px;cursor:ew-resize;margin:0}
.compare-control>span{color:#98b2ff;font-size:23px}
.task-visual>img{object-fit:cover;object-position:center}
.task-ticket{position:absolute;right:22px;bottom:22px;min-width:220px;padding:19px 21px;color:var(--ink);background:#f5f7faf5;backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 10px 40px #07152430}
.task-ticket-title{font-size:18px;letter-spacing:-.025em;font-weight:500}
.task-ticket dl{margin:13px 0 0}
.task-ticket dl>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;border-top:1px solid #cdd6e2;font-size:12px}
.task-ticket dt{color:#4d6077}
.task-ticket dd{margin:0;font-weight:500}
.media-caption{padding:14px 19px;font-size:12px;line-height:1.5;color:#b8cbe5}
.verified-result{display:flex;gap:13px;align-items:center;padding:14px 19px}
.verified-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#325bea;color:white;font-size:17px}
.verified-result strong{display:block;font-size:14px;font-weight:500}
.verified-result div>span{display:block;font-size:12px;color:#b8cbe5;margin-top:2px}
.result-type{margin-left:auto;font-size:12px;color:#c8d7ff;border:1px solid #637fad;border-radius:4px;padding:4px 7px}
.story-bottom{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3b506b;padding-top:21px;font-size:12px;color:#a7bad3}
.story-bottom a{display:flex;align-items:center;gap:15px;color:#e5edfa;min-height:24px}
.story-bottom a:hover{color:white}
.story-enhanced{height:390svh}
.story-enhanced .story-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;overflow:clip}
.story-enhanced .story-top,.story-enhanced .story-nav,.story-enhanced .story-bottom{flex-shrink:0}
.story-enhanced .story-stage{flex:1;min-height:0}
.story-enhanced .story-chapter{position:absolute;inset:0;padding:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s,visibility .5s;transform:translateY(0)}
.story-enhanced .story-chapter.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.story-enhanced .story-copy h3{transform:translateY(17px);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.story-enhanced .story-chapter.is-active .story-copy h3{transform:translateY(0)}
.story-enhanced .recognition-compare,.story-enhanced .task-visual,.story-enhanced .story-video-frame,.story-enhanced .verified-visual{aspect-ratio:auto;height:clamp(230px,46svh,490px)}
.story-enhanced .story-media{transform:scale(.97);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.story-enhanced .story-chapter.is-active .story-media{transform:scale(1)}
.dray-motion .work-section{padding-top:110px}
.dray-motion .contact-section h2{font-size:clamp(60px,8.4vw,136px)}
.dray-motion .contact-inner{padding-top:90px;padding-bottom:75px}
.dray-motion .footer{min-height:150px}
@media(min-width:1800px){.cinema-intro{padding-block:60px}.cinema-intro h1{font-size:144px}}
@media(max-width:1100px){.cinema-intro{gap:35px;grid-template-columns:1.3fr 1fr}.cinema-intro h1{font-size:clamp(62px,7.6vw,84px)}.cinema-intro-side>p:first-child{font-size:18px}.cinema-overlay{inset-inline:32px}.story-copy>p{font-size:16px}.story-nav{margin-bottom:20px}.story-copy h3{font-size:44px}.story-chapter{gap:35px}.workflow-opening-bottom>p{font-size:18px}.task-ticket{min-width:195px;padding:16px;right:15px;bottom:15px}}
@media(max-width:999px){.story-nav{margin-bottom:15px}.story-chapter{grid-template-columns:1fr;padding-block:35px;gap:28px}.story-chapter+.story-chapter{border-top:1px solid #405672;margin-top:20px;padding-top:50px}.story-copy{max-width:620px}.story-copy h3{font-size:48px}.story-copy h3 br{display:none}.story-copy h3 br:after{content:' '}.story-copy>p{max-width:580px;margin-top:19px}.story-proof{max-width:none;margin-top:19px;padding-top:15px}.story-step{margin-bottom:17px}.story-media{width:100%}.recognition-compare,.story-video-frame,.verified-visual{aspect-ratio:16/9}.task-visual{aspect-ratio:16/9}.story-top{padding-top:3px}.story-bottom{margin-top:35px}.workflow-opening-bottom{align-items:flex-start;flex-direction:column;gap:22px}.record-label{font-size:12px}.cinema-frame{width:calc(100% - 40px);min-height:400px;height:62svh}}
@media(max-width:760px){.dray-motion .header{height:85px}.dray-motion .header .brand-word{font-size:40px}.cinema-intro{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:25px}.cinema-intro .intro-label{font-size:13px;margin-bottom:24px}.cinema-intro h1{font-size:clamp(56px,10.7vw,80px);line-height:1.01}.cinema-intro-side{justify-self:start;max-width:500px}.cinema-intro-side>p:first-child{font-size:18px;max-width:350px}.cinema-intro-side .button{margin-top:23px;min-height:52px;font-size:15px}.cinema-stage{margin-top:16px;font-size:12px}.cinema-stage br{display:none}.cinema-frame{width:calc(100% - 24px);height:auto;aspect-ratio:1.1;min-height:0;border-radius:12px}.cinema-sticky{padding-top:12px}.cinema-topline{inset:16px 17px auto}.cinema-tag{font-size:12px;padding:6px 9px}.cinema-topline .motion-toggle{width:44px;height:44px}.cinema-overlay{inset:auto 22px 99px;gap:12px}.cinema-statement{font-size:52px}.cinema-kicker{font-size:12px;margin-bottom:13px}.cinema-follow>span:first-child{display:none}.cinema-follow-circle{width:45px;height:45px;font-size:22px}.film-strip{min-height:75px;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 22px}.film-chapters{font-size:13px;gap:23px}#film-provenance{font-size:12px;text-align:left}.cinema-footnote{text-align:left;font-size:12px;line-height:1.6;padding-top:13px}.workflow-opening{padding-top:65px;padding-bottom:45px}.workflow-opening h2{font-size:clamp(40px,8vw,59px)}.workflow-opening-bottom{margin-top:26px;gap:20px}.workflow-opening-bottom>p{font-size:17px;line-height:1.65}.story-sticky{padding-top:25px;padding-bottom:25px}.story-top{font-size:12px}.story-counter{font-size:12px}.story-nav{margin-top:20px;gap:3px}.story-nav>a{font-size:13px;gap:6px;min-height:49px;flex-direction:column;align-items:flex-start}.story-nav>a>span:nth-child(2){padding-right:7px;font-size:13px}.chapter-node{width:31px;height:31px;font-size:12px}.story-chapter{gap:26px;padding-block:32px}.story-copy h3{font-size:41px;line-height:1.07}.story-copy>p{font-size:16px;line-height:1.65;margin-top:20px}.story-proof{font-size:12px}.story-media{border-radius:9px}.media-toolbar{padding:12px;font-size:12px;gap:10px}.media-toolbar>span:last-child{font-size:12px}.compare-control{padding:6px 12px;gap:10px;flex-wrap:wrap}.compare-control label{font-size:12px;width:100%;padding-top:5px}.compare-control input{flex:1}.compare-control>span{font-size:21px}.comparison-seam:after{width:28px;height:28px;font-size:16px}.task-ticket{position:relative;right:auto;bottom:auto;min-width:0;border-radius:0;background:#edf2fa;padding:15px 17px;box-shadow:none}.task-visual{aspect-ratio:auto}.task-visual>img{height:auto;aspect-ratio:16/9;object-fit:cover}.task-ticket-title{font-size:16px}.task-ticket dl{margin-top:10px}.task-ticket dl>div{font-size:12px;padding:7px 0}.media-caption{padding:13px;font-size:12px}.verified-result{padding:13px;gap:9px}.verified-result strong{font-size:13px}.verified-result div>span{font-size:12px}.result-type{display:none}.story-bottom{flex-direction:column;align-items:flex-start;gap:11px;font-size:12px;padding-top:20px;margin-top:27px}.story-bottom a{min-height:35px}.dray-motion .work-section{padding-top:70px}.dray-motion .contact-section h2{font-size:clamp(48px,10vw,74px)}.dray-motion .contact-inner{padding-top:65px;padding-bottom:50px}}
@media(min-width:1000px) and (max-height:800px){.story-enhanced .story-sticky{padding-top:22px;padding-bottom:20px}.story-enhanced .story-nav{margin-top:17px;margin-bottom:18px}.story-enhanced .story-copy h3{font-size:clamp(32px,5.25svh,42px)}.story-enhanced .story-step{margin-bottom:16px}.story-enhanced .story-copy>p{font-size:16px;line-height:1.55;margin-top:18px}.story-enhanced .story-proof{margin-top:18px;padding-top:13px}.story-enhanced .story-bottom{margin-top:18px;padding-top:15px}}
@media(max-width:760px){.cinema-frame{aspect-ratio:auto;height:calc((100vw - 24px) * .5625 + 185px);background:var(--ink)}.cinema-poster,.cinema-frame .hero-video{height:calc((100vw - 24px) * .5625);object-fit:contain}.cinema-overlay{flex-direction:row;bottom:91px}.cinema-statement{font-size:37px}.cinema-statement br{display:none}.cinema-kicker{margin-bottom:10px;font-size:12px}.film-strip{background:var(--ink)}.cinema-frame:after{background:linear-gradient(180deg,transparent 0,transparent 43%,rgba(12,29,49,.18) 65%,rgba(12,29,49,.1) 100%)}#film-provenance{font-size:12px}.cinema-tag{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema-track,.story-track{scroll-behavior:auto}.cinema-frame{transform:none!important}.workflow-beams .beam-light{opacity:0}.hero-title-line>span{transform:none!important}}