/* Decision 0070. Nine deliberate screen stops, followed by ordinary reading. */
html.storyPresentation{scroll-behavior:smooth;scroll-padding-bottom:var(--story-footer-height)}
html.storyPresentation.fixedStory{scroll-snap-type:y mandatory;scroll-behavior:auto}
.visualOwnerStory>.storyScreen{height:var(--story-viewport);min-height:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0;padding-block:28px;display:flex;flex-direction:column;justify-content:center}
.visualOwnerStory>.storyScreen>.wrap{width:100%;box-sizing:border-box}
.storyScreen .section{min-height:0}
.visualOwnerStory>.corporateHero{height:calc(var(--story-viewport) - var(--site-header-height,91px));scroll-margin-top:var(--site-header-height,91px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:7%;align-items:center;padding-block:20px}
.visualOwnerStory .corporateHero h1{width:100%;max-width:none;margin:0;font-weight:800;letter-spacing:0;line-height:1}
.corporateHero h1>br{display:none}
.visualOwnerStory .corporateHero h1>span{display:block;width:max-content;max-width:none;margin:0 auto;letter-spacing:-.025em}
.visualOwnerStory .corporateHero h1 .heroLead{font-size:clamp(36px,7vw,100px);line-height:1;margin-bottom:10px}
.visualOwnerStory .corporateHero h1 .heroBig{font-size:220px;line-height:.96}
.visualOwnerStory .corporateHero h1 .heroCorporate{font-size:80px;line-height:1.02;margin-top:clamp(18px,2.5svh,26px)}
.visualOwnerStory .corporateMission{margin:0;max-width:24ch;font-size:clamp(27px,3vw,44px)!important;line-height:1.18!important}
.visualOwnerStory>.decisionScreen{padding:0;justify-content:center}
.decisionScreen .section{padding:20px 0!important}
.decisionScreen .decisionArgument p{font-size:32px;line-height:1.13;margin-bottom:14px}
.decisionScreen .timeBusinessDivider h2{font-size:44px;line-height:1.05}
.decisionScreen .ceoStory h2{font-size:34px;max-width:none;margin:0}
.decisionScreen .ceoJobs{margin:18px 0;gap:16px}
.decisionScreen .ceoJobs h3,.decisionScreen .jobNumber{font-size:31px;line-height:1.08}
.decisionScreen .investTime{font-size:34px;margin:0}
.visualOwnerStory>.timeResearch .wrap{max-width:1100px}
.visualOwnerStory>.visualAttention .wrap{max-width:1000px}
.visualAttention .socialPhoneStage{height:min(71svh,610px);aspect-ratio:auto}
.visualOwnerStory>.busyCalendarStory>.wrap{display:flex;flex-direction:column;height:100%;align-items:center}
.busyCalendarStory h2{text-align:center;flex:none;margin:0 0 12px!important}
.calendarBusyOnly{flex:1;min-height:0;height:100%;width:100%}
.calendarBusyOnly .ownerCalendarDemo,.calendarBusyOnly .calendarDeviceStage{height:100%;aspect-ratio:auto}
.visualOwnerStory>.productScreen{padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fff}
.productScreen .smbReveal{padding:28px 0!important;display:flex;align-items:center}
.productScreen .smbReveal .wrap{width:100%;box-sizing:border-box}
.productScreen .smbReveal h2{font-size:clamp(32px,4vw,56px);line-height:1.05}
.productScreen .smbReveal p{font-size:clamp(22px,2.6vw,34px)!important;line-height:1.2!important;margin:22px 0 0}
.productScreen .revealPayoff{font-size:clamp(27px,3vw,39px);margin-top:22px;line-height:1.05}
.productScreen .storyMark{width:190px;margin-bottom:18px}
.productScreen #calendar-transformation{padding:25px 0!important;min-width:0}
.productScreen #calendar-transformation>.wrap{display:flex;flex-direction:column;height:100%;box-sizing:border-box}
.productScreen .calendarTheatre{height:calc(100% - 62px);min-height:0;width:100%;max-width:650px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px;margin:0 auto}
.productScreen .calendarMiddle svg{width:24px}
.productScreen .ownerCalendarDemo,.productScreen [data-calendar-destination]{height:100%;min-height:0}
.productScreen .calendarDeviceStage{height:calc(100% - 30px);aspect-ratio:auto}
.productScreen .calendarPayoff{font-size:32px;line-height:1.1;margin:15px 0 0;text-align:center}
.visualOwnerStory>.solutionsCarousel{padding-block:20px}
.solutionsCarousel>.wrap{height:100%;max-width:1000px}
.solutionCarousel{display:flex;flex-direction:column;height:100%}
.scHeading,.scNavigation{flex:none}
.scTrack{flex:1;min-height:0}
.scSlide{display:flex;flex-direction:column;height:100%}
.scCopy{flex:none;min-height:0;padding:14px 22px 8px}
.scStage{height:auto;min-height:0;flex:1}
.visualOwnerStory>.verdictScreen{padding:26px 0;background:#f3f4f5;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.verdictScreen>.section{padding:0!important}
.verdictScreen .meetingVerdicts{gap:19px}
.verdictScreen .meetingVerdict{font-size:31px!important;line-height:1.12!important}
.verdictScreen .memoBridge{display:block;margin:0;padding:0;border:0}
.verdictScreen .memoBridge>div{display:none}
.verdictScreen .memoHeading{font:600 24px/1.12 'Roboto Condensed',sans-serif;margin:0 0 14px}
.verdictScreen .memoStill{aspect-ratio:1.35}
.verdictScreen .memoQuote{font-size:25px;line-height:1.12;width:47%}
.verdictScreen .memoPlay{font-size:13px}
.verdictScreen .memoVideo figcaption{font-size:12px;margin-top:7px}
[data-smooth-start]{scroll-snap-align:start;scroll-snap-stop:always}
.whySequence{position:relative;display:grid;gap:18px}
.whySequence .whySlide{min-height:0;height:560px;margin:0}
.whySequence.is-animated{height:560px;display:block;isolation:isolate;overflow:hidden}
.whySequence.is-animated .whySlide{position:absolute;inset:0;height:100%;transition:opacity .8s ease-out}
.whySequence.is-animated .whySlide:nth-child(2){opacity:0;visibility:hidden}
.whySequence.is-history .whySlide:first-child{opacity:0;visibility:hidden}
.whySequence.is-history .whySlide:nth-child(2){opacity:1;visibility:visible}
.whySequence .storyPhotoCopy{max-width:760px}
.whySequence .storyPhotoCopy h3{margin:0;font-size:46px;line-height:1.04}
.whySequence .storyPhotoCopy p{font-size:24px;line-height:1.25;margin:12px 0 0}
.smbConstraints{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start;margin-top:28px}
.smbConstraints h3{font:700 36px/1.05 'Roboto Condensed',sans-serif;margin:0}
.smbConstraints p{font-size:21px;line-height:1.4;margin:0;max-width:65ch}
.supportStage{max-width:1050px;margin-inline:auto}
.supportStage.is-animated{height:650px}
.supportStage .supportAfter{background:#111;display:flex;flex-direction:column;justify-content:center}
.supportStage .supportAfter>img{width:100%;height:calc(100% - 130px);object-fit:contain;flex:none}
.supportStage .supportAfter>h3{position:static;order:1;padding:18px 25px;margin:0;font-size:40px;line-height:1.05;background:#111;flex:none}
.supportStage .supportAfter>h3 br{display:none}
@media(max-width:760px){
 .visualOwnerStory>.storyScreen{padding-block:18px}
 .visualOwnerStory>.corporateHero{display:flex;justify-content:space-between;padding:15px 20px;gap:14px}
 .visualOwnerStory .corporateHero h1{flex:none}
 .visualOwnerStory .corporateMission{font-size:clamp(21px,3svh,27px)!important;line-height:1.14!important;max-width:none}
 .visualOwnerStory>.decisionScreen{padding:0;justify-content:space-evenly}
 .decisionScreen .section{padding:12px 0!important}
 .decisionScreen .decisionArgument p{font-size:clamp(22px,3.1svh,27px);line-height:1.1;margin-bottom:14px}
 .decisionScreen .decisionArgument p:last-child{margin:0}
 .decisionScreen .timeBusinessDivider h2{font-size:clamp(30px,4.3svh,38px);line-height:1.02}
 .decisionScreen .ceoStory h2{font-size:clamp(25px,3.7svh,32px);line-height:1.06}
 .decisionScreen .ceoJobs{margin:15px 0;gap:14px}
 .decisionScreen .ceoJobs h3,.decisionScreen .jobNumber{font-size:clamp(24px,3.4svh,28px);line-height:1.06}
 .decisionScreen .ceoJobs>div{grid-template-columns:20px minmax(0,1fr);gap:10px}
 .decisionScreen .ceoJobs .relationshipJob{grid-template-columns:20px minmax(0,1fr) 104px}
 .decisionScreen .relationshipBranches{grid-template-columns:28px 1fr;grid-template-rows:22px 22px;width:104px;font-size:11px}
 .decisionScreen .relationshipBranches svg{width:28px;height:44px}
 .decisionScreen .investTime{font-size:clamp(28px,4svh,34px);line-height:1.05}
 .timeResearch h2{font-size:30px;line-height:1.04;margin:0}
 .timeResearch .timeEvidence{gap:13px;margin:16px 0 12px}
 .timeResearch .timeEvidence li{padding-top:12px}
 .timeResearch .timeEvidence h3{font-size:24px;line-height:1.08;margin-bottom:10px}
 .timeResearch .timeEvidence p{font-size:15px;line-height:1.2;margin-top:9px}
 .timeResearch .timeRatio>strong{font-size:31px;margin-bottom:8px}
 .timeResearch .hundredPeople{width:88px}
 .timeResearch .researchNotes{font-size:10.5px;line-height:1.25;gap:5px;margin-top:12px}
 .visualAttention .socialPhoneStage{height:calc(var(--story-viewport) - 66px);max-height:490px;aspect-ratio:auto}
 .visualAttention .profitLine{font-size:27px!important}
 .visualAttention .profitAlternative{margin-top:18px!important;padding-top:14px}
 .visualAttention h2{font-size:30px}
 .busyCalendarStory h2{font-size:32px;line-height:1.03;margin-bottom:14px!important}
 .calendarBusyOnly .calendarDeviceStage{height:100%}
 .visualOwnerStory>.productScreen{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:0}
 .productScreen .smbReveal{padding:17px 0!important}
 .productScreen .storyMark{width:132px;margin:0 0 10px}
 .productScreen .smbReveal h2{font-size:clamp(27px,3.8svh,34px);line-height:1.04}
 .productScreen .smbReveal p{font-size:clamp(19px,2.7svh,24px)!important;line-height:1.14!important;margin:12px 0 0}
 .productScreen .revealPayoff{font-size:clamp(23px,3.2svh,28px);line-height:1.02;margin:12px 0 0;max-width:none}
 .productScreen #calendar-transformation{padding:10px 0 12px!important}
 .productScreen .calendarTheatre{height:calc(100% - 35px);grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:4px}
 .productScreen .calendarDeviceStage{height:calc(100% - 24px)}
 .productScreen .calendarTheatre .calendarStateLabel{height:24px;font-size:12px;margin:0}
 .productScreen .calendarMiddle svg{width:18px}
 .productScreen .calendarPayoff{font-size:24px;line-height:1.02;margin:8px 0 0}
 .meetingExplanation .meetingFlow{margin:22px 0 18px}
 .meetingExplanation .meetingInputs>div{gap:8px}
 .meetingExplanation .meetingInputs span{padding:9px 0;font-size:15px}
 .meetingExplanation .combineLines{height:36px;margin:10px 0}
 .meetingExplanation .meetingDestination{padding:16px 8px}
 .meetingExplanation .watchOnYourTime{font-size:18px!important}
 .visualOwnerStory>.solutionsCarousel{padding-block:16px}
 .scHeading h2{font-size:28px}
 .scNavigation{margin:10px 0 12px}
 .scNavigation button{font-size:16px;padding-block:7px}
 .scCopy{padding:14px 16px 6px;min-height:0}
 .scCopy h3{font-size:24px;margin-bottom:5px}
 .scCopy p{font-size:15px;line-height:1.2}
 .scStage{height:auto}
 .visualOwnerStory>.verdictScreen{display:flex;padding:18px 0;gap:18px;justify-content:center}
 .verdictScreen .meetingVerdicts{gap:10px}
 .verdictScreen .meetingVerdict{font-size:21px!important;line-height:1.08!important;gap:10px}
 .verdictScreen .meetingVerdict:nth-child(3){margin-top:5px!important}
 .verdictScreen .verdictIcon{width:20px;height:20px}
 .verdictScreen .memoHeading{font-size:18px;line-height:1.1;margin:0 0 8px}
 .verdictScreen .memoStill{aspect-ratio:1.9}
 .verdictScreen .memoQuote{font-size:17px;line-height:1.1;width:48%;left:12px;top:12px}
 .verdictScreen .memoPlay{font-size:10px;left:12px;bottom:10px;gap:6px}
 .verdictScreen .memoPlay svg{width:18px;height:18px}
 .verdictScreen .memoVideo figcaption{font-size:11px;margin-top:5px}
 .whySequence.is-animated,.whySequence .whySlide{height:min(65svh,500px);min-height:0}
 .whySequence .storyPhotoCopy{padding:22px}
 .whySequence .storyPhotoCopy h3{font-size:32px;line-height:1.06;margin:0}
 .whySequence .storyPhotoCopy p{font-size:19px;line-height:1.24;margin:12px 0 0}
 .smbConstraints{display:block;margin-top:22px}
 .smbConstraints h3{font-size:29px;margin-bottom:12px}
 .smbConstraints p{font-size:18px;line-height:1.35}
 .supportStage.is-animated{height:clamp(325px,50svh,430px)}
 .supportStage .supportAfter>img{height:calc(100% - 106px)}
 .supportStage .supportAfter>h3{font-size:29px;line-height:1.05;padding:14px 18px}
 .supportStage .supportAfter>h3 br{display:block}
 .supportStage .joinedComparison figcaption strong{font-size:23px}
 .supportStage .joinedComparison figcaption span{font-size:15px}
}
/* Zoom/short landscape is a reading layout, never a clipped slide deck. */
@media(max-height:539px){
 html.storyPresentation{scroll-snap-type:none!important}
 .visualOwnerStory>.storyScreen{height:auto;min-height:var(--story-viewport)}
 .visualOwnerStory>.corporateHero{min-height:450px}
 .visualOwnerStory>.solutionsCarousel{height:650px}
 .visualOwnerStory>.productScreen{min-height:650px}
 .calendarBusyOnly .calendarDeviceStage{height:420px}
}
@media(prefers-reduced-motion:reduce){html.storyPresentation{scroll-behavior:auto;scroll-snap-type:none!important}.whySequence .whySlide{transition:none}.whySequence.is-history .whySlide:first-child{opacity:1;visibility:visible}}
html:not(.storyPresentation) .visualOwnerStory>.storyScreen{height:auto;min-height:0}
html:not(.storyPresentation) .visualOwnerStory>.corporateHero{padding-block:30px}
html:not(.storyPresentation) .visualOwnerStory .corporateHero h1{margin-bottom:24px}
html:not(.storyPresentation) .productScreen .calendarDeviceStage{height:350px}
html:not(.storyPresentation) .calendarBusyOnly .calendarDeviceStage{height:450px}
html:not(.storyPresentation) .scStage{height:440px;flex:none}

/* Decision 0071: spend the reclaimed viewport on content, not device-stage voids. */
.visualOwnerStory>.corporateHero{display:flex;flex-direction:column;justify-content:center;gap:24px;text-align:center;padding-block:20px}
.visualOwnerStory .corporateHero h1{width:100%;max-width:540px;margin-inline:auto}
.visualOwnerStory .corporateMission{max-width:38ch;margin-inline:auto;font-size:clamp(23px,2.25vw,32px)!important;line-height:1.18!important}
.timeEvidence sup button{appearance:none;border:0;background:none;color:inherit;font:inherit;min-width:36px;min-height:36px;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;position:relative;top:-8px}
.timeEvidence sup button:focus-visible{outline:2px solid #fff;outline-offset:1px}
.timeEvidence h3{gap:10px}
.timeEvidence h3>span{color:#fff}
.socialDuration{display:block;font-size:20px;color:#fff;margin:0 0 12px}
.timeResearch .timeRatio>strong{margin-bottom:8px}
.researchNote{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;margin:auto;padding:24px;border:1px solid #aaa;background:#fff;color:#111;font:400 18px/1.4 'Source Sans 3',sans-serif;box-shadow:0 16px 48px #0003}
.researchNote h3{font:700 27px/1.1 'Roboto Condensed',sans-serif;margin:0 0 16px}
.researchNote p{font-size:18px;line-height:1.4;margin:0;max-width:65ch}
.researchNote a{color:var(--smb-blue);text-underline-offset:3px}
.researchNote>button{font:600 16px 'Source Sans 3',sans-serif;padding:12px 0;margin-top:12px;border:0;background:none;color:var(--smb-blue);text-decoration:underline;cursor:pointer;min-height:44px}
.researchNote>button:focus-visible{outline:2px solid var(--smb-blue);outline-offset:4px}
.visualAttentionLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:24px}
.visualAttentionLayout>[data-reveal-group]{display:contents}
.visualAttentionLayout h2{grid-column:1/-1;grid-row:1;font-size:clamp(40px,5vw,64px);line-height:1.04;max-width:none;margin:0}
.visualAttentionLayout h2 br{display:none}
.visualAttention .socialAttentionVisual{grid-column:1;grid-row:2;margin:0;align-self:end}
.visualAttention .profitLine{grid-column:1;grid-row:3;margin:0!important;align-self:center}
.visualAttention .profitAlternative{grid-row:4;align-self:start}
.visualAttention .socialPhoneStage{grid-column:2;grid-row:2/5;height:min(66svh,560px);max-height:none;align-self:center}
.productScreen .smbReveal .introducingBrand{display:flex;align-items:center;gap:16px;font:600 32px/1.1 'Roboto Condensed',sans-serif;margin:0 0 24px}
.productScreen .introducingBrand .storyMark{width:170px;margin:0}
.productScreen .calendarPromise{font:700 clamp(32px,4vw,56px)/1.05 'Roboto Condensed',sans-serif;margin:0}
.productScreen #calendar-transformation>.wrap{justify-content:center}
.productScreen .calendarTheatre{height:auto;flex:none;align-items:start;max-width:min(650px,calc((var(--story-viewport) - 160px)*.922 + 34px))}
.productScreen .calendarDeviceStage{height:auto;aspect-ratio:332/720}
.productScreen .calendarTheatre .calendarStateLabel{height:30px;margin:0}
.productScreen .calendarPayoff{margin-top:16px}
.meetingInputs{grid-template-rows:48px 64px minmax(90px,auto);row-gap:12px}
.meetingInputs>div{display:grid;grid-template-rows:subgrid;grid-row:1/4;gap:inherit;justify-items:center;align-items:center}
.meetingInputs strong{display:flex;align-items:center;justify-content:center;height:100%;width:100%;box-sizing:border-box;margin:0}
.meetingInputs span{align-self:stretch;width:100%;max-width:none;border-block:1px solid #aeb8c5;box-sizing:border-box;padding:12px 4px;display:flex;align-items:flex-start;justify-content:center}
.meetingInputs svg{align-self:center}
.meetingExplanation .combineLines{margin-top:12px}
#solution-2 .scBackground{inset:0}
#solution-2 .svCatalogue{display:block;width:100%;height:100%;max-width:none;overflow:hidden;border:0}
#solution-2 .svCatalogue picture{display:block;width:100%;height:100%}
#solution-2 .svCatalogue img{height:100%;max-height:none;width:100%;object-fit:cover;object-position:37% 50%}
.verdictScreen .memoHeading{font-size:32px;font-weight:700}
.verdictScreen .memoConnection{font-size:21px;line-height:1.3;margin:16px 0 0;max-width:42ch}
.verdictScreen .memoQuote{font-size:30px;line-height:1.08}
@media(max-width:760px){
 .visualOwnerStory>.corporateHero{padding:18px 20px;gap:18px;justify-content:center}
 .visualOwnerStory .corporateMission{font-size:clamp(22px,3.1svh,27px)!important;line-height:1.16!important;max-width:30ch}
 .timeResearch h2{font-size:clamp(35px,5.6svh,44px)}
 .timeResearch .timeEvidence{gap:28px;margin:28px 0 0}
 .timeResearch .timeEvidence h3{font-size:28px;margin-bottom:14px;gap:9px}
 .timeResearch .timeEvidence sup{margin-left:auto}
 .timeResearch .timeRatio>strong{font-size:46px}
 .timeResearch .timeRatio small{font-size:19px}
 .timeResearch .hundredPeople{width:116px}
 .timeResearch .timeEvidence p{font-size:17px;line-height:1.25;max-width:32ch}
 .socialDuration{font-size:18px;margin-bottom:12px}
 .visualAttentionLayout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:12px;row-gap:24px}
 .visualAttentionLayout h2{font-size:clamp(40px,6.4svh,46px);line-height:1.02}
 .visualAttention .socialPhoneStage{height:auto;aspect-ratio:332/720;max-height:none}
 .visualAttention .attentionBrands{gap:14px 12px}
 .visualAttention .attentionBrands svg{height:28px;width:28px}
 .visualAttention .profitLine{font-size:clamp(27px,4.3svh,33px)!important;line-height:1.05!important}
 .visualAttention .profitAlternative{margin-top:0!important;padding-top:18px}
 .productScreen .smbReveal{padding:18px 0!important}
 .productScreen .smbReveal .introducingBrand{font-size:27px;gap:12px;margin-bottom:14px}
 .productScreen .introducingBrand .storyMark{width:123px;margin:0}
 .productScreen .calendarPromise{font-size:clamp(30px,4.7svh,39px);line-height:1.04}
 .productScreen .smbReveal p{font-size:clamp(20px,3svh,25px)!important;margin-top:12px}
 .productScreen .revealPayoff{font-size:clamp(24px,3.5svh,29px);margin-top:12px}
 .productScreen #calendar-transformation{padding:12px 0 16px!important}
 .productScreen .calendarTheatre{height:auto;width:100%;max-width:calc((var(--story-viewport) - 350px)*.922 + 22px)}
 .productScreen .calendarDeviceStage{height:auto;aspect-ratio:332/720}
 .productScreen .calendarTheatre .calendarStateLabel{height:28px;font-size:12px;margin:0}
 .productScreen .calendarPayoff{font-size:clamp(27px,4.3svh,36px);line-height:1.05;margin-top:12px}
 .meetingIngredients h2{font-size:36px;line-height:1.05}
 .meetingInputs{grid-template-rows:40px 58px 110px;row-gap:10px;column-gap:12px}
 .meetingExplanation .meetingInputs>div{gap:inherit}
 .meetingInputs strong{font-size:clamp(20px,6.1vw,24px);line-height:1;white-space:nowrap}
 .meetingExplanation .meetingInputs span{font-size:17px;line-height:1.2;padding:12px 2px}
 .meetingInputs svg{height:38px;width:38px}
 .meetingExplanation .combineLines{height:48px;margin:12px 0}
 .meetingExplanation .meetingDestination{padding:24px 8px}
 .meetingExplanation .meetingDestination img{width:175px}
 .meetingExplanation .watchOnYourTime{font-size:21px!important}
 .verdictScreen .memoHeading{font-size:27px;line-height:1.05;margin-bottom:12px}
 .verdictScreen .memoStill{aspect-ratio:1.9}
 .verdictScreen .memoQuote{font-size:23px;line-height:1.1;width:49%}
 .verdictScreen .memoConnection{font-size:17px;line-height:1.25;margin-top:10px}
}
@media(max-height:539px){
 .productScreen .calendarTheatre{max-width:none}
 .visualOwnerStory>.corporateHero{min-height:600px}
}
/* Decision 0072: a single introduction, then an established-owner story. */
.productScreen{position:relative;isolation:isolate}
.introSplash{position:absolute;inset:0;z-index:5;background:#050505;color:#fff;display:grid;place-items:center;animation:introCurtain 3s both;animation-play-state:paused}
.introSplash[hidden]{display:none}
.introSignature{width:min(75%,600px);text-align:center}
.introSignature>span{display:block;font:700 clamp(40px,6vw,72px)/1.1 'Roboto Condensed',sans-serif;margin-bottom:24px;animation:introWords 3s both;animation-play-state:paused}
.introSignature .storyMark{width:100%;margin:0;animation:introLogo 3s both;animation-play-state:paused}
.intro-running .introSplash,.intro-running .introSignature>*{animation-play-state:running}
.intro-active>section{visibility:hidden}
@keyframes introWords{0%{opacity:0;transform:translateY(14px)}18%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes introLogo{0%,15%{clip-path:inset(0 100% 0 0);opacity:0}42%,87%{clip-path:inset(0);opacity:1}100%{opacity:0}}
@keyframes introCurtain{0%,90%{clip-path:inset(0)}100%{clip-path:inset(0 0 100% 0)}}
.meetingInputs strong{white-space:normal;text-wrap:balance}
.verdictScreen .verdictTitle{grid-column:1/-1;width:min(1160px,calc(100% - 44px));font:700 clamp(34px,4vw,50px)/1.05 'Roboto Condensed',sans-serif;margin:0 auto;align-self:end}
.observedProblems{display:block;margin-top:36px}
.whyOrigin{max-width:680px;margin-top:30px}
.whyOrigin p{font-size:22px;line-height:1.35;margin:0 0 14px}
.whyOrigin .textLink{display:inline-flex;align-items:center;gap:10px;font-size:18px}
.whyOrigin .textLink svg{width:20px;height:20px}
.observedProblems h3{font-size:32px;margin:0 0 20px}
.observedProblems ol{counter-reset:observed;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.observedProblems li{counter-increment:observed;display:grid;grid-template-columns:24px 1fr;gap:12px;margin:0;border-top:1px solid #bac1ca;padding-top:16px;font:600 25px/1.2 'Roboto Condensed',sans-serif}
.observedProblems li:before{content:counter(observed);color:var(--smb-blue)}
.businessClarityStory{background:#f2f3f4}
.businessClarityStory h2{font-size:clamp(36px,4vw,54px);margin:0 0 30px}
.businessClarityLayout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}
.businessClarityLayout figure{position:relative;margin:0;background:#111;overflow:hidden}
.businessClarityLayout figure img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover;object-position:50% 55%}
.businessClarityLayout figcaption{position:absolute;inset:auto 0 0;padding:80px 28px 28px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;font:700 clamp(28px,3vw,40px)/1.1 'Roboto Condensed',sans-serif}
.businessClarityLayout figcaption strong{color:#fff}
.businessClarityCopy>p{font-size:22px;line-height:1.35;max-width:34ch;margin:0 0 20px}
.businessClarityCopy h3{font:700 clamp(36px,4vw,52px)/1.06 'Roboto Condensed',sans-serif;color:var(--smb-blue);margin:32px 0 24px}
.businessClarityCopy ul{list-style:none;padding:0;margin:0}
.businessClarityCopy li{font-size:22px;line-height:1.3;border-top:1px solid #bac1ca;padding:16px 0}
.businessClarityCopy .extendedTeamPromise{margin:28px 0 0;font-size:25px}
.familyBackgrounds picture{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.familyBackgrounds picture.is-current{opacity:1}
.familyBackgrounds picture>img{opacity:1;object-position:50% 50%}
.familyClosingShade{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.18) 32%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.87) 80%)}
@media(max-width:760px){
 .introSignature{width:82%}
 .introSignature>span{font-size:48px;margin-bottom:24px}
 .meetingInputs strong{white-space:normal;line-height:1.04}
 .verdictScreen .verdictTitle{font-size:32px;align-self:auto}
 .verdictScreen{gap:14px}
 .observedProblems h3{font-size:29px}
 .observedProblems ol{grid-template-columns:1fr;gap:16px}
 .observedProblems li{font-size:25px}
 #solution-2 .svCatalogue img{object-fit:contain;object-position:50% 0}
 .whyOrigin p{font-size:20px}
 .businessClarityLayout{grid-template-columns:1fr;gap:28px}
 .businessClarityStory h2{font-size:36px;margin-bottom:24px}
 .businessClarityLayout figure img{aspect-ratio:3/4;object-position:50% 60%}
 .businessClarityLayout figcaption{font-size:30px;padding:70px 20px 20px}
 .businessClarityCopy>p,.businessClarityCopy li{font-size:20px}
 .businessClarityCopy h3{font-size:38px;margin-top:28px}
 .familyClosingContent{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:24px;padding-block:24px}
 .familyClosingContent h2{font-size:30px;line-height:1.06;max-width:22ch}
 .familyClosingAction p{margin-top:12px;max-width:36ch}
 .familyClosingAction .button{margin-top:18px}
 .familyBackgrounds [data-family-kind=father-son-fishing] img{object-position:33% center}
 .familyBackgrounds [data-family-kind=mother-daughter] img{object-position:50% center}
}
@media(prefers-reduced-motion:reduce){.introSplash{display:none}.intro-active>section{visibility:visible}.familyBackgrounds picture{transition:none}}

/* Decision 0088: one desktop content edge and one center per composition. */
.decisionScreen .decisionArgument>.wrap,.decisionScreen .timeBusinessDivider>.wrap,.decisionScreen .ceoStory>.wrap{max-width:1160px}
.decisionScreen .decisionArgument p{max-width:none}
.introSignature .storyMark{display:block;max-height:none;object-position:center;aspect-ratio:1540/334}
.meetingExplanation .watchOnYourTime{max-width:900px;width:100%;box-sizing:border-box;margin:0 auto!important;text-align:center}
.solutionsCarousel .scSlide{flex-basis:100%}
.solutionsCarousel .scSlide:last-child{margin-right:0}
.visualOwnerStory>.solutionsCarousel.is-scroll-sequenced{height:calc(var(--story-viewport)*3);padding-block:0;display:block;position:relative;scroll-snap-align:none;scroll-snap-stop:normal}
.solutionsCarousel.is-scroll-sequenced>.wrap{position:sticky;top:0;height:var(--story-viewport);padding-block:20px}
.scScrollStops{position:absolute;inset:0;pointer-events:none}
.scScrollStops>span{display:block;height:var(--story-viewport);scroll-snap-align:start;scroll-snap-stop:always}
@media(min-width:761px){
 .decisionScreen .ceoJobs{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
 .visualOwnerStory .decisionScreen .ceoJobs .relationshipJob{grid-template-columns:42px max-content 148px;align-items:center}
 .visualOwnerStory>.verdictScreen{padding-inline:max(22px,calc((100% - 1160px)/2));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;align-items:start;align-content:center;gap:28px 48px}
 .verdictScreen .verdictTitle{width:100%;margin:0;align-self:auto}
 .verdictScreen>.section>.wrap{width:100%;max-width:none;padding:0}
 .verdictScreen .meetingVerdict{font-size:clamp(25px,2.4vw,31px)!important}
}
@media(max-width:760px){.solutionsCarousel.is-scroll-sequenced>.wrap{padding-block:16px}}
@media(min-width:761px) and (max-width:1000px){.decisionScreen .ceoJobs{grid-template-columns:1fr;gap:24px}}