.about-hero{position:relative;min-height:720px;overflow:hidden;background:#fff;color:#000}
.about-hero-grid{position:relative;z-index:2;width:var(--shell);min-height:720px;margin:auto;display:flex;align-items:center;padding:130px 0 82px}
.about-hero-copy{position:relative;z-index:3;max-width:720px}
.about-hero-copy .section-kicker{margin-bottom:22px;color:inherit}
.about-hero-copy h1{max-width:690px;margin:0;font-size:4.5rem;line-height:.9;font-weight:600;text-transform:uppercase}
.about-hero-copy h1 span{display:inline-block;padding:0 .08em .08em;background:var(--electric)}
.about-hero-copy p:last-child{max-width:570px;margin:30px 0 0;font-size:1.12rem;line-height:1.6;color:rgba(0,0,0,.64)}
.about-hero-visual{position:absolute;z-index:1;right:2%;bottom:-18%;width:min(42%,540px);margin:0;pointer-events:none}
.about-hero-visual img{display:block;width:100%;height:auto}
.inner-section{padding:126px 0;color:var(--white)}
.inner-section+.inner-section{border-top:1px solid var(--line-light)}
.inner-split{display:grid;grid-template-columns:.78fr 1.22fr;gap:10%;align-items:start}
.inner-heading{position:sticky;top:118px}
.inner-process-heading{position:static;top:auto}
.inner-heading .section-kicker{margin-bottom:20px;color:inherit}
.inner-heading h2{max-width:520px;margin:0;font-size:3.1rem;line-height:.96;font-weight:600;text-transform:uppercase}
.inner-copy{display:grid;gap:22px}
.inner-copy .lead{margin:0;font-size:1.7rem;line-height:1.3;font-weight:600}
.inner-copy p{max-width:690px;margin:0;font-size:1rem;line-height:1.72;color:var(--muted)}
.inner-rows{border-top:1px solid var(--line-light)}
.inner-row{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line-light)}
.inner-row>span{color:var(--electric);font-size:.72rem;font-weight:600;text-transform:uppercase}
.inner-row h3{margin:0 0 10px;font-size:1.65rem;line-height:1.05}
.inner-row p{margin:0;line-height:1.65;color:var(--muted)}
.inner-showcase{position:relative;min-height:620px;overflow:hidden;background:#000}
.inner-showcase img{display:block;width:100%;height:620px;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.inner-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 38%,transparent 72%,rgba(0,0,0,.26));pointer-events:none}
.inner-process{display:grid;grid-template-columns:repeat(4,1fr);margin:72px 0 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.inner-step{min-height:300px;display:flex;flex-direction:column;padding:22px 24px 28px;border-right:1px solid var(--line-light)}
.inner-step:last-child{border-right:0}
.inner-step span{color:var(--electric);font-size:.72rem;font-weight:600}
.inner-step h3{margin:auto 0 14px;font-size:1.55rem;line-height:1.08}
.inner-step p{margin:0;line-height:1.58;color:var(--muted)}
.inner-region{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}
.inner-region h2{max-width:620px;margin:0;font-size:3.2rem;line-height:.95;text-transform:uppercase}
.inner-region p{max-width:600px;margin:0;font-size:1.35rem;line-height:1.45;color:rgba(255,255,255,.74)}
.inner-reveal{opacity:0;filter:blur(4px);transform:translateY(28px);transition:opacity .7s ease,filter .72s ease,transform .82s var(--ease)}
.inner-reveal.is-visible{opacity:1;filter:none;transform:none}
[dir="rtl"] .about-hero-copy,[dir="rtl"] .inner-heading,[dir="rtl"] .inner-copy,[dir="rtl"] .inner-row{text-align:right}
[dir="rtl"] .about-hero-copy h1{font-size:4rem;line-height:1.08;font-weight:600}
[dir="rtl"] .about-hero-copy p:last-child{font-size:1.08rem;line-height:1.85}
[dir="rtl"] .inner-heading h2{font-size:2.85rem;line-height:1.14;font-weight:600}
[dir="rtl"] .inner-copy .lead{font-size:1.55rem;line-height:1.55}
[dir="rtl"] .inner-copy p,[dir="rtl"] .inner-row p,[dir="rtl"] .inner-step p{line-height:1.85}
[dir="rtl"] .inner-row h3,[dir="rtl"] .inner-step h3{line-height:1.3}
[dir="rtl"] .inner-region h2{font-size:2.95rem;line-height:1.15}
[dir="rtl"] .inner-region p{line-height:1.7}
[dir="rtl"] .about-hero-visual{right:auto;left:2%}
[dir="rtl"] .inner-step{border-right:0;border-left:1px solid var(--line-light)}
[dir="rtl"] .inner-step:last-child{border-left:0}

@media(max-width:1100px){
  .about-hero,.about-hero-grid{min-height:650px}
  .about-hero-copy h1{font-size:3.7rem}
  .about-hero-visual{right:-2%;width:min(45%,480px)}
  [dir="rtl"] .about-hero-visual{right:auto;left:-2%}
  .inner-heading h2,.inner-region h2{font-size:2.7rem}
  .inner-process{grid-template-columns:1fr 1fr}
  .inner-step:nth-child(2){border-right:0}
  .inner-step:nth-child(-n+2){border-bottom:1px solid var(--line-light)}
  [dir="rtl"] .inner-step:nth-child(2){border-left:0}
}

@media(max-width:820px){
  .about-hero,.about-hero-grid{min-height:700px}
  .about-hero-grid{align-items:flex-start;padding-top:132px}
  .about-hero-copy{max-width:560px}
  .about-hero-copy h1{font-size:3.1rem}
  .about-hero-visual{right:-8%;bottom:-13%;width:54%}
  [dir="rtl"] .about-hero-visual{right:auto;left:-8%}
  .inner-section{padding:94px 0}
  .inner-split,.inner-region{grid-template-columns:1fr;gap:44px}
  .inner-heading{position:static}
  .inner-showcase,.inner-showcase img{min-height:0;height:440px}
  .contact-section{padding-top:96px}
}

@media(max-width:540px){
  .about-hero,.about-hero-grid{min-height:690px}
  .about-hero-copy h1{font-size:2.4rem;line-height:.96}
  .about-hero-copy p:last-child{font-size:1rem}
  .about-hero-visual{right:-12%;bottom:-7%;width:74%}
  [dir="rtl"] .about-hero-visual{right:auto;left:-12%}
  [dir="rtl"] .about-hero-copy h1{font-size:2.4rem;line-height:1.17}
  [dir="rtl"] .inner-heading h2,[dir="rtl"] .inner-region h2{font-size:2.2rem;line-height:1.2}
  .inner-heading h2,.inner-region h2{font-size:2.1rem}
  .inner-copy .lead{font-size:1.35rem}
  .inner-row{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .inner-showcase,.inner-showcase img{height:300px}
  .inner-process{grid-template-columns:1fr;margin-top:48px}
  .inner-step{min-height:235px;border-right:0!important;border-left:0!important;border-bottom:1px solid var(--line-light)!important}
  .inner-step:last-child{border-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){.inner-reveal{opacity:1;filter:none;transform:none}}

/* About page: editorial continuation of the current Netromania home direction. */
body.about-page{background:#fff;color:#000}
.about-page main{background:#fff}
.about-manifesto,.about-principles,.about-story,.about-method{background:#fff;color:#000}
.about-manifesto{padding:118px 0 126px}
.about-section-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:22px;border-top:1px solid rgba(0,0,0,.2)}
.about-section-meta .section-kicker,.about-editorial-heading .section-kicker{color:#000;text-transform:none}
.about-period{margin:0;direction:ltr;unicode-bidi:isolate;font-size:1.2rem;line-height:1;font-weight:400}
.about-manifesto-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:9%;align-items:end;margin-top:82px}
.about-manifesto-grid h2{max-width:820px;margin:0;font-size:4.7rem;line-height:.95;font-weight:500;letter-spacing:0;text-wrap:balance}
.about-manifesto-copy{max-width:520px;justify-self:end}
.about-manifesto-copy p{margin:0;font-size:1.18rem;line-height:1.62;color:rgba(0,0,0,.68)}
.about-manifesto-copy span{display:block;margin-top:30px;padding-top:16px;border-top:1px solid rgba(0,0,0,.18);font-size:.76rem;line-height:1.4;font-weight:400;text-transform:uppercase}

.about-principles{padding:24px 0 130px}
.about-editorial-heading{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);gap:6%;align-items:start;padding-top:22px;border-top:1px solid rgba(0,0,0,.2)}
.about-editorial-heading h2{max-width:760px;margin:0;font-size:3rem;line-height:1.04;font-weight:500;letter-spacing:0;text-wrap:balance}
.about-principle-list{margin-top:64px;border-top:1px solid rgba(0,0,0,.2)}
.about-principle-row{display:grid;grid-template-columns:72px minmax(220px,.65fr) minmax(0,1fr);gap:34px;align-items:start;padding:34px 0;border-bottom:1px solid rgba(0,0,0,.2)}
.about-principle-row>span{direction:ltr;unicode-bidi:isolate;color:rgba(0,0,0,.46);font-size:.74rem;font-weight:400}
.about-principle-row h3{margin:0;font-size:2.15rem;line-height:1.05;font-weight:500;letter-spacing:0}
.about-principle-row p{max-width:580px;margin:0;font-size:1rem;line-height:1.62;color:rgba(0,0,0,.62)}

.about-story{padding:0 0 130px}
.about-story-media{position:relative;width:var(--shell);height:620px;margin:0 auto;overflow:hidden;border-radius:8px;background:#e9e8e5}
.about-story-media img{display:block;width:100%;height:100%;object-fit:cover}
.about-story-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.1);border-radius:inherit;pointer-events:none}
.about-story-media figcaption{position:absolute;inset:auto auto 26px 28px;display:flex;align-items:center;gap:10px;margin:0;color:#000;font-size:.72rem;line-height:1.4;font-weight:400;text-transform:uppercase}
.about-story-media figcaption span{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--electric)}

.about-method{padding:126px 0 136px}
.about-method-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:66px 0 0;padding:0;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);list-style:none}
.about-method-list li{min-height:290px;display:flex;flex-direction:column;padding:24px 26px 28px;border-inline-end:1px solid rgba(0,0,0,.2)}
.about-method-list li:last-child{border-inline-end:0}
.about-method-list li>span{direction:ltr;unicode-bidi:isolate;color:rgba(0,0,0,.46);font-size:.74rem;font-weight:400}
.about-method-list h3{margin:auto 0 12px;font-size:1.7rem;line-height:1.08;font-weight:500;letter-spacing:0}
.about-method-list p{margin:0;font-size:.94rem;line-height:1.56;color:rgba(0,0,0,.62)}

.about-region-band{padding:132px 0 140px;background:#070707;color:#fff}
.about-region-grid{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);gap:6%;align-items:start}
.about-region-grid .section-kicker{color:#fff;text-transform:none}
.about-region-grid>div{max-width:900px}
.about-region-grid h2{max-width:840px;margin:0;font-size:4rem;line-height:.98;font-weight:500;letter-spacing:0;text-wrap:balance}
.about-region-grid p{max-width:660px;margin:38px 0 0;font-size:1.12rem;line-height:1.62;color:rgba(255,255,255,.66)}
.about-growth-cta{padding:36px 0 64px}

[dir="rtl"] .about-manifesto-grid h2{font-size:4.15rem;line-height:1.15}
[dir="rtl"] .about-manifesto-copy p,[dir="rtl"] .about-principle-row p,[dir="rtl"] .about-method-list p,[dir="rtl"] .about-region-grid p{line-height:1.85}
[dir="rtl"] .about-editorial-heading h2{font-size:2.8rem;line-height:1.22}
[dir="rtl"] .about-principle-row h3,[dir="rtl"] .about-method-list h3{line-height:1.28}
[dir="rtl"] .about-story-media figcaption{right:28px;left:auto}
[dir="rtl"] .about-region-grid h2{font-size:3.7rem;line-height:1.16}

@media(max-width:1100px){
  .about-manifesto-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:7%}
  .about-manifesto-grid h2{font-size:4rem}
  [dir="rtl"] .about-manifesto-grid h2{font-size:3.65rem}
  .about-story-media{height:540px}
  .about-method-list li{min-height:270px;padding-inline:20px}
  .about-region-grid h2{font-size:3.5rem}
  [dir="rtl"] .about-region-grid h2{font-size:3.25rem}
}

@media(max-width:820px){
  .about-manifesto{padding:94px 0 102px}
  .about-manifesto-grid{grid-template-columns:1fr;gap:42px;margin-top:58px}
  .about-manifesto-grid h2{max-width:680px;font-size:3.35rem}
  .about-manifesto-copy{max-width:600px;justify-self:start}
  [dir="rtl"] .about-manifesto-grid h2{font-size:3.15rem}
  .about-principles{padding-bottom:100px}
  .about-editorial-heading{grid-template-columns:1fr;gap:24px}
  .about-editorial-heading h2{font-size:2.55rem}
  [dir="rtl"] .about-editorial-heading h2{font-size:2.45rem}
  .about-principle-row{grid-template-columns:58px 1fr;gap:12px 24px}
  .about-principle-row p{grid-column:2}
  .about-story{padding-bottom:100px}
  .about-story-media{height:460px}
  .about-method{padding:100px 0 108px}
  .about-method-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px}
  .about-method-list li{min-height:240px;border-bottom:1px solid rgba(0,0,0,.2)}
  .about-method-list li:nth-child(2n){border-inline-end:0}
  .about-method-list li:nth-last-child(-n+2){border-bottom:0}
  .about-region-band{padding:102px 0 110px}
  .about-region-grid{grid-template-columns:1fr;gap:42px}
  .about-region-grid h2{font-size:3.1rem}
  [dir="rtl"] .about-region-grid h2{font-size:2.9rem}
}

@media(max-width:540px){
  .about-section-meta{align-items:center;padding-top:18px}
  .about-period{font-size:1rem}
  .about-manifesto{padding:76px 0 84px}
  .about-manifesto-grid{gap:32px;margin-top:46px}
  .about-manifesto-grid h2,[dir="rtl"] .about-manifesto-grid h2{font-size:2.45rem}
  .about-manifesto-copy p{font-size:1.02rem}
  .about-principles{padding:18px 0 82px}
  .about-editorial-heading{padding-top:18px}
  .about-editorial-heading h2,[dir="rtl"] .about-editorial-heading h2{font-size:2.1rem}
  .about-principle-list{margin-top:42px}
  .about-principle-row{grid-template-columns:42px 1fr;padding:26px 0}
  .about-principle-row h3{font-size:1.65rem}
  .about-story{padding-bottom:82px}
  .about-story-media{width:calc(100% - 28px);height:330px}
  .about-story-media figcaption{inset:auto auto 18px 18px;font-size:.66rem}
  [dir="rtl"] .about-story-media figcaption{right:18px;left:auto}
  .about-method{padding:82px 0 88px}
  .about-method-list{grid-template-columns:1fr;margin-top:42px}
  .about-method-list li{min-height:205px;padding:22px 0;border-inline-end:0;border-bottom:1px solid rgba(0,0,0,.2)!important}
  .about-method-list li:last-child{border-bottom:0!important}
  .about-region-band{padding:82px 0 90px}
  .about-region-grid{gap:34px}
  .about-region-grid h2,[dir="rtl"] .about-region-grid h2{font-size:2.45rem}
  .about-region-grid p{margin-top:28px;font-size:1rem}
  .about-growth-cta{padding-bottom:38px}
}

.not-found-body{background:#fff;color:#000}
.not-found-page{min-height:calc(100svh - 104px);display:grid;align-items:end;padding:clamp(150px,22vh,250px) 0 clamp(42px,7vw,84px)}
.not-found-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(32px,8vw,140px);align-items:end;border-top:1px solid rgba(0,0,0,.2);padding-top:clamp(28px,4vw,58px)}
.not-found-code{margin:0;color:#666;font-size:.82rem;font-weight:400}
.not-found-copy h1{max-width:820px;margin:0;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.86}
.not-found-copy p{max-width:540px;margin:clamp(28px,4vw,54px) 0 0;color:#666;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}
.not-found-action{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:min(100%,280px);margin-top:34px;padding:20px 24px;border-radius:7px;background:#000;color:#fff;font-size:.88rem;font-weight:500}

@media(max-width:760px){
  .not-found-page{align-items:center;padding:148px 0 44px}
  .not-found-grid{grid-template-columns:1fr;gap:42px}
  .not-found-copy h1{font-size:clamp(3.7rem,18vw,6.5rem)}
}