/* B01 uses original photography and the shared product-story controller. */
.b01-page{--b01-ease:cubic-bezier(.2,.7,.2,1)}
.b01-page section{scroll-margin-top:calc(var(--header) + 24px)}
.b01-hero{padding-top:35px;padding-bottom:90px}
.b01-hero .back-link{margin-bottom:40px}
.b01-hero-heading{max-width:920px;margin:0 auto 48px;text-align:center}
.b01-hero-heading h1{margin-bottom:26px;font-size:clamp(84px,12vw,164px);line-height:.94;letter-spacing:-.065em}
.b01-hero-heading h1>span{display:block;margin-top:18px;color:var(--muted);font-size:clamp(20px,2.6vw,34px);font-weight:500;line-height:1.3;letter-spacing:-.03em}
.b01-hero-heading h2{margin-bottom:27px;font-size:clamp(36px,5vw,66px);line-height:1.09;letter-spacing:-.05em}
.b01-hero-heading>p{max-width:670px;margin:0 auto 26px;font-size:clamp(17px,1.7vw,22px);line-height:1.65}
.b01-hero-heading .actions{justify-content:center}
.b01-photo{display:block;position:relative;width:100%;height:100%;padding:0;border:0;overflow:hidden;color:var(--ink);background:transparent;text-align:inherit}
.b01-photo>img{display:block;width:100%;height:100%;object-fit:contain}
.b01-photo>span{position:absolute;top:16px;right:16px;padding:8px 13px;border-radius:99px;background:#ffffffde;backdrop-filter:blur(10px);color:#38383c;font-size:12px;line-height:1.4}
.b01-photo:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.b01-hero-photo{aspect-ratio:1.5;border-radius:28px;overflow:hidden;background:#e9e9e6}
.b01-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:850px;margin:44px auto 0;text-align:center}
.b01-highlights>div{padding-right:28px;border-right:1px solid var(--line)}
.b01-highlights>div:last-child{padding:0;border:0}
.b01-highlights strong{display:block;margin-bottom:12px;font-size:clamp(28px,3.8vw,46px);font-weight:600;line-height:1.1;letter-spacing:-.045em}
.b01-highlights span{display:block;color:var(--muted);font-size:14px;line-height:1.55}
.b01-noise-note{margin:18px auto 0;color:var(--muted);font-size:12px;line-height:1.65;text-align:center}
.b01-section-heading{max-width:840px;margin-bottom:48px}
.b01-section-heading h2{margin-bottom:24px;font-size:clamp(42px,5.8vw,76px);line-height:1.07;letter-spacing:-.05em}
.b01-section-heading>p{max-width:700px;margin:0;font-size:19px;line-height:1.65}
.b01-story{padding:100px 0 70px;overflow:clip;background:radial-gradient(ellipse at 80% 10%,#262724 0,#111113 50%);color:#f5f5f7}
.b01-story .eyebrow{color:#a6a6af}
.b01-story p{color:#b5b5bd}
.b01-story-sticky{display:none}
.b01-story-chapter{max-width:720px;padding:28px 0 54px}
.b01-story-chapter h3{margin-bottom:23px;font-size:clamp(32px,3.6vw,49px);line-height:1.13;letter-spacing:-.04em}
.b01-story-chapter p{margin-bottom:22px;font-size:17px;line-height:1.75}
.b01-story-chapter .b01-story-note{font-size:13px;line-height:1.65;color:#c8c8ce}
.b01-story-inline{margin:0 0 32px}
.b01-story-inline .b01-photo{aspect-ratio:1.5;border-radius:18px;background:#e6e6e3}
.b01-story-inline .b01-photo--portrait{aspect-ratio:3/4;max-width:540px}
.b01-story-inline figcaption{margin-top:12px;color:#a6a6af;font-size:12px;line-height:1.5}
.b01-connection,.b01-gallery{padding-block:100px}
.b01-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.b01-connection-card,.b01-connector,.b01-component-card,.b01-gallery-card{margin:0;min-width:0}
.b01-connection-card .b01-photo,.b01-connector .b01-photo{aspect-ratio:1.5;border-radius:24px;background:#ededea}
.b01-connection-card figcaption,.b01-connector figcaption,.b01-gallery-card figcaption{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.6}
.b01-connector{max-width:820px;margin:42px auto 0}
.b01-components{padding-block:95px;background:#f5f5f7}
.b01-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.b01-component-card{overflow:hidden;border-radius:24px;background:#fff}
.b01-component-card .b01-photo{aspect-ratio:1.5;height:auto;background:#e7e7e4}
.b01-component-card .b01-photo--portrait{aspect-ratio:1}
.b01-component-card figcaption{padding:20px 24px;font-size:18px;line-height:1.45;font-weight:500}
.b01-applications{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;padding-block:100px 0}
.b01-application-photo{aspect-ratio:1;overflow:hidden;border-radius:28px;background:#ededea}
.b01-application-copy h2{margin-bottom:24px;font-size:clamp(34px,4.4vw,58px);line-height:1.1;letter-spacing:-.045em}
.b01-application-copy p{margin-bottom:24px;font-size:17px;line-height:1.75}
.b01-application-copy ul{display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0 0 28px;list-style:none}
.b01-application-copy li{padding:9px 15px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px;line-height:1.4}
.b01-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.b01-gallery-card .b01-photo{aspect-ratio:1.5;border-radius:24px;background:#ededea}
.b01-gallery-card--portrait .b01-photo{aspect-ratio:3/4}
.b01-references{padding-block:95px;background:#f5f5f7}
.b01-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px}
.b01-reference-card{min-width:0;margin:0;overflow:hidden;border:1px solid #e1e1e5;border-radius:22px;background:#fff}
.b01-reference-card:first-child{grid-column:1/-1}
.b01-reference-photo{height:auto;background:#fff}
.b01-reference-photo img{display:block;width:100%;height:auto;object-fit:contain}
.b01-reference-photo>span{position:static;display:block;width:fit-content;margin:15px 20px;background:#f5f5f7;backdrop-filter:none}
.b01-reference-card figcaption{padding:18px 23px;color:var(--muted);font-size:14px;line-height:1.55;border-top:1px solid #ececef}
.zh-page .b01-hero-heading h2,.zh-page .b01-section-heading h2,.zh-page .b01-story-chapter h3,.zh-page .b01-application-copy h2{line-height:1.2;letter-spacing:-.035em}
@media(min-width:801px){
 .b01-story.scroll-story-enhanced .b01-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:6%}
 .b01-story.scroll-story-enhanced .b01-story-inline{display:none}
 .b01-story.scroll-story-enhanced .b01-story-chapter{display:flex;min-height:70svh;flex-direction:column;justify-content:center;padding-block:75px}
 .b01-story.scroll-story-enhanced .b01-story-sticky{display:block;position:sticky;top:calc(var(--header) + 25px)}
 .b01-story-frame{position:relative;height:min(560px,calc(100svh - var(--header) - 124px));min-height:260px;overflow:hidden;border-radius:25px;background:#222225}
 .b01-story-visual{position:absolute;inset:0;display:flex;flex-direction:column;margin:0;opacity:0;transition:opacity 550ms var(--b01-ease)}
 .b01-story-visual>img{width:100%;height:calc(100% - 62px);min-height:0;object-fit:contain;background:#e6e6e3}
 .b01-story-visual>figcaption{display:flex;height:62px;align-items:center;gap:17px;padding:12px 21px;color:#d7d7de;font-size:12px;line-height:1.5}
 .b01-story-visual>figcaption>span{color:#9999a3;font-variant-numeric:tabular-nums}
 .b01-story-visual.is-active.is-image-ready{opacity:1}
 .b01-story-visual.is-active.is-image-ready>img{animation:b01-story-enter 750ms var(--b01-ease) both}
 .b01-story.is-story-loading .b01-story-visual,.b01-story.is-story-unavailable .b01-story-visual{opacity:0;transition:none}
 .b01-story-loading{position:absolute;top:45%;left:calc(50% - 22px);width:44px;height:2px;background:#93939d;opacity:0;pointer-events:none}
 .b01-story.is-story-loading .b01-story-loading{opacity:1;animation:b01-load 1.3s ease-in-out infinite}
 .b01-story-error{display:none;position:absolute;inset:0;padding:28px;margin:0;align-content:center;text-align:center;font-size:14px}
 .b01-story.is-story-unavailable .b01-story-error{display:block}
 .b01-story-position{display:flex;align-items:center;gap:17px;padding-top:23px;color:#a4a4ae;font-size:11px;font-variant-numeric:tabular-nums}
 .b01-story-position>div{height:1px;flex:1;overflow:hidden;background:#38383e}
 .b01-story-position i{display:block;width:100%;height:100%;background:#c1ab89;transform-origin:left;transform:scaleX(var(--identity-progress,0));transition:transform 150ms linear}
}
@media(max-width:1000px){.b01-highlights strong{font-size:36px}.b01-story-chapter h3{font-size:35px}.b01-applications{gap:5%}.b01-application-copy h2{font-size:40px}}
@media(max-width:800px){
 .b01-hero{padding-top:28px;padding-bottom:65px}.b01-hero-heading{margin-bottom:35px}.b01-hero-photo{border-radius:20px}
 .b01-section-heading{margin-bottom:35px}.b01-section-heading h2{font-size:47px}.b01-section-heading>p{font-size:17px}
 .b01-story{padding-block:70px 30px}.b01-story-chapter{max-width:none;padding:20px 0 45px}.b01-story-chapter h3{font-size:38px}
 .b01-connection,.b01-gallery,.b01-components,.b01-references{padding-block:70px}.b01-connection-grid,.b01-component-grid,.b01-gallery-grid{gap:24px}
 .b01-connection-card .b01-photo,.b01-component-card,.b01-gallery-card .b01-photo{border-radius:18px}.b01-component-card figcaption{padding:17px 19px;font-size:16px}
 .b01-applications{grid-template-columns:1fr;gap:35px;padding-top:70px}.b01-application-photo{max-width:620px;width:100%;aspect-ratio:1}.b01-application-copy{max-width:700px}
 .b01-reference-grid{gap:24px}
}
@media(max-width:540px){
 .b01-hero .back-link{margin-bottom:30px}.b01-hero-heading h1{font-size:100px}.b01-hero-heading h1>span{margin-top:17px;font-size:20px}.b01-hero-heading h2{font-size:35px}.b01-hero-heading>p{font-size:17px}
 .b01-hero-heading .eyebrow{font-size:10px}.b01-hero-heading .actions{gap:18px}.b01-hero-heading .button{padding-inline:21px;font-size:14px}.b01-hero-heading .text-link{font-size:14px}
 .b01-hero-photo{border-radius:17px}.b01-photo>span{top:11px;right:11px;padding:7px 10px;font-size:10px}
 .b01-highlights{gap:12px;margin-top:29px}.b01-highlights>div{padding-right:12px}.b01-highlights strong{margin-bottom:9px;font-size:clamp(21px,6vw,27px)}.b01-highlights span{font-size:10px;line-height:1.5}.b01-noise-note{max-width:300px;font-size:11px}
 .b01-section-heading h2{font-size:37px}.b01-section-heading>p{font-size:16px}.b01-story-chapter h3{font-size:32px}.b01-story-chapter p{font-size:16px}.b01-story-inline{margin-bottom:26px}
 .b01-connection-grid,.b01-component-grid,.b01-gallery-grid,.b01-reference-grid{grid-template-columns:1fr;gap:25px}.b01-connector{margin-top:27px}.b01-connector .b01-photo{border-radius:18px}
 .b01-connection-card figcaption,.b01-connector figcaption,.b01-gallery-card figcaption{margin-top:13px;font-size:13px}.b01-component-card figcaption{font-size:17px}
 .b01-application-photo{border-radius:18px}.b01-application-copy h2{font-size:36px}.b01-application-copy p{font-size:16px}
 .b01-reference-card{border-radius:17px}.b01-reference-card figcaption{padding:15px 18px;font-size:13px}
 .zh-page .b01-hero-heading h2,.zh-page .b01-section-heading h2{font-size:35px}.zh-page .b01-story-chapter h3{font-size:30px}
}
@keyframes b01-story-enter{from{transform:scale(1.02);filter:brightness(.95)}to{transform:scale(1);filter:brightness(1)}}
@keyframes b01-load{0%,100%{opacity:.25}50%{opacity:.75}}
@media(prefers-reduced-motion:reduce){
 .b01-page *,.b01-page *::before,.b01-page *::after{animation:none!important;transition:none!important}
 .b01-story-visual>img{transform:none!important;filter:none!important}
}