/* Film direction, following the selected Spool Edit reference.
   Existing gallery and functional Canvas compositions retain their own geometry. */
:root{--paper:#f8f4e9;--ink:#191d18;--blue:#075af0;--yellow:#f9cf3f;--coral:#f89a7f;--lavender:#d8cef2;--line:#d7d2c5;background:var(--paper)}
body{background:var(--paper)}
.header{height:110px;padding:0 5%;align-items:center}.brand img{width:190px}.header nav{gap:23px;padding:8px 9px 8px 25px;border-radius:40px;background:#f8f4e9f2;font-size:11px}.header .nav-login{border:0;background:var(--ink);color:var(--paper);padding:13px 18px}.header .nav-login:hover{color:white;background:var(--blue)}
.button{font-weight:400;box-shadow:none;min-height:56px;gap:28px;padding:7px 8px 7px 24px;font-size:12px}.button>span{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:26px}.button-ink{color:var(--paper);background:var(--ink)}.button-blue:hover{box-shadow:none}.button:before{background:var(--blue)}.button-blue:before{background:var(--ink)}
/* Opening: footage occupies the canvas; live type remains readable throughout. */
.opening{height:100svh;min-height:790px;max-height:1120px;position:relative;isolation:isolate;overflow:clip;background:var(--paper)}
.opening-film{position:absolute;inset:0;z-index:-2;background:url('/lp/flow-a8dc5b07123c/assets/flow-film.jpg') center 40%/cover;transform:scale(calc(1.02 + var(--opening-progress,0)*.04));transform-origin:60% 30%}
.opening-film video{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.opening:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#f8f4e9 0%,#f8f4e9ee 10%,#f8f4e9d0 23%,#f8f4e957 40%,transparent 60%)}
.opening-copy{position:absolute;left:7%;bottom:112px;width:86%}.opening-copy .eyebrow{font-size:11px;letter-spacing:.17em;font-weight:400;margin-bottom:21px}.opening h1{font-size:clamp(59px,6.75vw,112px);line-height:1.2;letter-spacing:-.075em}.opening h1>span{color:var(--blue)}.opening-watch{position:absolute;bottom:154px;right:7%;display:flex;align-items:center;gap:13px;text-align:left;font-size:10px}.opening-watch>span:first-child{height:52px;width:52px;display:grid;place-items:center;border:1px solid #696b6166;border-radius:50%;font-size:24px;transition:background .3s,rotate .4s}.opening-watch:hover>span:first-child{background:var(--yellow);rotate:10deg}.opening-watch small{display:block;font-size:7px;letter-spacing:.04em;margin-top:7px}.opening-foot{position:absolute;inset:auto 7% 28px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.08em}.opening-foot>a{font-size:23px;display:flex;align-items:center;gap:16px}.opening-foot>a span{font-size:7px}.opening-transport{display:flex;align-items:center;gap:14px}.opening-transport button{width:32px;height:36px;font-size:17px}.opening-meter{height:2px;width:66px;background:#292c2533}.opening-meter i{display:block;height:100%;background:var(--ink);transform:scaleX(var(--film-time,0));transform-origin:left}
/* Editorial rhythm: one column, confident type, distinct fields of color. */
.chapter,.section-pad{padding:115px max(7%,calc((100vw - 1280px)/2));background:var(--paper)}
.chapter-heading,.section-heading{max-width:none;margin:0 auto 56px;text-align:left}.chapter-heading .eyebrow,.eyebrow{color:var(--ink);font-size:10px;letter-spacing:.12em}.chapter-heading h2,.section-heading h2{font-size:clamp(44px,5.2vw,82px);line-height:1.3;letter-spacing:-.075em;margin:25px 0}.chapter-lead,.body-copy{color:#484c45;font-size:14px;line-height:2.1}.chapter-heading:has(+.proof-player){text-align:left}.section-note{color:#5c6058;font-size:10px;line-height:1.9}.chapter h3{line-height:1.5}.chapter-heading h2 em{color:var(--blue)}
.scene-film{position:relative;isolation:isolate;width:92%;margin:0 auto;background:var(--paper);padding:9px;box-shadow:0 28px 45px -24px #15192060;transform:rotate(calc(-2deg + var(--section-progress,1)*1deg));transform-origin:50% 70%}
.scene-film:before,.scene-film:after{content:'';position:absolute;inset:-18px 20px;z-index:-1;border:1px solid currentColor;opacity:.25;rotate:5deg;pointer-events:none}.scene-film:after{inset:8px -22px;rotate:-3deg}
.scene-film video{width:100%;aspect-ratio:854/480;object-fit:contain}.scene-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 6px;color:var(--ink);font-size:10px;line-height:1.8}.scene-film figcaption button,.film-local{border:1px solid #8b8c8080;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:16px}.scene-film button:hover,.film-local:hover{background:var(--yellow)}
.scene-word{display:block;font-size:clamp(80px,13.5vw,200px);line-height:.88;letter-spacing:-.065em;font-weight:700;margin:70px 0 -22px;position:relative;z-index:1;pointer-events:none}.scene-after{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:52px 4% 0}.scene-after>b{font-family:Zen,sans-serif;font-size:clamp(23px,2.5vw,38px);line-height:1.5;letter-spacing:-.055em}.scene-after p{font-size:13px;line-height:2.1}
.works{padding:110px 0;background:#fffef9}.works>.section-heading{text-align:center}.works .section-heading h2{font-size:clamp(36px,4.5vw,68px);line-height:1.4}.works .body-copy{font-size:15px}.works .eyebrow{font-weight:700}.works .section-heading{margin-bottom:0}
.manifesto{background:var(--yellow);text-align:left}.manifesto .scene-word{color:var(--blue)}.manifesto .chapter-heading{margin-bottom:0}.manifesto .scene-film{width:94%}.manifesto .scene-after{color:var(--ink)}
.hero{background:var(--paper);padding:110px 0 0}.hero-copy{text-align:left;padding:0 7%}.hero-copy h2{font-size:clamp(44px,5.2vw,82px);line-height:1.3;margin:24px 0}.hero-copy .hero-description{font-size:14px}.hero-copy .text-link{display:inline-block;margin:0}.hero-stage{margin-top:54px!important;background-image:radial-gradient(#bbbeb5 .7px,transparent .7px)}.hero-foot{margin-top:30px;padding:32px 0}.prompt-note{background:var(--yellow)}
.experience{background:var(--lavender)}.experience-nav{justify-content:flex-start;margin:0 0 30px;gap:18px}.experience-nav button{border-radius:0;border-bottom:1px solid #6d62886b;padding:18px 22px}.experience-nav button[aria-pressed=true]{border-color:var(--ink);box-shadow:none;background:var(--paper)}.canvas-shell{border-radius:5px;box-shadow:16px 18px 0 #aaa0cb5c,0 30px 40px -25px #1918234d}.canvas-space{background-color:#f6f5ed}.demo-disclosure{text-align:left}.experience>.text-link{margin-left:0}.canvas-shell .button{padding:5px 6px 5px 17px;gap:12px}.canvas-shell .button span{height:30px;width:30px;font-size:20px}.canvas-shell .demo-aside{min-width:0}
.section-proof{background:var(--coral)}.proof-player{max-width:none;border-radius:3px;box-shadow:12px 14px 0 #b8604b33}.proof-player .film-local{margin:10px 16px 10px auto}.proof-three{max-width:none;gap:45px}.proof-three>div{border-color:#7c493c55}.proof-three h3{font-size:23px}.proof-three p{color:#563f36;font-size:13px}.screen-bar{padding:17px 22px;background:var(--paper);border-color:#b6b3a3}.screen-bar i{background:var(--blue)}
.section-advantages{background:var(--paper)}.advantage-grid{display:block;border-bottom:1px solid var(--line)}.advantage-item{display:grid;grid-template-columns:50px 1.05fr 1.1fr 1.3fr;gap:30px;min-height:0;padding:30px 0;border-color:var(--line);align-items:center}.adv-number{font-size:11px;color:var(--blue)}.adv-title{margin:0;gap:12px}.adv-title h3{font-size:clamp(25px,3vw,42px)}.adv-title>span{display:none}.advantage-item>b{font-size:13px;line-height:1.85}.advantage-item>p{margin:0;font-size:12px;line-height:1.9;max-width:100%;color:#60635b}.advantage-item:hover{color:var(--blue)}
.section-process{background:#f2aa91}.section-process .scene-film{margin-bottom:55px;width:88%}.process-stage{padding:28px 0 0;background:none;border:0;border-radius:0}.process-track{padding-bottom:40px}.process-object{border-radius:2px;background:var(--paper);border-color:#c38a73}.process-line{background:#b97f6966}.process-controls{border-color:#ae766355}.process-description{margin-top:25px}.process-description h3{font-size:32px}.process-description p{color:#604438;font-size:13px}.process-controls button{font-size:13px}.process-controls button span{color:#744a3a}
.section-capabilities{background:var(--paper)}.recipe-lab{border-radius:3px;box-shadow:12px 14px 0 #f5cc4250}.recipe-preview{padding:55px;min-height:400px;background-color:#faf6eb}.recipe-engine{background:var(--yellow);box-shadow:6px 7px 0 #e3b932}.recipe-result{width:340px}.recipe-images{height:240px}.recipe-images img{height:205px}.recipe-video{width:300px}.recipe-video video{height:230px}.recipe-description{background:var(--paper);font-size:13px;color:#50574a}.capability-list h3{font-size:20px}.capability-list summary{padding:26px 0}.capability-list summary>small{font-size:11px;color:#676c60}.capability-list details>p{font-size:13px;color:#555c4b}
.section-tour{background:var(--blue);color:var(--paper)}.section-tour .eyebrow,.section-tour .chapter-lead,.section-tour .section-note{color:#eff3ff}.section-tour .chapter-heading em{color:var(--yellow)}.tour-layout{display:flex;flex-direction:column;gap:28px}.tour-screen{order:0;width:100%;border:0;border-radius:3px;box-shadow:14px 16px 0 #00298655;color:var(--ink);position:relative}.tour-menu{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%}.tour-menu button{border-color:#ffffff55;color:#ffffffb3;padding:25px 35px!important}.tour-menu button>span{color:#fff}.tour-menu button b{font-size:19px}.tour-menu button small{font-size:11px;color:#d5e3ff}.tour-menu button[aria-pressed=true]{color:var(--yellow)}.tour-menu button:after{background:var(--yellow)}.tour-screen>.film-local{position:absolute;right:16px;bottom:65px}.tour-screen-caption{font-size:12px;padding:20px 24px}
.section-workspace{background:var(--lavender)}.workspace-board{background:#f7f4ec;border-radius:3px;box-shadow:12px 14px 0 #b3a2d666}.workspace-toolbar{background:var(--paper)}.organize-stage{height:480px;background-color:#f6f4ec}.organize-card{height:205px;border-radius:2px}.organize-frame{background:#d5cef03d;border-color:#a394b8}.workspace-board>p{background:var(--paper);color:#55544e}.workspace-stories{gap:70px;margin-top:48px}.workspace-stories h3{font-size:28px}.workspace-stories p{font-size:14px;color:#5b5368}
.section-vault{background:var(--blue);color:var(--paper)}.section-vault .chapter-heading .eyebrow,.section-vault .chapter-lead,.section-vault .section-note{color:#ecf1ff}.section-vault .chapter-heading h2 em{color:var(--yellow)}.section-vault .scene-word{color:var(--yellow)}.section-vault .scene-film{color:#fff}.interaction-invite{font-size:28px;font-weight:700;line-height:1.7;margin:85px 0 35px}.interaction-invite>span{display:block;font-size:11px;font-weight:400;margin-top:10px}.vault-takes{gap:36px}.vault-image{aspect-ratio:1;border-radius:2px;border:6px solid var(--paper);transform:rotate(-2deg)}.vault-take:nth-child(2) .vault-image{transform:rotate(2deg)}.vault-take h3{font-size:22px}.vault-actions button{color:var(--paper);border-color:#ffffff77;background:transparent}.vault-actions button[aria-pressed=true]{background:var(--paper);color:var(--blue);border-color:var(--paper)}.vault-next{border-color:#ffffff55}.vault-next small,.vault-next>div>span{color:#dce8ff}.vault-next .vault-arrow{color:var(--yellow)}.vault-existing{border-color:#ffffff55}.vault-protected{background:var(--yellow);color:var(--ink);border:0}.vault-take:has([data-vault-adopt][aria-pressed=true]) .vault-image{box-shadow:0 0 0 3px var(--yellow),0 18px 30px -18px #002055}
.section-run{background:var(--paper)}.screen-film{width:100%;padding:0;transform:none;box-shadow:10px 12px 0 #dfd8c6;margin:0 0 65px}.screen-film:before,.screen-film:after{display:none}.screen-film figcaption{padding:12px 20px;background:#fffdf5}.run-layout{grid-template-columns:1fr 1fr;gap:55px}.run-scope{border-radius:3px;box-shadow:none}.run-copy h3{font-size:26px}.run-copy p{font-size:13px;color:#585f50}.recovery{border-color:var(--line);margin-top:65px}.recovery h3{font-size:32px}.recovery-options button{font-size:12px}
.section-handoff{background:var(--yellow)}.section-handoff .scene-word{color:var(--blue);font-size:clamp(60px,10vw,148px);white-space:nowrap}.handoff-signature{display:flex;align-items:center;justify-content:center;gap:40px;padding:50px 0 40px}.handoff-signature img{width:160px}.handoff-signature>span{font-size:10px}.handoff-signature>b{font-size:28px;letter-spacing:-.07em}.handoff-bottom{border-color:#95791455}.handoff-bottom p{font-size:14px;color:#5a4b28}
.section-audience{background:var(--paper)}.audience-scenes{display:block}.audience-scenes article{position:relative;margin-bottom:100px;border:0;padding:0}.audience-scenes article:last-child{margin-bottom:0}.audience-scenes video{width:100%;aspect-ratio:16/9;border-radius:0}.audience-scenes article>div{position:relative;padding:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.audience-scenes small{font-size:9px;color:var(--blue);grid-column:1}.audience-scenes h3{font-size:34px;grid-column:1;margin:7px 0}.audience-scenes p{grid-column:2;grid-row:1/3;align-self:center;color:#585e51;font-size:14px;max-width:none}.audience-scenes .film-local{position:absolute;right:18px;top:20px}.audience-scenes article:nth-child(2){transform:none}.audience-note{color:#5f6457;font-size:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:50px}
.section-brief{background:#f7d65c}.brief-paper{background:var(--paper);box-shadow:10px 12px 0 #b9942a55;border-color:#dbc785;border-radius:0}.brief-choices button{border-color:#a18c4c77}.brief-choices button[aria-pressed=true]{background:var(--paper);border-color:var(--ink);color:var(--ink)}.brief-choices legend{font-size:17px}.brief-choices fieldset{border-color:#a18c4c55}.brief-foot{border-color:#a18c4c55}.brief-foot p{color:#68572c;font-size:13px}.brief-layout{gap:65px}.brief-paper textarea{background:#fffcf6}.brief-paper h3{font-size:30px}.brief-paper>p:not(.brief-feedback){font-size:16px;line-height:2}
.section-faq{background:var(--paper);max-width:none}.section-faq>.chapter-heading,.faq-filters,.full-faq-list,.section-faq>.section-note{max-width:1050px;margin-left:auto;margin-right:auto}.full-faq-list summary{padding:28px 0;gap:25px}.full-faq-list h3{font-size:17px}.full-faq-list details>p{font-size:14px;color:#5d6355}.faq-filters [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.section-finale{min-height:850px;background:var(--paper);padding-top:440px;isolation:isolate;overflow:clip;text-align:left}.finale-art{position:absolute;inset:0;width:100%;margin:0;padding:0;transform:none;box-shadow:none;z-index:-2;background:var(--paper)}.finale-art video{width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 30%,transparent 77%)}.finale-art .film-local{position:absolute;right:7%;top:35px}.section-finale:after{display:none}.section-finale h2{font-size:clamp(44px,5.5vw,85px);line-height:1.3;letter-spacing:-.07em}.section-finale .chapter-lead{font-size:14px}.finale-actions{justify-content:flex-start}.finale-small{color:#626658}.footer{background:var(--paper);border-color:var(--line)}
.motion-paused .opening-film{transform:none}.motion-paused .scene-film{transform:none}.motion-paused .opening-meter i{transition:none}
@media(max-width:1100px){.opening-watch{bottom:100px}.opening-copy{bottom:150px}.opening{min-height:780px}.chapter,.section-pad{padding-left:6%;padding-right:6%}.works{padding-left:0;padding-right:0}.advantage-item{grid-template-columns:30px 1fr 1.1fr;gap:20px}.advantage-item>p{grid-column:3}.advantage-item>b{grid-row:1}.adv-title{grid-row:1/3}.adv-number{grid-row:1/3}.recipe-preview{padding:40px 24px}.recipe-result{width:260px}.recipe-video{width:230px}.recipe-video video{height:190px}.recipe-images img{height:160px}.brief-layout{gap:30px}.tour-menu button b{font-size:16px}.run-layout{gap:30px}.run-copy h3{font-size:23px}.workspace-stories h3{font-size:26px}}
@media(max-width:767px){
.header{height:83px;padding:0 6%}.brand img{width:144px}.header nav{padding:0;gap:0;background:none}.header .nav-login{font-size:10px;padding:11px 14px;background:#f8f4e9ec;color:var(--ink)}
.opening{height:100svh;min-height:750px;max-height:980px}.opening-film{inset:0 0 auto;height:65%;background-size:cover}.opening-film video{object-fit:cover;object-position:53% 35%}.opening:after{background:linear-gradient(0deg,#f8f4e9 0%,#f8f4e9 30%,#f8f4e9b0 43%,transparent 63%)}.opening-copy{left:7%;width:86%;bottom:152px}.opening-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:17px}.opening h1{font-size:clamp(33px,8.9vw,67px);line-height:1.4;letter-spacing:-.08em}.opening h1>span{white-space:nowrap}.button>span{width:35px;height:35px;font-size:23px}.opening-watch{right:7%;bottom:86px;gap:9px;font-size:8px}.opening-watch>span:first-child{width:35px;height:35px;font-size:17px}.opening-watch small{font-size:5px;margin-top:5px}.opening-foot{left:7%;right:7%;bottom:23px;font-size:6px}.opening-foot>span{display:none}.opening-foot>a{gap:10px}.opening-foot>a span{font-size:6px}.opening-transport{gap:7px}.opening-transport button{font-size:15px;width:28px}.opening-meter{width:42px}
.chapter,.section-pad{padding:78px 7%}.chapter-heading,.section-heading{margin-bottom:35px}.chapter-heading h2,.section-heading h2{font-size:clamp(29px,8.15vw,56px);line-height:1.45;margin:21px 0;letter-spacing:-.065em}.chapter-heading .eyebrow,.eyebrow{font-size:7px;letter-spacing:.08em}.chapter-lead,.body-copy{font-size:12px;line-height:2}.section-note{font-size:9px}.chapter-lead br{display:none}
.scene-word{font-size:21vw;margin:45px 0 -10px}.scene-film,.manifesto .scene-film{width:100%;padding:5px}.scene-film:before{inset:-10px 7px}.scene-film:after{inset:5px -8px}.scene-film figcaption{padding:9px 7px 4px;font-size:7px;gap:8px}.scene-film figcaption button,.film-local{height:32px;width:32px;font-size:14px}.scene-after{display:block;padding:32px 0 0}.scene-after>b{font-size:24px}.scene-after p{margin-top:20px;font-size:12px;line-height:2}.scene-after p br{display:none}
.works{padding:78px 0}.works>.section-heading{padding:0 7%}.works .section-heading h2{font-size:clamp(32px,8.1vw,49px);line-height:1.5}.works .body-copy{font-size:12px}
.hero{padding:78px 0 0}.hero-copy{padding:0 7%}.hero-copy h2{font-size:clamp(32px,8.15vw,56px);line-height:1.45}.hero-copy .hero-description{font-size:12px}.hero-copy .text-link{font-size:11px}.hero-stage{margin-top:35px!important}.hero-foot{padding:25px 0;margin-top:15px}.hero-foot a{font-size:6px}
.experience-nav{gap:5px;margin:0 -8px 23px;justify-content:center}.experience-nav button{padding:12px 8px;gap:5px;font-size:9px}.experience-nav button small{font-size:7px}.experience-nav>span{font-size:9px}.canvas-shell{box-shadow:7px 8px 0 #aaa0cb5c}.canvas-shell .demo-aside .button{font-size:11px}.canvas-shell .demo-aside .button span{width:30px;height:30px}
.proof-player{margin:0 -2%;box-shadow:7px 8px 0 #b8604b33}.proof-player .film-local{margin:8px 12px 8px auto}.proof-three{gap:25px;margin-top:30px}.proof-three>div{padding-left:0}.proof-three h3{font-size:21px}.proof-three p{font-size:12px}.screen-bar{font-size:6px;padding:13px 10px;gap:10px}.screen-bar button{font-size:8px}
.section-advantages .chapter-heading h2{font-size:clamp(29px,8.15vw,56px)}.advantage-item{grid-template-columns:22px 1fr;gap:10px 14px;padding:25px 0}.adv-number{grid-row:1;align-self:center;font-size:9px}.adv-title{grid-row:1;grid-column:2}.adv-title h3{font-size:31px}.advantage-item>b{grid-column:2;grid-row:2;font-size:12px}.advantage-item>p{grid-column:2;font-size:11px}
.section-process .chapter-heading h2{font-size:clamp(28px,7.9vw,56px)}.section-process .scene-film{width:100%;margin-bottom:36px}.process-stage{margin:0;padding:5px 0 0}.process-track{gap:6px;padding-bottom:28px}.process-controls{gap:7px}.process-controls button{font-size:9px}.process-controls button span{font-size:7px}.process-description h3{font-size:24px}.process-description p{font-size:11px;line-height:1.95}
.recipe-preview{padding:30px 15px;min-height:380px}.recipe-result{width:90%}.recipe-images img{height:113px}.recipe-video{width:174px}.recipe-video video{height:115px}.recipe-description{font-size:11px}.capability-list summary{padding:21px 0}.capability-list h3{font-size:14px}.capability-list summary>small{font-size:9px}.capability-list details>p{font-size:11px;line-height:2}
.tour-layout{gap:24px}.tour-screen{width:104%;margin:0 -2%;box-shadow:7px 8px 0 #00298655}.tour-menu{gap:13px}.tour-menu button{padding:16px 0!important;min-height:0}.tour-menu button b{font-size:11px}.tour-menu button small{font-size:8px}.tour-screen-caption{font-size:8px;padding:13px 10px;min-height:67px}.tour-screen>.film-local{right:10px;bottom:80px;width:28px;height:28px;font-size:12px}
.workspace-board{box-shadow:7px 8px 0 #b3a2d666}.organize-stage{height:365px}.organize-card{height:115px}.workspace-stories{gap:30px;margin-top:35px}.workspace-stories h3{font-size:23px}.workspace-stories p{font-size:12px}
.interaction-invite{font-size:23px;margin:50px 0 25px}.interaction-invite>span{font-size:9px}.vault-takes{gap:12px}.vault-image{aspect-ratio:.75;border-width:3px}.vault-take h3{font-size:11px}.vault-actions button{font-size:10px}.vault-next .vault-existing{border-color:#ffffff55}.vault-next p{font-size:12px}
.screen-film{margin-bottom:36px;padding:0}.screen-film figcaption{padding:8px 12px}.run-layout{gap:28px}.run-copy h3{font-size:23px}.run-copy p{font-size:12px}.recovery{margin-top:38px}.recovery h3{font-size:25px}.recovery-options button{font-size:10px}
.section-handoff .scene-word{font-size:12.5vw;letter-spacing:-.07em;margin-top:35px}.handoff-signature{gap:18px;flex-wrap:wrap;padding:35px 0 28px}.handoff-signature img{width:120px}.handoff-signature>b{font-size:25px}.handoff-signature>span{font-size:8px;order:2;width:100%;text-align:center}.handoff-bottom p{font-size:12px}.handoff-bottom .button{padding:6px 7px 6px 17px;gap:18px;font-size:10px}
.audience-scenes article{margin-bottom:55px}.audience-scenes video{width:calc(100% + 16.3%);max-width:none;margin-left:-8.15%;aspect-ratio:1.15;object-fit:cover;object-position:center}.audience-scenes article>div{display:block;padding-top:25px}.audience-scenes small{font-size:8px}.audience-scenes h3{font-size:25px;margin:15px 0}.audience-scenes p{font-size:12px;line-height:2}.audience-scenes .film-local{top:15px;right:0}.audience-note{font-size:11px;margin-top:35px;padding-top:25px}
.brief-layout{gap:28px}.brief-choices legend{font-size:14px}.brief-paper h3{font-size:25px}.brief-paper>p:not(.brief-feedback){font-size:13px;line-height:2}.brief-foot p{font-size:11px}.brief-paper{box-shadow:7px 8px 0 #b9942a55}
.full-faq-list summary{padding:23px 0;gap:15px}.full-faq-list h3{font-size:13px}.full-faq-list details>p{font-size:12px;line-height:2}.faq-filters{gap:7px}.faq-filters button{padding:10px 13px;font-size:10px}
.section-finale{min-height:790px;padding-top:330px;padding-bottom:65px}.finale-art video{height:520px;object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 30%,transparent 91%)}.section-finale h2{font-size:clamp(30px,8.2vw,50px);line-height:1.45}.section-finale .chapter-lead{font-size:12px}.finale-actions{align-items:flex-start;gap:25px}.finale-actions .button{padding:6px 7px 6px 20px;gap:20px;font-size:11px}.finale-small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.opening-film,.scene-film{transform:none!important}}
.section-finale>.film-local{position:absolute;right:7%;top:35px;z-index:2}
/* Phone: preserve the landscape film's relationships instead of cropping faces. */
@media(max-width:767px){
.opening-film{height:64%;background:linear-gradient(116deg,transparent 55%,#f6cf4399 55% 76%,transparent 76%),linear-gradient(165deg,#f59b81 0 35%,#0960ec 35% 72%,#f8f4e9 72%);transform:none}
.opening-film video{position:absolute;top:110px;left:-12%;width:124%;max-width:none;height:auto;aspect-ratio:854/480;object-fit:contain;transform:rotate(-7deg);border:6px solid var(--paper);box-shadow:0 20px 30px -15px #13243a66}
.opening:after{background:linear-gradient(0deg,#f8f4e9 0%,#f8f4e9 33%,#f8f4e9cc 44%,transparent 58%)}
}
.vault-index{color:var(--ink)}
@media(max-width:767px){.audience-scenes video{aspect-ratio:16/9;object-fit:contain}}
/* The closing film contains the approved logotype: keep the entire composition. */
.section-finale{padding-top:0;min-height:0}
.finale-art{position:relative;inset:auto;width:calc(100% + 16.279%);margin:0 -8.1395% 70px;z-index:0;background:var(--paper)}
.finale-art video{width:100%;height:auto;aspect-ratio:854/480;object-fit:contain;mask-image:none}
@media(max-width:767px){.finale-art{width:calc(100% + 16.279%);margin:0 -8.1395% 48px}.finale-art video{height:auto;mask-image:none}}

/* Finishing pass: readable copy, paper details and a consistent control language. */
:root { --muted: #57564f; --blue-tint: #eaf0ff; --lilac-tint: #eee8f8; }
::selection { background: var(--yellow); color: var(--ink); }
.chapter-heading h2, .section-heading h2, .chapter h3 { text-wrap: pretty; }
.chapter-lead, .body-copy, .hero-copy .hero-description { font-size: 17px; line-height: 1.95; }
.chapter-lead, .section-note, .scene-after p, .advantage-item > p,
.workspace-stories p, .run-copy p, .audience-scenes p, .full-faq-list details > p { text-wrap: pretty; }
.section-note { font-size: 11px; line-height: 1.9; }
.scene-after p, .proof-three p, .process-description p, .recipe-description,
.capability-list details > p, .run-copy p, .recovery-body > p, .workspace-board > p { font-size: 16px; }
.advantage-item > b { font-size: 16px; }
.advantage-item > p { font-size: 15px; }
.workspace-stories p, .audience-scenes p, .full-faq-list details > p { font-size: 16px; }
.proof-three small, .workspace-stories article > span, .run-copy article > small,
.audience-scenes small { font-size: 10px; }
.header nav { font-size: 12px; gap: 24px; }
.header nav a { white-space: nowrap; }
.header nav a:not(.nav-login) { padding: 12px 0; }
.button { font-size: 14px; }
.button > span { transition: rotate .3s var(--ease), background .3s; }
.opening-copy .eyebrow { font-size: 13px; }

.opening-watch { font-size: 12px; }
.opening-watch small { font-size: 9px; letter-spacing: .08em; }
.opening-foot, .opening-foot > a span { font-size: 9px; }
.opening-transport { gap: 10px; font-variant-numeric: tabular-nums; }
#nav-toggle, .mobile-login, .nav-arrow { display: none; }

/* Film controls share one drawn icon and a generous, stationary hit area. */
[data-playback] svg, #opening-replay svg, .opening-watch svg { width: 20px; height: 20px; display: block; }
.opening-watch svg { width: 24px; height: 24px; }
.scene-film figcaption { font-size: 12px; padding: 16px 18px 9px; gap: 20px; }
.scene-film figcaption small { display: block; font-size: 9px; letter-spacing: .09em; color: var(--muted); margin-bottom: 4px; }
.scene-film figcaption button, .film-local, .opening-transport button {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0;
  display: grid; place-items: center; border: 1px solid #88867b80; border-radius: 50%;
  background: var(--paper); color: var(--ink); flex-shrink: 0;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.chapter [data-playback] { color: var(--ink); }
.opening-transport button { background: #f8f4e9b3; border-color: transparent; }
.opening-transport button:hover { background: var(--yellow); }
.recording-caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 20px; background: var(--paper); font-size: 12px; line-height: 1.8; }
.proof-player .recording-caption .film-local { margin: 0; }
.tour-screen-caption { background: var(--paper); padding: 14px 20px; gap: 16px; min-height: 72px; }
.tour-screen-caption > span { flex: 1; }
.tour-menu b span { white-space: nowrap; }
.tour-screen-caption .film-local { padding: 0; border: 1px solid #88867b80; }
.tour-screen-caption > button[data-film], .screen-bar button { min-height: 36px; font-size: 11px; border-color: #88867b; }
.screen-bar { font-size: 10px; }
.proof-player, .tour-screen { border-color: #9d857366; }

/* Neutral borders and deliberate selected colors replace the old sage accents. */
.recipe-lab, .recipe-input, .recipe-video, .workspace-board, .organize-card,
.workspace-toolbar, .workspace-board > p, .run-scope, .scope-options,
.scope-receipt, .recipe-options, .recipe-description, .capability-list details,
.capability-list details:last-child { border-color: var(--line); }
.recipe-preview, .organize-stage, .scope-nodes { background-image: radial-gradient(#c9c3b6 .8px, transparent .8px); }
.recipe-input > span, .recipe-engine small, .recipe-description, .capability-list summary > small,
.capability-list details > p, .workspace-board > p, .scope-receipt > span,
.scope-receipt small, .run-copy p, .recovery-body > p { color: var(--muted); }
.recipe-engine > span { color: var(--ink); }
.recipe-wire { background: #a7a298; }
.recipe-options [aria-pressed=true], .scope-options [aria-pressed=true] { background: var(--blue-tint); border-color: #b3c7fb; color: var(--blue); }
.workspace-toolbar [aria-pressed=true] { background: var(--lilac-tint); border-color: #b7a1da; color: #503682; }
.recipe-preview[data-recipe-view=audio] .recipe-engine,
.recipe-preview[data-recipe-view=workflow] .recipe-engine { background: var(--lavender); }
.recipe-preview[data-recipe-view=video] .recipe-engine { background: #cfddff; }
.recipe-folders span { background: var(--lilac-tint); border-color: #b3a5c5; box-shadow: 5px 5px 0 #d8cbea; }
.recipe-audio i { background: #69549e; }
.recipe-text { height: auto; min-height: 130px; background: var(--lilac-tint); color: #503f73; }
.organize-stage[data-organization=group] .frame-a,
.organize-stage[data-organization=flow] .frame-a { border-color: #b1a0c9; background: #e4daee80; }
.organize-frame span { color: #695a7d; }
.scope-nodes > span { border-color: var(--line); background: var(--paper); }
.scope-nodes > i { background: #bfb9ac; }
.scope-receipt { background: var(--paper); }
.recovery-options button, .recovery-route > span { border-color: #bfb8a7; }
.recovery-options button[aria-pressed=true] { color: var(--blue); background: var(--blue-tint); border-color: #b3c7fb; }
.recovery-route > i { color: #868172; }
.process-object:last-child img { background: #eee8da; }
.process-object.is-past { border-color: #ae7964; }
.vault-actions [data-vault-protect][aria-pressed=true] { background: var(--yellow); border-color: var(--yellow); color: var(--ink); }
.vault-selected-thumb { border-color: var(--line); }
.brief-choices button[aria-pressed=true] { box-shadow: 0 3px 0 #c0a342; }
.brief-paper:before { background: #e9c857b3; }
.brief-paper .eyebrow, .brief-paper label, .brief-feedback { color: var(--muted); }
.brief-paper label { font-size: 12px; }
.brief-paper textarea { border-color: #c8c1ac; font-size: 14px; }
.brief-paper textarea::placeholder { color: #767164; }
.brief-paper-actions button, .brief-paper-actions a { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; border-color: #99907d; }
.brief-paper-actions a { color: var(--blue); border-color: var(--blue); }
.brief-feedback { font-size: 12px; }
.brief-choices button, .recipe-options button, .workspace-toolbar button,
.scope-options button, .vault-actions button, .recovery-options button, .faq-filters button { min-height: 44px; }
.capability-list summary > b, .full-faq-list summary > b { display: grid; place-items: center; width: 30px; height: 30px; flex-shrink: 0; }
.capability-list details[open] summary, .full-faq-list details[open] summary { color: var(--blue); }
.capability-list details > p { line-height: 2; max-width: 80ch; }
.section-tour .tour-menu button:focus-visible, .section-vault .vault-actions button:focus-visible { outline-color: var(--yellow); }
.section-tour .tour-menu button:focus-visible, .section-vault .vault-actions button:focus-visible,
.scene-film button:focus-visible, .film-local:focus-visible { outline-offset: 5px; }
@media (hover: hover) {
  .button:hover > span { rotate: 8deg; background: var(--yellow); }
  .recipe-options button:not([aria-pressed=true]):hover, .workspace-toolbar button:not([aria-pressed=true]):hover,
  .scope-options button:not([aria-pressed=true]):hover, .recovery-options button:not([aria-pressed=true]):hover,
  .faq-filters button:not([aria-pressed=true]):hover { background: #e5dfd180; border-color: #bfb8a7; }
  .vault-actions button:not([aria-pressed=true]):hover { background: #ffffff1a; border-color: var(--paper); }
  .brief-choices button:not([aria-pressed=true]):hover { background: #f8f4e966; border-color: var(--ink); }
  .capability-list summary:hover h3, .full-faq-list summary:hover h3 { color: var(--blue); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .header nav { gap: 17px; padding-left: 18px; font-size: 11px; }
  .header .brand img { width: 166px; }
  .tour-menu button { padding-left: 25px !important; padding-right: 10px !important; }
}
@media (min-width: 768px) and (max-width: 1100px) and (max-aspect-ratio: 1/1) {
  .opening-film { height: 65%; transform: none; background: linear-gradient(116deg,transparent 55%,#f6cf4399 55% 76%,transparent 76%),linear-gradient(165deg,#f59b81 0 35%,#0960ec 35% 72%,#f8f4e9 72%); }
  .opening-film video { position: absolute; top: 100px; left: 50%; width: 96%; max-width: 820px; translate: -50% 0; height: auto; aspect-ratio: 854/480; object-fit: contain; transform: rotate(-4deg); border: 8px solid var(--paper); box-shadow: 0 20px 30px -15px #13243a66; }
}
@media (max-width: 767px) {
  .chapter-lead, .body-copy, .hero-copy .hero-description, .works .body-copy { font-size: 14px; }
  .chapter-heading .eyebrow, .eyebrow { font-size: 9px; }
  .section-note { font-size: 10px; }
  .scene-after p, .proof-three p, .process-description p, .recipe-description,
  .capability-list details > p, .workspace-stories p, .workspace-board > p, .run-copy p,
  .recovery-body > p, .audience-scenes p, .full-faq-list details > p { font-size: 14px; }
  .advantage-item > b { font-size: 14px; }
  .advantage-item > p { font-size: 14px; }
  .proof-three small, .workspace-stories article > span, .run-copy article > small,
  .audience-scenes small { font-size: 9px; }
  .opening-copy .eyebrow { font-size: 11px; }

  .opening-watch { font-size: 10px; bottom: 87px; gap: 10px; }
  .opening-watch > span:first-child { width: 44px; height: 44px; }
  .opening-watch small { font-size: 8px; }
  .opening-watch svg { width: 19px; height: 19px; }
  .opening-foot, .opening-foot > a span { font-size: 8px; }
  .opening-transport { gap: 5px; }
  .opening-transport button { width: 44px; height: 44px; }
  .opening-meter { width: 34px; }
  .opening-foot > a { gap: 8px; }
  .header nav { display: none; }
  .mobile-login { display: block; margin-left: auto; margin-right: 10px; }
  .header .nav-login { font-size: 11px; padding: 12px 13px; }
  .nav-login span { margin-left: 8px; }
  #nav-toggle { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid #191d1829; border-radius: 50%; background: var(--paper); }
  #nav-toggle svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; transition: rotate .25s; }
  .menu-open #nav-toggle svg { rotate: 90deg; }
  .header.menu-open nav { position: absolute; left: 6%; right: 6%; top: 76px; margin: 0; padding: 18px 24px; display: flex; flex-direction: column; align-items: stretch; gap: 0; border: 1px solid #d7d2c5; border-radius: 3px; background: var(--paper); box-shadow: 6px 8px 0 #d8cef2, 0 20px 40px #191d1826; }
  .header.menu-open nav > a:not(.nav-login) { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 12px 0; font-size: 14px; border-bottom: 1px solid var(--line); }
  .header.menu-open nav .nav-arrow { display: inline; font-size: 20px; font-weight: 400; color: var(--blue); }
  .header.menu-open nav .nav-login { display: none; }
  .header.menu-open nav > a[href="#start-brief"] { border-bottom: 0; }
  .scene-film figcaption { font-size: 12px; padding: 11px 9px 7px; gap: 12px; }
  .scene-film figcaption small { font-size: 8px; margin-bottom: 3px; }
  .scene-film figcaption button, .film-local { width: 44px; height: 44px; }
  .recording-caption { padding: 12px; font-size: 12px; gap: 12px; }
  .screen-bar { font-size: 8px; padding: 11px 12px; }
  .screen-bar button { font-size: 10px; min-height: 36px; }
  .tour-screen-caption { display: grid; grid-template-columns: 44px 1fr; gap: 4px 12px; padding: 13px 12px; font-size: 11px; }
  .tour-screen-caption .film-local { grid-column: 1; grid-row: 1 / 3; }
  .tour-screen-caption > button[data-film] { grid-column: 2; justify-self: start; padding: 0; font-size: 10px; }
  .tour-menu button b { font-size: 12px; }
  .tour-menu button small { font-size: 10px; }
  .recipe-options button, .workspace-toolbar button, .scope-options button { font-size: 11px; padding-left: 12px; padding-right: 12px; }
  .recipe-engine small { font-size: 9px; }
  .recipe-input > span { font-size: 8px; }
  .recipe-result > b { font-size: 11px; }
  .recipe-input { width: 108px; }
  .recipe-wire { width: 14%; max-width: 48px; }
  .recipe-text { height: auto; min-height: 100px; padding: 9px 7px; }
  .recipe-text small { font-size: 6px; }
  .recipe-text p { font-size: 9px; line-height: 1.7; margin-top: 6px; }
  .recipe-video > span { font-size: 8px; }
  .capability-list summary { gap: 13px; }
  .capability-list h3 { font-size: 15px; }
  .capability-list summary > small { font-size: 10px; }
  .capability-list summary > b { top: 17px; }
  .workspace-toolbar > span, .organize-frame span { font-size: 8px; }
  .vault-take h3 { font-size: 12px; min-height: 36px; line-height: 1.5; }
  .vault-actions button { font-size: 11px; }
  .vault-next small, .vault-existing small { font-size: 9px; }
  .vault-next > div > span { font-size: 11px; }
  .scope-receipt small, .recovery-options button, .recovery-route > span, .recovery-route > b { font-size: 11px; }
  .brief-choices button { font-size: 12px; }
  .brief-paper textarea { font-size: 16px; }
  .brief-feedback { font-size: 11px; }
  .full-faq-list h3 { font-size: 14px; }
  .faq-filters button { font-size: 11px; }
  .finale-actions .button { font-size: 12px; }
  .finale-small { font-size: 10px; }
}
.motion-paused .button > span, .motion-paused #nav-toggle svg { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .button > span, #nav-toggle svg { transition: none; }
}

/* Approved Spool mark and the client's selected overlapping paper typography. */
.header .brand, .footer-brand { display: inline-flex; align-items: center; gap: 13px; flex-shrink: 0; }
.header .brand { padding: 17px 20px; background: var(--paper); box-shadow: 0 4px 0 #d7d0bf99; }
.header .brand .brand-symbol { width: 51px; height: auto; }
.header .brand .brand-wordmark { width: 167px; height: auto; }
.footer-brand .brand-symbol { width: 49px; height: auto; }
.footer-brand .brand-wordmark { width: 178px; height: auto; }
.section-number.section-brand { width: 44px; border: 0; }
.section-brand img { width: 38px; height: auto; }
.canvas-brand img { width: 31px; height: auto; }

.opening:after { background: linear-gradient(0deg,var(--paper) 0%,#f8f4e9dc 5%,transparent 29%); }
.opening-copy { left: 5.5%; width: 89%; bottom: 220px; --paper-travel: clamp(160px,22vw,300px); }
.opening h1 { font-family: 'Hiragino Sans',Zen,sans-serif; font-weight: 800; font-size: clamp(52px,min(6.4vw,9svh),104px); line-height: 1.15; letter-spacing: -.075em; }
.opening .opening-strip {
  position: relative; isolation: isolate; display: block; width: fit-content;
  padding: .17em .65em .23em .28em; white-space: nowrap;
  background: var(--paper); color: var(--ink); transform: translate3d(calc(var(--paper-progress,0) * var(--paper-shift)),calc(var(--paper-progress,0) * var(--paper-rise)),0) rotate(calc(-3.5deg + var(--paper-progress,0) * 3.5deg)); transform-origin: 8% 50%;
  box-shadow: 3px 6px 0 #dbd4c3b3,0 17px 25px -15px #17191866;
}
.opening-strip:after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 1px #ffffff99,inset -2px -2px #191d1814; }
.opening-strip > span { display: block; }
.opening-strip > i { position: absolute; top: 19px; right: 15px; font: 8px/1 Arial,sans-serif; letter-spacing: .01em; writing-mode: vertical-rl; opacity: .6; }
.opening .strip-first { font-size: 1.13em; --paper-shift: calc(var(--paper-travel) * -1); --paper-rise: 25px; }
.opening .strip-second { --paper-shift: calc(var(--paper-travel) * .92); --paper-rise: -20px; margin: 12px 0 0 4.5%; color: var(--paper); background: var(--blue); box-shadow: 3px 6px 0 #003eac99,0 17px 25px -15px #17191866; }

.opening-watch { bottom: 142px; right: 5.5%; }
.opening-watch > span:first-child { background: var(--paper); }
.opening-watch > span:last-child { background: var(--paper); padding: 10px 13px; box-shadow: 2px 3px 0 #d7d0bf80; }

.motion-enabled .opening-strip { animation: place-paper .8s var(--ease) both; }
.motion-enabled .strip-second { animation-delay: .12s; }
@keyframes place-paper { from { translate: -22px 24px; } to { translate: 0 0; } }

.chapter .paper-heading { font-family: 'Hiragino Sans',Zen,sans-serif; font-weight: 800; padding-top: 10px; padding-bottom: 20px; }
.paper-heading .type-strip { display: block; width: fit-content; max-width: 100%; padding: .11em .3em .2em; background: #fffdf6; color: var(--ink); transform: rotate(-2deg); transform-origin: 12% 50%; box-shadow: 2px 4px 0 #d7d0bf80; line-height: 1.35; }
.chapter .paper-heading em.type-strip { margin: 10px 0 0 2.5%; background: var(--blue); color: var(--paper); box-shadow: 2px 4px 0 #003eac80; }
.section-finale .paper-heading { margin: 20px 0 35px; }

@media (min-width: 768px) and (min-aspect-ratio: 1/1) {
  .opening-film { inset: 0 0 auto; height: 84%; mask-image: linear-gradient(#000 83%,transparent); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .header .brand { padding: 14px; gap: 10px; }
  .header .brand .brand-symbol { width: 38px; }
  .header .brand .brand-wordmark { width: 132px; }
  .header nav { gap: 14px; font-size: 10px; }
  .opening-copy { bottom: 255px; }
  .opening h1 { font-size: clamp(49px,6.35vw,70px); }
  .opening .strip-second { margin-left: 3.5%; }

  .opening-watch { bottom: 82px; }
  .opening-watch > span:first-child { height: 44px; width: 44px; }

  .opening-strip > i { font-size: 7px; right: 12px; top: 13px; }
}
@media (max-width: 767px) {
  .header { height: 89px; padding: 0 5%; }
  .header .brand { padding: 12px 10px; gap: 7px; box-shadow: 0 3px 0 #d7d0bf99; }
  .header .brand .brand-symbol { width: 32px; }
  .header .brand .brand-wordmark { width: 112px; }
  .header .mobile-login { margin-right: 8px; padding: 11px 10px; font-size: 10px; }
  .header .mobile-login span { margin-left: 5px; }
  .header.menu-open nav { top: 84px; left: 5%; right: 5%; }
  .opening { min-height: 830px; }
  .opening-copy { left: 4.5%; width: 91%; bottom: 230px; }
  .opening h1 { font-size: clamp(28px,8.05vw,61px); line-height: 1.18; letter-spacing: -.08em; }
  .opening .opening-strip { padding: .23em .6em .3em .31em; }
  .opening .strip-first { font-size: 1.2em; }
  .opening .strip-second { margin-top: 9px; margin-left: 4%; }
  .opening-strip > i { font-size: 5px; right: 8px; top: 11px; }

  .opening-watch { right: 6%; bottom: 83px; gap: 9px; }
  .opening-watch > span:last-child { padding: 0; background: none; box-shadow: none; }

  .opening-film { height: 66%; }
  .opening-film video { top: 127px; }
  .opening:after { background: linear-gradient(0deg,var(--paper) 0%,var(--paper) 23%,#f8f4e9a8 34%,transparent 49%); }
  .chapter .paper-heading { font-size: clamp(27px,7.75vw,56px); padding-bottom: 16px; }
  .paper-heading .type-strip { padding: .13em .25em .2em; }
  .chapter .paper-heading em.type-strip { margin-top: 8px; margin-left: 3%; }
  .section-finale .paper-heading { font-size: clamp(26px,7.4vw,53px); }
  .footer-brand { gap: 11px; }
  .footer-brand .brand-symbol { width: 41px; }
  .footer-brand .brand-wordmark { width: 153px; }
  .section-number.section-brand { width: 34px; }
  .section-brand img { width: 30px; }
}
.motion-paused .opening-strip { animation: none; transform: rotate(-3.5deg); }
@media (prefers-reduced-motion: reduce) { .opening .opening-strip { animation: none; transform: rotate(-3.5deg); } }

/* Screen review: readable controls and consistent finishing across chapters. */
.chapter-heading .eyebrow, .section-heading .eyebrow { font-size: 11px; }
.scene-after > p { max-width: 48ch; }
.process-controls button { min-height: 64px; }
.process-controls button span { font-variant-numeric: tabular-nums; }
.experience-nav button[aria-pressed=true] { border-color: #075af066; box-shadow: 0 3px 0 #b6a8cf; }
.handoff-signature img { width: auto; height: 32px; max-width: 40%; object-fit: contain; }
.brief-paper { padding: clamp(24px,3vw,42px); }
.brief-paper h3 { font-size: clamp(24px,2.1vw,30px); line-height: 1.5; letter-spacing: -.045em; }
.brief-paper-actions { align-items: stretch; gap: 12px; }
.brief-paper-actions button, .brief-paper-actions a { justify-content: center; font-weight: 700; }
.brief-paper-actions #copy-brief { padding: 13px 18px; gap: 12px; border: 1px solid #b1a996; border-radius: 30px; background: transparent; }
.brief-paper-actions #copy-brief:hover { background: #eee8da; border-color: var(--ink); }
#copy-brief svg { width: 18px; height: 18px; flex-shrink: 0; }
.brief-paper-actions #email-brief { padding: 7px 8px 7px 22px; border: 0; color: var(--paper); justify-content: space-between; }
.brief-paper-actions #email-brief > span { margin-left: 12px; }
.footer > span { font-size: 11px; color: var(--muted); }
.footer small { font-size: 10px; }
.footer button { min-height: 44px; font-size: 11px; padding: 10px 16px; }
.faq-filters button, .full-faq-list details, .full-faq-list details:last-child { border-color: var(--line); }
.full-faq-list summary > span { color: var(--blue); }
.text-link { border-color: #969180; }
.section-finale .chapter-lead { font-size: 17px; }
@media (max-width: 767px) {
  .chapter-heading .eyebrow, .section-heading .eyebrow { font-size: 9px; }
  .chapter-lead .keep-phrase { white-space: nowrap; }
  .section-finale .chapter-lead { font-size: 14px; }
  .experience-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0 0 26px; }
  .experience-nav > span { display: none; }
  .experience-nav button { min-height: 52px; padding: 10px 5px; font-size: 11px; gap: 5px; justify-content: center; }
  .experience-nav button small { font-size: 9px; }
  .process-controls { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; padding-top: 8px; }
  .process-controls button { display: flex; align-items: center; gap: 9px; min-height: 55px; padding: 12px 0; font-size: 12px; }
  .process-controls button span { margin: 0; font-size: 10px; }
  .process-controls button:last-child { grid-column: 1 / -1; }
  .process-description { margin-top: 28px; }
  .process-description h3 { font-size: 25px; }
  .tour-menu { display: flex; flex-direction: column; gap: 0; }
  .tour-menu button { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 4px 12px; padding: 16px 0 !important; min-height: 80px; }
  .tour-menu button > span { grid-column: 1; grid-row: 1 / 3; margin: 3px 0 0; font-size: 10px; }
  .tour-menu button b { grid-column: 2; font-size: 15px; line-height: 1.6; }
  .tour-menu button small { grid-column: 2; margin: 0; font-size: 12px; line-height: 1.7; }
  .tour-screen-caption { font-size: 12px; }
  .tour-screen-caption > button[data-film] { font-size: 12px; }
  .recipe-result { position: relative; margin-top: 18px; }
  .recipe-result:before { content: ''; position: absolute; width: 1px; height: 20px; background: var(--blue); top: -26px; left: 50%; }
  .recipe-result:after { content: ''; position: absolute; width: 5px; height: 5px; border-right: 1px solid var(--blue); border-bottom: 1px solid var(--blue); transform: rotate(45deg); top: -12px; left: calc(50% - 2px); }
  .recipe-description { text-align: left; padding: 18px; }
  .handoff-signature { gap: 20px; }
  .handoff-signature img { height: 25px; max-width: 45%; }
  .handoff-signature > span { font-size: 10px; }
  .brief-paper > p:not(.brief-feedback) { font-size: 14px; }
  .brief-paper h3 { font-size: 24px; }
  .brief-paper-actions #copy-brief, .brief-paper-actions #email-brief { font-size: 13px; }
  .faq-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 28px; }
  .faq-filters button { font-size: 12px; justify-content: center; }
  .full-faq-list h3 { font-size: 15px; }
  .footer { padding: 30px 6%; gap: 20px 12px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer > span { text-align: left; font-size: 11px; }
  .footer small { grid-row: 3; }
  .footer button { grid-row: 2; grid-column: 2; }
}