*{box-sizing:border-box}@view-transition{navigation:auto}::view-transition-group(septembre-project){z-index:100;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1);overflow:hidden}::view-transition-image-pair(septembre-project){isolation:auto}::view-transition-old(septembre-project),::view-transition-new(septembre-project){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s}html,body{background:#000;margin:0}body{color:#fff;font-family:Arial,Helvetica,sans-serif}img,video{display:block}.video-shell{background:#080808;position:relative;overflow:hidden}.video-shell>video{object-fit:cover;width:100%;height:100%}.hero{view-transition-name:septembre-project;width:100%;height:min(100svh,75vw);min-height:520px}.project-nav{z-index:3;text-align:center;text-transform:uppercase;grid-template-columns:1fr clamp(54px,7vw,78px) 1fr;align-items:center;gap:clamp(60px,13vw,190px);width:min(760px,76vw);font-size:clamp(12px,1.2vw,18px);font-weight:600;display:grid;position:absolute;top:clamp(24px,6vh,68px);left:50%;transform:translate(-50%)}.project-nav span{justify-self:center;padding-bottom:5px}.project-nav__active{border-bottom:2px solid}.project-nav button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:relative}.project-nav button:before{content:"";position:absolute;inset:-12px}.project-nav img{pointer-events:none;width:100%;height:auto;transition:transform .75s cubic-bezier(.22,.75,.25,1)}.project-nav button:hover img,.project-nav button:focus-visible img{transform:rotate(180deg)scale(.94)}.video-controls{--control-size:clamp(36px, 3.5vw, 46px);z-index:3;align-items:center;gap:18px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:clamp(24px,5vh,58px);right:clamp(20px,4vw,58px)}.video-shell.is-ui-hidden .video-controls{visibility:hidden;pointer-events:none;opacity:0}.video-controls button{width:var(--control-size);height:var(--control-size);color:#fff;cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .25s,transform .25s}.video-controls button:hover,.video-controls button:focus-visible{opacity:.75;transform:scale(1.06)}.icon,.sound-icon,.fullscreen-icon{width:100%;height:100%}.icon{fill:currentColor}.icon--play,[data-playback].is-paused .icon--pause,.sound-icon--off,.sound-control.is-muted .sound-icon--on{display:none}[data-playback].is-paused .icon--play,.sound-control.is-muted .sound-icon--off{display:block}.sound-icon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sound-icon path+path{fill:none}.fullscreen-icon{fill:none;stroke:currentColor;stroke-width:2px}.project-grid{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,2.5vw,48px);padding:clamp(18px,2.5vw,48px);display:grid}.reel,.cover-builder{width:100%;min-height:0}.reel{aspect-ratio:9/16}.reel>video{object-position:center}.reel .video-controls{bottom:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.cover-builder{aspect-ratio:1;color:#fff;cursor:pointer;isolation:isolate;background:#050505;border:0;width:100%;padding:0;transition:transform .85s cubic-bezier(.22,.75,.25,1);display:block;position:relative;overflow:hidden}.cover-builder:focus-visible{box-shadow:inset 0 0 0 3px #fff}.cover-builder__image{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .34s,transform .85s cubic-bezier(.22,.75,.25,1);transform:none}.cover-builder__image.is-changing{opacity:.18}.cover-builder__prompt{z-index:2;text-align:right;text-transform:uppercase;text-shadow:0 2px 15px #00000080;opacity:0;max-width:calc(100% - 32px);font-family:Arial,Helvetica,sans-serif;line-height:1.05;transition:opacity .28s,transform .28s;display:grid;position:absolute;top:clamp(16px,2.2vw,34px);right:clamp(16px,2.2vw,34px);transform:translateY(-6px)}.cover-builder__prompt strong{font-size:clamp(18px,2.1vw,34px);font-weight:700}.cover-builder__prompt span{margin-top:5px;font-size:clamp(16px,1.75vw,27px);font-weight:700}.cover-builder.is-started .cover-builder__prompt{display:none}.cover-builder__status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.cover-builder:hover,.cover-builder:focus-visible{z-index:1;transform:scale(1.025)}.cover-builder:hover .cover-builder__image,.cover-builder:focus-visible .cover-builder__image{transform:scale(1.035)}.cover-builder:hover .cover-builder__prompt,.cover-builder:focus-visible .cover-builder__prompt{opacity:1;transform:translateY(0)}}@media (hover:none),(pointer:coarse){.cover-builder__prompt{opacity:1;transform:translateY(0)}}.caption{z-index:2;color:#fff;text-transform:uppercase;text-shadow:0 2px 15px #0008;pointer-events:none;font-family:Arial,Helvetica,sans-serif;transition:opacity .3s,visibility .3s;display:grid;position:absolute;bottom:clamp(24px,5vh,58px);left:clamp(20px,4vw,58px)}.caption strong{font-size:clamp(18px,2.1vw,34px);line-height:1.05}.caption span{margin-top:5px;font-size:clamp(16px,1.75vw,27px);font-weight:700}.video-shell.is-ui-hidden .caption{visibility:hidden;opacity:0}@media (width<=700px){.caption{bottom:22px;left:18px;right:18px}.caption strong{font-size:15px}.caption span{font-size:13px}.caption{padding-right:140px}.hero{height:72svh;min-height:0}.project-nav{grid-template-columns:1fr 44px 1fr;gap:24px;width:82vw;font-size:10px;top:18px}.video-controls{--control-size:34px;gap:8px;bottom:20px;right:18px}.project-grid{grid-template-columns:1fr;gap:12px;padding:12px}.cover-builder__prompt strong{font-size:15px}.cover-builder__prompt span{font-size:13px}}@media (prefers-reduced-motion:reduce){.project-nav img,.video-controls,.video-controls button,.cover-builder,.cover-builder__image,.cover-builder__prompt{transition-duration:1ms}}