/* Onos Group editorial design system */
.story-button .step-title{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.3;letter-spacing:-.025em;font-weight:500}.story-button .step-title:first-child{font-size:inherit}
:root{--paper:#f5f4ef;--white:#fff;--ink:#20211e;--muted:#65675f;--line:#d5d6cd;--yellow:#efd237;--gutter:clamp(1.25rem,4.6vw,5rem);--ease:cubic-bezier(.2,.75,.25,1);font:100%/1.6 "Archivo",Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:7rem}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #705c00}img{display:block;width:100%;max-width:100%;height:auto}figure,p,h1,h2,h3,ul{margin:0}ul{padding:0;list-style:none}h1,h2,h3{font-weight:500;font-optical-sizing:auto}h1,h2{letter-spacing:-.055em}h3{letter-spacing:-.025em}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:100%;max-width:1600px;margin:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(4rem,8vw,8rem)}.eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}.eyebrow::before{content:"";width:.45rem;height:.45rem;background:var(--yellow);border:1px solid #ad9416;border-radius:50%;flex:none}.section-label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;display:flex;gap:1.2rem;color:var(--muted)}.section-label span:first-child{color:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;margin-bottom:3rem}.section-heading h2{font-size:clamp(2.25rem,4.3vw,4.2rem);line-height:1.17;max-width:16ch}.section-heading p:not(.section-label){max-width:34rem;margin-top:1.3rem;color:var(--muted);font-size:1.06rem}.arrow{display:inline-block;transition:transform .25s var(--ease);font-family:Arial,sans-serif;font-size:1.25em;line-height:1}.text-link{display:inline-flex;align-items:center;gap:1.5rem;padding:.5rem 0;border-bottom:1px solid var(--ink);font-size:.92rem;font-weight:500}.text-link:hover .arrow{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;min-height:3.2rem;padding:.8rem 1.3rem;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:white;font-size:.9rem;font-weight:500;transition:background .2s,transform .15s}.button:hover{background:#3a3b35}.button:active,.icon-button:active{transform:scale(.97)}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.7rem 1rem;background:var(--yellow);transform:translateY(-180%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:51;left:0;top:0;height:3px;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0)}
.site-header{position:sticky;z-index:50;top:0;background:rgba(245,244,239,.94);backdrop-filter:blur(18px);border-bottom:1px solid #20211e24}.header-inner{display:flex;align-items:center;min-height:88px;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;white-space:nowrap}.brand strong{font-size:1.28rem;letter-spacing:-.04em;font-weight:600}.onos-ref-logo{width:37px;height:37px;flex:none}.primary-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);margin-left:auto;font-size:.84rem;font-weight:500}.primary-nav a{padding:.65rem 0}.primary-nav a:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:1.2rem}.language-switch{display:flex;gap:.15rem;padding:.2rem;border:1px solid var(--line);border-radius:30px}.lang-toggle{font-size:.7rem;background:none;border:0;border-radius:30px;min-width:31px;min-height:31px;color:var(--muted)}.lang-toggle[aria-pressed=true]{background:var(--ink);color:#fff}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;font-size:1.2rem}.header-contact{font-size:.82rem;border-bottom:1px solid currentColor;padding-bottom:.2rem}
.hero{padding-block:clamp(2.7rem,5vw,5rem) 2rem}.hero-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.2rem}.hero-location{font-size:.72rem;color:var(--muted);letter-spacing:.06em}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(2rem,5vw,6rem)}.hero h1{font-size:clamp(3.1rem,5.7vw,6.25rem);font-weight:500;line-height:1.17;letter-spacing:-.065em}.hero h1 span{display:block}.hero h1 .highlight{display:inline;background:linear-gradient(transparent 67%,var(--yellow) 67%,var(--yellow) 89%,transparent 89%)}.hero-description{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7;max-width:32rem;color:var(--muted);margin-top:1.8rem}.hero-actions{display:flex;gap:1.8rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.hero-photo img{aspect-ratio:1.04;object-fit:cover;object-position:65% center}.photo-caption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.7rem;letter-spacing:.06em;line-height:1.5;color:var(--muted)}.photo-caption span:last-child{flex:none}.hero-bottom{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:.76rem;color:var(--muted)}.hero-bottom a{display:flex;gap:1rem;align-items:center}
.intro{padding-top:clamp(3rem,6vw,6rem)}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.intro h2{font-size:clamp(1.8rem,3.15vw,3.1rem);line-height:1.32;font-weight:400;max-width:28ch}.intro-body{font-size:1rem;line-height:1.8;max-width:42rem;margin-top:1.5rem;color:var(--muted)}.facts{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:1.6rem;gap:1rem}.fact strong{display:block;font-size:clamp(2.3rem,4vw,4rem);font-weight:400;line-height:1.2;letter-spacing:-.045em}.fact span{display:block;font-size:.81rem;color:var(--muted);margin-top:.5rem}
.ecosystem{border-top:1px solid var(--line)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ecosystem-card{display:flex;flex-direction:column;padding:clamp(1.4rem,2.5vw,2.5rem);min-height:365px;border:1px solid var(--line);transition:transform .3s var(--ease),background .3s}.ecosystem-card:hover{transform:translateY(-5px)}.ecosystem-card:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ecosystem-card:nth-child(2){background:var(--yellow);border-color:var(--yellow)}.ecosystem-card:nth-child(3){background:#eeeee7}.card-index{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.06em}.brand-symbol{display:flex;align-items:center;height:90px;margin-block:1.5rem;font-size:4rem;line-height:1;letter-spacing:-.08em;font-weight:500}.brand-symbol.group-symbol{gap:.3rem}.brand-symbol.group-symbol i{display:block;width:31px;height:55px;border:2px solid var(--yellow);border-radius:50%}.brand-symbol.global-symbol i{width:60px;height:60px;border:2px solid var(--ink);border-radius:50%;display:block}.brand-symbol.global-symbol i+i{margin-left:-30px}.brand-symbol.pod-symbol{font-size:3.4rem;font-weight:600}.ecosystem-card h3{font-size:1.65rem}.ecosystem-card p{font-size:.9rem;line-height:1.65;margin-top:.7rem;opacity:.8;max-width:26ch}.card-domain{border-top:1px solid currentColor;padding-top:1rem;margin-top:auto;display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.75rem}.card-copy{padding-bottom:2rem}
.operations{background:#eaeae3}.operations-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:start}.operations-visual{position:sticky;top:8rem}.operations-visual img{aspect-ratio:1.1;object-fit:cover}.operations-caption{display:flex;align-items:center;gap:1rem;padding-top:1rem;font-size:.78rem}.operations-caption .circle{width:2rem;height:2rem;background:var(--yellow);border-radius:50%;display:grid;place-items:center;font-size:.75rem;flex:none}.story-step{padding:1.7rem 0;border-top:1px solid #bdbfb3}.story-step:last-child{border-bottom:1px solid #bdbfb3}.story-button{background:none;border:0;display:grid;grid-template-columns:2rem 1fr 1.5rem;gap:1rem;text-align:left;width:100%;color:var(--muted);padding:0;align-items:baseline}.story-button span:first-child{font-size:.72rem;letter-spacing:.08em}.story-button h3{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.3}.story-button .step-sign{font-size:1.25rem;transition:transform .2s}.story-step.active .story-button{color:var(--ink)}.story-step.active .step-sign{transform:rotate(45deg)}.story-panel{padding:1.3rem 2.5rem 0 3rem;color:var(--muted);font-size:.96rem;line-height:1.8}.story-panel[hidden]{display:none}.network{display:grid;grid-template-columns:1fr 2fr;gap:2rem;border-top:1px solid #bdbfb3;margin-top:4rem;padding-top:2rem}.network ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.network li{border-left:1px solid #bdbfb3;padding-left:1rem}.network strong{font-size:1rem;font-weight:500;display:block}.network span{font-size:.77rem;color:var(--muted)}
.people-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:end}.people-note{font-size:1rem;color:var(--muted);padding-right:1rem;align-self:start;max-width:24rem}.people-note p{margin-bottom:1.5rem;line-height:1.8}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 30%;filter:none!important;background:#e7e6df}.portrait figcaption{padding-top:1.2rem;display:flex;justify-content:space-between;align-items:start;gap:1rem}.portrait h3{font-size:1.4rem;line-height:1.4}.portrait p{font-size:.8rem;color:var(--muted);margin-top:.3rem}.portrait-index{font-size:.7rem;color:var(--muted);padding-top:.4rem}.people-note .mini-line{height:1px;background:var(--line);width:4rem;margin-block:2rem}
.gallery-section{border-top:1px solid var(--line);padding-bottom:4rem}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.gallery-heading h2{font-size:clamp(2.25rem,4.3vw,4.2rem);line-height:1.2;margin-top:1rem}.gallery-tools{display:flex;align-items:center;gap:.5rem;flex:none}.icon-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:46px;height:46px;font-size:1.2rem;display:grid;place-items:center;transition:background .2s,transform .15s}.icon-button:hover{background:var(--yellow);border-color:var(--yellow)}.gallery-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:#888a7c transparent}.gallery-item{flex:0 0 44%;min-width:0;scroll-snap-align:start}.gallery-item img{aspect-ratio:3/2;object-fit:cover}.gallery-item figcaption{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;font-size:.78rem;color:var(--muted)}.gallery-item figcaption span:first-child{color:var(--ink)}.gallery-hint{margin-top:.8rem;font-size:.72rem;color:var(--muted)}
.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:2rem}.faq-heading h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.2;margin-top:1rem;max-width:10ch}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:2rem;align-items:start;font-size:1.05rem;font-weight:500;padding:1.5rem 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";flex:none;font-size:1.3rem;line-height:1.2}.faq-list details[open] summary::after{content:"−"}.faq-list details p{padding:0 2rem 1.6rem 0;line-height:1.8;color:var(--muted);font-size:.96rem}.faq-list p a{text-decoration:underline;text-underline-offset:4px}
.contact{background:var(--yellow)}.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:4rem;align-items:end}.contact .eyebrow::before{background:var(--ink);border:0}.contact h2{font-size:clamp(3rem,5.6vw,5.7rem);line-height:1.17;margin-top:1.8rem;max-width:12ch}.contact-copy p{max-width:29rem;font-size:1.04rem;line-height:1.8;margin-bottom:1.7rem}.contact-copy .button{margin-bottom:1.2rem}.contact-phone{display:block;font-size:.82rem}.footer{background:var(--ink);color:var(--paper);padding-top:3.5rem;padding-bottom:1.5rem}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer .brand{margin-bottom:1.5rem}.footer p{color:#babcaf;font-size:.85rem;max-width:26rem;line-height:1.8}.footer h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#babcaf;margin-bottom:1.1rem}.footer li{font-size:.85rem;margin:.5rem 0}.footer li a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #484b40;padding-top:1.5rem;margin-top:3rem;font-size:.7rem;color:#babcaf}.footer-bottom a{display:inline-flex;gap:1rem}
.reveal{transition:opacity .6s var(--ease),transform .6s var(--ease)}.js-reveal .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
@media(max-width:1100px){.header-inner{gap:1.4rem}.header-contact{display:none}.primary-nav{gap:1.3rem}.hero h1{font-size:clamp(3rem,5.8vw,4.7rem)}.hero-actions{gap:1rem}.hero-actions .text-link{font-size:.8rem}.people-grid{gap:1.3rem}.ecosystem-card{min-height:350px}.ecosystem-card h3{font-size:1.4rem}}
@media(max-width:800px){.header-inner{min-height:74px;gap:1rem}.header-actions{margin-left:auto;gap:.7rem}.primary-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:1.3rem var(--gutter) 1.8rem;background:var(--paper);border-bottom:1px solid var(--line);font-size:1rem;box-shadow:0 12px 18px #20211e0d}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.primary-nav a{padding:.8rem 0}.menu-toggle{display:block}.hero-topline{margin-bottom:1.8rem}.hero-location{display:none}.hero-grid{gap:2rem;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.6rem,5.9vw,3.7rem)}.hero-description{font-size:.95rem}.hero-photo img{aspect-ratio:3/4}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .text-link{font-size:.84rem}.section-heading,.intro-grid{grid-template-columns:1fr;gap:1.4rem}.section-heading h2{max-width:22ch}.intro h2{max-width:29ch}.ecosystem-grid{gap:.7rem}.ecosystem-card{padding:1.2rem;min-height:360px}.ecosystem-card h3{font-size:1.3rem}.ecosystem-card p{font-size:.84rem}.card-domain{font-size:.64rem}.brand-symbol{height:65px}.operations-layout{gap:2rem}.story-button{gap:.5rem;grid-template-columns:1.5rem 1fr 1rem}.story-panel{padding-left:2rem;padding-right:0}.network{grid-template-columns:1fr;gap:1.5rem}.people-grid{grid-template-columns:1fr 1fr}.people-note{grid-column:1/-1;max-width:40rem;padding:0}.people-note .mini-line{display:none}.people-note p:last-child{display:none}.faq{grid-template-columns:1fr;gap:2rem}.faq-heading h2{max-width:none}.contact-grid{gap:2rem;grid-template-columns:1.3fr 1fr}.contact h2{font-size:3.3rem}.contact-copy p{font-size:.93rem}.contact-copy .button{font-size:.8rem;gap:1rem}.footer-top{grid-template-columns:1.5fr 1fr;gap:2rem}.footer-top>div:last-child{grid-column:1/-1}.footer-top>div:last-child ul{display:flex;flex-wrap:wrap;gap:1rem 2rem}}
@media(max-width:560px){:root{--gutter:1.2rem;scroll-padding-top:6rem}.brand strong{font-size:1.1rem}.onos-ref-logo{width:31px;height:31px}.header-actions{gap:.5rem}.lang-toggle{min-width:28px;min-height:28px}.menu-toggle{width:40px;height:40px}.hero{padding-top:2rem}.hero-topline{margin-bottom:1.3rem}.eyebrow{font-size:.65rem;letter-spacing:.09em}.hero-grid{grid-template-columns:1fr;gap:2.2rem}.hero h1{font-size:clamp(3rem,10.8vw,4.3rem);line-height:1.17;letter-spacing:-.055em}.hero h1 span{display:inline}.hero h1 span::after{content:" "}.hero-description{font-size:1rem;margin-top:1.3rem;max-width:33rem}.hero-actions{flex-direction:row;gap:1.3rem;align-items:center;margin-top:1.5rem}.hero-actions .button{font-size:.83rem;gap:1rem;padding:.8rem 1rem}.hero-actions .text-link{font-size:.79rem;gap:.7rem}.hero-photo img{aspect-ratio:6/5;object-position:center}.photo-caption{font-size:.64rem}.hero-bottom{margin-top:1.7rem;gap:1rem;font-size:.65rem}.hero-bottom>span{max-width:23ch}.intro{padding-top:3rem}.section-heading{margin-bottom:2rem}.section-heading h2{font-size:2.3rem}.intro h2{font-size:1.95rem;line-height:1.35}.facts{margin-top:2rem}.fact strong{font-size:2.5rem}.fact span{font-size:.75rem}.ecosystem-grid{grid-template-columns:1fr;gap:1rem}.ecosystem-card{min-height:0;padding:1.4rem;display:grid;grid-template-columns:1fr auto;gap:0 1rem}.card-index{grid-column:1/-1}.brand-symbol{grid-column:2;grid-row:2;margin-block:1.5rem .7rem;height:70px;align-self:center}.card-copy{grid-column:1;grid-row:2;padding-bottom:1.5rem;padding-top:1.5rem}.ecosystem-card h3{font-size:1.5rem}.ecosystem-card p{font-size:.88rem;max-width:24ch}.card-domain{grid-column:1/-1;font-size:.74rem}.brand-symbol.group-symbol i{width:22px;height:40px}.brand-symbol.global-symbol i{width:45px;height:45px}.brand-symbol.global-symbol i+i{margin-left:-24px}.brand-symbol.pod-symbol{font-size:2.6rem}.operations-layout{grid-template-columns:1fr;gap:2rem}.operations-visual{position:static}.operations-visual img{aspect-ratio:4/3}.story-button h3{font-size:1.5rem}.story-step{padding:1.4rem 0}.story-panel{font-size:.94rem}.network{margin-top:2.4rem}.network ul{gap:1rem;grid-template-columns:1fr}.network li{padding-left:1rem}.network strong{display:inline;font-size:.93rem}.network li span{margin-left:.5rem}.people-grid{gap:1rem}.people-note{font-size:.95rem}.portrait h3{font-size:1.06rem}.portrait p{font-size:.72rem}.portrait-index{display:none}.portrait img{aspect-ratio:3/4}.gallery-heading{gap:1rem}.gallery-heading h2{font-size:2.2rem}.gallery-tools{gap:.3rem}.icon-button{width:38px;height:38px}.gallery-item{flex-basis:86%}.gallery-item figcaption{font-size:.72rem}.gallery-item figcaption span:last-child{white-space:nowrap}.faq-list summary{font-size:.99rem;gap:1rem}.faq-list details p{padding-right:0;font-size:.92rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact h2{font-size:3.3rem;max-width:12ch}.contact-copy p{font-size:1rem}.contact-copy .button{font-size:.87rem}.footer-top{grid-template-columns:1fr 1fr;gap:2rem 1rem}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:auto}.footer-top>div:last-child ul{display:block}.footer-bottom{font-size:.63rem;gap:1.2rem}.footer-bottom a{white-space:nowrap}.section{padding-block:3.5rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal .reveal:not(.is-visible){opacity:1;transform:none}.ecosystem-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--paper);backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#41443b;--line:#7b7e71}.site-header{background:var(--paper);backdrop-filter:none}}