/* Shared editorial layout for all subpages. */
body.subpage{--paper:#101012;--ink:#080809;--red:#ff3549;--page-gutter:max(6vw,calc((100vw - 1320px)/2));--column-gap:clamp(36px,5vw,76px);background:#080809;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
.subpage main{padding-top:0;text-align:left}
.subpage .light,.subpage .article-page{background:#101012;color:#f5f5f7}
.subpage .section,.subpage .statement{padding:clamp(72px,7vw,112px) var(--page-gutter)}
.subpage main :is(h1,h2,h3,h4){font-weight:600;letter-spacing:-.025em;text-wrap:wrap;overflow-wrap:break-word;text-align:left}
.subpage main h1{font-size:clamp(46px,5.8vw,88px);line-height:1.08}
.subpage main h2{font-size:clamp(30px,3.2vw,46px);line-height:1.2}
.subpage main h3{font-size:clamp(22px,2vw,28px);line-height:1.4}
.subpage main h4{font-size:20px;line-height:1.5}
.subpage main p{color:#c1c1c8;text-align:left}
.subpage main :is(strong,b){color:#f5f5f7;font-weight:600}
.subpage main :is(.red,.eyebrow.red,.milestone-year){color:var(--red)}
.subpage .eyebrow{font-size:13px;line-height:1.6;letter-spacing:.1em;font-weight:600;margin-bottom:22px}
html[lang=zh-CN] .subpage main :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.35}

/* Hero text follows the same left edge as the content below. */
.subpage .product-hero{min-height:clamp(640px,86svh,860px);text-align:left;justify-content:flex-start;padding:140px var(--page-gutter) 100px;background:#050506}
.subpage .product-hero .hero-content{width:100%;max-width:1000px;margin:0}
.subpage .product-hero h1{max-width:1000px;margin:0;text-align:left}
.subpage .product-hero p{max-width:720px;margin:28px 0 0;font-size:clamp(20px,1.7vw,25px);line-height:1.6;color:#e2e2e7}
.subpage .product-hero:before{background:linear-gradient(90deg,#030508d9,rgba(3,5,8,.52) 60%,rgba(3,5,8,.1)),linear-gradient(0deg,#080809,transparent 35%)}
.subpage .product-hero .hero-image{opacity:.8;object-position:center}
.subpage .breadcrumb{left:var(--page-gutter);right:var(--page-gutter);text-align:left;top:100px;font-size:12px;line-height:1.6;color:#aaa}
.subpage .hero-bottom{left:var(--page-gutter);right:var(--page-gutter);font-size:12px;color:#aaa;border-color:#ffffff20}
.subpage .link{color:var(--red);border:0;padding:12px 0;font-size:16px;gap:14px;transition:color .2s}
.subpage .link:hover{color:#ff7280;gap:14px}
.subpage .hero-content>.link,.subpage .iris-hero .link,.subpage .case-hero .link{background:var(--red);color:#fff;padding:14px 24px;border-radius:6px;font-size:15px;margin-top:30px}
.subpage .hero-content>.link:hover,.subpage .iris-hero .link:hover{background:#df2438}
.subpage .design-links{justify-content:flex-start}

/* Consistent columns, body type and paragraph rhythm. */
.subpage .pixel-section,.subpage .hud-section{border:0;background:#101012}
.subpage .pixel-section:nth-child(even),.subpage .hud-section:nth-child(even){background:#080809}
.subpage .pixel-section-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);max-width:1320px;align-items:start}
.subpage .pixel-heading{position:static;max-width:none;width:100%;margin:0;text-align:left}
.subpage .pixel-heading h2{font-size:clamp(28px,2.9vw,42px);line-height:1.22;overflow-wrap:break-word}
.subpage .pixel-heading h3{font-size:clamp(21px,1.9vw,27px);line-height:1.45;color:var(--red);margin-top:22px}
.subpage .pixel-copy{width:100%;max-width:none;margin:0}
.subpage main :is(.pixel-copy,.hud-copy,.assembly-article,.company-story-copy,.glass-editorial-copy,.cam-story-copy,.article-body,.case-museum-copy,.philosophy-copy,.philosophy-chapter,.philosophy-value,.milestone-intro,.milestone-copy) :is(p,li){font-size:18px;line-height:1.8;color:#c1c1c8;letter-spacing:0;overflow-wrap:break-word}
.subpage main :is(.pixel-copy,.hud-copy,.assembly-article,.company-story-copy,.glass-editorial-copy,.cam-story-copy,.article-body,.case-museum-copy,.philosophy-copy,.philosophy-chapter,.philosophy-value,.milestone-intro,.milestone-copy) p{max-width:none;margin:0 0 22px}
.subpage main :is(.pixel-copy,.hud-copy,.company-story-copy) p:first-of-type{font-size:18px;line-height:1.8;color:#c1c1c8}
.subpage main :is(.pixel-copy,.hud-copy,.company-story-copy,.glass-editorial-copy,.cam-story-copy) p:last-child{margin-bottom:0}
.subpage main :is(.pixel-copy,.hud-copy,.assembly-article) h3{margin:30px 0 18px}
.subpage main :is(.pixel-copy,.hud-copy,.assembly-article) h4{margin:24px 0 16px}
.subpage main :is(.pixel-copy,.hud-copy,.assembly-article)>:first-child{margin-top:0}
.subpage .pixel-photo{width:100%;max-width:560px;margin:32px 0 0;text-align:left}
.subpage main :is(.pixel-photo,.hud-figure,.cam-photo,.glass-editorial-row figure,.company-factory,.article-photo,.assembly-photo) img{border-radius:12px;display:block;max-width:100%;height:auto;object-fit:contain}
.subpage .pixel-photo img{background:#18181b}
.subpage main :is(figcaption,.pixel-photo figcaption strong,.pixel-photo figcaption span,.hud-figure figcaption p){color:#a0a0aa;border-color:#ffffff20;font-size:14px;line-height:1.6;letter-spacing:0;text-align:left}
.subpage .consumer-product-poster,.subpage .engineering-photo{max-width:360px}
.subpage .consumer-photo-small,.subpage .hud-figure.hud-supplied{max-width:420px}
.subpage .engineering-photo.engineering-engine{max-width:520px}
.subpage :is(.engineering-applications,.iris-chain-section) .pixel-section-inner{grid-template-columns:1fr;gap:36px}
.subpage .iris-process{justify-content:flex-start;gap:12px;margin:26px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.subpage .iris-process li{background:#1c1c20;border:1px solid #ffffff14;border-radius:8px;color:#e1e1e6;font-size:16px;line-height:1.5;padding:16px 18px;display:flex;align-items:center;min-height:74px}

.subpage .iris-hero{background:radial-gradient(ellipse at 70% 20%,#322028 0,transparent 55%),#080809;color:#fff;min-height:700px;padding-top:140px}
.subpage .iris-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);align-items:center}
.subpage .iris-hero h1{font-size:clamp(40px,4.4vw,68px)}
.subpage .iris-hero p{color:#ccc;font-size:22px;line-height:1.6}
.subpage .iris-hero-photo{margin:0}
.subpage .iris-hero-photo img{border-radius:12px}
.subpage .iris-breadcrumb{color:#9c9ca6;font-size:12px;line-height:1.6}
.subpage .hud-with-media .hud-section-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);align-items:start}
.subpage .hud-section-inner{max-width:1320px}
.subpage .hud-with-media .hud-copy{order:2}
.subpage .hud-with-media .hud-media-stack{order:1;min-width:0}
.subpage .hud-copy h2{font-size:clamp(28px,2.9vw,42px);line-height:1.25}
.subpage .hud-copy h3{color:var(--red)}
.subpage .hud-figure{position:static;width:100%;margin:0}
.subpage .hud-figure img{background:#18181b}
.subpage .hud-figure.hud-supplied{margin-top:28px;margin-left:0;margin-right:0}
.subpage .company-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);align-items:start}
.subpage .company-story-title{position:static}
.subpage .company-story-title>p{color:var(--red);font-size:24px;line-height:1.5}
.subpage .company-story-title h2{font-size:clamp(34px,3.8vw,56px)}
.subpage .philosophy-hero{margin-top:86px;min-height:0;padding:0}
.subpage .philosophy-hero .hero-image{opacity:1;border-radius:0}
.subpage .philosophy-jump{left:var(--page-gutter);right:auto;border-radius:6px;backdrop-filter:blur(20px);font-size:13px;letter-spacing:.04em;justify-content:flex-start}
.subpage :is(.philosophy-copy,.philosophy-chapter,.philosophy-value){max-width:1320px;margin-left:0;margin-right:0}
.subpage :is(.philosophy-chapter,.philosophy-value){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap)}
.subpage .philosophy-lead{color:#ff5364!important;font-size:clamp(25px,2.6vw,36px)!important;line-height:1.5!important}
.subpage :is(.philosophy-chapter,.philosophy-value,.philosophy-values){border-color:#ffffff1a}
.subpage .philosophy-summary{background:radial-gradient(ellipse at 20% 80%,#46151d,transparent 70%),#080809}
.subpage .philosophy-summary p{color:#f5f5f7;font-size:clamp(24px,3vw,42px);line-height:1.55}
.subpage .about-timeline{border-left:1px solid #4d2028;margin-left:6px;padding-left:40px}
.subpage .about-timeline article{position:relative;border-color:#ffffff16;grid-template-columns:160px minmax(0,1fr);gap:40px;padding:44px 0}
.subpage .about-timeline article:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--red);position:absolute;left:-45px;top:54px;box-shadow:0 0 0 5px #2b1118}
.subpage .milestone-year{font-size:20px;line-height:1.5}
.subpage .milestone-copy h4{color:#eee}
.subpage :is(.pillars,.steps){gap:24px}
.subpage :is(.pillar,.steps article,.engineering-app-card){border:1px solid #ffffff12;background:#1b1b1f;border-radius:12px;padding:28px;min-width:0}
.subpage .pillar small{margin-bottom:28px;color:var(--red)}
.subpage :is(.pillar,.steps article,.engineering-app-card) h3{font-size:24px;line-height:1.35}
.subpage :is(.pillar,.steps article,.engineering-app-card) p{color:#c1c1c8;font-size:17px;line-height:1.8}
.subpage .engineering-app-grid{gap:24px}
.subpage .engineering-app-card h4{font-size:19px;line-height:1.5;color:#f1f1f5}
.subpage .index-row{border-color:#ffffff20;padding:26px 0}
.subpage .index-row strong{font-size:clamp(24px,2.8vw,38px);line-height:1.3;font-weight:500;letter-spacing:-.02em}
.subpage .index-row:hover strong{color:var(--red)}
.subpage .tags span,.subpage .article-meta span{border:1px solid #ffffff20;background:#1b1b20;border-radius:6px;color:#c1c1c8;font-size:14px}
.subpage .feature{border-color:#ffffff16;gap:var(--column-gap)}
.subpage .feature .visual{border-radius:12px}
.subpage .glass-editorial-row,.subpage .cam-story-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-color:#ffffff16;gap:var(--column-gap);padding:60px 0;align-items:start}
.subpage .glass-editorial-row figure,.subpage .assembly-photo{position:static}
.subpage .cam-story-row .cam-photo{order:1;margin:0}
.subpage .cam-story-row .cam-story-copy{order:2}
.subpage .cam-story-row .cam-photo-portrait{max-width:420px}
.subpage #cam-content .cam-story-row{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(42px,5vw,76px);padding:64px 0}
.subpage #cam-content .cam-photo,.subpage #cam-content .cam-photo-portrait{width:100%;max-width:none;margin:0}
.subpage #cam-content .cam-photo>a{display:grid;place-items:center;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#2159a8;box-shadow:inset 0 0 0 1px #ffffff17}
.subpage #cam-content .cam-photo img{width:100%;height:100%;max-width:none;border-radius:0;object-fit:contain;background:transparent}
.subpage #cam-content .cam-photo figcaption{min-height:52px;align-items:flex-start;padding:15px 2px 0;border-bottom:0}
.subpage #cam-content .cam-story-row:first-of-type{padding-top:28px}
.subpage .assembly-article{max-width:1320px}
.subpage .assembly-article h2:not(.assembly-title){color:#f5f5f7;border-color:#ffffff20;font-size:clamp(28px,2.8vw,40px);line-height:1.3}
.subpage .assembly-illustrated{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:var(--column-gap)}
.subpage .assembly-preface,.subpage .assembly-chapter{margin-left:0;margin-right:0}
.subpage .assembly-illustrated{max-width:none}
.subpage .cylinder-gallery{gap:20px}

.subpage .case-hero{background:radial-gradient(ellipse at 80% 0,#401722,transparent 65%),#080809;text-align:left;padding-top:140px}
.subpage .case-hero h1{margin:28px 0;text-align:left}
.subpage .case-hero p{margin:0;max-width:780px;font-size:clamp(20px,1.7vw,25px);line-height:1.6}
.subpage .case-projects{background:#080809}
.subpage .case-museum-grid{gap:30px;align-items:stretch}
.subpage .case-museum{background:#19191d;border-radius:12px;box-shadow:none;overflow:hidden;padding:30px}
.subpage .case-museum-heading{color:#f5f5f7;backdrop-filter:none;min-height:174px}
.subpage .case-museum-heading h3{font-size:clamp(24px,2.3vw,32px);line-height:1.25}
.subpage .case-museum-heading>p{color:#ff5364;font-size:19px;line-height:1.5}
.subpage .case-gallery{margin:0 -30px}
.subpage .case-slide>a{background:#080809}
.subpage .case-gallery-track{scrollbar-color:#80343f #19191d}
.subpage .case-gallery-tools button{border:0;border-radius:6px;background:#313137;color:#fff}
.subpage .case-gallery-tools button:hover{background:#a9293a}
.subpage .case-gallery-tools>span{color:#a0a0aa;font-size:12px}
.subpage .case-slide figcaption span{color:#ff5364}
.subpage .article-page{padding-top:86px}
.subpage .article-hero{background:#080809;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap);align-items:start;padding:80px var(--page-gutter)}
.subpage .article-hero h1{font-size:clamp(34px,3.6vw,54px);line-height:1.25}
.subpage .article-hero-image img{border-radius:12px;object-fit:contain;aspect-ratio:auto}
.subpage .article-body{max-width:1000px;padding:80px 40px 100px}
.subpage .article-body h2{border-color:#ffffff1c;color:#f5f5f7}
.subpage .article-body blockquote{background:#1b1b20;color:#f5f5f7;border-radius:0 8px 8px 0;font-size:21px;line-height:1.65}
.subpage .article-body .article-lead{color:#f5f5f7;font-size:24px;line-height:1.65}
.subpage .contact-main{padding-top:145px}
.subpage .contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--column-gap)}
.subpage form{background:#18181c;border-radius:12px;padding:30px}
.subpage :is(input,select,textarea){border:1px solid #ffffff28;background:#222227;border-radius:6px;font-size:16px}
.subpage .submit{border-radius:6px;padding:15px 28px}
.subpage .statement{background:radial-gradient(ellipse at 90% 95%,#40141c,transparent 65%),#080809}
.subpage .footer{background:#080809}

.subpage main [id]{scroll-margin-top:16px}

@media(max-width:1050px){.subpage .pillars,.subpage .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.subpage .case-museum-heading{min-height:190px}.subpage .iris-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .subpage .pixel-section-inner,.subpage .hud-with-media .hud-section-inner,.subpage .company-story,.subpage .iris-hero-inner,.subpage .glass-editorial-row,.subpage .cam-story-row,.subpage .assembly-illustrated,.subpage .philosophy-chapter,.subpage .philosophy-value,.subpage .contact-layout,.subpage .article-hero{grid-template-columns:minmax(0,1fr);gap:32px}
 .subpage #cam-content .cam-story-row{grid-template-columns:minmax(0,1fr);gap:32px}
 .subpage .pixel-photo,.subpage .hud-figure,.subpage .glass-editorial-row figure,.subpage .assembly-photo,.subpage .iris-hero-photo{margin-left:0;margin-right:0;max-width:680px}
 .subpage .consumer-product-poster,.subpage .engineering-photo{max-width:360px}
 .subpage .engineering-photo.engineering-engine{max-width:520px}
 .subpage .consumer-photo-small,.subpage .hud-figure.hud-supplied{max-width:420px}
 .subpage .hud-with-media .hud-copy{order:1}.subpage .hud-with-media .hud-media-stack{order:2}
 .subpage .iris-hero{min-height:0}.subpage .about-timeline article{grid-template-columns:120px minmax(0,1fr);gap:24px}
 .subpage .case-museum-grid{grid-template-columns:1fr}.subpage .case-museum-heading{min-height:0}
 .subpage .article-body{padding-left:6vw;padding-right:6vw}
}
@media(max-width:700px){
 .subpage .section,.subpage .statement{padding:64px 6vw}
 .subpage main h1,.subpage .product-hero h1{font-size:clamp(34px,8.6vw,58px);line-height:1.12}
 html[lang=zh-CN] .subpage main h1{font-size:clamp(34px,8.6vw,58px);line-height:1.3}
 .subpage main h2,.subpage .pixel-heading h2,.subpage .hud-copy h2{font-size:clamp(28px,6.7vw,36px);line-height:1.3}
 .subpage main h3,.subpage .pixel-heading h3{font-size:22px;line-height:1.45}
 .subpage .product-hero{min-height:570px;padding:110px 6vw 72px}
 .subpage .product-hero p{font-size:19px;line-height:1.65;margin-top:24px}
 .subpage .breadcrumb{top:86px;font-size:11px}
 .subpage .philosophy-hero{margin-top:74px;padding:0;min-height:0}
 .subpage .philosophy-jump{position:relative;left:auto;right:auto;bottom:auto;justify-content:flex-start;border-radius:0;font-size:13px;padding:18px 6vw}
 .subpage main :is(.pixel-copy,.hud-copy,.assembly-article,.company-story-copy,.glass-editorial-copy,.cam-story-copy,.article-body,.case-museum-copy,.philosophy-copy,.philosophy-chapter,.philosophy-value,.milestone-intro,.milestone-copy) :is(p,li),.subpage main :is(.pixel-copy,.hud-copy,.company-story-copy) p:first-of-type{font-size:17px;line-height:1.8}
 .subpage .pixel-photo{margin-top:26px}.subpage .glass-editorial-row,.subpage .cam-story-row,.subpage #cam-content .cam-story-row{padding:40px 0}
 .subpage .case-museum{padding:24px}.subpage .case-gallery{margin:0 -24px}
 .subpage .case-museum-heading h3{font-size:27px;line-height:1.3}
 .subpage .case-gallery-tools{flex-wrap:wrap}
 .subpage .about-timeline{padding-left:26px;margin-left:6px}.subpage .about-timeline article{grid-template-columns:1fr;gap:16px;padding:32px 0}.subpage .about-timeline article:before{left:-31px;top:42px}
 .subpage .contact-main{padding-top:110px}.subpage form{padding:22px}
 .subpage .article-page{padding-top:74px}.subpage .article-hero{padding:55px 6vw}.subpage .article-hero h1{font-size:34px}
 .subpage .iris-hero{padding-top:110px}.subpage .iris-hero h1{font-size:clamp(34px,8.6vw,58px)}
 .subpage .case-hero{padding-top:110px}.subpage .case-hero p{font-size:19px}
 .subpage .pillars,.subpage .steps,.subpage .engineering-app-grid,.subpage .iris-process{grid-template-columns:minmax(0,1fr)}
 .subpage .iris-process li{min-height:0}
}