@font-face{font-family:Editorial;src:url('/assets/font/InstrumentSerif-Regular.woff2')} .reel-hero{min-height:880px;height:100svh;max-height:1100px;background:#080d13;overflow:hidden;perspective:1800px}.reel-hero .hero-body{position:relative;z-index:4;padding-top:160px;padding-bottom:110px;pointer-events:none}.reel-hero .hero-body a{pointer-events:auto}.reel-hero h1{font-size:clamp(66px,6.7vw,106px);max-width:760px}.reel-hero .hero-description{max-width:380px}.reel-offer{margin-top:38px;display:grid;gap:5px;font-size:14px;color:#bac5cd}.reel-offer strong{color:white;font-weight:500;font-size:18px}.reel-stage{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#111918;transform-origin:right center;border:1px solid transparent;transition:width 1.6s cubic-bezier(.22,1,.36,1),height 1.6s,top 1.6s,right 1.6s,transform 1.6s,border-color 1.6s;box-shadow:0 40px 100px #0008}.reel-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d13e8 0%,#080d1370 50%,transparent);transition:opacity 1.5s;pointer-events:none}.showreel{width:100%;height:100%;object-fit:cover;object-position:65% center}.stage-chrome,.stage-copy,.stage-footer{position:absolute;z-index:2;opacity:0;transition:opacity .7s;left:0;right:0}.stage-chrome{top:0;display:flex;justify-content:space-between;padding:22px 25px;background:#0a100eda;border-bottom:1px solid #ffffff35;font-size:16px}.stage-name{font-weight:700}.stage-link{display:flex;align-items:center;gap:10px;font-size:13px}.stage-copy{top:29%;padding:0 30px}.stage-category{font-size:11px;letter-spacing:.13em}.stage-headline{font-size:clamp(34px,3.8vw,64px);max-width:85%;margin-top:22px;color:#ceff21}.stage-footer{bottom:0;padding:23px;background:#0a100eda;display:flex;justify-content:space-between;font-size:12px}.stage-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#050b118c,transparent);opacity:0;transition:opacity .8s}.reel-hero.designed .reel-stage{top:22%;right:4%;width:47%;height:64%;transform:rotateY(-8deg) rotateX(2deg);border-color:#ffffff60}.reel-hero.designed .reel-stage:after{opacity:0}.reel-hero.designed .stage-chrome,.reel-hero.designed .stage-copy,.reel-hero.designed .stage-footer,.reel-hero.designed .stage-gradient{opacity:1}.reel-hero.designed h1{font-size:clamp(60px,5.8vw,90px)}.reel-hero h1{transition:font-size 1.2s}.reel-hero.designed .hero-body{max-width:1320px}.reel-controls{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;z-index:5;color:#aebbc6}.motion-toggle{padding:12px 18px;background:#111c25;color:white;border:1px solid #ffffff40;min-height:44px;font-size:14px;letter-spacing:0}.reel-stage[data-world=mira] .stage-headline,.reel-stage[data-world=amara] .stage-headline{font-family:Editorial,Georgia,serif;font-weight:400;color:#fff5e8}.reel-stage[data-world=mira] .stage-chrome,.reel-stage[data-world=mira] .stage-footer{background:#682236}.reel-stage[data-world=amara] .stage-chrome,.reel-stage[data-world=amara] .stage-footer{background:#313d2c}.reel-stage[data-world=evelyn] .stage-headline{font-weight:750;letter-spacing:-.04em;color:#fff}.reel-stage[data-world=evelyn] .stage-chrome{background:#ac1726}.work{padding-top:100px}.motion-cover{position:relative;aspect-ratio:4/5;overflow:hidden;background:#10191f}.motion-cover>a{display:block;height:100%;position:relative}.cover-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05080a80 0%,transparent 55%,#05080a80)}.cover-brand{position:absolute;top:30px;left:30px;right:80px;font-size:25px;font-weight:600;line-height:1.2}.motion-cover h4{position:absolute;top:92px;left:30px;right:30px;font-size:clamp(35px,4vw,58px);font-weight:500;line-height:1;letter-spacing:-.04em;margin:0;max-width:380px}.cover-imani h4{color:#ccff19;font-weight:800;text-transform:uppercase}.cover-mira h4,.cover-amara h4,.cover-mira .cover-brand,.cover-amara .cover-brand{font-family:Editorial,Georgia,serif}.cover-evelyn h4{font-weight:800;text-transform:uppercase}.cover-cta{position:absolute;left:30px;bottom:30px;display:flex;align-items:center;gap:45px;background:#67d9f3;color:#071018;padding:17px 22px;font-weight:600;min-height:54px}.cover-toggle{position:absolute;right:20px;bottom:32px;z-index:3;padding:12px;background:#0b121bc9;color:white;border:1px solid #ffffff70;font-size:13px;min-height:44px}.experience-compare{margin-bottom:45px;display:grid;grid-template-columns:200px 1fr;gap:20px 40px;align-items:start}.experience-compare>div:first-child{display:grid;gap:10px}.experience-tab{border:1px solid #ffffff35;padding:17px;background:none;color:white;text-align:left;font-size:17px}.experience-tab.active{color:#67d9f3;border-color:#67d9f3}.experience-demo{height:330px;position:relative;overflow:hidden;border:1px solid #ffffff35}.compare-film{width:100%;height:100%;object-fit:cover;filter:brightness(.4)}.demo-overlay{position:absolute;inset:30px;display:flex;flex-direction:column;align-items:start;gap:20px;transition:transform 1s}.demo-overlay>span:first-child{font-size:12px;letter-spacing:.13em}.demo-overlay strong{font-size:40px;line-height:1.05}.demo-step{font-size:14px}.demo-workflow{position:absolute;right:25px;top:40%;display:flex;gap:12px;align-items:center;opacity:0;transform:translateX(60px);transition:all 1s}.demo-workflow span{background:#102530;border:1px solid #67d9f3;padding:12px;font-size:14px}.experience-demo[data-mode=immersive].demo-running .demo-overlay{transform:translateY(-12px) scale(.85);transform-origin:left top}.experience-demo[data-mode=immersive].demo-running .demo-workflow{opacity:1;transform:none}.experience-demo[data-mode=immersive].demo-running .compare-film{transform:scale(1.12);transition:transform 3s}.compare-play{position:absolute;bottom:18px;right:20px;border:1px solid #ffffff70;background:#0a111dcc;color:white;padding:12px;min-height:44px}.compare-caption{grid-column:2;font-size:15px;color:#bac5cd}.contact-float{right:15px}.closing{background:#11202c}.closing picture{display:none}
@media(max-width:1000px) and (min-width:701px){.reel-hero.designed h1{font-size:60px}.reel-stage .stage-headline{font-size:40px}.reel-hero .hero-body{width:90%}.reel-hero.designed .reel-stage{right:2%;width:43%}.experience-compare{grid-template-columns:140px 1fr}.demo-workflow{flex-direction:column;top:20%;gap:4px}}
@media(max-width:700px){.reel-hero{height:auto;min-height:1050px;justify-content:start}.reel-hero .hero-body{padding-top:145px;padding-bottom:0}.reel-hero h1,.reel-hero.designed h1{font-size:clamp(46px,12vw,72px)}.reel-hero .hero-description{font-size:18px;margin-top:22px}.reel-hero .hero-actions{flex-direction:row;gap:16px;align-items:center}.reel-hero .hero-actions .button{font-size:13px;padding:16px;gap:15px}.reel-hero .hero-actions .text-link{font-size:13px}.reel-offer{margin-top:23px}.reel-stage,.reel-hero.designed .reel-stage{top:590px;right:6%;width:88%;height:355px;transform:none;border-color:#ffffff45}.reel-stage:after{opacity:0}.stage-chrome,.stage-copy,.stage-footer,.stage-gradient{opacity:1}.stage-chrome{padding:15px 18px;font-size:16px}.stage-copy{padding:0 20px;top:30%}.stage-headline{font-size:38px;max-width:85%;margin-top:12px}.stage-category{font-size:10px}.stage-footer{padding:13px 18px;font-size:10px}.stage-detail{max-width:220px}.reel-controls{bottom:50px;font-size:9px;letter-spacing:.07em}.motion-toggle{padding:10px}.work{padding-top:50px}.motion-cover{aspect-ratio:4/5}.cover-brand{top:22px;left:22px;font-size:23px}.motion-cover h4{left:22px;right:22px;top:76px;font-size:38px;max-width:290px}.cover-cta{left:22px;bottom:22px;font-size:14px;padding:15px 18px;gap:28px}.cover-toggle{right:14px;bottom:24px;font-size:12px;padding:10px}.experience-compare{display:block}.experience-compare>div:first-child{display:flex;margin-bottom:20px}.experience-tab{flex:1}.experience-demo{height:380px}.demo-overlay{inset:22px}.demo-overlay strong{font-size:35px}.demo-workflow{top:auto;bottom:82px;left:20px;right:20px;gap:6px}.demo-workflow span{padding:8px;font-size:12px}.compare-caption{margin-top:16px}.stage-link svg{width:16px}.reel-hero .hero-body{z-index:2}}
@media(prefers-reduced-motion:reduce){.reel-stage,.reel-hero.designed .reel-stage{transition:none;transform:none}.cover-toggle,.motion-toggle,.compare-play{display:none}.demo-workflow,.demo-overlay,.compare-film{transition:none!important}}

@media(max-width:700px){.reel-hero{min-height:940px}.reel-hero .hero-body{padding-top:120px}.reel-hero .hero-description{margin-top:18px}.reel-hero .hero-actions{margin-top:20px}.reel-offer{margin-top:20px}.reel-stage,.reel-hero.designed .reel-stage{top:525px;height:310px}.reel-controls{bottom:48px}}
/* Full-screen film; fixed headline and no presentation frame. */
.reel-stage,.reel-hero.designed .reel-stage{inset:0;width:100%;height:100%;transform:none;border:0;box-shadow:none;transition:none}.reel-stage:after{opacity:1;background:linear-gradient(90deg,#080d13e6 0%,#080d1390 40%,#080d130a 75%),linear-gradient(0deg,#080d13e8,transparent 45%)}.reel-hero h1,.reel-hero.designed h1{font-size:clamp(66px,6.7vw,106px)}.reel-hero .showreel{object-position:70% center}.cover-mira .cover-film{object-position:83% center}.cover-evelyn .cover-film{object-position:65% center}.cover-evelyn h4{font-size:clamp(34px,3.2vw,48px);max-width:320px}.package-comparison{margin-bottom:40px}.package-comparison table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;text-align:left}.package-comparison caption{text-align:left;font-size:22px;margin-bottom:24px}.package-comparison th,.package-comparison td{padding:20px;border-bottom:1px solid #ffffff30;vertical-align:top}.package-comparison thead th{color:#67d9f3;font-weight:500}.package-comparison tbody th{font-weight:500;width:25%}.package-comparison td{width:37.5%;color:#cad2d8}.package-comparison th:first-child,.package-comparison td:first-child{padding-left:0}
@media(max-width:700px){.reel-hero{min-height:820px;height:100svh;max-height:none;justify-content:center}.reel-hero .hero-body{padding-top:130px;padding-bottom:130px}.reel-hero h1,.reel-hero.designed h1{font-size:clamp(46px,12vw,72px)}.reel-stage,.reel-hero.designed .reel-stage{inset:0;width:100%;height:100%;transform:none}.reel-stage:after{background:linear-gradient(180deg,#080d13a0,#080d1370 60%,#080d13e6),linear-gradient(90deg,#080d13b0,transparent)}.reel-controls{bottom:40px}.reel-hero .showreel{object-position:60% center}.package-comparison table{font-size:13px}.package-comparison th,.package-comparison td{padding:14px 8px}.package-comparison caption{font-size:21px}.cover-evelyn h4{font-size:34px;max-width:250px}}
/* Evelyn's work is the focal point; the entire whiteboard remains visible. */
.cover-evelyn{background:#10202c}.cover-evelyn .work-scene{position:absolute;top:35%;left:0;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.cover-evelyn .cover-shade{display:none}.cover-evelyn h4{font-size:clamp(28px,3vw,42px);top:88px;max-width:85%}.cover-evelyn .cover-brand{font-size:25px}.cover-evelyn .cover-cta{bottom:25px}
@media(max-width:700px){.cover-evelyn .cover-brand{font-size:22px}.cover-evelyn h4{top:67px;font-size:28px;max-width:85%;line-height:1.02}.cover-evelyn .work-scene{top:38%}.cover-evelyn .cover-cta{bottom:20px}}

/* Quiet cinematic motion carries the hero's quality through the portfolio and close. */
.cover-evelyn .work-scene-motion{transform:scale(1.045);transform-origin:58% 55%;animation:evelyn-drift 11s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
@keyframes evelyn-drift{from{transform:scale(1.045) translate3d(-.8%,0,0)}to{transform:scale(1.1) translate3d(1.2%,-1.2%,0)}}
.closing{min-height:560px;display:flex;align-items:center;overflow:hidden;background:#071018}
.closing-film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.08)}
.closing:after{background:linear-gradient(90deg,#071018f0 0%,#071018b8 48%,#07101865 100%),linear-gradient(0deg,#071018c7 0%,transparent 58%)}
@media(max-width:700px){.closing{min-height:520px}.closing-film{object-position:58% center}.closing:after{background:linear-gradient(180deg,#071018d9 0%,#0710189e 52%,#071018e8 100%),linear-gradient(90deg,#071018c4 0%,transparent 88%)}}
@media(prefers-reduced-motion:reduce){.cover-evelyn .work-scene-motion{animation:none;transform:none}.closing-film{display:none}}

/* Evelyn now uses the same real motion treatment as the other portfolio cards. */
.cover-evelyn .evelyn-film{top:35%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.cover-evelyn .cover-shade{display:block;background:linear-gradient(180deg,#081119 0%,#081119 31%,transparent 55%,#081119ad 100%)}
@media(max-width:700px){.cover-evelyn .evelyn-film{top:38%}}

/* Consistent portfolio action placement across all business cards. */
.motion-cover .cover-cta{left:22px;bottom:22px;min-height:54px;font-size:16px;padding:15px 18px;gap:28px}
.motion-cover .cover-toggle{top:16px;right:16px;bottom:auto}