/* Crème de la Crème — brand and flexible AI additions.
   Load after style.css. Existing tokens, typography and controls are retained. */

/* Navigation stays comfortable with the additional AI destination. */
.desktop-nav{gap:clamp(20px,2.3vw,36px);margin-right:clamp(0px,1.5vw,24px);white-space:nowrap}
.header-inner{gap:clamp(20px,2.1vw,32px)}

/* The replacement hero has its own composition and responsive art direction. */
.hero.hero-v2{height:calc(100svh - 100px);min-height:750px;max-height:960px;isolation:isolate}
.hero-v2 .hero-art{inset:0 -4% 0 auto;width:96%;height:100%;z-index:0;mix-blend-mode:multiply}
.hero-v2 .hero-art img{object-fit:contain;object-position:right center;width:100%;height:100%}
.hero.hero-v2::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(244,241,234,.96) 13%,rgba(244,241,234,.73) 26%,rgba(244,241,234,0) 49%)}
.hero-v2 .hero-content{min-height:750px;z-index:1;padding-top:24px}
.hero-v2 h1{padding-top:55px;font-size:clamp(104px,10.8vw,166px);line-height:.97;letter-spacing:-.065em}
.hero-v2 h1 em{font-size:1.01em}
.hero-v2 .hero-asterisk{display:none}
.hero-v2 .hero-copy{max-width:390px;margin-top:35px;pointer-events:auto}
.hero-v2 .hero-copy>p:not(.hero-zh-head){max-width:350px;color:#53564c}
.hero-v2 .hero-zh-head{max-width:385px}
.hero-v2 .hero-bottom{bottom:25px}

/* Shared imagery: captions remain outside the image, with no overlay copy. */
.brand-image{position:relative;margin:0;min-width:0}
.brand-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--soft)}
.brand-image figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:13px;font-size:10px;line-height:1.8;color:#65685e;letter-spacing:.015em;max-width:100%}
.brand-image figcaption>span{flex-shrink:0;font-size:15px;line-height:1.2;color:var(--ink)}
.brand-image-wide img{aspect-ratio:16/9;object-position:center 48%;max-height:760px}
.brand-image-wide figcaption{margin-top:16px}
.brand-image figcaption a{text-decoration:underline;text-underline-offset:3px}
.ai-intro-grid,.brand-story-grid,.brand-company,.ai-hero-band,.service-ai-layout{display:grid;min-width:0}
.ai-intro-grid>*,.brand-story-grid>*,.brand-company>*,.ai-hero-band>*,.service-ai-layout>*{min-width:0}
.ai-intro-copy p,.brand-story-copy p,.brand-principle-list p,.brand-approach-grid p,.brand-company p,.ai-hero-note p,.ai-scenario-panel p,.ai-principles-grid p,.service-ai-layout p{overflow-wrap:break-word}

/* Home: an image-led introduction to adaptable AI. */
.ai-intro{background:var(--soft);border-bottom:1px solid var(--line)}
.ai-intro-grid{grid-template-columns:1.08fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.ai-intro-visual img{aspect-ratio:1.25;object-position:center}
.ai-intro-copy>.eyebrow{margin-bottom:29px}
.ai-intro-copy h2{font-size:clamp(39px,4.25vw,66px);line-height:1.18}
.ai-intro-copy>p{font-size:14px;color:#62685a;line-height:1.95;margin-top:23px;max-width:535px}
.ai-intro-copy>p+p{margin-top:15px}
.ai-keyline{border-left:2px solid var(--orange);padding-left:20px;margin-top:28px;font-size:15px;line-height:1.8;color:var(--ink)}
.ai-keyline strong{font-weight:500}
.ai-intro-copy>.text-link{margin-top:24px}

/* About: a wider narrative, large imagery and a clear editorial hierarchy. */
.page-hero.about-brand-hero,.page-hero.ai-page-hero{padding-top:67px;padding-bottom:61px}
.page-hero.about-brand-hero h1,.page-hero.ai-page-hero h1{font-size:clamp(54px,7.1vw,109px);line-height:1.06;max-width:1300px}
.page-hero.about-brand-hero h1 em,.page-hero.ai-page-hero h1 em{display:inline-block;max-width:100%;color:#73796a}
.page-hero.about-brand-hero .page-hero-bottom,.page-hero.ai-page-hero .page-hero-bottom{margin-top:47px}
.brand-portrait{padding-bottom:0}
.brand-story-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8.1vw,126px);align-items:start}
.brand-story-grid h2{font-size:clamp(40px,4.25vw,65px);margin-top:31px;max-width:530px}
.brand-story-copy>.large-copy{font-size:clamp(20px,1.9vw,29px);line-height:1.65;letter-spacing:-.025em;color:var(--ink)}
.brand-story-copy>p:not(.large-copy){font-size:14px;color:var(--muted);line-height:1.95;margin-top:25px}
.brand-signature{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px 26px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.brand-signature>span{font-size:9px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.brand-signature>strong{font:italic 29px/1.2 var(--serif);font-weight:400;letter-spacing:-.035em}

.brand-values{padding-top:0}
.about-statement+.brand-values{padding-top:clamp(68px,8vw,118px)}
.brand-values>.eyebrow{margin-bottom:33px}
.brand-principle-list{border-top:1px solid var(--line)}
.brand-principle-list>article{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(125px,.45fr);gap:38px;align-items:center;padding:34px 0 37px;border-bottom:1px solid var(--line)}
.brand-principle-list>article>div{min-width:0}
.brand-principle-list .principle-no{position:static;align-self:start;padding-top:7px;font-size:10px;color:var(--muted)}
.brand-principle-list h3{font-size:clamp(25px,2.65vw,39px);line-height:1.25}
.brand-principle-list p{font-size:13px;line-height:1.95;color:var(--muted);max-width:640px;margin-top:15px}
.brand-principle-list .principle-word{justify-self:end;font:italic clamp(28px,3.1vw,47px)/1.25 var(--serif);letter-spacing:-.04em;color:#777d6c;text-align:right;overflow-wrap:break-word;max-width:100%}

.brand-approach{padding-top:0}
.ai-intro+.brand-approach{padding-top:clamp(68px,8vw,118px)}
.brand-approach>.eyebrow{margin-bottom:29px}
.brand-approach>h2{max-width:1050px}
.brand-approach>.section-intro{max-width:660px}
.brand-approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:54px}
.brand-approach-grid>article{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--ink);padding-top:22px}
.approach-number{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);line-height:1.5}
.approach-number::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);margin-left:auto}
.brand-approach-grid h3{font-size:clamp(22px,2vw,30px);line-height:1.3;margin-top:35px}
.brand-approach-grid p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:18px;margin-bottom:26px}
.brand-approach-grid dl{margin:0;margin-top:auto;border-top:1px solid var(--line);padding-top:19px}
.brand-approach-grid dt{font-size:9px;color:var(--muted);letter-spacing:.055em;line-height:1.7;text-transform:uppercase}
.brand-approach-grid dd{margin:7px 0 0;font-size:12px;line-height:1.8;color:var(--ink)}

.brand-company{grid-template-columns:.8fr 1.2fr;gap:clamp(50px,7.5vw,118px);border-top:1px solid var(--line)}
.brand-company-intro h2{font-size:clamp(37px,3.7vw,55px);margin-top:29px}
.brand-company-intro>p{margin-top:21px;font-size:13px;color:var(--muted);line-height:1.95;max-width:410px}
.company-facts{margin:0;border-top:1px solid var(--ink)}
.company-facts>div{display:grid;grid-template-columns:minmax(105px,.55fr) minmax(0,1.45fr);gap:24px;border-bottom:1px solid var(--line);padding:20px 0}
.company-facts dt{font-size:10px;line-height:1.8;color:var(--muted)}
.company-facts dd{font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.brand-company-details .source-links{font-size:10px;line-height:1.8;gap:13px 24px}
.brand-company-details .source-links a{min-height:30px;display:inline-flex;align-items:center}

/* AI page: image, proposition and a progressively enhanced scenario explorer. */
.ai-hero-band{grid-template-columns:1.55fr .7fr;gap:clamp(36px,5.2vw,80px);align-items:end}
.ai-hero-band .brand-image img{aspect-ratio:1.48}
.ai-hero-note{padding-bottom:35px}
.ai-hero-note h2{font-size:clamp(33px,3.5vw,53px);margin-top:27px;line-height:1.22}
.ai-hero-note>p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:23px}
.ai-explorer>.heading-grid{margin-bottom:48px}
.ai-explorer .heading-grid h2{max-width:800px}
.ai-explorer .heading-grid>.eyebrow{align-self:start}
[data-ai-explorer]{min-width:0}
.ai-scenario-tabs{display:none}
[data-ai-explorer][data-enhanced="true"] .ai-scenario-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.ai-scenario-tabs>button{display:grid;grid-template-columns:20px minmax(0,1fr) 17px;align-items:center;gap:13px;min-width:0;min-height:88px;padding:23px 21px;background:transparent;text-align:left;border-right:1px solid var(--line);line-height:1.5;transition:background .25s var(--ease),color .25s var(--ease)}
.ai-scenario-tabs>button:last-child{border-right:0}
.ai-scenario-tabs>button>span:first-child{font-size:9px;color:var(--muted)}
.ai-scenario-tabs>button>span:nth-child(2){font-size:13px;font-weight:500;overflow-wrap:break-word}
.ai-scenario-tabs>button>span:last-child:not(:nth-child(2)){font-size:17px;line-height:1;text-align:right}
.ai-scenario-tabs>button>svg{width:17px;height:17px}
.ai-scenario-tabs>button:hover{background:var(--soft)}
.ai-scenario-tabs>button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ai-scenario-tabs>button[aria-selected="true"]>span:first-child{color:#c6cabe}
.ai-scenario-tabs>button[aria-selected="true"]>span:last-child:not(:nth-child(2)),.ai-scenario-tabs>button[aria-selected="true"]>svg{color:#ff765d}
.ai-scenario-tabs>button:focus-visible{outline:2px solid var(--orange);outline-offset:-5px;position:relative;z-index:1}

.ai-scenario-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px clamp(44px,6.2vw,96px);padding:49px 0 30px;border-bottom:1px solid var(--line);min-width:0;scroll-margin-top:120px}
.ai-scenario-panel>div{min-width:0}
[data-ai-explorer]:not([data-enhanced="true"]) .ai-scenario-panel{border-top:1px solid var(--line);margin-top:28px}
.ai-scenario-brief>.eyebrow{color:#a23520}
.ai-scenario-brief h3{font-size:clamp(32px,3.7vw,55px);line-height:1.22;letter-spacing:-.045em;margin-top:26px;max-width:530px}
.ai-scenario-brief>p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:23px;max-width:500px}
.scenario-output{margin-top:31px;border-left:2px solid var(--orange);padding:3px 0 3px 20px}
.scenario-output>small{display:block;font-size:9px;line-height:1.7;letter-spacing:.075em;text-transform:uppercase;color:var(--muted)}
.scenario-output>strong{display:block;margin-top:8px;font-size:14px;font-weight:500;line-height:1.85;max-width:445px}
.ai-scenario-steps{border-bottom:1px solid var(--line)}
.scenario-step{display:grid;grid-template-columns:27px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:23px 0}
.scenario-step:first-child{padding-top:0;border-top:0}
.step-index{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #afb3a6;border-radius:50%;font-size:9px;line-height:1;flex-shrink:0;color:#585e50}
.scenario-step>div>small{font-size:9px;letter-spacing:.08em;line-height:1.7;color:var(--muted);text-transform:uppercase}
.scenario-step h4{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin-top:7px}
.scenario-step p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:11px;max-width:490px}
.ai-scenario-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 28px;border-top:1px solid var(--line);padding-top:24px}
.ai-scenario-footer>p{font-size:11px;color:var(--muted);line-height:1.85;flex:1 1 290px;max-width:570px}
.ai-scenario-footer>.text-link,.ai-scenario-footer>.button{flex-shrink:0}
.ai-scenario-footer .button-small{white-space:normal;text-align:left}
/* This is intentionally explicit: a hidden panel cannot be exposed by a grid rule. */
[data-ai-panel][hidden],[data-ai-explorer] [hidden]{display:none!important}

.ai-principles{padding-top:0}
.ai-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,62px);margin-top:48px}
.ai-principles-grid>article{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.ai-principles-grid>article>span:first-child,.ai-principles-grid .principle-number{font-size:10px;line-height:1.5;color:#a23520}
.ai-principles-grid h3{font-size:clamp(24px,2.5vw,36px);line-height:1.3;margin-top:33px}
.ai-principles-grid p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:19px}

/* Service detail: practical AI examples sit within the existing service story. */
.service-ai-section{background:var(--soft)}
.service-ai-section+.faq-section{padding-top:clamp(68px,8vw,118px)}
.service-ai-layout{grid-template-columns:.85fr 1.15fr;gap:clamp(44px,6.5vw,102px);align-items:start}
.service-ai-intro h2{font-size:clamp(37px,3.8vw,58px);line-height:1.22;margin-top:28px}
.service-ai-intro>p{font-size:13px;line-height:1.95;color:#62685a;max-width:460px;margin-top:23px}
.service-ai-intro>.text-link{margin-top:23px}
.service-ai-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;min-width:0}
.service-ai-cards>article{border-top:1px solid #929888;padding-top:23px;min-width:0}
.service-ai-cards .small-label,.brand-company-intro>.small-label,.service-ai-intro>.small-label{display:block;font-size:9px;line-height:1.7;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#62685a}
.service-ai-cards h3{font-size:clamp(22px,2.15vw,32px);line-height:1.3;margin-top:28px}
.service-ai-cards>article>p{font-size:13px;line-height:1.95;color:#62685a;margin-top:18px}
.service-ai-example{grid-column:1/-1;border-top:1px solid #c4c8bb;padding-top:22px;margin-top:3px;font-size:11px!important;line-height:1.95;color:#62685a}
.service-ai-example strong{font-weight:500;color:var(--ink)}
.service-ai-example>span{display:block;margin-bottom:8px;font-size:9px;font-weight:500;line-height:1.7;letter-spacing:.06em;color:var(--ink)}

/* Tablet sizing preserves generous margins without creating narrow columns. */
@media(min-width:701px) and (max-width:1100px){
 .desktop-nav{gap:clamp(15px,2.1vw,24px);margin-right:0;font-size:12px}
 .header-inner{gap:20px}
 .header-actions{gap:18px}
}
@media(max-width:1200px){
 .hero.hero-v2,.hero-v2 .hero-content{min-height:720px}
 .hero-v2 h1{font-size:11.3vw;padding-top:57px}
 .hero-v2 .hero-copy{max-width:365px;margin-top:35px}
 .hero-v2 .hero-copy>p:not(.hero-zh-head){max-width:320px}
 .hero-v2 .hero-zh-head{font-size:18px}
 .hero-v2 .hero-art{right:-8%;width:103%}
 .ai-intro-grid{gap:50px}
 .brand-story-grid{gap:60px}
 .brand-principle-list>article{gap:28px;grid-template-columns:32px minmax(0,1fr) minmax(110px,.45fr)}
 .brand-company{gap:57px}
 .ai-hero-band{gap:40px}
 .ai-hero-note h2{font-size:39px}
 .ai-scenario-tabs>button{padding-inline:16px;gap:10px;grid-template-columns:17px minmax(0,1fr) 15px}
 .ai-scenario-tabs>button>span:nth-child(2){font-size:12px}
 .ai-scenario-panel{column-gap:48px}
 .service-ai-layout{gap:48px}
 .service-ai-cards{column-gap:26px}
}
@media(max-width:1100px){
 .brand-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 46px}
 .brand-approach-grid h3{font-size:29px;margin-top:29px}
 .brand-approach-grid p{max-width:490px}
 .brand-approach-grid dl{max-width:100%}
 .service-ai-layout{grid-template-columns:1fr;gap:40px}
 .service-ai-intro{max-width:720px}
 .service-ai-intro>p{max-width:640px}
 .service-ai-cards{gap:28px 45px}
 .service-ai-cards h3{font-size:28px}
}
@media(max-width:900px){
 /* display:contents puts the existing headline, artwork and copy in separate
    flow rows without duplicating content or depending on new wrapper markup. */
 .hero.hero-v2{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:hidden}
 .hero.hero-v2::after{display:none}
 .hero-v2 .hero-content{display:contents;min-height:0;height:auto;pointer-events:auto}
 .hero-v2 .hero-topline,.hero-v2 h1,.hero-v2 .hero-copy,.hero-v2 .hero-bottom{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}
 .hero-v2 .hero-topline{order:1;margin-top:21px}
 .hero-v2 h1{order:2;position:relative;font-size:clamp(68px,14vw,119px);line-height:.96!important;padding-top:32px;padding-bottom:0;letter-spacing:-.068em}
 .hero-v2 .hero-art{order:3;position:relative;inset:auto;width:100%;height:clamp(300px,59vw,490px);margin-top:23px;margin-bottom:0;transform:none!important;transition:none;will-change:auto;mix-blend-mode:multiply}
 .hero-v2 .hero-art img{object-fit:cover;object-position:65% center}
 .hero-v2 .hero-copy{order:4;position:static;margin-top:26px;margin-bottom:31px;pointer-events:auto}
 .hero-v2 .hero-zh-head{font-size:22px;max-width:100%;line-height:1.5}
 .hero-v2 .hero-copy>p:not(.hero-zh-head){max-width:540px;font-size:13px;line-height:1.9}
 .hero-v2 .hero-copy .button{margin-top:22px}
 .hero-v2 .hero-bottom{order:5;position:static;inset:auto;padding-top:20px;padding-bottom:25px;font-size:8px;gap:22px}
 .hero-v2 .hero-bottom>a{font-size:8px}
 .ai-intro-grid{grid-template-columns:1fr;gap:36px}
 .ai-intro-visual img{aspect-ratio:16/10}
 .ai-intro-copy{max-width:690px}
 .ai-intro-copy h2{font-size:clamp(40px,6.6vw,58px)}
 .ai-intro-copy>p{max-width:640px;font-size:13px}
 .ai-intro-copy>.eyebrow{margin-bottom:22px}
 .page-hero.about-brand-hero,.page-hero.ai-page-hero{padding-top:50px;padding-bottom:45px}
 .page-hero.about-brand-hero h1,.page-hero.ai-page-hero h1{font-size:clamp(48px,7.1vw,65px)}
 .brand-story-grid{grid-template-columns:.8fr 1.2fr;gap:40px}
 .brand-story-grid h2{font-size:40px}
 .brand-story-copy>.large-copy{font-size:21px}
 .brand-story-copy>p:not(.large-copy){font-size:13px}
 .brand-signature{gap:12px;margin-top:29px}
 .brand-signature>strong{font-size:27px}
 .brand-principle-list>article{grid-template-columns:27px minmax(0,1fr) minmax(100px,.42fr);gap:24px}
 .brand-principle-list .principle-word{font-size:30px}
 .brand-principle-list h3{font-size:27px}
 .brand-principle-list p{font-size:12px}
 .brand-company{grid-template-columns:1fr;gap:37px}
 .brand-company-intro>p{max-width:620px}
 .company-facts>div{grid-template-columns:145px minmax(0,1fr)}
 .ai-hero-band{grid-template-columns:1fr;gap:34px}
 .ai-hero-band .brand-image img{aspect-ratio:16/10}
 .ai-hero-note{padding-bottom:0;max-width:650px}
 .ai-hero-note h2{font-size:44px;margin-top:24px}
 .ai-hero-note>p{font-size:13px;margin-top:20px}
 .ai-scenario-tabs>button{padding:20px 13px;grid-template-columns:14px minmax(0,1fr);gap:9px;min-height:88px}
 .ai-scenario-tabs>button>span:last-child:not(:nth-child(2)),.ai-scenario-tabs>button>svg{display:none}
 .ai-scenario-panel{grid-template-columns:1fr;gap:33px;padding-top:34px}
 .ai-scenario-brief h3{font-size:42px;max-width:700px;margin-top:22px}
 .ai-scenario-brief>p{max-width:680px;font-size:13px}
 .scenario-output>strong{max-width:640px}
 .ai-scenario-steps{border-top:1px solid var(--line)}
 .scenario-step:first-child{padding-top:24px}
 .scenario-step p{max-width:650px}
 .ai-scenario-footer{gap:18px 28px}
 .ai-scenario-footer>p{flex-basis:100%;max-width:100%}
 .ai-principles-grid{gap:27px}
 .ai-principles-grid h3{font-size:25px}
 .ai-principles-grid p{font-size:12px}
}

/* Mobile: single-column stories, short editorial rows and large tap targets. */
@media(max-width:700px){
 .desktop-nav{display:none}
 .hero-v2 .hero-topline{margin-top:17px;gap:13px}
 .hero-v2 .hero-topline .eyebrow{font-size:8px;gap:8px}
 .hero-v2 .hero-location{font-size:7px;letter-spacing:.015em;white-space:nowrap}
 .hero-v2 h1{font-size:clamp(62px,15.4vw,105px);padding-top:31px;line-height:.96!important}
 .hero-v2 .hero-art{height:clamp(240px,65vw,420px);margin-top:22px}
 .hero-v2 .hero-art img{object-position:67% center}
 .hero-v2 .hero-copy{margin-top:25px;margin-bottom:29px}
 .hero-v2 .hero-zh-head{font-size:19px;line-height:1.55}
 .hero-v2 .hero-copy>p:not(.hero-zh-head){font-size:12px;line-height:1.95}
 .hero-v2 .hero-copy .button{margin-top:21px;min-height:49px;padding:15px 20px;font-size:11px;gap:33px}
 .hero-v2 .hero-bottom{padding-top:17px;padding-bottom:24px;gap:18px;font-size:7px;line-height:1.8;align-items:start}
 .hero-v2 .hero-bottom>span{max-width:58%}
 .hero-v2 .hero-bottom>a{font-size:6px;gap:11px;padding-top:2px}
 .hero-v2 .hero-bottom>a span{font-size:15px;line-height:1.1}
 .brand-image figcaption{font-size:9px;line-height:1.85;margin-top:11px}
 .brand-image-wide img{aspect-ratio:1.15;object-position:center}
 .ai-intro-grid{gap:31px}
 .ai-intro-visual img{aspect-ratio:1.25}
 .ai-intro-copy h2{font-size:39px;line-height:1.25}
 .ai-intro-copy>.eyebrow{margin-bottom:23px}
 .ai-intro-copy>p{font-size:12px;margin-top:20px}
 .ai-intro-copy>p+p{margin-top:14px}
 .ai-keyline{font-size:13px;line-height:1.85;padding-left:16px;margin-top:24px}
 .ai-intro-copy>.text-link{margin-top:19px}
 .page-hero.about-brand-hero,.page-hero.ai-page-hero{padding-top:41px;padding-bottom:37px}
 .page-hero.about-brand-hero h1{font-size:clamp(36px,8.2vw,54px);line-height:1.1!important;letter-spacing:-.048em}
 .page-hero.ai-page-hero h1{font-size:clamp(39px,8.9vw,61px);line-height:1.1!important;letter-spacing:-.048em}
 .page-hero.about-brand-hero h1 em,.page-hero.ai-page-hero h1 em{letter-spacing:-.045em}
 .page-hero.about-brand-hero .page-hero-bottom,.page-hero.ai-page-hero .page-hero-bottom{margin-top:30px}
 .brand-story-grid{grid-template-columns:1fr;gap:27px}
 .brand-story-grid h2{font-size:39px;margin-top:24px;max-width:100%;line-height:1.25}
 .brand-story-copy>.large-copy{font-size:21px;line-height:1.75}
 .brand-story-copy>p:not(.large-copy){font-size:12px;line-height:1.95;margin-top:20px}
 .brand-signature{margin-top:28px;padding-top:22px;gap:12px 20px}
 .brand-signature>span{font-size:8px}
 .brand-signature>strong{font-size:26px}
 .brand-values{padding-top:0}
 .brand-values>.eyebrow{margin-bottom:25px}
 .brand-principle-list>article{grid-template-columns:24px minmax(0,1fr);gap:14px 15px;padding:27px 0 29px;align-items:start}
 .brand-principle-list .principle-no{padding-top:5px;font-size:9px}
 .brand-principle-list h3{font-size:26px;line-height:1.35}
 .brand-principle-list p{font-size:12px;margin-top:12px}
 .brand-principle-list .principle-word{grid-column:2;justify-self:start;text-align:left;font-size:25px;line-height:1.2;margin-top:1px;color:#73796a}
 .brand-approach{padding-top:0}
 .brand-approach>.eyebrow{margin-bottom:24px}
 .brand-approach>h2{font-size:39px;line-height:1.25}
 .brand-approach-grid{grid-template-columns:1fr;gap:31px;margin-top:36px}
 .brand-approach-grid>article{padding-top:19px}
 .approach-number{font-size:9px}
 .brand-approach-grid h3{font-size:28px;margin-top:21px}
 .brand-approach-grid p{font-size:12px;line-height:1.9;margin-top:14px;margin-bottom:20px}
 .brand-approach-grid dl{padding-top:16px}
 .brand-approach-grid dt{font-size:8px}
 .brand-approach-grid dd{font-size:11px;margin-top:6px}
 .brand-company{gap:31px}
 .brand-company-intro h2{font-size:36px;margin-top:24px;line-height:1.25}
 .brand-company-intro>p{font-size:12px;margin-top:20px}
 .company-facts>div{grid-template-columns:84px minmax(0,1fr);gap:17px;padding:17px 0}
 .company-facts dt{font-size:9px;line-height:1.85}
 .company-facts dd{font-size:11px;line-height:1.85}
 .brand-company-details .source-links{font-size:9px;gap:8px 22px;margin-top:17px}
 .ai-hero-band{gap:27px}
 .ai-hero-band .brand-image img{aspect-ratio:1.23}
 .ai-hero-note h2{font-size:37px;line-height:1.3;margin-top:22px}
 .ai-hero-note>p{font-size:12px;margin-top:18px}
 .ai-explorer>.heading-grid{margin-bottom:31px}
 [data-ai-explorer][data-enhanced="true"] .ai-scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ai-scenario-tabs>button{grid-template-columns:16px minmax(0,1fr);min-height:79px;padding:18px 13px;gap:9px}
 .ai-scenario-tabs>button:nth-child(2){border-right:0}
 .ai-scenario-tabs>button:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .ai-scenario-tabs>button>span:first-child{font-size:8px}
 .ai-scenario-tabs>button>span:nth-child(2){font-size:11px;line-height:1.6}
 .ai-scenario-panel{padding-top:31px;padding-bottom:26px;gap:27px;scroll-margin-top:96px}
 .ai-scenario-brief h3{font-size:33px;line-height:1.3;margin-top:20px}
 .ai-scenario-brief>p{font-size:12px;line-height:1.95;margin-top:18px}
 .scenario-output{margin-top:23px;padding-left:16px}
 .scenario-output>small{font-size:8px}
 .scenario-output>strong{font-size:12px;line-height:1.9;margin-top:7px}
 .scenario-step{grid-template-columns:24px minmax(0,1fr);gap:15px;padding:21px 0}
 .scenario-step:first-child{padding-top:21px}
 .step-index{width:22px;height:22px;font-size:8px}
 .scenario-step>div>small{font-size:8px}
 .scenario-step h4{font-size:19px;line-height:1.4;margin-top:6px}
 .scenario-step p{font-size:12px;line-height:1.9;margin-top:10px}
 .ai-scenario-footer{align-items:flex-start;gap:17px 24px;padding-top:20px}
 .ai-scenario-footer>p{font-size:10px;line-height:1.95;flex-basis:100%}
 .ai-scenario-footer>.text-link{font-size:10px;gap:14px}
 .ai-scenario-footer .button-small{font-size:10px;gap:15px;padding:13px 17px;min-height:45px}
 .ai-principles{padding-top:0}
 .ai-principles-grid{grid-template-columns:1fr;gap:29px;margin-top:31px}
 .ai-principles-grid>article{padding-top:21px}
 .ai-principles-grid>article>span:first-child,.ai-principles-grid .principle-number{font-size:9px}
 .ai-principles-grid h3{font-size:27px;margin-top:23px}
 .ai-principles-grid p{font-size:12px;line-height:1.95;margin-top:15px}
 .service-ai-layout{gap:32px}
 .service-ai-intro h2{font-size:37px;line-height:1.3;margin-top:23px}
 .service-ai-intro>p{font-size:12px;margin-top:20px}
 .service-ai-intro>.text-link{margin-top:19px}
 .service-ai-cards{grid-template-columns:1fr;gap:26px}
 .service-ai-cards>article{padding-top:20px}
 .service-ai-cards .small-label{font-size:8px}
 .service-ai-cards h3{font-size:27px;margin-top:22px}
 .service-ai-cards>article>p{font-size:12px;margin-top:15px}
 .service-ai-example{font-size:10px!important;line-height:1.95;padding-top:20px;margin-top:0}
}
@media(max-width:370px){
 .hero-v2 h1{font-size:16.2vw}
 .hero-v2 .hero-zh-head{font-size:17px}
 .hero-v2 .hero-location{font-size:6px}
 .page-hero.about-brand-hero h1{font-size:10.1vw}
 .page-hero.ai-page-hero h1{font-size:10.8vw}
 .ai-intro-copy h2,.brand-story-grid h2,.brand-approach>h2,.ai-hero-note h2,.service-ai-intro h2{font-size:34px}
 .ai-scenario-tabs>button{padding-inline:10px;gap:7px}
 .ai-scenario-tabs>button>span:nth-child(2){font-size:10px}
 .company-facts>div{grid-template-columns:73px minmax(0,1fr);gap:13px}
}
@media(prefers-reduced-motion:reduce){
 .hero-v2 .hero-art{transform:none!important;transition:none!important;will-change:auto}
 .ai-scenario-tabs>button{transition:none!important}
}
@media print{
 .hero.hero-v2,.hero-v2 .hero-content{display:block;height:auto;min-height:0;max-height:none}
 .hero-v2 h1{font-size:48pt;padding-top:10px}
 .hero-v2 .hero-topline,.hero-v2 h1,.hero-v2 .hero-copy,.hero-v2 .hero-bottom{width:100%;margin-inline:0}
 .hero-v2 .hero-copy,.hero-v2 .hero-bottom{position:static;margin-top:20px}
 .hero.hero-v2::after,.ai-scenario-tabs{display:none!important}
 .brand-image img{max-height:90mm;object-fit:contain;break-inside:avoid}
 .brand-story-grid,.brand-company,.ai-hero-band,.service-ai-layout{display:block}
 .brand-story-copy,.brand-company-details,.ai-hero-note,.service-ai-cards{margin-top:20px}
 .brand-principle-list>article,.brand-approach-grid>article,.scenario-step,.ai-principles-grid>article{break-inside:avoid}
 .service-ai-section{background:white}
 .ai-scenario-panel{display:block}
 .ai-scenario-steps,.ai-scenario-footer{margin-top:20px}
}