/* Global responsive presentation canvas. Content remains unchanged. */
:root{
  --header-height:clamp(64px,8.2svh,80px);--footer-height:clamp(58px,6.7svh,64px);
  --safe-x:clamp(24px,5vw,80px);--safe-y:clamp(16px,2.5svh,32px);
  --space-xs:clamp(6px,.55vw,10px);--space-sm:clamp(10px,.9vw,16px);
  --space-md:clamp(14px,1.35vw,24px);--space-lg:clamp(20px,2vw,36px);
  --type-label:clamp(14px,.9vw,18px);--type-body:clamp(18px,1.25vw,24px);
  --type-subhead:clamp(24px,2vw,36px);--type-heading:clamp(34px,3.5vw,60px);
  --type-hero:clamp(40px,4.6vw,80px);--type-data:clamp(42px,5.8vw,96px);
  --top:var(--header-height);--bottom:var(--footer-height)
}
html,body{width:100%;max-width:100vw;height:100%;overflow:hidden;overscroll-behavior:none}
body{height:100svh;grid-template-rows:var(--header-height) minmax(0,1fr) var(--footer-height)}
body>*{min-width:0;max-width:100vw}
header{height:var(--header-height);padding-inline:var(--safe-x);gap:var(--space-md);min-width:0}
.wordmark{width:clamp(138px,11vw,180px);height:calc(var(--header-height) - 8px)}
.edition,header button{font-size:var(--type-label)}.edition span{font-size:clamp(12px,.75vw,15px)}
main{width:100%;height:calc(100svh - var(--header-height) - var(--footer-height));min-height:0;padding:var(--safe-y) var(--safe-x);overflow:hidden}
.stage-inner{width:100%;height:100%;min-height:0;min-width:0;gap:var(--space-md);overflow:hidden}
.stage-inner>*{min-width:0;max-width:100%}
.presentation-bar{height:var(--footer-height);padding:clamp(7px,1svh,10px) var(--safe-x);gap:var(--space-md);min-width:0}
.chapter,.controls{min-width:0}.controls{flex-shrink:0}
#chapter{max-width:min(30vw,400px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-brand,#count,#chapter,#hint{font-size:clamp(12px,.8vw,16px)}
.controls button{width:clamp(38px,2.7vw,44px);height:clamp(38px,2.7vw,44px)}

h1,.split h1,.platform-live h1,.product-proof h1,.solution-intro h1,.resonance-opening h1,.budget-left h1,.closing-scene h1{font-size:var(--type-heading);line-height:1.16}
.center h1{font-size:var(--type-hero)}h2,.matching-grid h2,.services-heading h2{font-size:var(--type-subhead)}
.support,.split .support,.hero .support,.platform-live .support,.closing-scene .support,.pain-end,.lesson,.opening-promise,.outcome-meaning{font-size:var(--type-body);line-height:1.42}
.subenglish,.eyebrow,.eyebrow small,.source-note,.package-note,.benefit-note,.comparison-footnote,.outcome-condition{font-size:var(--type-label)}
.big,.center:has(.source-note) h1{font-size:var(--type-data)}
.primary,.secondary,.appendix-link{font-size:clamp(16px,1vw,18px);min-height:clamp(38px,4.8svh,46px);padding:clamp(8px,1svh,12px) clamp(14px,1.3vw,20px);white-space:normal;text-align:center}

.hero,.split,.solution-intro,.product-proof,.platform-live,.cta-layout,.final-split,.proof-scene,.register-scene,.matching-grid,.plan-grid,.benefit-grid,.budget-opening,.market-chain-grid,.data-viz-grid,.shift-viz-grid,.closing-scene,.closing-codes,.metrics,.choice-grid,.plans{min-width:0;max-width:100%;gap:var(--space-md)}
.hero>*,.split>*,.solution-intro>*,.product-proof>*,.platform-live>*,.cta-layout>*,.final-split>*,.proof-scene>*,.register-scene>*,.matching-grid>*,.plan-grid>*,.benefit-grid>*,.budget-opening>*,.market-chain-grid>*,.data-viz-grid>*,.shift-viz-grid>*,.closing-scene>*,.closing-codes>*,.metrics>*,.choice-grid>*,.plans>*{min-width:0;max-width:100%}
.opening-story,.package-summary,.presentation-plans,.matching-scene,.difference-scene,.market-chain,.appendix,.scene-copy{gap:var(--space-md);min-height:0}
.tags,.flow,.join-actions,.service-view-actions,.difference-tabs,.tier-tabs,.cta-actions{gap:var(--space-sm);min-width:0}
.tags{font-size:var(--type-body)}
.flow b,.metric span,.choice-grid span,.plan-purpose,.scene-copy ul,.matching-grid ul,.outcome-list,.budget-opening aside p,.budget-promise,.budget-comparison table,.benefit-grid p,.resonance-opening aside p{font-size:var(--type-body);line-height:1.4}
.bottomline,.comparison-takeaway,.origin-question{font-size:clamp(22px,1.7vw,30px)}
.metric strong,.plan-price{font-size:clamp(34px,3.4vw,56px)}

img,svg{max-width:100%;max-height:100%}
.solution-intro>img,.full-shot img,.screenshot-frame img,.qr-panel img,.closing-codes .qr-panel img{object-fit:contain!important;object-position:center!important}
.screenshot-frame,.product-proof .screenshot-frame,.home-shot,.screenshot-frame.pricing{position:relative;width:100%;height:auto!important;min-height:0;max-height:min(48svh,440px);aspect-ratio:16/9;overflow:hidden;background:transparent;flex:1 1 auto}
.screenshot-frame img,.screenshot-frame.all img,.screenshot-frame.filters img,.screenshot-frame.cards img,.screenshot-frame.pricing img,.product-proof .cards img,.home-shot img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;transform:none!important;object-fit:contain!important}
.full-shot{min-height:0}.full-shot img{width:100%;height:100%}
.qr-panel{width:min(100%,clamp(190px,18vw,300px));height:auto;padding:var(--space-sm);gap:var(--space-xs)}
.qr-panel svg,.qr-panel img,.closing-codes .qr-panel svg,.closing-codes .qr-panel img{width:min(100%,clamp(150px,18svh,260px));height:auto!important;aspect-ratio:1;object-fit:contain!important}

.choice-grid button,.plans article,.plan-grid article,.market-chain article,.data-viz-grid article,.shift-viz-grid article{height:auto;min-height:0;padding:clamp(10px,1.2vw,20px)}
.choice-grid button{gap:var(--space-sm)}.plans p,.plan-purpose,.final-split p{min-height:0}
.comparison,.key-comparison,.plan-services{font-size:clamp(17px,1.15vw,22px);line-height:1.25}
.comparison th,.comparison td,.key-comparison th,.key-comparison td,.plan-services th,.plan-services td{padding:clamp(6px,.75svh,11px) clamp(7px,.8vw,14px)}
.plan-services td,.plan-services th,.plan-services thead th{font-size:clamp(17px,1.25vw,22px)}
.plan-grid h2{font-size:clamp(22px,1.9vw,32px)}.plan-purpose{font-size:clamp(18px,1.35vw,24px)}
.plan-open-hint,.plan-footer span{font-size:clamp(15px,1vw,18px)}

.cta-actions,.join-actions,.service-view-actions,.plan-footer,.appendix footer{display:flex;flex-wrap:wrap;align-items:center}
.appendix footer{gap:var(--space-sm)}
.market-chain article>.appendix-link,.shift-viz-grid .appendix-link{position:static;margin-top:auto;max-width:100%;align-self:flex-end}

.market-chain header,.appendix .appendix-heading{gap:var(--space-lg);padding-bottom:var(--space-sm)}
.market-chain header h1,.appendix-heading h1,.data-story .appendix-heading h1{font-size:clamp(30px,2.8vw,46px)}
.market-chain header p,.appendix-heading p,.data-story .appendix-heading p{font-size:clamp(18px,1.3vw,22px)}
.market-chain header>small,.appendix-heading>small{font-size:var(--type-label)}
.market-chain-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));flex:1}
.market-chain article>span,.market-chain article>p,.market-chain article>strong small{font-size:clamp(16px,1.15vw,19px)}
.market-chain article>strong{font-size:clamp(20px,1.6vw,27px)}.market-chain article>em{font-size:clamp(13px,.85vw,15px)}
.channel-numbers b{font-size:clamp(25px,2vw,34px)}.channel-numbers small{font-size:clamp(14px,1vw,17px)}
.data-viz-grid,.shift-viz-grid{flex:1;min-height:0}.data-title h2{font-size:clamp(17px,1.35vw,21px)}
.data-title small,.data-title>span{font-size:clamp(12px,.8vw,14px)}
.data-viz-grid article>strong,.shift-viz-grid article>strong{font-size:clamp(28px,2.5vw,40px)}
.data-viz-grid article>p,.shift-viz-grid article>p,.summary-band p{font-size:clamp(16px,1.1vw,18px)}
.data-chart{min-height:0;height:min(16svh,135px)}.shift-chart,.momentum-chart{height:min(15svh,125px)}
.summary-band{gap:var(--space-md);padding:var(--space-sm)}

@media (max-width:1599px){
  :root{--safe-x:clamp(24px,4vw,56px);--safe-y:clamp(14px,2svh,24px);--space-md:clamp(12px,1.15vw,18px)}
  .hero,.solution-intro,.product-proof,.platform-live,.cta-layout,.closing-scene{gap:clamp(20px,3vw,40px)}
  .choice-grid button,.plans article,.plan-grid article{padding:clamp(10px,1vw,16px)}
  .plan-grid,.plans,.choice-grid{gap:clamp(10px,1vw,16px)}.closing-codes .qr-panel{padding:var(--space-sm)}
}
@media (max-height:800px){
  :root{--header-height:64px;--footer-height:58px;--safe-y:12px;--space-sm:8px;--space-md:12px;--space-lg:20px}
  main{padding-block:var(--safe-y)}.stage-inner{gap:10px}.eyebrow small{margin-top:1px}
  .hero>div:first-child,.solution-intro>div,.product-proof>div:first-child,.platform-live>div:first-child,.cta-layout>div:first-child,.scene-copy{gap:10px}
  .pain-end,.lesson,.bottomline,.opening-promise,.budget-promise,.budget-ending{padding-top:10px}
  .metric{padding-top:10px}.metric strong{margin:6px 0}.flow>div,.matching-grid article,.benefit-grid article{padding-top:9px}.flow b{margin:5px 0}
  .screenshot-frame,.product-proof .screenshot-frame,.home-shot,.screenshot-frame.pricing{max-height:38svh}
  .choice-grid button{padding:10px;gap:8px}.plan-grid article{padding:10px 12px;gap:3px}
  .plan-grid dl{margin-top:3px;gap:3px}.plan-grid dl>div{padding-top:4px}
  .comparison th,.comparison td,.key-comparison th,.key-comparison td,.plan-services th,.plan-services td{padding-block:5px}
  .market-chain{gap:8px}.market-chain article{padding:7px 10px;gap:4px}
  .appendix,.data-story{gap:7px}.data-viz-grid article,.shift-viz-grid article{padding:8px 10px;gap:4px}
  .data-chart{height:92px}.shift-chart,.momentum-chart{height:82px}.summary-band{padding:7px 10px}
  .qr-panel svg,.qr-panel img,.closing-codes .qr-panel svg,.closing-codes .qr-panel img{width:min(100%,145px)}
  #hint{display:none}
}
@media (max-height:720px){
  :root{--header-height:58px;--footer-height:54px;--safe-y:8px}.edition span,.subenglish,.appendix-heading>small b{display:none}
  .stage-inner{gap:7px}.screenshot-frame,.product-proof .screenshot-frame,.home-shot,.screenshot-frame.pricing{max-height:34svh}
  .data-chart{height:74px}.shift-chart,.momentum-chart{height:68px}
}
@media (max-width:1365px){
  :root{--safe-x:24px}.edition{font-size:14px}
  .hero,.solution-intro,.product-proof,.platform-live,.cta-layout,.proof-scene,.register-scene,.closing-scene{gap:20px}
  .market-chain-grid,.data-viz-grid{gap:8px 10px}.plan-grid,.plans,.choice-grid{gap:10px}.closing-codes{gap:10px}#chapter{max-width:260px}
}
@media (max-width:1100px){.footer-brand,#hint{display:none}.presentation-bar{justify-content:space-between}.market-chain article>.appendix-link{width:100%;align-self:stretch}}
@media (max-width:760px){:root{--type-body:18px;--type-label:14px}.presentation-bar{padding-inline:12px}.chapter{gap:6px}#chapter{max-width:38vw}.primary,.secondary,.appendix-link{width:100%}}
.presentation-compact{--safe-y:10px;--space-sm:7px;--space-md:9px;--space-lg:16px}
.presentation-compact .stage-inner{gap:8px}.presentation-compact .scene-copy,.presentation-compact .hero>div:first-child,.presentation-compact .solution-intro>div,.presentation-compact .product-proof>div:first-child,.presentation-compact .platform-live>div:first-child{gap:8px}
.presentation-compact .screenshot-frame,.presentation-compact .product-proof .screenshot-frame,.presentation-compact .home-shot,.presentation-compact .screenshot-frame.pricing{max-height:34svh}
.presentation-compact .choice-grid button,.presentation-compact .plans article,.presentation-compact .plan-grid article,.presentation-compact .market-chain article,.presentation-compact .data-viz-grid article,.presentation-compact .shift-viz-grid article{padding:8px 10px}
.presentation-compact .comparison th,.presentation-compact .comparison td,.presentation-compact .key-comparison th,.presentation-compact .key-comparison td,.presentation-compact .plan-services th,.presentation-compact .plan-services td{padding-block:4px}
.presentation-tight .subenglish,.presentation-tight .market-chain article>em,.presentation-tight .appendix-heading>small b,.presentation-tight .data-viz-grid article>em{display:none}
.presentation-tight .eyebrow small{margin-top:0}.presentation-tight .data-chart{height:68px}.presentation-tight .shift-chart,.presentation-tight .momentum-chart{height:62px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Thailand pet market: scoped single-viewport presentation. */
.stage-inner:has(.pet-market-scene){justify-content:flex-start;gap:clamp(6px,1svh,14px)}
.pet-market-scene{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(10px,1.5svh,24px)}
.pet-market-heading h1{font-size:clamp(30px,3vw,58px);line-height:1.16;margin-bottom:clamp(6px,1svh,14px)}
.pet-market-heading p{font-size:clamp(17px,1.4vw,27px);line-height:1.4}
.pet-market-heading>small{display:block;color:var(--muted);font-size:clamp(12px,.95vw,18px);margin-top:4px}
.pet-market-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.3vw,26px);min-height:0}
.pet-market-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(12px,1.25vw,26px);background:#fff;border-top:3px solid var(--blue);border-radius:0 0 12px 12px;gap:clamp(6px,.9svh,14px)}
.pet-card-title{position:relative;padding-right:22px}.pet-card-title>span{position:absolute;right:0;top:0;font-size:12px;color:var(--blue)}
.pet-card-title h2{font-size:clamp(17px,1.45vw,28px);line-height:1.3}.pet-card-title small{font-size:clamp(13px,1vw,18px);color:var(--muted)}
.pet-card-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--blue)}
.pet-card-number strong{font-size:clamp(32px,3.2vw,66px);line-height:1.08;letter-spacing:-.035em;white-space:nowrap}.pet-card-number>span{font-size:clamp(16px,1.1vw,23px);white-space:nowrap}
.pet-card-growth,.pet-card-detail{font-size:clamp(14px,1.03vw,21px);line-height:1.4}.pet-card-growth b{color:var(--blue);white-space:nowrap}.pet-card-detail{min-height:2.8em;color:var(--muted)}
.pet-chart{display:flex;flex:1;min-height:50px;max-height:260px;gap:12px;align-items:stretch;margin-top:auto;padding-top:6px}
.pet-chart-column{flex:1;display:flex;flex-direction:column;min-width:0;gap:4px;text-align:center}.pet-chart-column>b{font-size:clamp(12px,1vw,20px);font-weight:600;white-space:nowrap}.pet-chart-column>small{font-size:clamp(12px,.85vw,17px);color:var(--muted)}
.pet-bar-track{display:flex;align-items:flex-end;flex:1;min-height:18px;border-bottom:1px solid var(--line)}.pet-bar-track span{width:100%;background:#aac9f3;border-radius:3px 3px 0 0}.pet-chart-column:last-child .pet-bar-track span{background:var(--blue)}
.pet-card-source{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:clamp(12px,.8vw,16px)}.pet-card-source small{font-size:inherit}
.pet-market-summary{border-left:3px solid var(--blue);padding-left:14px}.pet-market-summary p{font-size:clamp(16px,1.25vw,24px);line-height:1.4}.pet-market-summary small{display:block;margin-top:4px;color:var(--muted);font-size:clamp(12px,.9vw,17px)}
.pet-market-sources{border-top:1px solid var(--line);padding-top:6px;color:var(--muted);font-size:clamp(12px,.8vw,16px);line-height:1.45}
@media(max-height:800px){.pet-market-scene{gap:9px}.pet-market-card{gap:5px;padding:12px}.pet-market-heading h1{font-size:34px;margin-bottom:5px}.pet-market-heading p{font-size:18px}.pet-card-number strong{font-size:38px}.pet-card-title h2{font-size:18px}.pet-card-detail{font-size:14px}.pet-market-summary p{font-size:16px}}
@media(max-width:1000px) and (min-height:800px){.pet-market-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pet-market-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:6px 12px}.pet-card-title,.pet-card-number,.pet-card-growth,.pet-card-detail{grid-column:1}.pet-chart{grid-column:2;grid-row:1/5;margin:0;max-height:none}.pet-card-detail{min-height:0}.pet-card-source{grid-column:1/3;flex-direction:row;justify-content:space-between}.pet-card-number strong{font-size:32px}}
@media(max-height:680px){.pet-market-scene{gap:6px}.pet-market-heading h1{font-size:30px}.pet-market-card{padding:9px;gap:4px}.pet-card-number strong{font-size:32px}.pet-market-heading>small,.pet-market-summary small{margin-top:2px}.pet-market-summary p{font-size:15px}.pet-card-detail{min-height:2.8em}.pet-card-source{gap:0}}
/* SUN WONDER case chapter: reusable, named asset slots. */
.stage-inner:has(.sw-scene){justify-content:flex-start;gap:clamp(8px,1.3svh,18px)}
.sw-scene{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(14px,2svh,30px)}
.sw-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-shrink:0}
.sw-heading h1{font-size:clamp(30px,3vw,58px);line-height:1.18}.sw-heading p{font-size:clamp(17px,1.3vw,26px);line-height:1.45;margin-top:10px;color:var(--muted)}
.sw-brand{display:flex;flex-direction:column;gap:8px;flex-shrink:0;text-align:right;padding-top:5px}.sw-brand b{font-size:clamp(18px,1.5vw,28px);letter-spacing:.07em}.sw-brand span{font-size:12px;color:var(--muted);border:1px dashed var(--line);padding:8px 14px}
.sw-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,28px);flex:1;min-height:90px}
.sw-asset{min-width:0;min-height:0;border:1px dashed var(--line);background:rgba(20,115,230,.035);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:14px;border-radius:8px;color:var(--muted)}
.sw-asset>span{font-size:clamp(17px,1.3vw,25px);color:var(--ink);font-weight:500}.sw-asset>small{font-size:clamp(12px,.9vw,18px);line-height:1.5}
.sw-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,28px);flex-shrink:0}.sw-guide article{border-top:1px solid var(--line);padding-top:12px}.sw-guide article>small{color:var(--blue);font-size:13px}.sw-guide h2{font-size:clamp(19px,1.6vw,29px);margin:7px 0 3px}.sw-guide article>span{font-size:clamp(12px,.8vw,16px);color:var(--muted)}.sw-guide p{font-size:clamp(16px,1.12vw,22px);line-height:1.5;margin-top:10px}
.sw-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,24px);flex-shrink:0}.sw-timeline article{border-top:2px solid #394554;min-width:0;padding-top:8px}.sw-phase{display:flex;align-items:start;gap:8px;min-height:48px}.sw-phase>span{font-size:12px;color:var(--ice);padding-top:4px}.sw-phase h2{font-size:clamp(16px,1.15vw,23px);line-height:1.4}.sw-track{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:clamp(10px,1.5svh,20px) 10px;margin-top:7px;border-radius:5px}.sw-track>span{font-size:clamp(15px,1vw,20px)}.sw-track small{display:block;font-size:clamp(12px,.7vw,15px);margin-top:3px}.sw-track strong{font-size:clamp(28px,2.8vw,54px);letter-spacing:-.04em;white-space:nowrap}.sw-offline{background:#20262e;color:#c4cbd4}.sw-online{background:#10315b;color:#82c7ff}.sw-timeline article>p{color:var(--muted);font-size:clamp(14px,1vw,20px);margin-top:9px}
.sw-evolution-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(22px,3vw,60px);flex:1;min-height:0}.sw-sales-evidence{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;min-height:0}.sw-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.sw-collage .sw-asset{padding:8px}.sw-collage .sw-asset>span{font-size:clamp(14px,1vw,20px)}.sw-conclusion{display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1svh,14px)}.sw-conclusion>p{font-size:clamp(16px,1.25vw,24px);line-height:1.4;color:var(--muted)}.sw-conclusion h2{font-size:clamp(23px,2vw,38px);line-height:1.3}.sw-conclusion>small,.sw-conclusion>span{font-size:clamp(12px,.9vw,17px);line-height:1.4;color:var(--muted)}.sw-conclusion>span{color:var(--ice)}.sw-data-note{font-size:clamp(12px,.8vw,16px);color:var(--muted);line-height:1.4;flex-shrink:0}
.sw-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(14px,1.5vw,28px);flex:1;min-height:0}.sw-lessons article{border-top:3px solid var(--blue);background:white;padding:clamp(16px,1.5vw,30px);border-radius:0 0 8px 8px}.sw-lessons article>div{display:flex;align-items:center;gap:14px;color:var(--blue)}.sw-lessons article>div>span{font-size:clamp(18px,1.5vw,28px)}.sw-lessons small{font-size:clamp(12px,.85vw,17px)}.sw-lessons h2{font-size:clamp(23px,2vw,36px);margin:8px 0}.sw-lessons h3{font-size:clamp(17px,1.35vw,26px);margin:0 0 6px;font-weight:600}.sw-lessons p{font-size:clamp(16px,1.15vw,23px);line-height:1.5;color:var(--muted)}.sw-closing{font-size:clamp(16px,1.2vw,24px);line-height:1.45;flex-shrink:0}.sw-closing b{color:var(--blue);margin-left:6px}
@media(max-height:800px){.sw-scene{gap:12px}.sw-heading h1{font-size:32px}.sw-heading p{font-size:17px;margin-top:6px}.sw-guide p{font-size:16px;margin-top:6px}.sw-guide h2{font-size:20px;margin-top:4px}.sw-guide article{padding-top:8px}.sw-track{padding:10px 8px}.sw-track strong{font-size:32px}.sw-phase{min-height:44px}.sw-lessons article{padding:12px 16px}.sw-lessons h2{font-size:24px;margin:5px 0}.sw-lessons h3{font-size:18px}.sw-lessons p{font-size:16px}.sw-conclusion h2{font-size:24px}}
@media(max-height:680px){.sw-scene{gap:8px}.sw-heading h1{font-size:28px}.sw-heading p{font-size:16px}.sw-track{padding:7px}.sw-track strong{font-size:28px}.sw-guide p{font-size:15px}.sw-evidence{min-height:65px}.sw-lessons article{padding:9px 12px}.sw-lessons h2{font-size:21px}.sw-conclusion{gap:6px}.sw-conclusion h2{font-size:22px}.sw-conclusion>p{font-size:15px}}
@media(max-width:1000px) and (min-height:800px){.sw-brand{display:none}.sw-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-evolution-bottom{grid-template-columns:1fr}.sw-sales-evidence{min-height:140px}.sw-conclusion{gap:6px}.sw-timeline{gap:6px}.sw-track{flex-direction:column;align-items:flex-start}.sw-track strong{font-size:26px}.sw-phase h2{font-size:14px}.sw-lessons h2{font-size:22px}.sw-lessons h3{font-size:17px}}
/* Case gallery entry points and appendices 06–11. */
.sw-gallery-entry{padding:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-align:left;min-height:0;min-width:0;transition:border-color .15s}
.sw-gallery-entry:hover{border-color:var(--blue)}.sw-entry-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;flex:1;min-height:0;width:100%;background:#e7ebf0}.sw-entry-mosaic img{width:100%;height:100%;object-fit:cover;object-position:center;min-height:0}.sw-gallery-entry:first-child .sw-entry-mosaic img{object-position:top}
.sw-entry-label{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px;flex-shrink:0}.sw-entry-label b{font-size:clamp(17px,1.3vw,26px);grid-column:1/3}.sw-entry-label small{font-size:clamp(12px,.85vw,16px);color:var(--muted)}.sw-entry-label>span{font-size:clamp(12px,.85vw,16px);color:var(--blue)}
.sw-gallery-stage{justify-content:flex-start;gap:12px}.sw-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.sw-gallery-heading h1{font-size:clamp(26px,2.6vw,46px);margin-top:5px}.sw-gallery-heading small{font-size:clamp(12px,.9vw,18px);color:var(--blue);letter-spacing:.08em}.sw-gallery-heading>span{font-size:16px;color:var(--muted);white-space:nowrap}
.sw-gallery-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,24px)}
.sw-gallery-image{min-height:0;min-width:0;display:flex;flex-direction:column;background:#e9edf2;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink)}.sw-gallery-image img{flex:1;width:100%;height:0;min-height:0;object-fit:contain}.sw-gallery-image>span{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;padding:7px 12px;font-size:clamp(14px,1vw,19px);flex-shrink:0}.sw-gallery-image small{font-size:12px;white-space:nowrap;color:var(--blue)}
.sw-gallery-nav{display:flex;gap:10px;align-items:center;flex-shrink:0}.sw-gallery-nav>div{display:flex;gap:5px;margin:auto}.sw-gallery-nav>div button{border:1px solid var(--line);border-radius:5px;padding:8px 10px;background:transparent;font-size:14px}.sw-gallery-nav button[aria-current=page]{color:white;background:var(--blue)}
@media(max-height:800px){.sw-entry-label{padding:8px 10px}.sw-gallery-heading h1{font-size:28px}.sw-gallery-nav .primary,.sw-gallery-nav .secondary{font-size:14px;min-height:36px;padding:7px 10px}.sw-gallery-stage{gap:8px}}
@media(max-width:1050px){.sw-entry-label{grid-template-columns:1fr}.sw-entry-label b{grid-column:auto}.sw-gallery-nav{flex-wrap:wrap;gap:6px}.sw-gallery-nav>div{order:4;width:100%;justify-content:center}.sw-gallery-nav .primary,.sw-gallery-nav .secondary{width:auto}.sw-gallery-image>span{font-size:13px}.sw-gallery-image small{font-size:12px}}

/* Global logo: use presentation navigation without changing header geometry. */
header .wordmark{cursor:pointer}header .wordmark:hover{opacity:.88}

.sw-opening .sw-official-brand{display:flex;width:clamp(170px,15vw,280px);max-width:30%}.sw-opening .sw-official-brand img{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none}

.sw-sales-online-image{min-width:0;min-height:0;overflow:hidden;border-radius:8px;background:#fff;display:flex}.sw-sales-online-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}

.sw-sales-store-image{min-width:0;min-height:0;overflow:hidden;border-radius:8px;display:flex;background:#0b1018}.sw-sales-store-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}

.sw-evolution .sw-sales-brand{display:flex;width:clamp(170px,15vw,280px);max-width:30%}.sw-evolution .sw-sales-brand img{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none}