:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#f5f5f7;background:#000000;font-synthesis:none;--orange:#f05225}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.rail:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:23px 5.5%;border-bottom:1px solid #ddd9;background:#f5f5f7de;backdrop-filter:blur(22px)}.wordmark{font-weight:800;letter-spacing:-1.8px;font-size:28px;white-space:nowrap}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:32px;font-size:14px;align-items:center}nav a:hover{color:var(--orange)}.social{border:1px solid #d4d4d6;border-radius:30px;padding:11px 18px}.social span{margin-left:16px}.intro{padding:55px 7% 42px;max-width:1600px;margin:auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;display:flex;gap:24px}.intro .eyebrow span+span{color:#777}.headline{display:flex;align-items:end;justify-content:space-between;gap:35px}h1{font-size:clamp(62px,7.5vw,115px);font-weight:650;line-height:.99;letter-spacing:-6px;margin:30px 0 15px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}h1 em{color:var(--orange)}.intro-note{width:230px;padding-bottom:20px;flex-shrink:0}.asterisk{font-size:52px;color:var(--orange);display:block;line-height:1}.intro-note p{font-size:18px;line-height:1.4;margin:15px 0 22px;color:#5d5d62}.intro-note a{font-size:14px;font-weight:600}.intro-note a span{padding-left:32px}.work{padding:34px 0 46px;overflow:hidden}.section-top{padding:0 7%;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}h2{margin:0;font-size:29px;letter-spacing:-1.1px;line-height:1.2}.section-top h2 span{color:#88888d}.section-top p{font-size:14px;color:#77777d;margin:10px 0 0}.arrows{display:flex;gap:8px}.arrows button,.modal-nav button{width:43px;height:43px;border:0;border-radius:50%;background:#e7e7e9;font-size:23px;transition:background .2s,transform .2s}.arrows button:hover,.modal-nav button:hover{background:#d9d9dc;transform:scale(1.06)}.arrows button:disabled{opacity:.3;cursor:default;transform:none}.rail{display:flex;gap:24px;overflow:auto;padding:7px 7% 20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.rail::-webkit-scrollbar{display:none}.project{flex:0 0 clamp(230px,23vw,330px);scroll-snap-align:center}.cover{aspect-ratio:9/16;border:0;padding:0;width:100%;display:block;position:relative;border-radius:20px;overflow:hidden;text-align:left;color:#fff;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;box-shadow:0 10px 20px #0000000c}.cover:hover{box-shadow:0 20px 35px #0002}.cover:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0%,#fff4,transparent 65%)}.cover.one{background:linear-gradient(155deg,#f26339,#db3211 55%,#582319)}.cover.two{background:linear-gradient(155deg,#264ace,#0b1752 60%,#0b112b)}.cover.three{background:linear-gradient(155deg,#d4f95a,#9dbe24 50%,#3b540d);color:#1c280a}.cover.four{background:linear-gradient(155deg,#d7b8ff,#9a72b4 60%,#38214d)}.cover-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px;font-weight:600}.cover-type{position:absolute;inset:20% 8% 24%;display:flex;flex-direction:column;justify-content:center;font-size:clamp(48px,5.3vw,80px);font-weight:750;letter-spacing:-.07em;line-height:.91}.cover-type em{font-size:1.13em}.two .cover-type{font-weight:500}.three .cover-type{font-weight:850;text-transform:uppercase;font-size:clamp(40px,4.6vw,68px)}.four .cover-type{font-weight:450}.cover-bottom{position:absolute;left:24px;right:24px;bottom:26px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.expand{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff2e;border:1px solid #ffffff38;font-size:25px;backdrop-filter:blur(8px)}.project-info{padding:17px 3px 0;display:flex;justify-content:space-between;gap:10px}.project-info h3{font-size:16px;letter-spacing:-.3px;margin:0 0 6px;font-weight:600}.project-info p{font-size:13px;color:#777;margin:0}.project-info>span{font-size:12px;color:#888;padding-top:2px}.rail-bottom{padding:14px 7% 0;display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:1px;color:#747478}.rail-bottom>span:nth-child(2){margin-left:auto}.rail-bottom>span:nth-child(2) span{padding-left:10px}.progress{width:90px;height:3px;background:#dedee2;overflow:hidden;border-radius:4px}.progress i{display:block;width:25%;height:100%;background:#222;transition:transform .2s}.draft-note{margin:24px 7% 0;font-size:13px;color:#777}.about{margin-top:30px;background:#171719;color:#f5f5f7;padding:72px 7% 85px}.about .eyebrow{color:#aaaab1}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:34px}.about h2{font-size:clamp(38px,4.8vw,68px);line-height:1.05;letter-spacing:-2.5px}.about h2 em{color:#fa744d}.about p{margin:0 0 17px;font-size:18px;line-height:1.6;color:#b8b8be;max-width:490px}.profile-link{display:inline-flex;gap:50px;margin-top:10px;padding-bottom:9px;border-bottom:1px solid #68686b;font-size:15px}footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:11px;letter-spacing:1.6px;color:#777}footer>a:last-child{font-size:14px}dialog{border:0;border-radius:28px;background:#f5f5f7;padding:34px;width:min(900px,94vw);max-height:92dvh;overflow:auto;box-shadow:0 30px 120px #0006}dialog::backdrop{background:#111b;backdrop-filter:blur(15px)}dialog[open]{animation:enter .3s ease-out}.close{position:absolute;right:18px;top:18px;z-index:2;border:0;border-radius:50%;background:#e5e5e7;width:38px;height:38px;font-size:18px}.modal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}.modal-cover .cover{max-height:75dvh;aspect-ratio:9/16;pointer-events:none}.modal-cover .cover-type{font-size:clamp(50px,6vw,80px)}.modal-copy h2{font-size:40px;margin:22px 0 15px}.modal-copy>p{color:#65656b;font-size:17px;line-height:1.55}.pending{border-top:1px solid #d6d6db;margin-top:28px;padding-top:22px}.pending>span{font-weight:600;font-size:15px}.pending p{font-size:14px;line-height:1.6;color:#777}.modal-nav{display:flex;align-items:center;gap:20px;margin-top:26px}.modal-nav span{font-size:13px;color:#777}@keyframes enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@media(min-width:1600px){.rail{justify-content:center}}@media(max-width:700px){header{padding:18px 6%}.wordmark{font-size:25px}nav{gap:17px;font-size:13px}nav .social{display:none}.intro{padding:35px 6% 18px}.eyebrow{font-size:10px;gap:13px;letter-spacing:1.1px}.headline{display:block}h1{font-size:clamp(58px,12vw,83px);letter-spacing:-3.5px;margin:24px 0}.intro-note{width:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0}.asterisk{font-size:39px}.intro-note p{font-size:14px;line-height:1.4;flex:1;margin:0}.intro-note a{font-size:12px;max-width:95px;line-height:1.8}.intro-note a span{padding-left:5px}.work{padding-top:37px}.section-top{padding:0 6%;gap:12px}h2{font-size:23px;letter-spacing:-.8px}.section-top h2 span{display:block}.section-top p{font-size:12px}.arrows button{height:36px;width:36px;font-size:21px}.rail{padding-left:6%;padding-right:6%;gap:17px}.project{flex-basis:69vw;max-width:315px}.cover-type{font-size:65px}.three .cover-type{font-size:58px}.rail-bottom{padding:12px 6% 0;gap:15px;font-size:10px}.progress{width:45px}.draft-note{font-size:12px;margin-left:6%;margin-right:6%;line-height:1.5}.about{padding:48px 6%}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.about h2{font-size:47px}.about p{font-size:16px}footer{padding:28px 6%;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:10px}.modal-layout{grid-template-columns:1fr;gap:22px}dialog{padding:24px}.modal-cover{max-width:220px;margin:auto;width:100%}.modal-cover .cover-type{font-size:53px}.modal-cover .cover-top{top:17px;left:17px;right:17px;font-size:10px}.modal-cover .cover-bottom{left:17px;right:17px;bottom:17px}.modal-copy h2{font-size:28px;margin:15px 0}.modal-copy .eyebrow{margin-top:5px}.pending{margin-top:18px;padding-top:18px}.modal-nav{margin-top:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Featured film: media loads only when its viewer is opened. */
[hidden]{display:none!important}
.video-cover img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:-2}
.video-cover:before{background:linear-gradient(180deg,#0009,transparent 28%,transparent 65%,#000a);z-index:-1}
.video-cover .cover-top,.video-cover .cover-bottom{color:#fff;text-shadow:0 1px 8px #0008}
.play-icon{font-size:17px;padding-left:3px}
.modal-cover video{display:block;width:100%;max-height:75dvh;aspect-ratio:512/910;object-fit:contain;background:#101012;border-radius:18px}
.video-error{font-size:14px;line-height:1.5;color:#9e241c}
@media(max-width:700px){.modal-cover:has(video){max-width:100%}.modal-cover video{max-height:65dvh}.video-cover .cover-top{font-size:12px}.section-top p{line-height:1.5}}

.video-cover .cover-bottom{justify-content:flex-end}
.cover,.modal-cover .cover{aspect-ratio:var(--card-ratio,9/16);border-radius:var(--card-radius,20px);border:var(--card-border,0 solid transparent);box-shadow:var(--card-shadow,0 10px 20px #0000000c)}.cover:hover{box-shadow:var(--card-hover-shadow,0 20px 35px #0002)}.video-cover{background:var(--card-bg,#101012)}.video-cover img{object-fit:var(--image-fit,cover);object-position:var(--image-position,50% 50%)}.video-cover:before{background:linear-gradient(180deg,#000,transparent 28%,transparent 65%,#000);opacity:var(--card-overlay,.65)}.video-cover .cover-top,.video-cover .cover-bottom{text-shadow:var(--label-shadow,0 1px 8px #0008)}.cover:not(.video-cover):before{opacity:var(--card-overlay,.65)}h1{font-size:clamp(28px,var(--headline-fluid,7.5vw),var(--headline-size,115px));font-family:var(--headline-font,inherit);color:var(--headline-color,#191919);text-align:var(--headline-align,left);letter-spacing:-.05em;overflow-wrap:anywhere}.headline{min-width:0}.headline h1{flex:1;min-width:0}header{flex-wrap:wrap;gap:15px}header .wordmark{max-width:100%;white-space:normal;overflow-wrap:anywhere}header nav{flex-wrap:wrap}header .wordmark span{font-size:.43em}header nav a{overflow-wrap:anywhere}.cover-top{gap:8px}.cover-top>span{overflow-wrap:anywhere}.cover-top>span:last-child{margin-left:auto}.project-info>div{min-width:0}.project-info h3,.project-info p{overflow-wrap:anywhere}@media(max-width:700px){h1{font-size:clamp(28px,var(--headline-mobile-fluid,12vw),var(--headline-mobile,83px))}header.mobile-social nav .social{display:block}}
:root{background:var(--page-bg,#f5f5f7);color:var(--page-text,#191919);font-family:var(--body-font,-apple-system,BlinkMacSystemFont,Arial,sans-serif)}body{background:var(--page-bg,#f5f5f7);color:var(--page-text,#191919)}.intro-note p,.section-top p,.project-info p,.project-info>span,.draft-note,.rail-bottom,.intro .eyebrow span+span{color:var(--muted-text,#77777d)}.about{background:var(--about-bg,#191919);color:var(--about-text,#fff)}.about-copy{font-size:20px;line-height:1.6;margin-bottom:25px;color:var(--about-text,#fff)}.about .eyebrow{color:var(--about-text,#fff)}dialog#viewer{background:var(--viewer-bg,#000);color:var(--viewer-text,#f5f5f7)}.modal-copy>p,.pending p,.pending>span,.modal-nav span{color:var(--viewer-text,#191919)}.label-copy{font-size:inherit!important;vertical-align:baseline!important;letter-spacing:inherit!important;margin:0!important;padding:0!important}.label-emoji{margin-left:.35em}.wordmark .label-emoji{font-size:.43em}#work-title .title-main{color:inherit}#work-title .title-secondary{color:var(--muted-text,#77777d)}.styled-emoji{display:inline-block;font-size:inherit!important;line-height:inherit;vertical-align:baseline!important;margin:0!important;padding:0!important;letter-spacing:normal!important}.thumbnail-video{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--image-fit,cover);object-position:var(--image-position,50% 50%);z-index:-2;opacity:0;pointer-events:none}.thumbnail-video.preview-playing{opacity:1}.video-cover img{pointer-events:none}.rail.looping{scroll-snap-type:none;scroll-behavior:auto;justify-content:flex-start;overflow-anchor:none;cursor:grab}.rail.looping:active{cursor:grabbing}.rail.looping .project{scroll-snap-align:none}.rail .project{user-select:none}.rail-bottom{flex-wrap:wrap}.pause-motion{font:inherit;font-size:13px;border:1px solid currentColor;border-radius:20px;padding:7px 12px;color:inherit;background:transparent;cursor:pointer}.motion-ready{transition:opacity var(--motion-duration,800ms) ease,transform var(--motion-duration,800ms) cubic-bezier(.2,.7,.2,1)}.motion-ready[data-motion=fade]:not(.motion-visible),.motion-ready[data-motion=rise]:not(.motion-visible),.motion-ready[data-motion=slide]:not(.motion-visible),.motion-ready[data-motion=zoom]:not(.motion-visible){opacity:0}.motion-ready[data-motion=rise]:not(.motion-visible){transform:translateY(22px)}.motion-ready[data-motion=slide]:not(.motion-visible){transform:translateX(-24px)}.motion-ready[data-motion=zoom]:not(.motion-visible){transform:scale(.94)}span.motion-ready{display:inline-block}.motion-visible[data-motion=float]{animation:gentle-float 5s ease-in-out infinite}.motion-paused [data-motion]{animation-play-state:paused!important}.motion-paused .motion-ready{opacity:1!important;transform:none!important}@keyframes gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:700px){#work-title .title-main{display:inline}.about-copy{font-size:16px}.rail-bottom{font-size:12px}.pause-motion{font-size:12px}}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.thumbnail-video{display:none}}
main>section{position:relative}.heading-surface{padding:28px 0 0}.heading-surface .section-top{margin-bottom:0}.custom-section-heading{padding:16px 7%;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.custom-section-heading h2{flex:1}.custom-section-heading p{width:100%;color:var(--muted-text);white-space:pre-line}.content-surface{min-height:320px;padding:36px 0}.free-elements{position:absolute;inset:0;pointer-events:none;overflow:visible}.placed-element{position:absolute;pointer-events:auto;max-width:calc(100% - 12px);line-height:1.35;overflow-wrap:anywhere}.placed-element img{width:100%;height:auto;display:block;border-radius:8px}.placed-element a{color:inherit}.placed-button{display:inline-block;padding:.6em 1em;border-radius:12px;text-decoration:none}.section-edit-handle{display:none}.sectional-view main>section:not([hidden]){outline:2px dashed #9b111e;outline-offset:-3px;margin-block:20px;min-height:140px}.sectional-view .section-edit-handle{display:block;position:relative;z-index:4;left:12px;top:0;padding:8px 12px;border:1px solid #9b111e;border-radius:8px;background:#111;color:white;font-size:13px;touch-action:none;cursor:grab}.sectional-view .placed-element{outline:1px dashed #fff8;cursor:move;touch-action:none}.sectional-view .free-elements{z-index:3}.cover.one{background:linear-gradient(155deg,#9b111e,#600916 55%,#24070b)}.cover.two{background:linear-gradient(155deg,#26161b,#120e12 60%,#08080a)}.cover.three{background:linear-gradient(155deg,#55242b,#251015 50%,#0c0809);color:#fff}.cover.four{background:linear-gradient(155deg,#482331,#231017 60%,#0a080a)}.arrows button,.modal-nav button{background:#26262b;color:#fff}.arrows button:hover,.modal-nav button:hover{background:#38383e}.close{color:var(--viewer-text,#f5f5f7)}dialog#viewer{width:min(850px,94vw);max-height:92dvh;padding:26px;overflow:hidden}.modal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}.modal-cover{width:100%;min-width:0}.modal-cover video{height:min(56dvh,520px);max-height:56dvh;width:100%;aspect-ratio:4/5;object-fit:contain}.modal-copy{min-width:0}.modal-copy h2{font-size:clamp(20px,3vw,34px);margin:12px 0;overflow-wrap:anywhere}.modal-copy>p{font-size:15px;line-height:1.45;margin:10px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal-copy>p.expanded{display:block;max-height:20dvh;overflow:auto}.description-toggle{border:0;background:transparent;color:inherit;text-decoration:underline;padding:4px 0;font-size:14px;cursor:pointer}.modal-nav{margin-top:15px}.original-post{display:block;margin-top:12px;font-size:14px}.pending{margin-top:14px;padding-top:12px}@media(max-width:700px){dialog#viewer{padding:18px}.modal-layout{grid-template-columns:1fr;gap:8px}.modal-cover{max-width:220px;margin:auto}.modal-cover video{height:34dvh;max-height:34dvh;aspect-ratio:4/5}.modal-copy h2{font-size:21px;margin:8px 0}.modal-copy>p{font-size:14px;-webkit-line-clamp:3}.modal-copy>p.expanded{max-height:12dvh}.modal-nav{margin-top:10px}.modal-nav button{width:34px;height:34px}.modal-copy .eyebrow{font-size:12px}.original-post{margin-top:6px}.custom-section-heading{padding-inline:6%}}
.modal-copy h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
header{border-bottom-color:var(--separator-color)!important;border-bottom-width:var(--separator-width)!important}.about,footer,.pending,.custom-section-heading{border-color:var(--separator-color)!important}footer,.pending{border-top-width:var(--separator-width)!important}.video-cover img,.thumbnail-video{transform:scale(var(--media-zoom,1));transform-origin:var(--image-position,50% 50%)}.project .cover{transform:perspective(1000px) rotateY(var(--video-tilt,0deg)) rotateZ(var(--video-roll,0deg));transition:box-shadow .3s}.project .cover:hover{transform:perspective(1000px) rotateY(var(--video-tilt,0deg)) rotateZ(var(--video-roll,0deg))}.playback-frame{aspect-ratio:var(--card-ratio,9/16);max-height:54dvh;width:100%;overflow:hidden;border-radius:var(--card-radius,18px);background:var(--card-bg,#000);border:var(--card-border,0)}.playback-frame video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:var(--image-fit,contain);object-position:var(--image-position,50% 50%);transform:scale(var(--media-zoom,1));transform-origin:var(--image-position,50% 50%);border-radius:0}.intro.scroll-story{padding:0;max-width:none;width:100%;height:var(--story-height,100svh);position:relative}.intro.scroll-story>.eyebrow,.intro.scroll-story>.headline{display:none}.story-stage{position:sticky;top:var(--story-top,80px);height:calc(100svh - var(--story-top,80px));overflow:hidden}.story-title{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;width:min(88%,1100px);text-align:center;font-family:var(--headline-font);font-size:clamp(30px,var(--headline-fluid,7.5vw),var(--headline-size,115px));line-height:1.1;letter-spacing:-.04em;white-space:pre-line;will-change:transform,opacity;overflow-wrap:anywhere}.story-skip{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#fff;color:#111;padding:12px 23px;font-size:14px;font-weight:500;border-radius:999px;z-index:2;white-space:nowrap}.intro.story-reduced{height:auto}.story-reduced .story-stage{position:relative;top:0;height:auto;min-height:60svh;padding:60px 6% 100px}.story-reduced .story-title{position:relative;left:auto;top:auto;width:100%;margin:40px 0}.enable-tilt{position:fixed;bottom:18px;right:18px;z-index:6;border:1px solid var(--separator-color);background:#18181c;color:#fff;padding:9px 14px;border-radius:99px;font-size:13px;cursor:pointer}.extra-social-links,.contact-socials{display:flex;flex-wrap:wrap;gap:16px}.extra-social-links{font-size:14px}.contact-content,.live-content,.stats-content{padding:45px 7%}.contact-content h2,.live-content>h2,.stats-content>h2{font-size:clamp(28px,4vw,48px);margin-bottom:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-grid.stacked{grid-template-columns:1fr}.contact-grid article,.live-grid article{border:var(--separator-width,1px) solid var(--separator-color,#333);border-radius:var(--contact-radius,20px);padding:25px;min-width:0}.contact-grid h3{font-size:20px;line-height:1.4;margin:0 0 12px}.contact-grid p{line-height:1.6;opacity:.85}.contact-grid a{overflow-wrap:anywhere;font-size:16px}.contact-socials{margin-top:28px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.live-grid h3{font-size:16px;font-weight:500;color:var(--muted-text)}.live-grid a{font-size:21px;line-height:1.4;display:block}.live-grid small,.stats-note{color:var(--muted-text);line-height:1.6}.stats-note{font-size:14px;margin-bottom:25px}.stats-empty{padding:30px;border:var(--separator-width,1px) solid var(--separator-color);border-radius:18px;line-height:1.6}.stats-rail{padding-inline:0}.metric-card{padding:25px;border:var(--separator-width,1px) solid var(--separator-color);border-radius:20px;background:var(--about-bg);min-width:270px}.metric-card>span{text-transform:capitalize;color:var(--muted-text);font-size:14px}.metric-card h3{font-size:17px;margin:14px 0}.metric-card strong{font-size:42px}.metric-card svg{width:100%;margin-top:25px}.metric-card p,.metric-card a{font-size:13px;color:var(--muted-text)}main>section{scroll-margin-top:100px}@media(max-width:700px){.story-title{font-size:clamp(30px,10vw,var(--headline-mobile,83px))}.contact-grid,.live-grid{grid-template-columns:1fr}.contact-content,.live-content,.stats-content{padding:32px 6%}.extra-social-links{width:100%;font-size:13px;gap:14px}.playback-frame{max-height:34dvh;max-width:220px;margin:auto}.enable-tilt{bottom:12px;right:12px}}
.playback-frame{width:min(100%,calc(50dvh * var(--frame-ratio,.5625)));max-height:none;height:auto;margin:auto;aspect-ratio:var(--card-ratio,9/16)}.player-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}.player-controls button{font-size:12px;background:#26262b;border:0;color:#fff;border-radius:8px;padding:7px;cursor:pointer}.player-controls input{min-width:65px;flex:1;width:70px;accent-color:var(--orange)}@media(max-width:700px){.modal-cover{max-width:100%}.playback-frame{width:min(100%,calc(30dvh * var(--frame-ratio,.5625)));max-width:none;max-height:none}.player-controls{gap:5px;margin-top:6px}.player-controls button{font-size:11px;padding:6px}}

/* Full-screen project surface; only the video is cropped. */
dialog#viewer{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:64px max(24px,5vw) 24px;overflow:auto}
#viewer .close{position:fixed;top:max(16px,env(safe-area-inset-top));right:20px;background:#fff;color:#000;z-index:10}
#viewer .modal-layout{min-height:100%;align-content:center}
#viewer .modal-copy h2,#viewer .modal-copy>p{display:block;overflow:visible;-webkit-line-clamp:unset;max-height:none}
#viewer .playback-frame{width:min(100%,calc(var(--player-height,70dvh) * var(--frame-ratio,.75)));max-width:none;max-height:none}
@media(max-width:700px){dialog#viewer{padding:60px 20px max(20px,env(safe-area-inset-bottom))}#viewer .modal-layout{min-height:0;gap:16px}#viewer .modal-copy h2{font-size:22px}#viewer .modal-copy>p{font-size:14px;line-height:1.45}.modal-cover{width:100%}}

.story-stage{height:min(65svh,var(--story-height,65svh))}.section-resize-handle{display:none}.sectional-view .section-resize-handle{display:block;position:absolute;bottom:0;left:0;width:100%;height:28px;z-index:8;border:0;border-top:2px solid #9b111e;background:#171719;color:white;font-size:12px;touch-action:none;cursor:ns-resize}.sectional-view main>section{padding-bottom:32px}.sectional-view .intro.scroll-story{padding-bottom:0}

@font-face{font-family:InterVariable;src:url('/media/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}.story-title{font-family:InterVariable,-apple-system,sans-serif;font-weight:200}.story-title span:not([style*="font-weight"]){font-weight:inherit}.story-stage{height:var(--story-stage-height,65svh)}.rail-bottom .progress{display:none}header nav{flex-wrap:wrap;justify-content:flex-end}.header-extra{flex-basis:100%;font-size:14px;text-align:right;white-space:pre-line}.project .cover:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at var(--reflection-x,50%) 20%,#fff9,transparent 65%);opacity:var(--reflection-opacity,0);mix-blend-mode:screen}.metric-card{background:#111115;border-color:#292931}.metric-card svg{height:125px}.metric-change{font-size:14px;color:#9ed8b8;margin-top:12px}.chart-period{font-size:12px;display:flex;justify-content:space-between;color:var(--muted-text)}

.chart-periods{display:flex;gap:8px;margin:0 0 18px}.chart-periods button{border:1px solid #444;background:#18181d;color:#ddd;border-radius:99px;padding:8px 14px}.chart-periods button.active{background:#fff;color:#111}

.story-phone{position:absolute;left:50%;top:46%;width:min(88vw,680px);height:95%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;--poster-color:transparent;z-index:0}.story-title{z-index:1}.sectional-view .section-resize-handle,.sectional-view .section-edit-handle{border-color:#319b64}.sectional-view main>section:not([hidden]){outline-color:#319b64}

.story-phone{transform:translate(-50%,-50%);max-width:95%;max-height:95%}.story-stage{overflow:hidden}.story-title{top:40%}.story-skip{bottom:108px}.intro-work-peek{position:absolute;left:0;right:0;bottom:0;height:80px;display:flex;gap:16px;justify-content:center;overflow:hidden;z-index:2;padding-top:6px}.intro-work-peek img{width:clamp(95px,18vw,170px);height:250px;object-fit:cover;object-position:top;border-radius:18px 18px 0 0;flex-shrink:0}.project .cover:after{background:radial-gradient(ellipse at var(--reflection-x,50%) 30%,rgb(255 255 255 / var(--reflection-intensity,.65)),transparent var(--reflection-softness,65%))}.player-controls{background:#ffffff12;border:1px solid #ffffff20;border-radius:99px;padding:5px 10px;backdrop-filter:blur(18px);flex-wrap:nowrap}.player-controls button{background:transparent;border-radius:50%;font-size:21px;min-width:36px;height:36px;padding:0}.player-controls input{accent-color:#fff;height:3px}.sectional-view .section-resize-handle{border-color:#9b2335}.sectional-view main>section:not([hidden]){outline-color:#9b2335;overflow-anchor:none}.direct-edit-mode a,.direct-edit-mode h1,.direct-edit-mode h2,.direct-edit-mode h3,.direct-edit-mode p,.direct-edit-mode .story-title{cursor:pointer}.direct-edit-mode :is(a,h1,h2,h3,p,.story-title):hover{outline:1px dashed #d78e9a;outline-offset:3px}

/* The real video section, anchored below the intro, with no duplicate cards. */
.story-skip{bottom:28px}.intro-docked{position:relative;z-index:3;will-change:transform;background:var(--page-bg)}.intro.scroll-story{z-index:2}.story-stage{background:var(--page-bg)}.intro-docked .custom-section-heading:has(h2[hidden]):has(p[hidden]){display:none}.story-phone{transition:filter .08s linear}

/* Clip the entire composited card, including its reflection. */
.project .cover{border-radius:var(--card-radius,20px);clip-path:inset(0 round var(--card-radius,20px));overflow:hidden;backface-visibility:hidden;transform-style:flat}.project .cover:after,.project .cover:before{border-radius:inherit;pointer-events:none}.rail{display:block}.rail-track{display:flex;gap:inherit;width:max-content;will-change:transform}.rail-track>.project{width:clamp(230px,23vw,330px);flex:none}.parallax-media{position:absolute;inset:0;z-index:-2;pointer-events:none;transform-origin:50% 50%;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) scale(var(--parallax-scale,1))}.rail[data-parallax=true] .parallax-media{will-change:auto}.story-scroll-group{position:relative}.story-sticky-surface{position:sticky;top:var(--story-top,80px)}.story-sticky-surface>.intro.scroll-story{height:var(--story-stage-height);z-index:auto}.story-sticky-surface .story-stage{position:relative;top:0}.story-sticky-surface .work{transform:none!important}.story-sticky-surface .heading-surface{background:var(--page-bg)}.story-sticky-surface .story-phone{width:100%;height:100%;max-width:none;max-height:none}.story-phone{will-change:opacity}.intro-docked{will-change:auto}.story-stage{isolation:isolate}

.rail-track{position:relative}.story-sticky-surface>.heading-surface{padding-top:16px;padding-bottom:0}.story-sticky-surface>.work{padding-top:16px}

/* Only flatten the card's 3D rotation; its photo keeps live parallax while scrolling. */
.rail[data-interaction] .project .cover{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.rail[data-interaction=manual] .project .cover,.rail[data-interaction=manual] .project .cover:hover{transform:perspective(1000px) rotateY(0deg) rotateZ(0deg)}
.rail[data-interaction=restoring] .project .cover{transition-duration:.3s}
@media(prefers-reduced-motion:reduce){.rail[data-interaction] .project .cover{transition:none!important}}

.project .cover{-webkit-mask-image:linear-gradient(#fff,#fff)}

@media(max-width:700px){.rail-track>.project{width:69vw;max-width:315px}}

/* Let the compositor promote the moving rail, not every repeated image. */
.rail .project .cover img,.rail .thumbnail-video{will-change:auto}
.story-phone{transition:none}
.story-title[data-inactive="true"]{will-change:auto}

.story-title{display:block}
/* One rounded clip, with a translated reflection rather than repainting a gradient. */
.project .cover{-webkit-mask-image:none}
.project .cover:after{inset:-20%;border-radius:0;background:radial-gradient(ellipse at 50% 30%,rgb(255 255 255 / var(--reflection-intensity,.65)),transparent var(--reflection-softness,65%));transform:translate3d(calc((var(--reflection-x,50%) - 50%) * .5),0,0);mix-blend-mode:normal}
@media(hover:none) and (pointer:coarse){
 header,.expand{backdrop-filter:none;-webkit-backdrop-filter:none}
 .expand{background:#303034cc}
 .cover:hover{box-shadow:var(--card-shadow,0 10px 20px #0000000c)}
}

.story-line{display:block;line-height:1.15}.story-line+.story-line{margin-top:.2em}

/* Explicit smaller lines must not inherit headline tracking on wide screens. */
@media(min-width:701px){.story-line+.story-sized-line{margin-top:.7em;line-height:1.35}.story-line{text-wrap:balance}}


html{overflow-anchor:none}.story-sticky-surface .rail .project{opacity:1!important;visibility:visible!important}

.signature-behind-phone{position:absolute;left:50%;z-index:0;pointer-events:none;white-space:pre-line;text-align:center;will-change:transform}.story-phone{z-index:1}.story-title{z-index:2}

/* Shared brand hover treatment, including custom social links. */
.wordmark,.extra-social-links a,.contact-socials a{transition:color .2s ease}
@media(hover:hover){header .wordmark:hover,header .wordmark:hover *,header nav a:hover,.extra-social-links a:hover,.contact-socials a:hover{color:var(--orange)!important}}
header .wordmark:focus-visible,.extra-social-links a:focus-visible,.contact-socials a:focus-visible{color:var(--orange)}
/* Fade illumination before the render viewport ends, without a blurred box. */
.story-phone,.phone-editor-view model-viewer{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
html.is-pinching .rail-track,html.is-pinching .cover img,html.is-pinching .thumbnail-video{will-change:auto!important}
html.is-pinching header{backdrop-filter:none;-webkit-backdrop-filter:none}

.identity-block{position:relative;z-index:5;line-height:1.5;margin-bottom:24px;letter-spacing:normal;text-transform:none}.story-stage>.identity-block{position:absolute;top:12px;left:6%;right:6%;margin:0;pointer-events:none}.identity-block [data-identity-field=name]{font-weight:600}.identity-block [data-identity-field=role]{font-weight:400}

.direct-edit-mode .story-stage>.identity-block{pointer-events:auto}
.party-controls{position:absolute;bottom:8px;left:5%;right:5%;z-index:7;text-align:center}.party-controls button{background:#ffffff12;color:var(--page-text,#fff);border:1px solid #ffffff30;border-radius:999px;padding:8px 16px;font:500 13px system-ui;cursor:pointer}.party-controls p{max-width:460px;margin:6px auto 0;color:var(--muted-text,#aaa);font:12px/1.35 system-ui}.has-party .story-skip{bottom:102px}.party-controls button:focus-visible{outline:2px solid white;outline-offset:3px}

.immersive-controls{display:contents}
.immersive-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.immersive-controls .intro-action{border:0;min-height:44px;max-width:calc(100% - 32px);font-family:inherit;cursor:pointer;touch-action:manipulation}
.immersive-button-label{pointer-events:none;font-size:14px;font-weight:500}
.immersive-controls .intro-action[data-intro-action=immersive]{background:var(--orange,#8d1525);color:#fff}
.immersive-controls .intro-action[data-intro-action=skip]{background:#fff;color:#000}
.immersive-controls .intro-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.immersive-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));height:auto;max-height:calc(100svh - 48px);margin:auto;padding:28px;border:1px solid #ffffff24;border-radius:30px;background:#18181cf5;color:#f5f5f7;box-shadow:0 24px 80px #0008;overflow:auto;font:16px/1.5 system-ui;text-align:left}
.immersive-dialog::backdrop{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.immersive-dialog h2{margin:0 0 10px;font-size:24px;letter-spacing:-.5px;line-height:1.2}
.immersive-dialog p{margin:0 0 16px}.immersive-dialog .permission-detail{font-size:14px;color:#b7b7bf}.immersive-dialog .immersive-result{font-size:14px;color:#fff}
.immersive-actions{display:grid;gap:10px;margin-top:22px}.immersive-actions button{min-height:46px;padding:12px 16px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0d;color:#fff;font:500 15px system-ui;cursor:pointer}.immersive-actions [data-immersive=sound]{background:var(--orange,#8d1525);border-color:transparent}.immersive-actions [data-immersive=cancel]{background:transparent;border-color:transparent;color:#b7b7bf}.immersive-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}.immersive-actions button:disabled{opacity:.5;cursor:wait}.immersive-actions [hidden]{display:none}

.immersive-controls .intro-action.intro-roll{background:var(--orange,#8d1525);padding:0;perspective:700px;overflow:hidden;border-radius:999px;isolation:isolate}
.intro-pill-rotor{display:grid;transform:none;pointer-events:none;background:var(--orange,#8d1525)}
.intro-action[data-intro-action=skip] .intro-pill-rotor{transform:none;background:#fff}
.intro-pill-face{grid-area:1/1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 23px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.intro-pill-front{background:var(--orange,#8d1525);color:#fff;transform:translateY(0) rotateX(0);transform-origin:50% 100%}
.intro-pill-back{background:#fff;color:#000;transform:translateY(100%) rotateX(-20deg);transform-origin:50% 0}
.intro-action[data-intro-action=skip] .intro-pill-front{transform:translateY(-100%) rotateX(20deg)}
.intro-action[data-intro-action=skip] .intro-pill-back{transform:translateY(0) rotateX(0)}
.intro-roll-ready .intro-pill-face{transition:transform 1.25s cubic-bezier(.22,.61,.36,1)}
.intro-roll-ready .intro-pill-rotor{transition:background-color 1.25s cubic-bezier(.22,.61,.36,1)}
.intro-action.intro-roll:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#00000018,transparent 28%,transparent 70%,#00000018)}

@media(prefers-reduced-motion:reduce){.intro-roll-ready .intro-pill-face,.intro-roll-ready .intro-pill-rotor{transition:none}}

/* Keep media in the rounded card's positive stacking context on Safari. */
.video-cover .parallax-media{z-index:0}
.video-cover .parallax-media img,.video-cover .parallax-media video{z-index:auto}
.video-cover:before{z-index:1;pointer-events:none}
.video-cover .cover-top,.video-cover .cover-bottom{z-index:2}

/* Landscape films keep a generous widescreen frame across device formats. */
.extra-video-section[data-section-aspect=landscape] .rail-track>.project,
.extra-video-section[data-section-aspect=standard-4-3] .rail-track>.project{width:clamp(320px,44vw,680px)}
@media(max-width:700px){.extra-video-section[data-section-aspect=landscape] .rail-track>.project,.extra-video-section[data-section-aspect=standard-4-3] .rail-track>.project{width:86vw;max-width:none}}

.preview-add-video{margin:12px 7% 20px;padding:12px 20px;border:1px solid #ffffff24;border-radius:999px;background:var(--orange,#9b111e);color:#fff;font:inherit;font-size:16px}

/* Touch selection is not a keyboard focus ring. Keep keyboard focus visible. */
html[data-input-modality="pointer"] .rail:focus-visible,
html[data-input-modality="pointer"] .rail .cover:focus-visible{outline:none}
dialog#viewer::backdrop{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}

/* The scrolling surface itself never has a selection border. Keyboard focus
   is indicated on its individual controls, without latching the whole row. */
.rail:focus,.rail:focus-visible{outline:none}
.rail button:focus-visible,.rail a:focus-visible{outline-color:#fff}
html:has(#viewer[open]),body:has(#viewer[open]){background:#000}
#viewer .playback-frame,#viewer .playback-frame video{background:#000}

/* A viewing-first layout: more width for landscape films, a full-width player
   above the description on portrait iPad, and no leftover thumbnail caps. */
dialog#viewer{padding:56px clamp(16px,3vw,48px) max(16px,env(safe-area-inset-bottom))}
#viewer .modal-cover{width:100%;max-width:none;min-width:0}
#viewer .modal-copy{min-width:0}
#viewer[data-viewer-layout="side"] .modal-layout{grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:clamp(20px,3vw,44px)}
#viewer[data-viewer-layout="stacked"] .modal-layout{grid-template-columns:minmax(0,1fr);min-height:0;align-content:start;gap:20px}
#viewer[data-viewer-layout="stacked"] .modal-copy{width:100%;max-width:1000px;margin-inline:auto}
#viewer .playback-frame{width:min(100%,calc(var(--player-height,75dvh) * var(--frame-ratio,.75)));margin-inline:auto}
#viewer .player-controls{width:100%;max-width:none;box-sizing:border-box}
@media(orientation:landscape) and (max-height:600px){
 dialog#viewer{padding-top:48px;padding-bottom:12px}
 #viewer[data-viewer-layout="side"] .modal-copy{font-size:14px;max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain}
 #viewer[data-viewer-layout="side"] .modal-copy h2{font-size:clamp(22px,3vw,34px);margin:12px 0}
 #viewer[data-viewer-layout="side"] .modal-copy>p{font-size:14px;line-height:1.45}
 #viewer .modal-nav{margin-top:16px}
}

/* One compact banner owns project navigation and options. */
dialog#viewer{padding-top:0}
#viewer .viewer-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:68px;padding-block:10px;background:#000e;border-bottom:1px solid #ffffff18;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#viewer .viewer-toolbar-title{font-size:19px;font-weight:650;letter-spacing:-.4px;margin-right:auto;color:#fff}
#viewer .viewer-navigation{display:flex;align-items:center;gap:8px;font-size:12px;color:#c7c7ce}
#viewer .viewer-navigation button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0c;color:#fff;cursor:pointer}
#viewer .viewer-navigation button{font-size:27px;line-height:1}
#viewer .viewer-toolbar .close{position:static;flex-shrink:0;width:36px;height:36px;font-size:16px}
#viewer .viewer-toolbar button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#viewer .modal-layout{min-height:0;padding-top:clamp(24px,3vh,44px)}
@media(max-width:430px){#viewer .viewer-toolbar{gap:8px;min-height:64px}#viewer .viewer-toolbar-title{font-size:17px}#viewer .viewer-navigation{gap:4px;font-size:11px}#viewer .viewer-navigation button{width:30px;height:30px}#viewer .viewer-toolbar .close{width:32px;height:32px}}
@media(orientation:landscape) and (max-height:600px){#viewer .viewer-toolbar{min-height:48px;padding-block:6px}#viewer .modal-layout{padding-top:12px}#viewer[data-viewer-layout="side"] .modal-copy{max-height:calc(100dvh - 84px)}}
/* Handwritten cues share the live placement surface. */
.story-stage>.free-elements{z-index:12}.animated-lettering{display:block;width:100%;color:inherit;pointer-events:none}.animated-lettering[data-texture=chalk] path{stroke-dasharray:1.8 .45;opacity:.88}.animated-lettering[data-texture=ink] path{opacity:.96}.intro-lettering-layer{transition:opacity .15s linear}.placing-animated-text,.placing-animated-text *{cursor:crosshair!important}.direct-edit-mode .placed-element{outline:1px dashed #fff7;cursor:move;touch-action:none}
header>.free-elements,footer>.free-elements{z-index:12}footer{position:relative}
.about-grid:has(.creator-portrait:not([hidden])){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px 48px}.creator-portrait{grid-column:1;grid-row:1/3;width:100%;max-height:650px;object-fit:cover;object-position:50% 30%;border-radius:28px}.about-grid:has(.creator-portrait:not([hidden]))>h2,.about-grid:has(.creator-portrait:not([hidden]))>div{grid-column:2}.about-grid:has(.creator-portrait:not([hidden]))>h2{align-self:end}@media(max-width:700px){.about-grid:has(.creator-portrait:not([hidden])){grid-template-columns:1fr;gap:24px}.creator-portrait{grid-column:1;grid-row:auto;max-height:520px}.about-grid:has(.creator-portrait:not([hidden]))>h2,.about-grid:has(.creator-portrait:not([hidden]))>div{grid-column:1}}

@media(max-width:700px){header nav{gap:24px;font-size:14px}header nav>a:not(.header-extra){white-space:nowrap}header .extra-social-links{display:none}}

header nav{column-gap:clamp(24px,3vw,36px)}

.story-phone::part(default-progress-bar){display:none}

/* Spacious project navigation, shared with the site's current wordmark. */
#viewer .viewer-toolbar{gap:clamp(12px,2vw,24px);padding-block:14px;min-height:76px;flex-wrap:nowrap}
#viewer .viewer-toolbar-title{font-size:clamp(18px,2vw,24px);min-width:0;overflow-wrap:anywhere}
#viewer .viewer-navigation{flex-shrink:0;gap:clamp(12px,2vw,24px);flex-wrap:nowrap}
#viewer .viewer-navigation button,#viewer .viewer-toolbar .close{width:42px;height:42px;flex-shrink:0}
#viewer #modal-count{min-width:54px;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.03em}
#viewer .modal-heading .eyebrow{margin-top:0}
#viewer[data-horizontal=true] .modal-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--horizontal-media-height,35svh) auto minmax(0,1fr);gap:20px;align-content:start;align-items:start;min-height:calc(100svh - 100px);padding-top:clamp(44px,6svh,80px)}
#viewer[data-horizontal=true] .modal-cover{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}
#viewer[data-horizontal=true] .playback-frame{flex:none;width:var(--horizontal-player-width,100%)}
#viewer[data-horizontal=true] .player-controls{flex:none;width:var(--horizontal-player-width,100%);margin-inline:auto}
#viewer[data-horizontal=true] .modal-copy{display:contents}
#viewer[data-horizontal=true] .modal-heading{grid-row:2;text-align:center;justify-self:center;width:100%;max-width:1000px;padding-block:8px}
#viewer[data-horizontal=true] .modal-heading .eyebrow{justify-content:center;font-size:11px;color:#aaa;letter-spacing:.12em}
#viewer[data-horizontal=true] .modal-heading h2{margin:10px 0 0;font-size:clamp(25px,3vw,40px);line-height:1.15}
#viewer[data-horizontal=true] #modal-description{grid-row:3;align-self:start;width:100%;max-width:850px;justify-self:center;margin:0;padding:0 0 24px;font-size:clamp(15px,1.45vw,19px);line-height:1.65}
#viewer[data-horizontal=true] .original-post,#viewer[data-horizontal=true] .pending{max-width:850px;width:100%;justify-self:center}
@media(max-width:360px){#viewer .viewer-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px}#viewer .viewer-toolbar-title{grid-column:1}#viewer .viewer-toolbar .close{grid-column:2;grid-row:1}#viewer .viewer-navigation{grid-column:1/-1;justify-content:center;gap:24px}}

#viewer .modal-heading .eyebrow[hidden]{display:none}

/* Position the video itself at a shared visual center, not the video/control group. */
#viewer[data-horizontal=true] .modal-layout{padding-top:0}
#viewer[data-horizontal=true] .modal-cover{justify-content:flex-start;padding-top:var(--horizontal-player-top,44px)}
#viewer[data-horizontal=true] .playback-frame{width:var(--horizontal-player-width)!important;height:var(--player-height);max-height:none;max-width:100%}
#viewer[data-horizontal=true] .playback-frame video{width:100%;height:100%;max-height:none}

/* Resizing is available directly in Edit mode as well as expanded section view. */
.direct-edit-mode [data-section-id]{position:relative}
.direct-edit-mode .section-resize-handle{display:block;position:absolute;bottom:0;left:0;width:100%;height:28px;z-index:18;border:0;border-top:2px solid #9b111e;background:#171719ed;color:white;border-radius:10px;font-size:12px;touch-action:none;cursor:ns-resize}

.about-contact-cards{margin-top:36px;gap:20px}.about-contact-cards article{background:#ffffff06;border-radius:var(--contact-radius,28px)}.about-contact-cards h3{font-size:20px}.about-contact-cards p{font-size:16px;line-height:1.5}.about-contact-cards .about-email{display:inline-block;padding:12px 18px;border:1px solid #ffffff24;border-radius:999px;max-width:100%;overflow-wrap:anywhere;font-size:15px;transition:background .2s}.about-contact-cards .about-email:hover{background:var(--orange);color:white}

#about .profile-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-height:46px;margin-top:24px;padding:12px 22px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0c;color:var(--about-text,#f5f5f7);font-size:16px;line-height:1.3;transition:background .2s,border-color .2s}
#about .profile-link:hover{background:var(--orange);border-color:var(--orange);color:white}#about .profile-link span{margin:0;padding:0}#about .profile-link .label-emoji{display:none}
.about-contact-cards article{display:flex;flex-direction:column}.about-contact-cards .about-email{align-self:flex-start;margin-top:auto}

/* Reordering is an editor-only overlay; public carousel gestures stay native. */
.preview-video-reorder{display:none}.direct-edit-mode .project{position:relative}
.direct-edit-mode .preview-video-reorder{display:block;position:absolute;left:12px;top:12px;z-index:20;padding:8px 13px;min-width:60px;min-height:44px;border-radius:999px;background:#17171be8;color:#fff;border:1px solid #ffffff60;font:600 15px system-ui;letter-spacing:2px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.direct-edit-mode .preview-video-reorder:active{cursor:grabbing}.direct-edit-mode .video-order-dragging{opacity:.5}
.direct-edit-mode .project.video-order-target::before{content:'';position:absolute;top:6px;bottom:6px;width:4px;background:#e0b3bc;border-radius:4px;z-index:21;pointer-events:none}
.direct-edit-mode .project.video-order-target[data-drop-side=before]::before{left:-10px}.direct-edit-mode .project.video-order-target[data-drop-side=after]::before{right:-10px}
.video-drag-ghost{position:fixed;z-index:10000;pointer-events:none;padding:12px 16px;width:200px;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:18px;background:#303038f5;border:1px solid #ffffff40;color:#fff;font:500 14px system-ui;box-shadow:0 8px 26px #0008}

/* Pinch zoom reuses static layers while native page magnification remains available. */
html.is-pinching .story-phone,html.is-pinching .story-title,html.is-pinching .signature-behind-phone{will-change:auto!important}
html.is-pinching .project .cover{transform:none!important;transition:none!important;backface-visibility:visible}
html.is-pinching .parallax-media{transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) scale(var(--parallax-scale,1))}
html.is-pinching .player-controls,html.is-pinching #viewer .viewer-toolbar{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Theater poster lightboxes: recessed black frames, violet spill, opal marquees. */
.theater-section{position:relative;padding-top:44px;padding-bottom:48px;background:radial-gradient(ellipse at 50% 48%,#24123644,transparent 74%),#030204;isolation:isolate}
.theater-section .custom-section-heading{position:relative;margin-bottom:8px}
.theater-section .rail{padding-top:34px;padding-bottom:22px;column-gap:clamp(26px,4vw,58px)}
.theater-section .rail-track{align-items:flex-start}
.theater-section .theater-project{flex:0 0 clamp(235px,25vw,335px);max-width:335px;overflow:visible}
.theater-case{padding:9px;border:1px solid #39313f;border-radius:4px;background:linear-gradient(125deg,#373239 0%,#08070a 9%,#111014 91%,#3b343f);box-shadow:0 2px 1px #ffffff12 inset,0 -2px 2px #000 inset,0 10px 24px #000,0 0 25px #934cff1a,0 0 3px #ab8beb44;position:relative}
.theater-case:before{content:'';position:absolute;inset:-9px;border-radius:10px;z-index:-1;background:linear-gradient(90deg,#8e4bc526,transparent 17%,transparent 83%,#8e4bc526);filter:blur(9px);pointer-events:none}
.theater-section .theater-cover{position:relative;display:block;width:100%;aspect-ratio:27/40;border:1px solid #000;border-radius:0;clip-path:none;overflow:hidden;background:#09080b;box-shadow:0 0 0 1px #51405b77,0 0 17px #b789ff13 inset;isolation:isolate;padding:0}
.theater-section .theater-cover:before,.theater-section .theater-cover:after{display:none}
.theater-artwork{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#17111e,#050506 75%)}
.theater-artwork img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;border-radius:0;max-height:100%}
.theater-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,#ffffff08 0%,#ffffff03 25%,transparent 25.2%,transparent 75%,#cba8f905);box-shadow:inset 0 0 20px #0005,inset 1px 1px #ffffff13}
.theater-placeholder{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 20px;text-align:center;color:#e6dced;gap:24px}
.theater-placeholder strong{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-weight:400}
.theater-placeholder span{font-size:8px;letter-spacing:2px;line-height:1.7}
.theater-marquee{position:relative;isolation:isolate;min-height:53px;margin-top:9px;display:grid;place-items:center;overflow:hidden;border:2px solid #151218;background:#bcb9b0;box-shadow:inset 0 0 10px #70616b60,0 0 11px #f7edcf16,0 0 2px #fff8}
.marquee-tubes{position:absolute;inset:0;display:flex;flex-direction:column;z-index:-1;background:#a5a29c;filter:blur(2px)}
.marquee-tubes i{flex:1;background:linear-gradient(0deg,#e6e5dc,#fffef2 50%,#eeede5);box-shadow:0 0 7px #fffce8}
.marquee-label{position:relative;color:#18151b;font:700 14px/1.1 'Arial Narrow',Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase;text-align:center;padding:15px 7px;text-shadow:0 1px #fff5}
.theater-section .theater-info{padding:18px 3px 0;min-height:69px}
.theater-section .theater-info h3{color:#eae5ef;font-size:15px;margin:0 0 7px;font-weight:500}
.theater-section .theater-info p{font-size:12px;line-height:1.5;color:#a59aaa;white-space:normal}
.theater-sound{display:block;width:fit-content;margin-top:16px;padding:7px 12px;border:1px solid #70617a77;border-radius:6px;background:#19121e;color:#c6b8cf;font:400 12px system-ui;letter-spacing:.02em}
.theater-sound:hover{background:#2b1e35}.theater-section .rail-bottom{color:#9f8faa}
#modal-cover>.theater-artwork{aspect-ratio:27/40;max-height:65svh;width:min(100%,390px);margin:auto}
@media(max-width:700px){.theater-section .theater-project{flex-basis:72vw;max-width:305px}.theater-section .rail{column-gap:28px}.theater-section{padding-top:32px;padding-bottom:28px}.marquee-label{font-size:12px}.theater-marquee{min-height:48px}}
@media(prefers-reduced-motion:reduce){.theater-marquee,.marquee-tubes i{animation:none!important}}

/* Classic changeable-letter cinema signs, with warm fluorescent backlighting. */
.theater-section{--video-tilt:0deg;--video-roll:0deg}
.theater-section .theater-cover,.theater-section .theater-cover:hover{transform:none!important}
.theater-marquee{min-height:68px;border:3px solid #242122;border-radius:1px;background:#c6bda4;box-shadow:inset 0 0 12px #79633c77,0 2px 0 #555058,0 -1px 0 #88818b,0 0 12px #f7edcf22}
.theater-marquee:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 15px,#5e513b26 16px,#ffffff77 17px,transparent 18px);z-index:0}
.theater-marquee:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5px 5px,#282522 0 1px,#9a9182 1.5px 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#282522 0 1px,#9a9182 1.5px 2px,transparent 2.5px)}
.marquee-tubes i{background:linear-gradient(0deg,#e2d9ba,#fff8dc 50%,#e9e1c8);box-shadow:0 0 7px #fff0c3}
.marquee-label{font:400 25px/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:.1em;color:#24201b;padding:18px 10px;text-shadow:1px 1px #54493655,-.4px 0 #0007;z-index:1}
@media(max-width:700px){.marquee-label{font-size:23px;letter-spacing:.08em}.theater-marquee{min-height:62px}}
@media(prefers-reduced-motion:reduce){.theater-glass:after{transform:none!important;opacity:.18}}

/* Molded black cases, recessed acrylic, and warm light spilling from the opal sign. */
.theater-section{background:radial-gradient(ellipse at 50% 48%,#24123622,transparent 74%),#030204}
.theater-case{padding:11px;border:1px solid #4b484c;border-radius:6px;background:linear-gradient(135deg,#777378 0%,#343136 1.2%,#141316 3.5%,#252328 48%,#0c0b0e 96%,#3f3b43 99%);box-shadow:inset 1px 2px 2px #ffffff2a,inset -2px -3px 3px #000e,0 1px 0 #141116,3px 7px 0 #08070a,6px 12px 16px #000b,0 0 18px #934cff0c,0 0 2px #ab8beb22}
.theater-case:before{background:linear-gradient(90deg,#8e4bc512,transparent 17%,transparent 83%,#8e4bc512);filter:blur(10px)}
.theater-case:after{content:'';position:absolute;left:6%;right:6%;bottom:-13px;height:80px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#ffd28a4d,transparent 72%);filter:blur(12px)}
.theater-section .theater-cover{border:2px solid #070609;border-radius:2px;box-shadow:inset 0 0 13px #000b,0 1px 0 #ffffff2b,0 -1px 0 #ffffff17,2px 2px 5px #000b}
.theater-glass{background:linear-gradient(116deg,#ffffff08,transparent 29%,#ffffff02 70%,#ffffff09);box-shadow:inset 1px 1px 1px #ffffff36,inset -1px -2px 2px #ffffff0a,inset 0 0 17px #0006;border:1px solid #ffffff0a;border-radius:2px}
.theater-glass:after{content:'';position:absolute;inset:-75%;pointer-events:none;background:linear-gradient(118deg,transparent 40%,#ffffff02 43%,#ffffff0b 46%,#ffffff38 49%,#ffffff0e 50.5%,#ffffff04 54%,transparent 58%);transform:translateX(var(--poster-reflection-shift,0%));opacity:.7;mix-blend-mode:screen;will-change:transform;animation:none}
.theater-marquee{margin-top:12px;border:3px solid #282429;border-radius:4px;background:#fff0cf;box-shadow:inset 0 2px 1px #fff9,inset 2px 0 3px #fff8,inset 0 -3px 5px #a38b5f8c,0 -2px 0 #09080a,0 2px 0 #66606a,2px 4px 5px #0009,0 0 11px #ffdf9970,0 0 28px #ffd69547,0 7px 43px #ffc87529}
.theater-marquee:before{background:linear-gradient(165deg,#ffffff65,transparent 42%,#e4b96d16 76%,#fff6),repeating-linear-gradient(0deg,transparent 0,transparent 15px,#75603c2c 16px,#fff9 17px,transparent 18px);box-shadow:inset 0 0 7px #8c693d40}
.marquee-tubes i{background:linear-gradient(0deg,#e8d7ad,#fff7dc 42%,#fffbea 57%,#f2e1ba);box-shadow:0 0 8px #ffe6b1}
.marquee-label{text-shadow:0 1px 0 #fff7,1px 2px 1px #59452255}

/* Contemporary photographic ABS housing. The live artwork and sign align with its recessed openings. */
.theater-case{aspect-ratio:878/1431;padding:0;border:0;border-radius:0;background-color:transparent;background-image:url('/media/cinema-lightbox-photo-v4.png');background-size:103.2512% 100.8737%;background-position:48.4848% 53.8462%;background-repeat:no-repeat;box-shadow:none;isolation:isolate}
.theater-case:before{inset:1% 0;background:none;filter:none;box-shadow:0 0 17px #8e4bc50a;border-radius:3px}
.theater-case:after{left:10%;right:10%;height:14%;bottom:-1%;background:radial-gradient(ellipse at center,#fff0d830,transparent 73%);filter:blur(12px)}
.theater-section .theater-cover{position:absolute;left:5.62%;top:4.17%;width:88.97%;height:76.41%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:inset 0 0 6px #0007;background:#000;z-index:1}
.theater-cover .theater-artwork{background:#000}
.theater-glass{background:none;border:0;border-radius:0;box-shadow:inset 0 0 8px #0003}
.theater-glass:after{opacity:.15;background:linear-gradient(118deg,transparent 35%,#ffffff02 41%,#ffffff0c 47%,#ffffff22 50%,#ffffff09 53%,#ffffff02 59%,transparent 65%)}
.theater-case .theater-marquee{position:absolute;left:5.52%;top:83.33%;width:89.06%;height:13.31%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:0 0 10px #fff4df29,0 5px 25px #ffeaca1f;background-color:#f5eee2;background-image:url('/media/cinema-lightbox-photo-v4.png');background-size:116.4444% 761.9289%;background-position:50% 96.089%;background-repeat:no-repeat;z-index:2}
.theater-marquee:before,.theater-marquee:after{display:none}
.theater-marquee .marquee-tubes{background:none;filter:none;z-index:0;pointer-events:none}
.theater-marquee .marquee-tubes i{background:transparent;box-shadow:none}
.theater-marquee .marquee-label{z-index:1;font-size:clamp(18px,1.9vw,24px);padding:0 5px;letter-spacing:.075em;text-shadow:.5px 1px 1px #5b452d77,-.3px 0 #0008;color:#241e15}
.immersive-brand{margin:0 0 9px!important;font-size:12px;font-weight:600;letter-spacing:.12em;color:#c6b8bd}
.immersive-actions [data-immersive=tilt]{background:var(--orange,#8d1525);border-color:transparent}
.immersive-actions [data-immersive=sound]{background:#ffffff0d;border:1px solid #ffffff20}
.immersive-music{border-top:1px solid #ffffff18;padding-top:15px;margin-top:8px;font-size:14px}
.immersive-music summary{cursor:pointer;color:#c6bdc1}.immersive-music p{font-size:13px;color:#aaa1a7;margin:12px 0}.immersive-music button{width:100%}
@media(max-width:700px){.theater-marquee .marquee-label{font-size:20px}}
@media(prefers-reduced-motion:reduce){.theater-glass:after{opacity:.12}}
/* Four separate light sources sit behind the stationary opal face and lettering. */
.theater-case .theater-marquee{background:#a6a296;box-shadow:inset 0 0 7px #4a413326,0 0 9px #fff4df38,0 4px 23px #fff0d626}
.theater-marquee .marquee-tubes{inset:-2px;z-index:0;display:flex;flex-direction:column;gap:0;background:none;filter:blur(3px)}
.theater-marquee .marquee-tubes i{display:block;flex:1;min-height:0;opacity:1;background:linear-gradient(0deg,#e9e5d8,#fffdf6 44%,#fffdf6 56%,#e9e5d8);box-shadow:0 0 8px 2px #fff9e6;will-change:opacity}
.theater-marquee:before{display:block;z-index:1;background:linear-gradient(110deg,#ffffff16,transparent 45%,#fff8eb0c),repeating-linear-gradient(0deg,transparent 0,transparent 15px,#776e5d0a 16px,#ffffff14 17px,transparent 18px);box-shadow:inset 0 0 8px #54483129;pointer-events:none}
.theater-marquee .marquee-label{z-index:2}