/* Keep the desktop menu visible at the reported ~1090px viewport. */
@media(min-width:961px) and (max-width:1200px){:root{--nav-side:110px;--nav-gap:16px}.site-header .nav-row,.mega-inner{grid-template-columns:130px minmax(0,1fr) var(--nav-side)}.site-header .desktop-nav,.mega-columns,html[lang=en] .site-header .desktop-nav,html[lang=ja] .site-header .desktop-nav{gap:8px}.site-header .header-logo{width:126px;height:37px}.site-header .nav-link{font-size:17px}.site-header .header-contact{font-size:10px;padding:10px 8px}.mega-column a{font-size:12px}html[lang=en] .site-header .nav-link,html[lang=ja] .site-header .nav-link{font-size:13px}}
/* Equal-sized product structure thumbnails. */
#structure .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#structure .gallery button,#structure .gallery button:first-child{grid-column:auto;aspect-ratio:1/1}#structure .gallery img,#structure .gallery button:first-child img{width:100%;height:100%;object-fit:contain;padding:24px 22px 45px}#structure .gallery span{left:18px;bottom:15px;right:18px;text-align:left;width:max-content;max-width:calc(100% - 36px)}
/* CI / BI: the supplied wordmark, colour references and concise usage rules. */
.ci-intro{padding-bottom:90px}.ci-main-logo{display:grid;place-items:center;background:#f5f7f1;border:1px solid var(--line);padding:70px 50px}.ci-main-logo img{width:min(560px,80%);height:auto}.ci-versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.ci-logo-sample{min-height:190px;background:white;display:grid;place-items:center;border:1px solid var(--line);padding:40px}.ci-logo-sample img{width:100%;max-width:250px;max-height:80px}.ci-logo-sample.reverse{background:#143b2c;border-color:#143b2c}.ci-versions h3{font-size:18px;margin:23px 0 10px}.ci-versions p{font-size:13px;color:var(--muted)}.ci-space-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.ci-clearspace{position:relative;display:grid;place-items:center;min-height:260px;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#e5ebdf 20px),repeating-linear-gradient(90deg,#f7f9f3,#f7f9f3 19px,#e5ebdf 20px);border:1px solid var(--line);padding:55px 60px}.ci-clearspace>div{width:100%;border:1px dashed #769369;padding:20px 25px}.ci-clearspace img{width:100%;height:auto}.ci-space-label{position:absolute;top:18px;left:50%;font:12px Arial;color:var(--green)}.ci-height-label{position:absolute;right:20px;top:50%;font:12px Arial;color:var(--green)}.ci-size-guide h3{font-size:23px;margin-bottom:22px}.ci-size-guide dl{margin:0}.ci-size-guide dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.ci-size-guide dd{margin:0;color:var(--green);font-weight:500}.ci-size-guide>p{font-size:13px;color:var(--muted);margin-top:22px}.ci-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ci-colors article>div{height:125px}.ci-colors .white-swatch{background:#fff;border:1px solid var(--line)}.ci-colors h3{font:600 13px Arial;letter-spacing:.04em;margin:20px 0 10px}.ci-colors p{font:11px Arial;color:var(--muted)}.ci-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ci-rules article{border-top:1px solid #9aaa99;padding:25px 0}.ci-rules b{font:12px Arial;color:var(--green)}.ci-rules h3{font-size:20px;margin:22px 0 12px}.ci-rules p{font-size:13px;color:var(--muted)}.ci-download{background:var(--paper);padding:35px 40px;margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ci-download .eyebrow{margin-bottom:10px}.ci-download h3{font-size:22px;margin-bottom:8px}.ci-download p{font-size:13px;color:var(--muted)}
/* Operating principle: visual story, questions and selectable process panels. */
.technology-story-hero{position:relative;min-height:540px;color:#fff;background:#123529;display:flex;align-items:center}.technology-story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.technology-story-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09291de8,#0a2a1da3 52%,#0a2a1d40)}.technology-story-hero>.shell{position:relative;z-index:1;padding-top:80px;padding-bottom:80px}.technology-story-hero h1{font-size:clamp(38px,4.1vw,64px);max-width:800px}.technology-story-hero p{font-size:16px;color:#e1e8df;max-width:630px;margin-top:25px}.technology-statement{text-align:center;max-width:850px;margin:0 auto 50px}.technology-statement h2{font-size:clamp(30px,3.2vw,46px)}.technology-statement>p{font-size:15px;color:var(--muted);max-width:720px;margin:25px auto 0}.technology-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.technology-questions article{padding:30px;background:#f4f6ef;border-top:2px solid #759c69}.technology-questions span{font:11px Arial;color:var(--green);letter-spacing:.06em}.technology-questions h3{font-size:22px;margin:22px 0 16px}.technology-questions p{font-size:14px;color:var(--muted)}.process-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 35px;border-bottom:1px solid #bdcbb7}.process-tabs button{padding:19px 14px;font-size:16px;background:transparent;border-bottom:3px solid transparent;color:var(--muted)}.process-tabs button[aria-selected=true]{border-color:var(--green);font-weight:600;color:var(--green)}.process-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;background:#fff;padding:40px 45px;min-height:430px}.process-panel figure{margin:0;height:350px;display:grid;place-items:center;background:#f7f8f4}.process-panel img{width:100%;height:100%;max-height:350px;object-fit:contain;padding:20px}.process-panel-copy h3{font-size:32px;line-height:1.5}.process-panel-copy>p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:24px}.process-stage-tag{font-size:12px;display:inline-block;border-top:1px solid #cad6c4;color:var(--green);margin-top:28px;padding-top:18px}.process-condition-note{margin-top:24px;font-size:12px;color:var(--muted)}.technology-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.technology-materials article{border-top:1px solid #9aaa99;padding-top:30px}.technology-materials strong{font:600 24px Arial;color:var(--green);letter-spacing:-.02em}.technology-materials h3{font-size:20px;margin:20px 0 12px}.technology-materials p{font-size:14px;color:var(--muted)}
@media(max-width:960px){.ci-space-grid{gap:30px}.ci-colors,.ci-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-logo-sample{padding:25px;min-height:150px}.process-panel{gap:30px;padding:30px}.process-panel-copy h3{font-size:28px}.technology-questions article{padding:25px}.technology-questions h3{font-size:19px}}
@media(max-width:640px){#structure .gallery{grid-template-columns:1fr;gap:20px}#structure .gallery button,#structure .gallery button:first-child{aspect-ratio:4/3}.ci-main-logo{padding:45px 20px}.ci-main-logo img{width:85%}.ci-versions,.ci-space-grid{grid-template-columns:1fr;gap:28px}.ci-logo-sample{min-height:170px}.ci-versions h3{margin-top:16px}.ci-clearspace{min-height:225px;padding:50px 35px}.ci-colors{gap:25px 18px}.ci-colors article>div{height:100px}.ci-colors p{font-size:9px;line-height:1.6}.ci-rules{grid-template-columns:1fr 1fr;gap:15px}.ci-rules h3{font-size:19px}.ci-rules p{font-size:12px}.ci-download{display:block;padding:28px 25px;margin-top:30px}.ci-download .btn{margin-top:25px}.technology-story-hero{min-height:480px}.technology-story-hero>.shell{padding-top:65px;padding-bottom:65px}.technology-story-hero h1{font-size:38px}.technology-story-hero p{font-size:13px}.technology-story-hero .actions{gap:10px}.technology-questions{grid-template-columns:1fr;gap:15px}.technology-questions article{padding:25px}.technology-questions h3{font-size:21px;margin:15px 0 12px}.technology-statement{text-align:left;margin-bottom:32px}.technology-statement>p{font-size:13px}.process-tabs{margin-bottom:22px}.process-tabs button{font-size:12px;padding:15px 5px}.process-panel{grid-template-columns:1fr;padding:22px;gap:25px}.process-panel figure{height:270px}.process-panel img{max-height:270px}.process-panel-copy h3{font-size:27px}.process-panel-copy>p{font-size:13px;margin-top:18px}.process-panel-copy .eyebrow{font-size:9px}.process-stage-tag{font-size:11px;margin-top:20px;padding-top:15px}.process-condition-note{font-size:11px}.technology-materials{grid-template-columns:1fr;gap:30px}.technology-materials article{padding-top:23px}.technology-materials strong{font-size:25px}.technology-materials h3{margin:14px 0 10px}.technology-materials p{font-size:13px}}