/* BANAL / KINETIC EDITION — editorial contrast, choreographed type, native motion. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--accent:#bcdde4;--reading-progress:0}
body{--paper:#f2f1eb;--deep:#101e25;background:var(--paper)}
.motion-word{display:inline-block;vertical-align:baseline;transform-origin:30% 100%;max-width:100%;overflow-wrap:anywhere}
.kinetic-heading{font-kerning:normal}
.kinetic-heading .motion-word{position:relative}
/* Nested split spans must never inherit the old block-level hero-line rules. */
.campaign-home .cinema-caption h1 .motion-word{display:inline-block;animation:none}
.motion-progress{position:fixed;z-index:1100;left:0;top:0;right:0;height:2px;pointer-events:none}
.motion-progress i{display:block;height:100%;background:#9bcad5;transform:scaleX(var(--reading-progress));transform-origin:left}
.home-page .reading-progress{display:none}

/* A restrained header above a deliberately oversized, kinetic opening. */
.site-header .brand>span{font-family:var(--sans);letter-spacing:-.055em;font-weight:500;font-size:29px}
.site-header .brand small{letter-spacing:.24em;font-size:6px;font-weight:400}
.site-header .brand-wave{width:42px}
.header-consult{border-radius:0!important;transition:background .35s,color .35s,translate .4s var(--motion-ease)}
.header-consult:hover{background:var(--ink);color:var(--paper)}
.home-page .site-header:not(.scrolled) .header-consult:hover{background:#e2ecec;color:#102632}
.menu-button{width:44px!important;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}
.menu-button span{width:25px;margin:0!important;transition:width .4s var(--motion-ease)}
.menu-button:hover span:first-child{width:33px}.menu-button:hover span:last-child{width:17px}
.cinema-scroll{height:160svh;background:#e7ede9}
.campaign-home .cinema-hero{clip-path:inset(calc(var(--cinema-progress)*6%) calc(var(--cinema-progress)*5%) round calc(var(--cinema-progress)*3px))}
.cinema-hero .hero-shade{background:linear-gradient(180deg,#081a2859,transparent 35%,#0719244d 55%,#071924ed 100%),linear-gradient(90deg,#04182755,transparent 70%)}
.cinema-hero #wind-canvas{display:none}
.cinema-caption{top:25%;bottom:auto;max-width:68%;left:4.5%}
.campaign-home .cinema-caption h1{font-size:clamp(29px,3.15vw,50px);font-weight:400;line-height:1.45;letter-spacing:-.06em;max-width:850px}
.cinema-caption>.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-size:9px}
.cinema-caption>.eyebrow:before{content:'';width:30px;height:1px;background:#b4d4dc}
.kinetic-ready .cinema-caption,.kinetic-ready .campaign-type{animation:none}
.campaign-type{left:3.5%;right:3.5%;bottom:205px;perspective:1100px;transform:translate(calc(var(--pointer-x,0)*-14px),calc(var(--pointer-y,0)*-10px));opacity:calc(1 - var(--cinema-progress)*.45)}
.campaign-beyond{font-size:15.1vw;font-weight:500;line-height:.95;letter-spacing:-.085em;display:block;white-space:nowrap}
.campaign-beyond .motion-word{transition:translate .12s linear,rotate .12s linear;max-width:none}
.campaign-wind{font-size:13.4vw;line-height:.9;bottom:-.55em;right:1.5%;color:#d1e6df;transform:translateX(calc(var(--script-drift,0)*90px)) rotate(-8deg);letter-spacing:-.065em}
.film-orbit{top:27%;right:7%;height:112px;width:112px;background:#10273235;backdrop-filter:blur(4px)}
.cinema-cta{bottom:105px}.cinema-hero .hero-bottom{padding-top:17px}
.cinema-hero .hero-film-control button{height:44px;width:44px;border-color:#d6e5e380}
.video-feedback[data-video-state='playing'],.video-feedback[data-video-state='loading']{top:159px;background:transparent;padding:0;opacity:.75;backdrop-filter:none}
.cinema-topline{top:131px}
.campaign-ribbon{background:#d2e2e2;padding-block:24px;border:0;min-height:88px;letter-spacing:.15em;font-size:10px}

/* Statement-led chapters: generous scale, counter-moving type and fine rules. */
.freedom-story{background:#f2f1eb;padding-top:135px}
.freedom-title{font-size:7.6vw;line-height:1.07;letter-spacing:-.065em;transform:translateX(calc((var(--travel,.5) - .5)*-45px))}
.freedom-title>.freedom-emphasis{margin-top:8px;font-size:11.1vw}
.freedom-emphasis .motion-word{flex-shrink:0}
.freedom-title>span:first-child{color:#425a60}
.freedom-title i{color:#263c42}
.freedom-watermark{color:#dfe4de;transform:translateX(calc((var(--travel,.5) - .5)*90px));font-size:22.1vw;padding-bottom:10px}
.freedom-image{overflow:hidden}
.freedom-image img{clip-path:none;transform:scale(1.06) translateY(calc((var(--travel,.5) - .5)*-30px));height:610px;filter:saturate(.78)}
.freedom-image figcaption{position:relative;background:#f2f1eb;padding-top:15px;margin:0}
.freedom-copy h2{font-size:clamp(32px,3.4vw,52px);line-height:1.5}
.freedom-facts strong{font-size:clamp(34px,3.9vw,62px);letter-spacing:-.065em}
.physician-voice{background:#e9ede7;padding-top:120px}
.voice-heading{border-top:1px solid #a4b6b5;padding-top:32px}
.voice-heading h2{font-size:clamp(36px,4.7vw,72px);line-height:1.35;letter-spacing:-.06em}
.voice-heading>.eyebrow{margin-bottom:10px}
.voice-spread{gap:8%;padding-top:105px;padding-bottom:90px}
.voice-photo{clip-path:inset(0)}
.voice-photo img{transform:scale(1.035) translateY(calc((var(--travel,.5) - .5)*-22px));filter:saturate(.8)}
.voice-photo figcaption{background:#e9ede7;position:relative;padding-top:14px;margin:0}
.voice-copy h3{font-size:clamp(30px,3.5vw,52px);line-height:1.4}
.manuscript-quote{border-top:1px solid #9aacaf;border-bottom:0;position:relative}
.manuscript-quote:before{content:'“';font:100px/1 var(--serif);color:#78989c;display:block;height:58px;margin-top:-12px}
.scroll-quote .motion-word{color:color-mix(in srgb,#193b49 calc(var(--word-fill,1)*100%),#788b91);transition:color .12s linear}
.scroll-quote{line-height:1.7!important}
.signature-stage{background:#101f27;padding-top:125px}
.signature-display{font-size:clamp(85px,11.2vw,178px);transform:translateX(calc((var(--travel,.5) - .5)*50px))}
.signature-display>.motion-word{white-space:nowrap}
.service-stage{border:1px solid #ccdad966;min-height:590px;transition:box-shadow .6s;box-shadow:0 -15px 45px #0003}
.service-stage.stage-in-focus{box-shadow:0 -20px 60px #0005}
.service-copy{position:relative}
.service-copy h3{font-size:clamp(38px,3.6vw,56px);font-weight:400;line-height:1.4}
.service-number{font-family:var(--sans);font-size:clamp(100px,10vw,155px);font-weight:400;letter-spacing:-.085em;-webkit-text-stroke:1px #fff;color:transparent;top:30px;left:30px}
.service-photo-label{border-top:1px solid #ffffff60;padding-top:18px;right:30px}
.service-visual img{transform:scale(1.045) translateY(calc((var(--travel,.5) - .5)*-24px))}
.service-stage:hover .service-visual img{transform:scale(1.085)}
.kinetic-band{overflow:hidden;transform:skewY(var(--scroll-skew,0deg)) rotate(-2deg)!important;transition:transform .6s var(--motion-ease)}
.kinetic-band:hover>div{animation-play-state:paused}
.campaign-home .kinetic-band{padding:32px 0 44px;background:#c7deda}
.manifesto-visual{overflow:hidden}
.manifesto-visual img{transform:scale(1.06) translateY(calc((var(--travel,.5) - .5)*-25px))}
.space-display{transform:translateY(calc((var(--travel,.5) - .5)*-55px))}
.campaign-home .doctors-section:before{font-size:10.8vw;color:#cbd6d1;font-weight:400;letter-spacing:-.07em}
.doctor-photo{overflow:hidden}
.doctor-photo img,.journal-image img{transition:transform 1.1s var(--motion-ease),filter .8s!important}
.doctor-photo:hover img,.journal-image:hover img{transform:scale(1.07)!important;filter:saturate(1)}
.round-link{transition:translate .4s var(--motion-ease),background .4s,transform .6s!important}
.round-link svg{transition:rotate .5s var(--motion-ease)}
a:hover .round-link svg{rotate:-35deg}

/* Interior pages share the same typographic direction; manuscripts remain still. */
.page-hero{padding-top:160px;padding-bottom:95px;background:#e9ede6;border-bottom:1px solid #cad5d0}
.page-hero h1{font-size:clamp(44px,5.65vw,88px);line-height:1.3;font-weight:400;letter-spacing:-.06em;max-width:1200px}
.page-hero .page-lead{max-width:650px;font-size:16px;line-height:2;margin-top:35px}
.page-hero .breadcrumbs{margin-bottom:65px}
.dossier-hero{background:#e8ede6;padding-top:165px;padding-bottom:85px;min-height:850px}
.dossier-hero h1{font-size:clamp(40px,4.7vw,73px);line-height:1.35;letter-spacing:-.06em}
.dossier-hero-photo{overflow:hidden}
.dossier-hero-photo img,.page-hero-image img{transform:scale(1.04) translateY(calc((var(--travel,.5) - .5)*-28px))}
.dossier-issue{font-family:var(--sans);-webkit-text-stroke:1px #fff;color:#0c293033;text-shadow:0 2px 22px #07192455;font-size:140px}
.dossier-hero-photo figcaption{padding-top:16px;line-height:1.9;position:relative;background:#e8ede6}
.chapter-heading{border-top:1px solid #91a7ac;padding-top:40px}
.chapter-numeral{font-family:var(--sans);color:#a0b6b9!important;letter-spacing:-.09em;font-weight:400}
.chapter-heading h2{font-size:clamp(32px,3.8vw,57px);line-height:1.45}
.dossier-index nav a{transition:padding .5s var(--motion-ease),background .5s}
.dossier-index nav a:hover{padding-left:16px;padding-right:16px;background:#e4eae5}
.manuscript-section h3{border-left:2px solid #95b4bc;padding-left:18px}
.note-hero h1{font-size:clamp(38px,4.6vw,69px);line-height:1.4}
.note-card{transition:background .5s,padding .5s!important}
.note-card:hover{background:#e5ece7}
.note-card .note-read{transition:color .3s}
.note-card:hover .note-read{color:#0b4b63}
.pointer-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-left,50%) var(--pointer-top,50%),#c9e5e628,transparent 80%);opacity:0;transition:opacity .5s;z-index:1}
.pointer-surface:hover:after{opacity:1}
.pointer-surface>a,.pointer-surface button{position:relative;z-index:2}
.explorer-tabs button{position:relative;transition:background .35s,color .35s,border-color .35s}
.explorer-tabs button:hover{border-color:#173b4f}
.explorer-tabs button[aria-selected='true']:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#91c5cf}
.faq-item .plus{transition:rotate .4s var(--motion-ease)}
.faq-item[open] .plus{rotate:180deg}
.contact-band{background:#cadeda;position:relative;overflow:hidden;padding:90px 6%;min-height:370px}
.contact-band h2{font-size:clamp(34px,3.9vw,60px);line-height:1.4;max-width:900px}
.circle-cta{width:155px;height:155px;border:1px solid #53777f;transition:background .5s,color .5s,translate .4s var(--motion-ease);flex-shrink:0}
.circle-cta:hover{background:#183a45;color:#fff}
.site-footer{background:#101e25;padding-top:85px}
.footer-brand>span{font-family:var(--sans);font-size:clamp(55px,7.3vw,115px);font-weight:500;letter-spacing:-.07em}
.footer-brand .brand-wave{display:none}
.footer-top{padding-bottom:55px}

/* Full-screen navigation: giant primary rows + image-directed browsing. */
.navigation-dialog{background:#101f27;color:#e6eee9;padding:0 5% 35px;overscroll-behavior:contain}
.navigation-dialog[open]{animation:menuScene .65s var(--motion-ease)}
.navigation-dialog .menu-top{height:105px;border-color:#a5c0ca30}
.navigation-dialog .brand>span{font-family:var(--sans);font-size:31px;letter-spacing:-.05em}
.navigation-dialog .menu-top .close-dialog{top:29px;border:1px solid #9db6bf66;border-radius:50%;width:47px;height:47px;line-height:1;transition:rotate .4s,background .4s}
.navigation-dialog .close-dialog:hover{rotate:90deg;background:#294651}
.menu-layout{grid-template-columns:1.2fr .8fr;gap:10%;padding:35px 0 40px}
.menu-layout nav>a{color:#e5eee8;font-size:clamp(24px,2.65vw,43px);letter-spacing:-.05em;padding:9px 0;border-color:#b1c5c029;line-height:1.35;gap:22px;min-height:55px}
.menu-layout nav>a:nth-child(n+8){font-size:18px;min-height:43px;padding:8px 0}
.menu-layout nav>a small{font-size:9px;color:#7e9fa9;letter-spacing:.1em;min-width:20px}
.menu-layout nav>a svg{color:#91b8bc;rotate:-35deg;transition:rotate .4s,translate .4s}
.menu-layout nav>a:hover,.menu-layout nav>a:focus-visible{color:#b9d9d6;padding-left:16px}
.menu-layout nav>a:hover svg{rotate:0deg;translate:5px 0}
.menu-link-label{transition:translate .5s var(--motion-ease)}
.menu-layout aside{position:sticky;top:35px;align-self:start;padding-top:10px}
.menu-layout aside img{height:min(48svh,500px);filter:saturate(.7);object-position:center;clip-path:inset(0)}
.menu-layout aside p{font-size:clamp(36px,4.5vw,68px);color:#c1d9cf;letter-spacing:-.03em;line-height:1.1;margin-top:28px}
.menu-layout aside>span{color:#97aeb6;font-size:11px}
.menu-languages{border-color:#a5c0ca30;color:#bcd3d6}
.menu-languages a{position:relative;min-height:40px;display:inline-flex;align-items:center}
.menu-languages a:after,.desktop-nav>a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--motion-ease)}
.menu-languages a:hover:after,.desktop-nav>a:hover:after{transform:scaleX(1);transform-origin:left}
.desktop-nav>a{position:relative}
@keyframes menuScene{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}

/* No fake loading screen: native page wipe; brief fallback only on deliberate navigation. */
.page-curtain{position:fixed;inset:0;z-index:9999;background:#172e37;color:#d4e4dc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;pointer-events:none;transform:translateY(101%);transition:transform .28s cubic-bezier(.7,0,.2,1)}
.page-curtain span{font:500 clamp(60px,12vw,160px)/1 var(--sans);letter-spacing:-.07em}
.page-curtain i{width:60px;height:1px;background:currentColor}
.page-curtain.leaving{transform:translateY(0);pointer-events:auto}
/* Cross-document opt-in is delivered synchronously in the document head. */
::view-transition-old(root){animation:pageAway .55s cubic-bezier(.5,0,.2,1) both}
::view-transition-new(root){animation:pageArrive .7s cubic-bezier(.16,1,.3,1) both}
::view-transition-group(root){background:#142e38}
@keyframes pageAway{to{opacity:.25;transform:translateY(-5%) scale(.98)}}
@keyframes pageArrive{from{clip-path:inset(100% 0 0 0);transform:translateY(5%)}to{clip-path:inset(0);transform:none}}

@media(min-width:1600px){.campaign-type{bottom:220px}.campaign-home .cinema-caption h1{font-size:48px}.cinema-caption{top:24%}}
@media(max-width:1050px){.campaign-type{bottom:215px}.campaign-home .cinema-caption h1{font-size:36px}.film-orbit{right:6%;top:28%;width:96px;height:96px}.service-copy{padding:35px 9%}.service-copy h3{font-size:36px}.freedom-image img{height:460px}.dossier-hero h1{font-size:43px}.menu-layout{gap:7%;grid-template-columns:1.15fr .85fr}.menu-layout nav>a{font-size:28px}.circle-cta{width:125px;height:125px}}
@media(max-width:700px){
  .cinema-scroll{height:140svh}.campaign-home .cinema-hero{min-height:670px;height:100svh}
  .cinema-caption{top:25%;max-width:88%;left:6%}.campaign-home .cinema-caption h1{font-size:clamp(27px,7vw,38px);line-height:1.5;max-width:100%}
  .cinema-caption>.eyebrow{font-size:7px;margin-bottom:16px}.cinema-caption>.eyebrow:before{width:20px}
  .cinema-topline{left:6%;right:6%;top:107px;font-size:7px}.cinema-topline>span:last-child{display:none}
  .video-feedback[data-video-state='playing'],.video-feedback[data-video-state='loading']{top:128px;left:6%;max-width:88%}
  .campaign-type{left:4%;right:4%;bottom:252px}.campaign-beyond{font-size:15.2vw;line-height:1;letter-spacing:-.09em}.campaign-wind{font-size:20vw;bottom:-.72em;right:1%}
  .film-orbit{width:78px;height:78px;top:auto;bottom:93px;right:6%}.film-orbit:before{inset:18px}.orbit-type text{font-size:7.3px}
  .cinema-cta{bottom:111px;left:6%;max-width:63%}.cinema-cta .campaign-link{font-size:11px;gap:15px}
  .cinema-hero .hero-bottom{left:6%;right:6%;bottom:20px;grid-template-columns:1fr auto;gap:15px}.cinema-chapters{display:none}.cinema-hero .hero-film-control{font-size:8px}
  .campaign-ribbon{min-height:65px;padding:19px 6%;font-size:8px;gap:18px;justify-content:space-between}.campaign-ribbon>span:nth-of-type(3),.campaign-ribbon>.brand-wave:last-child{display:none}.campaign-ribbon .brand-wave{width:30px}
  .freedom-story{padding-top:75px}.freedom-title{font-size:8.2vw;line-height:1.15;transform:none}.freedom-title>.freedom-emphasis{font-size:12.3vw;gap:8px;margin-top:12px}.freedom-star{width:9vw;height:9vw}
  .freedom-layout{margin-top:42px}.freedom-image img{height:430px}.freedom-copy h2{font-size:30px}.freedom-facts strong{font-size:35px}
  .freedom-watermark{font-size:22.1vw;transform:none}.physician-voice{padding-top:65px}.voice-heading{padding-top:25px}.voice-heading h2{font-size:33px;line-height:1.4}.voice-spread{padding-top:55px;padding-bottom:35px}.voice-copy h3{font-size:29px}
  .voice-photo img{transform:none}.manuscript-quote:before{font-size:85px;height:48px}.voice-copy .manuscript-quote blockquote{font-size:23px}
  .signature-stage{padding-top:75px}.signature-display{font-size:16vw;transform:none}.service-stage{min-height:0;height:auto;position:relative;top:auto}.service-copy{padding:32px 26px 38px}.service-copy h3{font-size:32px}.service-number{font-size:92px;left:23px;top:25px}.service-visual img{transform:none}
  .page-hero{padding-top:118px;padding-bottom:55px}.page-hero h1{font-size:clamp(35px,9.8vw,48px);line-height:1.4}.page-hero .breadcrumbs{margin-bottom:40px}.page-hero .page-lead{font-size:14px;margin-top:25px}
  .dossier-hero{padding:110px 6% 45px;min-height:0}.dossier-hero h1{font-size:37px;line-height:1.4}.dossier-issue{font-size:100px}.chapter-heading{padding-top:25px}.chapter-heading h2{font-size:31px}.chapter-numeral{font-size:90px}.note-hero h1{font-size:35px}
  .contact-band{padding:60px 6%;min-height:0;gap:26px}.contact-band h2{font-size:30px}.circle-cta{width:100px;height:100px}.site-footer{padding-top:55px}.footer-brand>span{font-size:64px}.footer-top{padding-bottom:30px}
  .navigation-dialog{padding:0 6% 25px}.navigation-dialog .menu-top{height:85px}.navigation-dialog .menu-top .close-dialog{top:20px;width:43px;height:43px}.menu-layout{display:block;padding-top:22px}.menu-layout aside{display:none}.menu-layout nav>a{font-size:27px;padding:11px 0;min-height:55px}.menu-layout nav>a:nth-child(n+8){font-size:17px;min-height:43px}.menu-languages{font-size:11px;gap:8px 22px}
}
@media(max-width:380px){.campaign-home .cinema-caption h1{font-size:25px}.campaign-type{bottom:250px}.freedom-image img{height:370px}.page-hero h1{font-size:33px}.dossier-hero h1{font-size:33px}.contact-band{flex-wrap:wrap}}
@media(max-height:740px) and (min-width:701px){.cinema-caption{top:26%}.campaign-home .cinema-caption h1{font-size:29px}.campaign-type{bottom:175px}.campaign-beyond{font-size:13vw}.campaign-wind{font-size:11vw}.film-orbit{top:27%}}
/* All long translations retain natural wrapping. */
html[lang='th'] .motion-word{line-height:inherit}html[lang='th'] .page-hero h1,html[lang='th'] .dossier-hero h1{line-height:1.6}
html:not([lang='ko']) .campaign-home .cinema-caption h1{font-size:clamp(29px,3.2vw,48px);line-height:1.25}
@media(max-width:700px){html:not([lang='ko']) .campaign-home .cinema-caption h1{font-size:clamp(25px,6.8vw,35px);line-height:1.45}html:not([lang='ko']) .contact-band h2{font-size:29px}html[lang='ja'] .campaign-home .cinema-caption h1{font-family:var(--sans);line-height:1.55;font-size:25px}html[lang='th'] .campaign-home .cinema-caption h1{font-family:var(--sans);line-height:1.65;font-size:25px}}
/* Motion-off is a complete, readable design, not a hidden or frozen animation state. */
.kinetic-paused .motion-word{opacity:1!important;transform:none!important;translate:none!important;rotate:none!important;clip-path:none!important}
.kinetic-paused .scroll-quote .motion-word,.motion-off .scroll-quote .motion-word{color:inherit!important}
.kinetic-paused .campaign-type,.kinetic-paused .freedom-title,.kinetic-paused .signature-display,.kinetic-paused .space-display{transform:none!important}
.kinetic-paused .page-curtain{display:none}.motion-off .page-curtain{display:none}
.kinetic-paused .pointer-surface:after,.motion-off .pointer-surface:after{display:none}
.kinetic-paused .kinetic-band>div{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  /* Keep admission stable; cancel the transition via skipTransition instead. */
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .motion-word{opacity:1!important;transform:none!important;translate:none!important;rotate:none!important;clip-path:none!important}
  .scroll-quote .motion-word{color:inherit!important}.page-curtain{display:none}
  .campaign-type,.freedom-title,.freedom-watermark,.signature-display,.space-display{transform:none!important}
}
@media print{.page-curtain,.motion-progress{display:none!important}.motion-word{opacity:1!important;transform:none!important;translate:none!important;rotate:none!important;clip-path:none!important;color:inherit!important}.scroll-quote .motion-word{color:inherit!important}}