/* A single stage; without JavaScript the nine shots remain a readable sequence. */
.showreel{position:relative;isolation:isolate;background:var(--paper);--reel-safe-bottom:76px}
.reel-stage{position:relative}
.reel-shot{position:relative;isolation:isolate;height:calc(100svh - var(--reel-header,72px));min-height:660px;overflow:hidden;background:var(--paper);color:var(--ink)}
.reel-enabled .reel-stage{height:calc(100svh - var(--reel-header,72px));overflow:hidden}
.reel-enabled .reel-shot{position:absolute;inset:0;min-height:0;height:100%;width:100%}
.showreel h1,.showreel h2{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:.88;margin:0}
.showreel p{font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.reel-shot-header{position:absolute;left:var(--g);right:var(--g);top:24px;display:flex;justify-content:space-between;align-items:start;gap:28px;font-size:14px;line-height:1.5;z-index:15}
.reel-shot-header>span:last-child{text-align:right;max-width:48%}
.reel-kicker{display:block;font-size:14px!important;line-height:1.5!important;font-weight:400;margin:0 0 20px}
.reel-scene-copy h2,.brand-copy h2,.dyn-copy h2,.off-copy h2,.game-copy h2{font-size:clamp(58px,7.1vw,116px);line-height:.9;margin:0 0 24px}
.reel-scene-copy p,.brand-copy p,.dyn-copy p,.off-copy p,.game-copy p{max-width:33em;margin:0 0 25px}
.reel-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid currentColor;padding:7px 0 9px;color:inherit;background:transparent;font-size:14px;line-height:1.5;min-height:44px;cursor:pointer;text-align:left}
.reel-text-link>span:last-child{font-size:25px;line-height:1}
.reel-scene-foot{position:absolute;left:var(--g);bottom:var(--reel-safe-bottom);font-size:14px;line-height:1.5;z-index:15}

/* 01 — The claim is a physical typographic assembly, not a reveal list. */
.reel-intro-type{position:absolute;left:var(--g);top:16%;width:75%;z-index:3}
.reel-intro h1{font-size:clamp(78px,min(11.8vw,17svh),190px);line-height:.81;letter-spacing:-.025em}
.intro-split,.intro-stay{display:block;width:fit-content;white-space:nowrap;padding-bottom:.055em}
.intro-stay{color:var(--red)}
.intro-dot-slot{display:inline-block}
.reel-intro-note{position:absolute;right:var(--g);bottom:calc(var(--reel-safe-bottom) + 35px);width:29%;z-index:5}
.reel-intro-note p{font-size:16px;line-height:1.7;margin-bottom:20px}
.reel-intro-note .reel-text-link{width:100%}
.reel-intro-foot{position:absolute;left:var(--g);right:var(--g);bottom:var(--reel-safe-bottom);display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.5;color:var(--muted)}

/* 02 — A real room, a screen, the paper in front: distinct spatial planes. */
.reel-turm{background:#263d32;color:var(--paper)}
.turm-room-layer{position:absolute;inset:0;z-index:0}
.turm-room-layer img{width:100%;height:100%;object-fit:cover;object-position:center}
.turm-room-layer::after{content:"";position:absolute;inset:0;background:#162b20b3}
.turm-copy{position:absolute;left:var(--g);top:20%;width:39%;z-index:10}
.turm-copy h2{font-size:clamp(66px,8vw,130px)}
.turm-copy p{max-width:26em}
.point-turm{display:inline-block;color:#ffd7bc}
.turm-web-layer{position:absolute;width:47%;right:var(--g);top:20%;z-index:2;background:#f3f0e8;padding:10px;color:var(--ink);box-shadow:0 20px 60px #0003}
.turm-web-layer img{width:100%;height:100%;object-fit:contain}
.turm-web-layer>span{display:block;font-size:14px;padding:10px 4px 2px}
.turm-menu-layer{position:absolute;right:5%;bottom:calc(var(--reel-safe-bottom) + 20px);width:46%;height:66%;z-index:4;display:flex;align-items:center;justify-content:center;gap:0}
.reel-menu-card{width:39%;max-height:100%;height:auto;object-fit:contain;box-shadow:0 15px 35px #0002;flex-shrink:0}
.reel-menu-card:nth-child(1){transform:translate(28px,12px) rotate(-15deg)}
.reel-menu-card:nth-child(2){transform:translate(0,-15px) rotate(2deg)}
.reel-menu-card:nth-child(3){transform:translate(-28px,12px) rotate(15deg)}
.turm-post-layer{position:absolute;right:var(--g);top:21%;width:47%;height:64%;display:flex;align-items:start;gap:16px;z-index:6}
.turm-post-layer img{width:calc((100% - 32px)/3);height:auto;max-height:100%;object-fit:contain;object-position:top;box-shadow:0 14px 30px #0002}

/* 03 — One continuous piece of material, three actual applications. */
.reel-brandwear{background:#e6c53f;color:#1d275e}
.brand-copy{position:absolute;left:var(--g);top:19%;width:37%;z-index:8}
.brand-copy h2{font-size:clamp(64px,8.2vw,135px)}
.reel-brand-window{position:absolute;right:0;top:15%;width:54%;height:70%;overflow:hidden;background:#e6c53f}
.brand-ribbon{display:flex;width:300%;height:100%;align-items:stretch}
.brand-cell{width:33.333333%;flex:0 0 33.333333%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:20px clamp(20px,3vw,50px);margin:0}
.brand-cell img{width:100%;height:calc(100% - 50px);object-fit:contain;min-height:0}
.brand-cell figcaption{font-size:14px;line-height:1.5;flex-shrink:0}
.brand-cell-real{background:#c4a443}
.brand-cell-real img{object-fit:cover}
.brand-cell-recipe{background:#edda78}

/* 04 — The name is the field; products settle as a family beneath it. */
.reel-dynagil{background:#173db7;color:#fff}
.dyn-logo-word{position:absolute;top:9%;left:var(--g);right:var(--g);font:800 clamp(100px,23vw,360px)/.8 var(--display);letter-spacing:-.04em;color:#ffffff18;white-space:nowrap;z-index:0}
.dyn-logo-word span{color:#eaff4855}
.dyn-copy{position:absolute;left:var(--g);top:21%;width:39%;z-index:8}
.dyn-copy h2{font-size:clamp(50px,6.5vw,105px)}
.reel-bike-family{position:absolute;right:var(--g);top:24%;bottom:calc(var(--reel-safe-bottom) + 18px);width:50%;display:flex;align-items:end;gap:25px;z-index:4}
.dyn-bike{width:33.333333%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:18px;margin:0}
.dyn-bike img{width:100%;max-height:clamp(220px,37vh,440px);object-fit:contain}
.dyn-bike figcaption{width:100%;display:flex;justify-content:space-between;font-size:20px;line-height:1.5;border-top:1px solid #ffffff70;padding-top:14px}
.dyn-bike figcaption span{font-size:14px;padding-top:5px;color:#eaff48}

/* 05 — Fixed anchor rectangles allow Flip to turn disorder into interface. */
.reel-offizin{background:#eeeae0}
.off-copy{position:absolute;left:var(--g);top:20%;width:40%;z-index:10}
.off-copy h2{font-size:clamp(56px,7vw,112px)}
.off-layout{position:absolute;right:var(--g);top:15%;width:47%;height:68%;z-index:6}
.off-tile{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 35px #20211f15;padding:24px;font:800 clamp(28px,3.2vw,48px)/1 var(--display);color:var(--paper);background:#c82e23;min-width:0}
.off-tile>span{font:400 14px/1.5 Manrope,Arial,sans-serif}
.off-tile:nth-child(1){left:2%;top:2%;width:78%;height:24%;transform:rotate(-7deg)}
.off-tile:nth-child(2){left:17%;top:40%;width:68%;height:24%;transform:rotate(8deg);background:#272824}
.off-tile:nth-child(3){left:-1%;top:74%;width:99%;height:24%;transform:rotate(-3deg);background:#a6ae9b;color:var(--ink)}
.off-layout.is-ordered .off-tile{left:0;width:100%;height:28%;transform:none}
.off-layout.is-ordered .off-tile:nth-child(1){top:0}
.off-layout.is-ordered .off-tile:nth-child(2){top:34%}
.off-layout.is-ordered .off-tile:nth-child(3){top:68%}
.off-dashboard-layer{position:absolute;right:var(--g);top:28%;width:49%;z-index:7;margin:0;padding:12px;background:#fff;box-shadow:0 18px 55px #20211f17}
.off-dashboard-layer img{width:100%;height:auto;object-fit:contain}
.off-dashboard-layer figcaption{font-size:14px;line-height:1.5;padding:12px 4px 2px}

/* 06 — Held, almost silent, typography. */
.reel-quote{background:#e7e3da}
.reel-quote-body{position:absolute;left:12%;right:12%;top:23%;margin:0}
.reel-quote-mark{font:800 170px/.7 var(--display);color:var(--red);position:absolute;left:-.45em;top:-.2em}
.reel-quote-body blockquote{position:relative;font:400 clamp(31px,4.7vw,76px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.045em;max-width:1250px;z-index:2}
.reel-quote-body figcaption{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.5;margin-top:40px;max-width:1000px}
.reel-quote-body figcaption a{border-bottom:1px solid var(--line);padding-bottom:5px}

/* 07 — The three words are the shutters. The real game is the payoff. */
.reel-game{background:#1e281f;color:var(--paper)}
.game-image-layer{position:absolute;inset:0;z-index:0}
.game-image-layer img{width:100%;height:100%;object-fit:cover;object-position:center}
.game-shutter{position:absolute;left:0;right:0;height:33.5%;display:flex;align-items:center;padding:0 var(--g);overflow:hidden;background:#c82e23;color:var(--paper);z-index:5}
.game-shutter-a{top:0}.game-shutter-b{top:33.333333%;background:#d9ded0;color:var(--ink)}.game-shutter-c{top:66.666666%;background:var(--ink);color:var(--paper)}
.game-shutter>span{font:800 clamp(90px,16.3vw,270px)/.8 var(--display);letter-spacing:-.025em;white-space:nowrap}
.reel-game .reel-shot-header{color:var(--paper);text-shadow:0 1px 8px #0008}
.game-copy{position:absolute;left:var(--g);bottom:calc(var(--reel-safe-bottom) + 15px);width:40%;max-width:620px;z-index:8;background:var(--paper);color:var(--ink);padding:clamp(25px,3.1vw,50px)}
.game-copy h2{font-size:clamp(56px,6.5vw,104px)}
.game-copy p{font-size:16px;margin-bottom:15px}
.reel-game-play{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#c82e23;color:#fff;padding:15px 20px;font-size:16px;line-height:1.5;min-height:54px;margin:20px 0 10px}
.reel-game-play>span{font-size:26px;line-height:1}
.game-copy .reel-text-link{width:100%}

/* 08 — Three lines, one accountable person. */
.reel-counterpart{background:var(--ink);color:var(--paper)}
.reel-responsibility{position:absolute;left:var(--g);top:22%;width:40%;height:49%;z-index:2}
.responsibility-line{position:absolute;left:0;top:50%;height:2px;width:100%;background:#e9604f;transform-origin:right center}
.responsibility-line:nth-child(1){transform:rotate(22deg)}
.responsibility-line:nth-child(3){transform:rotate(-22deg)}
.responsibility-label{position:absolute;left:0;font-size:14px;line-height:1.5;max-width:65%;background:var(--ink);padding-right:12px}
.responsibility-label:nth-of-type(1){top:10%}.responsibility-label:nth-of-type(2){top:45%}.responsibility-label:nth-of-type(3){top:80%}
.point-owner{position:absolute;right:-12px;top:calc(50% - 22px);font-size:32px;color:#f16b59;line-height:1}
.counterpart-copy{position:absolute;right:var(--g);top:23%;width:44%;z-index:4}
.counterpart-copy h2{font-size:clamp(52px,6.5vw,104px);line-height:.94;margin-bottom:26px}
.counterpart-copy h2>span{color:#ff806e}
.counterpart-copy p{font-size:18px;line-height:1.8;margin-bottom:25px;max-width:29em}
.counterpart-copy strong{font-size:clamp(23px,2.6vw,36px);letter-spacing:-.025em}
.counterpart-copy .reel-text-link{min-width:260px}

/* 09 — The frame opens; the form that follows is an ordinary working surface. */
.reel-contact{background:var(--paper)}
.reel-contact-frame{position:absolute;left:var(--g);right:var(--g);top:14%;bottom:calc(var(--reel-safe-bottom) + 15px);z-index:1}
.contact-frame-piece{position:absolute;background:var(--ink);display:block}
.contact-frame-piece:nth-child(1){left:0;right:0;top:0;height:2px;transform-origin:left center}
.contact-frame-piece:nth-child(2){right:0;top:0;bottom:0;width:2px;transform-origin:center top}
.contact-frame-piece:nth-child(3){left:0;right:0;bottom:0;height:2px;transform-origin:right center}
.contact-frame-piece:nth-child(4){left:0;top:0;bottom:0;width:2px;transform-origin:center bottom}
.point-contact{position:absolute;right:35px;bottom:20px;color:var(--red);font-size:clamp(80px,13vw,190px);line-height:1}
.reel-contact-copy{position:absolute;left:calc(var(--g) + 42px);top:24%;z-index:3}
.reel-contact-copy h2{font-size:clamp(95px,14vw,220px);line-height:.8;letter-spacing:-.03em;margin-bottom:30px}
.reel-contact-copy h2>span{color:var(--red)}
.reel-contact-copy p{font-size:16px;line-height:1.8}
.reel-contact-copy .reel-text-link{min-width:330px}

@media(min-width:1700px){.reel-intro-type{top:17%}.reel-intro h1{font-size:min(11.8vw,17svh)}.reel-scene-copy h2,.brand-copy h2,.dyn-copy h2,.off-copy h2,.game-copy h2{font-size:min(7.1vw,13svh)}}
@media(max-width:1100px) and (min-width:761px){
 .reel-intro h1{font-size:min(12.1vw,17svh)}.reel-intro-type{top:22%}.reel-intro-note{bottom:calc(var(--reel-safe-bottom) + 25px);width:35%}.reel-intro-note p{font-size:15px}
 .turm-copy{width:41%}.turm-copy h2{font-size:8.5vw}.showreel p{font-size:16px}.turm-menu-layer{width:45%;height:53%}.turm-post-layer{gap:10px}.turm-post-layer img{width:calc((100% - 20px)/3)}
 .brand-copy{width:39%}.brand-copy h2{font-size:8.2vw}.reel-brand-window{width:53%;top:24%;height:59%}
 .dyn-copy{top:22%;width:42%}.dyn-copy h2{font-size:6.6vw}.reel-bike-family{gap:14px;width:47%;top:35%}.dyn-logo-word{top:14%}
 .off-copy{width:42%}.off-copy h2{font-size:7.1vw}.off-tile{padding:18px;font-size:3.5vw}.off-dashboard-layer{top:33%;width:47%}
 .game-copy{width:48%;padding:26px}.game-copy h2{font-size:7vw}.counterpart-copy h2{font-size:6.6vw}.counterpart-copy{width:47%;top:25%}.reel-responsibility{width:37%}
 .reel-contact-copy h2{font-size:15vw}.point-contact{right:25px;bottom:25px}
}

/* Mobile is framed as a vertical edit, with different staging, not desktop scaled. */
@media(max-width:760px){
 .showreel{--reel-safe-bottom:90px}
 .reel-shot{min-height:700px}
 .reel-shot-header{top:18px;left:22px;right:22px;gap:16px;font-size:14px;line-height:1.45}
 .reel-shot-header>span:first-child{max-width:54%}.reel-shot-header>span:last-child{max-width:44%}
 .reel-kicker{font-size:14px!important;line-height:1.4!important;margin-bottom:12px}
 .showreel p{font-size:15px;line-height:1.65}
 .reel-text-link{font-size:14px;min-height:40px;gap:18px}
 .reel-scene-foot{left:22px;bottom:var(--reel-safe-bottom);max-width:calc(100% - 44px);font-size:14px}
 .reel-intro-type{left:22px;right:22px;top:17%;width:auto}
 .reel-intro h1{font-size:17.4vw;line-height:.85}
 .reel-intro-type .reel-kicker{margin-bottom:18px}
 .reel-intro-note{left:22px;right:22px;bottom:calc(var(--reel-safe-bottom) + 52px);width:auto;max-width:440px}
 .reel-intro-note p{font-size:15px;line-height:1.65;max-width:31em;margin-bottom:13px}
 .reel-intro-note p br:first-child{display:initial}
 .reel-intro-note .reel-text-link{width:100%}
 .reel-intro-foot{left:22px;right:22px;bottom:var(--reel-safe-bottom);font-size:14px}
 .reel-intro-foot>span:first-child{max-width:55%}.reel-intro-foot>span:last-child{max-width:40%;text-align:right}
 .turm-room-layer{inset:0}.turm-room-layer img{object-position:62% center}.turm-room-layer::after{background:#162b20c7}
 .turm-copy{left:22px;right:22px;top:16%;width:auto}
 .turm-copy h2{font-size:14.5vw;line-height:.9;margin-bottom:13px}
 .turm-copy p{font-size:15px;line-height:1.65;margin-bottom:9px;max-width:32em}
 .turm-copy .reel-text-link{min-height:36px;padding:4px 0 6px}
 .turm-web-layer{left:22px;right:22px;top:auto;bottom:calc(var(--reel-safe-bottom) + 24px);width:auto;padding:7px}
 .turm-web-layer>span{padding:8px 2px 0;font-size:14px}
 .turm-menu-layer{left:18px;right:18px;top:auto;bottom:calc(var(--reel-safe-bottom) + 23px);width:auto;height:28%}
 .reel-menu-card{width:34%;max-height:100%;object-fit:contain}
 .reel-menu-card:nth-child(1){transform:translate(10px,5px) rotate(-12deg)}.reel-menu-card:nth-child(2){transform:translate(0,-10px) rotate(1deg)}.reel-menu-card:nth-child(3){transform:translate(-10px,5px) rotate(12deg)}
 .turm-post-layer{left:22px;right:22px;top:auto;bottom:calc(var(--reel-safe-bottom) + 25px);height:27%;width:auto;gap:9px;align-items:start}
 .turm-post-layer img{width:calc((100% - 18px)/3);max-height:100%;height:auto;object-fit:contain;box-shadow:0 9px 22px #0003}
 .brand-copy{left:22px;right:22px;top:16%;width:auto}
 .brand-copy h2{font-size:14vw;line-height:.9;margin-bottom:14px}
 .brand-copy p{font-size:15px;line-height:1.6;margin-bottom:8px}
 .brand-copy .reel-text-link{min-height:36px;padding:4px 0 6px}
 .reel-brand-window{left:22px;right:22px;top:auto;bottom:calc(var(--reel-safe-bottom) + 25px);height:29%;width:auto}
 .brand-ribbon{display:flex;flex-direction:column;width:100%;height:300%;align-items:stretch}
 .brand-cell{flex:0 0 33.333333%;width:100%;height:33.333333%;padding:12px 15px;gap:8px}
 .brand-cell img{height:calc(100% - 28px);width:100%;object-fit:contain}.brand-cell-real img{object-fit:cover;object-position:center 43%}
 .brand-cell figcaption{font-size:14px;line-height:1.3}
 .dyn-logo-word{top:13%;left:15px;right:15px;font-size:23.5vw;line-height:.85}
 .dyn-copy{left:22px;right:22px;top:25%;width:auto}
 .dyn-copy h2{font-size:12.7vw;line-height:.92;margin-bottom:14px}
 .dyn-copy p{font-size:15px;line-height:1.6;margin-bottom:7px}.dyn-copy p br{display:none}
 .reel-bike-family{left:22px;right:22px;bottom:calc(var(--reel-safe-bottom) + 20px);top:auto;width:auto;height:30%;gap:12px;align-items:end}
 .dyn-bike{width:33.333%;gap:10px}.dyn-bike img{height:100%;max-height:170px;object-fit:contain}.dyn-bike figcaption{padding-top:8px;font-size:18px}.dyn-bike figcaption span{font-size:14px;padding-top:2px}
 .off-copy{left:22px;right:22px;top:16%;width:auto}
 .off-copy h2{font-size:13.8vw;line-height:.92;margin-bottom:15px}
 .off-copy p{font-size:15px;line-height:1.6;margin-bottom:7px;max-width:32em}
 .off-layout{left:22px;right:22px;top:auto;bottom:calc(var(--reel-safe-bottom) + 20px);height:29%;width:auto}
 .off-tile{padding:14px 16px;font-size:7.1vw;box-shadow:0 8px 22px #20211f12}
 .off-tile:nth-child(1){left:0;top:0;width:82%;height:24%;transform:rotate(-4deg)}.off-tile:nth-child(2){left:17%;top:37%;width:76%;height:24%;transform:rotate(5deg)}.off-tile:nth-child(3){left:0;top:73%;width:100%;height:24%;transform:rotate(-2deg)}
 .off-tile>span{font-size:14px}.off-layout.is-ordered .off-tile{left:0;width:100%;height:28%;transform:none}
 .off-dashboard-layer{left:22px;right:22px;top:auto;bottom:calc(var(--reel-safe-bottom) + 30px);width:auto;height:28%;padding:7px;display:flex;flex-direction:column}
 .off-dashboard-layer img{height:0;min-height:0;flex:1;object-fit:contain}
 .off-dashboard-layer figcaption{font-size:14px;padding:8px 2px 1px}
 .reel-quote-body{left:32px;right:28px;top:26%}
 .reel-quote-mark{font-size:120px;left:-.14em;top:-.25em;opacity:.65}
 .reel-quote-body blockquote{font-size:clamp(28px,7.3vw,41px);line-height:1.34;letter-spacing:-.045em}
 .reel-quote-body figcaption{margin-top:28px;flex-direction:column;align-items:start;gap:12px;font-size:14px;line-height:1.5}
 .game-shutter{height:50.2%;padding:0 22px}.game-shutter-a{top:0}.game-shutter-b{top:50%;background:var(--ink);color:var(--paper)}.game-shutter-c{display:none}
 .game-shutter>span{font-size:21.5vw;line-height:.8}
 .game-image-layer img{object-position:60% center}
 .game-copy{left:22px;right:22px;bottom:calc(var(--reel-safe-bottom) + 18px);width:auto;max-width:none;padding:18px 20px}
 .game-copy .reel-kicker{display:none}.game-copy h2{font-size:13.4vw;line-height:.9;margin-bottom:12px}
 .game-copy p{font-size:14px;line-height:1.55;margin-bottom:12px}
 .reel-game-play{font-size:15px;padding:12px 15px;min-height:48px;margin-top:12px;margin-bottom:5px}.game-copy .reel-text-link{min-height:37px;padding:5px 0}
 .reel-responsibility{left:22px;right:22px;top:18%;width:auto;height:24%}
 .responsibility-line{left:8%;width:82%;top:80%;transform-origin:right center}.responsibility-line:nth-child(1){transform:rotate(18deg)}.responsibility-line:nth-child(3){transform:rotate(-18deg)}
 .responsibility-label{font-size:14px;padding-right:8px;max-width:75%}.responsibility-label:nth-of-type(1){top:0}.responsibility-label:nth-of-type(2){top:36%}.responsibility-label:nth-of-type(3){top:72%}
 .point-owner{right:6%;top:calc(80% - 18px);font-size:28px}
 .counterpart-copy{left:22px;right:22px;top:47%;width:auto}
 .counterpart-copy h2{font-size:11.2vw;line-height:.95;margin-bottom:18px}.counterpart-copy p{font-size:15px;line-height:1.7;margin-bottom:13px}.counterpart-copy strong{font-size:24px}.counterpart-copy .reel-text-link{min-width:240px}
 .reel-contact-frame{left:22px;right:22px;top:17%;bottom:calc(var(--reel-safe-bottom) + 18px)}
 .reel-contact-copy{left:40px;right:40px;top:25%}
 .reel-contact-copy h2{font-size:20vw;line-height:.83;margin-bottom:28px}
 .reel-contact-copy p{font-size:15px;line-height:1.75;margin-bottom:22px;max-width:30em}
 .reel-contact-copy .reel-text-link{font-size:14px;min-width:0;width:100%;gap:15px;max-width:300px}
 .point-contact{right:20px;bottom:18px;font-size:22vw}
}

/* Short windows retain the same hierarchy; only the nonessential margins shrink. */
@media(max-height:740px) and (min-width:761px){
 .reel-intro-type{top:16%}.reel-intro h1{font-size:min(11vw,16svh)}.reel-intro-note{width:34%;bottom:calc(var(--reel-safe-bottom) + 27px)}
 .reel-scene-copy,.brand-copy,.dyn-copy,.off-copy{top:18%}.reel-scene-copy h2,.brand-copy h2,.dyn-copy h2,.off-copy h2{font-size:min(7vw,12svh)}
 .showreel p{font-size:15px;line-height:1.55}.reel-kicker{margin-bottom:12px}.reel-scene-copy h2,.brand-copy h2,.dyn-copy h2,.off-copy h2{margin-bottom:17px}
 .turm-menu-layer{height:61%;bottom:calc(var(--reel-safe-bottom) + 5px)}.reel-brand-window{top:17%;height:65%}.dyn-logo-word{top:12%;font-size:20vw}.reel-bike-family{top:28%}
 .game-copy{padding:25px;bottom:calc(var(--reel-safe-bottom) + 10px)}.game-copy h2{font-size:11svh;margin-bottom:15px}.game-copy p{margin-bottom:8px}.reel-game-play{margin:12px 0 5px;padding:12px 18px;min-height:45px}
 .reel-quote-body{top:23%}.reel-quote-body blockquote{font-size:min(4.5vw,7.5svh)}.reel-quote-body figcaption{margin-top:25px}
 .counterpart-copy{top:23%}.counterpart-copy h2{font-size:min(6vw,10svh);margin-bottom:20px}.counterpart-copy p{font-size:16px;line-height:1.7}.counterpart-copy strong{font-size:28px}.reel-contact-copy h2{font-size:22svh;margin-bottom:20px}.reel-contact-copy{top:23%}
}
@media(max-height:690px) and (max-width:760px){
 .reel-shot-header{top:12px}.reel-kicker{margin-bottom:9px}.reel-intro-type{top:15%}.reel-intro h1{font-size:min(17.4vw,10svh)}.reel-intro-note{bottom:calc(var(--reel-safe-bottom) + 50px)}.reel-intro-note p{font-size:14px;line-height:1.55;margin-bottom:8px}
 .turm-copy,.brand-copy,.off-copy{top:16%}.turm-copy h2,.brand-copy h2,.off-copy h2{font-size:min(14vw,8.7svh);margin-bottom:10px}.turm-copy p,.brand-copy p,.off-copy p{font-size:14px;line-height:1.55}.turm-menu-layer{height:23%}.turm-post-layer{height:23%}.reel-brand-window{height:25%}.off-layout{height:27%}.off-dashboard-layer{bottom:calc(var(--reel-safe-bottom) + 18px);height:26%}
 .dyn-copy{top:24%}.dyn-copy h2{font-size:11.7vw;margin-bottom:10px}.dyn-copy p{font-size:14px;line-height:1.55}.reel-bike-family{height:27%;bottom:calc(var(--reel-safe-bottom) + 10px)}.dyn-bike img{max-height:120px}
 .reel-quote-body{top:24%}.reel-quote-body blockquote{font-size:6.8vw}.reel-quote-body figcaption{margin-top:22px}
 .game-copy{padding:19px 20px;bottom:calc(var(--reel-safe-bottom) + 10px)}.game-copy h2{font-size:13vw;margin-bottom:10px}.game-copy p{font-size:14px;line-height:1.5}.game-copy .reel-kicker{margin-bottom:10px}.reel-game-play{padding:10px 14px;min-height:43px;margin-top:11px}
 .counterpart-copy{top:45%}.counterpart-copy h2{font-size:10.5vw;margin-bottom:13px}.counterpart-copy p{font-size:14px;margin-bottom:8px}.counterpart-copy strong{font-size:22px}.reel-contact-copy{top:24%}.reel-contact-copy h2{font-size:18.5vw;margin-bottom:19px}.reel-contact-copy p{font-size:14px;line-height:1.65;margin-bottom:14px}
}

/* The first wheel gesture completes this emphasis in time, without splitting
   or scattering the promise that the visitor is trying to read. */
.intro-stay{position:relative}
.intro-proof-line{display:block;position:absolute;left:0;right:0;bottom:-.045em;height:.035em;background:currentColor;transform:scaleX(0);transform-origin:left center}
.reel-intro h1{font-size:clamp(78px,min(11.2vw,16svh),180px)}
@media(max-width:760px){.reel-intro h1{font-size:18.2vw}.reel-intro-note{width:auto}.reel-intro-note p{font-size:14px;line-height:1.6}}