/* SOBYRATEL local master stylesheet */

@font-face{font-family:"Geologica";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geologica-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geologica-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/onest-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Minimal reset used by the static SOBYRATEL pages */
*,*::before,*::after{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;tab-size:4}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;background:transparent}
[hidden]{display:none!important}

:root{--background:#edf3f7;--foreground:#15202b;--card:#ffffffa1;--card-foreground:#15202b;--primary:#155ca6;--primary-foreground:#fff;--secondary:#dce8f1;--secondary-foreground:#18344e;--muted:#dce6ed;--muted-foreground:#526272;--accent:#d7eafb;--accent-foreground:#123d65;--border:#4566802e;--ring:#4189c9;--radius:1.35rem;--hero-supporting-size:clamp(1.08rem,1.4vw,1.25rem);--supporting-size:clamp(1.02rem,1.15vw,1.16rem);--supporting-line:1.58;--display:"Geologica",Arial,sans-serif;--sans:"Onest",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 8%, #ffffffe6, transparent 29rem), linear-gradient(155deg, #f7fbfd 0%, var(--background) 42%, #e6eef4 100%);min-height:100vh;color:var(--foreground);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}a{color:inherit;text-decoration:none}img{object-fit:cover}.page-width{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#f2f7fab8;border-bottom:1px solid #46677f24;position:sticky;top:0}.header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;min-height:76px;display:grid}.header-inner>*,.article-grid>*,.section-link>*,.archive-card>*{min-width:0}.wordmark{display:flex;align-items:center;width:196px;max-width:100%}.brand-wordmark img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center}.site-header nav{color:#31495c;align-items:center;gap:22px;font-size:.84rem;display:flex}.site-header nav a{white-space:nowrap;transition:color .2s}.site-header nav a:hover{color:#0a65b7}.nav-home{padding:7px 12px;border:1px solid #4566802f;border-radius:999px;background:#ffffff8a;font-weight:650}.nav-home:hover{background:#ffffffc7;border-color:#31597650}.edition{color:#617180;letter-spacing:.07em;text-align:right;text-transform:uppercase;justify-self:end;max-width:230px;font-size:.72rem;line-height:1.35}.header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.header-actions .edition{justify-self:auto}.language-switch{display:inline-grid;place-items:center;min-width:42px;height:34px;padding:0 10px;border:1px solid #45668038;border-radius:999px;background:#ffffff8f;color:#315976;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;line-height:1;box-shadow:0 8px 24px #31597612;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .18s ease,border-color .18s ease,transform .18s ease}.language-switch:hover{background:#ffffffc7;border-color:#31597661;transform:translateY(-1px)}.language-switch:focus-visible{outline:2px solid #315976;outline-offset:3px}.hero-shell{min-height:710px;display:flex;position:relative;overflow:hidden}.hero-image-wrap,.hero-wash{position:absolute;inset:0}.hero-image,.story-image img,.archive-image img,.article-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-image{object-position:center}.hero-wash{background:linear-gradient(90deg,#f2f7fa42 0%,#0000 50%),linear-gradient(#0000 54%,#dae7f06b)}.hero-content{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;padding-block:76px;display:flex;position:relative}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:#f5fafd9e;border:1px solid #ffffffb8;box-shadow:0 24px 80px #1b415c26,inset 0 1px #fffc}.hero-copy{overflow-wrap:break-word;border-radius:30px;width:min(700px,100%);padding:clamp(26px,4vw,50px);container-type:inline-size}.eyebrow,.section-kicker{color:#315976;letter-spacing:.09em;text-transform:uppercase;overflow-wrap:break-word;margin:0 0 16px;font-size:clamp(.72rem,1.2vw,.76rem);font-weight:700;line-height:1.4}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-copy h1{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin-bottom:10px;font-size:clamp(2.5rem,10cqi,4.65rem);font-weight:700;line-height:.96}.hero-deck{color:#354b5d;max-width:56ch;font-family:var(--sans);margin-bottom:26px;font-size:var(--hero-supporting-size);line-height:var(--supporting-line)}.text-link{color:#0a5fa8;align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:inline-flex}.issue-note{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#385267;letter-spacing:.06em;text-transform:uppercase;background:#f7fbfda3;border:1px solid #ffffffb3;border-radius:22px;max-width:100%;margin:0;padding:12px 16px;font-size:.72rem;line-height:1.35}.editorial-intro{grid-template-columns:180px minmax(0,1.7fr) minmax(250px,.8fr);align-items:start;gap:42px;padding-block:120px 90px;display:grid}.editorial-intro h2,.section-heading h2{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,4.2vw,4.15rem);font-weight:700;line-height:1.02}.editorial-intro>p:not(.section-kicker){color:#526675;font-size:var(--supporting-size);line-height:var(--supporting-line)}.article-grid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.story-card{background:#ffffff85;border:1px solid #47657c24;border-radius:26px;overflow:hidden;box-shadow:0 18px 55px #2b485c14}.story-card-wide{grid-row:span 2}.story-image{min-height:230px;display:block;position:relative;overflow:hidden}.story-card-wide .story-image{min-height:520px}.story-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.story-card:hover .story-image img{transform:scale(1.025)}.story-body{overflow-wrap:break-word;padding:28px 30px 32px;container-type:inline-size}.story-body h3{font-family:var(--display);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.5rem,6cqi,2.55rem);font-weight:700;line-height:1.05}.story-body>p:not(.eyebrow){color:#536675;margin:0;font-size:var(--supporting-size);line-height:var(--supporting-line)}.section-index{grid-template-columns:.72fr 1.28fr;gap:80px;padding-block:140px;display:grid}.section-links{gap:14px;display:grid}.section-link{border-radius:22px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 26px;transition:transform .22s,border-color .22s;display:grid}.section-link:hover{border-color:#25659759;transform:translateY(-3px)}.section-number{color:#648197;font-family:var(--display)}.section-link strong{font-family:var(--display);overflow-wrap:break-word;margin-bottom:5px;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;line-height:1.12;display:block}.section-link small{color:#5a6f7f;font-size:.9rem}.section-link small span{color:#7b8993;margin-top:2px;display:block}.archive-page{padding-block:100px 140px}.archive-header{max-width:780px;margin-bottom:74px}.archive-header h1{font-family:var(--display);letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(3.2rem,7.4vw,6.8rem);font-weight:700;line-height:.9}.archive-header>p:not(.section-kicker){color:#526878;font-family:var(--sans);font-size:var(--supporting-size);line-height:var(--supporting-line)}.archive-list{gap:26px;display:grid}.archive-card{border-bottom:1px solid #4566802e;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;padding-bottom:26px;display:grid}.archive-image{border-radius:24px;min-height:340px;position:relative;overflow:hidden}.archive-card h2{font-family:var(--display);letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(1.9rem,3.2vw,3.35rem);font-weight:700;line-height:1}.archive-card div>p:not(.eyebrow){color:#536675;max-width:56ch;font-size:var(--supporting-size);line-height:var(--supporting-line)}.article-page{padding-top:96px}.article-header{text-align:center;max-width:1040px}.section-crumb{color:#1d6da9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;font-size:.78rem;font-weight:700;display:inline-block}.article-header h1{font-family:var(--display);letter-spacing:-.05em;text-wrap:balance;margin-bottom:14px;font-size:clamp(2.8rem,6.1vw,6.2rem);font-weight:700;line-height:.94}.article-deck{color:#4b6273;max-width:760px;font-family:var(--sans);margin:0 auto 26px;font-size:var(--supporting-size);line-height:var(--supporting-line)}.article-meta{color:#6d7c88;letter-spacing:.08em;text-transform:uppercase;margin-bottom:58px;font-size:.78rem}.article-cover{border-radius:32px;height:min(66vw,720px);position:relative;overflow:hidden;box-shadow:0 28px 80px #1d435e29}.article-prose{width:min(1180px,calc(100% - 48px));font-family:var(--sans);grid-template-columns:minmax(0,760px);justify-content:center;gap:0;margin:80px auto 130px;font-size:1.125rem;line-height:1.75;display:grid}.article-prose p{margin-bottom:1.55em}.language-label{color:#2c6c9b;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.article-lead{color:#1b4f75;font-size:1.42rem;font-weight:700;line-height:1.48}.article-end{grid-column:1/-1;place-items:center;width:46px;height:46px;margin:22px auto 0;display:grid}.article-end img{display:block;width:46px;height:46px;object-fit:contain}.site-footer{background:#e1ebf28a;border-top:1px solid #45668029}.footer-inner{grid-template-columns:1fr auto auto;align-items:center;gap:70px;min-height:230px;display:grid}.footer-title{font-family:var(--display);letter-spacing:.07em;font-size:1.7rem;font-weight:700}.footer-brand{display:block;width:178px;max-width:100%}.footer-brand img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}.footer-inner p{color:#627381;margin:8px 0 0;font-size:.9rem}.footer-inner nav{color:#3f596c;gap:10px;font-size:.9rem;display:grid}.copyright{align-self:end;padding-bottom:44px}.not-found{min-height:70vh;padding-block:120px}.not-found h1{max-width:800px;font-family:var(--display);letter-spacing:-.05em;font-size:clamp(3rem,6.5vw,5.8rem);font-weight:700;line-height:.95}@media (max-width:900px){.header-inner{grid-template-columns:1fr auto;min-height:70px}.site-header nav{order:3;grid-column:1/-1;justify-content:space-between;padding:0 0 14px}.edition{display:none}.hero-shell{min-height:670px}.hero-content{flex-direction:column;justify-content:flex-end;align-items:stretch}.issue-note{align-self:flex-start}.editorial-intro{grid-template-columns:1fr;gap:22px;padding-block:90px 66px}.editorial-intro>p:not(.section-kicker){max-width:58ch}.section-index{grid-template-columns:1fr;gap:48px;padding-block:100px}.archive-card{gap:28px}}@media (max-width:700px){.brand-wordmark{width:172px}.page-width{width:min(calc(100% - 28px),1240px)}.wordmark{font-size:1.08rem}.mark{width:32px;height:32px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 16px;font-size:.8rem}.hero-shell{min-height:720px}.hero-image{object-position:68% center}.hero-content{padding-block:34px}.hero-copy{border-radius:24px;padding:26px 22px 28px}.hero-copy h1{font-size:clamp(2.35rem,12cqi,3.45rem)}.article-grid{grid-template-columns:1fr}.story-card-wide{grid-row:auto}.story-card-wide .story-image,.story-image{min-height:270px}.story-body{padding:23px 22px 25px}.section-link{grid-template-columns:36px 1fr auto;gap:12px;padding:22px 18px}.section-link small{line-height:1.4;display:block}.archive-page{padding-block:70px 100px}.archive-card{grid-template-columns:1fr}.archive-image{min-height:260px}.article-page{padding-top:68px}.archive-header h1{font-size:clamp(2.9rem,13vw,4.4rem)}.article-header h1{font-size:clamp(2.65rem,12.5vw,4.2rem)}.article-cover{border-radius:0;width:100%;height:70vw}.article-prose{width:min(calc(100% - 34px),720px);margin-block:58px 100px;font-size:1.125rem}.article-lead{font-size:1.42rem}.footer-inner{grid-template-columns:1fr;gap:32px;min-height:auto;padding-block:60px}.copyright{align-self:auto;padding-bottom:0}}@media (max-width:420px){.page-width{width:min(calc(100% - 20px),1240px)}.header-inner{gap:12px}.hero-copy{padding:23px 18px 25px}.hero-copy h1{letter-spacing:-.035em;font-size:clamp(2.1rem,11.5cqi,2.85rem);line-height:1}.section-link{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:20px 16px}.section-link strong{font-size:1.18rem}.archive-card h2{font-size:clamp(1.75rem,9vw,2.35rem)}.article-header h1{font-size:clamp(2.35rem,11.5vw,3.25rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-image img,.section-link{transition:none}}


/* Feature article: building a website */
.article-prose h2{font-family:var(--display);font-size:clamp(1.85rem,3.3vw,2.7rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:2.15em 0 .65em;color:#172d41}.article-callout{margin:2.1rem 0;padding:22px 24px;border:1px solid #6d8aa230;border-radius:20px;background:#f7fbfdc7;box-shadow:0 16px 42px #29485d0d}.article-callout strong{display:block;margin-bottom:7px;color:#225a81;font-family:var(--sans);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.article-callout p{margin:0;color:#345267}.article-callout-important{border-left:4px solid #d74848}.article-callout-final{background:#e9f2f8}.article-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:2.15rem 0}.article-sequence span{padding:13px 10px;border:1px solid #6b879c38;border-radius:14px;background:#ffffff9e;color:#31566e;text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.04em}.next-material{grid-column:1/-1;margin:3.8rem 0 0;padding-top:26px;border-top:1px solid #55728a35}.next-material span{display:block;margin-bottom:8px;color:#567286;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.next-material strong{display:block;font-family:var(--display);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.05;letter-spacing:-.03em}.next-material p{margin:.7rem 0 0;color:#60727f}.system-cover{height:auto;min-height:560px;border-radius:32px;padding:54px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 52%,#dceaf4 0,#edf4f8 35%,#f7fbfd 70%);border:1px solid #58778f21;box-shadow:0 28px 80px #1d435e1d}.system-cover-copy{position:relative;z-index:2;text-align:center}.system-cover-copy>span{display:block;color:#315976;font-size:.75rem;font-weight:700;letter-spacing:.14em;margin-bottom:16px}.system-cover-copy strong{display:block;font-family:var(--display);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.88;letter-spacing:-.04em;color:#0c2945}.system-cover-copy small{display:block;margin-top:18px;color:#557084;font-size:.9rem;letter-spacing:.09em}.system-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;position:absolute;left:6%;right:6%;bottom:58px}.system-flow span{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#264d6a}.system-flow i{height:1px;background:#7592a83f}.system-window{position:absolute;width:300px;height:170px;left:50%;top:54%;transform:translate(-50%,-50%);border:1px solid #34566e66;border-radius:17px;background:#f9fcfdeb;box-shadow:0 22px 60px #25496020;overflow:hidden}.system-window-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#e6eef3}.system-window-bar b{width:7px;height:7px;border-radius:50%;background:#7690a3}.system-window-bar em{font-style:normal;margin-left:6px;font-size:.67rem;color:#496579}.system-window-body{display:grid;grid-template-columns:38% 1fr;gap:16px;padding:20px}.system-window-body>span{height:90px;border-radius:8px;background:linear-gradient(155deg,#d4e2ec,#8faac0)}.system-window-body div b{display:block;margin-bottom:14px;color:#17324a;font-size:.93rem}.system-window-body div i{display:block;height:6px;border-radius:4px;background:#c6d3dc;margin:8px 0}.system-hero{background:linear-gradient(145deg,#f8fbfd,#dbe9f2);}.system-hero-art{background:radial-gradient(circle at 72% 48%,#ffffff 0,#e8f1f7 34%,#d7e6f0 72%)}.system-hero-flow{position:absolute;left:43%;right:4%;top:21%;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;opacity:.72}.system-hero-flow span{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#31566e}.system-hero-flow i{height:1px;background:#6d8ca34d}.system-hero-flow span:nth-of-type(n+4),.system-hero-flow i:nth-of-type(n+3){display:none}.system-hero-window{position:absolute;right:8%;top:38%;width:min(460px,36vw);height:250px;border:1px solid #4c708937;border-radius:28px;background:#f9fcfdbd;box-shadow:0 30px 80px #234a6522;padding:34px}.system-hero-window b{display:block;color:#365b72;font-size:.84rem;margin-bottom:34px}.system-hero-window span{display:block;height:12px;border-radius:7px;background:#a8bdcb55;margin:16px 0}.system-card-cover{display:flex;flex-direction:column;justify-content:center;padding:28px;background:radial-gradient(circle at 50% 40%,#f9fcfd,#dce9f2);border:1px solid #58778f20}.system-card-cover>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.system-card-cover span{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-align:center;color:#41647d;padding:9px 4px;border:1px solid #7894a934;border-radius:10px;background:#ffffff8e}.system-card-cover strong{font-family:var(--display);font-size:clamp(2rem,4vw,3.8rem);line-height:.9;text-align:center;letter-spacing:-.035em;color:#0c2945}
@media(max-width:700px){.system-cover{min-height:470px;padding:36px 18px}.system-cover-copy strong{font-size:clamp(2.55rem,14vw,4rem)}.system-window{width:250px;height:145px;top:57%}.system-window-body{padding:14px}.system-flow{left:5%;right:5%;bottom:34px;grid-template-columns:repeat(6,1fr);gap:5px}.system-flow i{display:none}.system-flow span{text-align:center;font-size:.55rem}.article-sequence{grid-template-columns:1fr}.system-hero-flow{left:8%;right:8%;top:16%;grid-template-columns:repeat(3,1fr)}.system-hero-flow i{display:none}.system-hero-window{right:8%;top:19%;width:55vw;height:170px;padding:22px;opacity:.8}.system-hero-window b{margin-bottom:20px;font-size:.65rem}.system-hero-window span{height:8px;margin:11px 0}.system-card-cover>div{grid-template-columns:repeat(2,1fr)}}

.feature-cover{padding:34px 0 0}.feature-cover-image{display:block;width:min(1480px,calc(100% - 28px));margin:0 auto;border-radius:30px;overflow:hidden;border:1px solid #45668024;box-shadow:0 26px 75px #244a641a;background:#f7fbfd}.feature-cover-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.feature-cover-caption{padding:36px 0 74px}.feature-cover-caption h1{font-family:var(--display);font-size:clamp(2.6rem,5vw,5.35rem);line-height:.94;letter-spacing:-.05em;max-width:900px;margin:0 0 14px}.feature-cover-caption>p:not(.eyebrow){max-width:760px;color:#4b6273;font-size:var(--supporting-size);line-height:var(--supporting-line);margin-bottom:22px}.article-cover-wide{height:auto;aspect-ratio:16/9}.article-cover-wide img{object-fit:cover}.cat-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2.4rem 0 3rem}.cat-map>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px;border:1px solid #6d8aa22c;border-radius:18px;background:#f8fbfdd8}.cat-map span{grid-row:1/3;font-size:1.8rem}.cat-map b{font-family:var(--sans);font-size:.95rem;color:#183f5d}.cat-map small{font-size:.78rem;color:#657986;line-height:1.25}.article-callout{position:relative}.article-callout:before{content:"🐱";position:absolute;right:18px;top:14px;font-size:1.15rem;opacity:.72}@media(max-width:700px){.feature-cover{padding-top:14px}.feature-cover-image{width:100%;border-radius:0;border-left:0;border-right:0}.feature-cover-caption{padding:28px 0 54px}.feature-cover-caption h1{font-size:clamp(2.45rem,12vw,3.8rem)}.article-cover-wide{height:auto;aspect-ratio:16/9}.cat-map{grid-template-columns:1fr 1fr;gap:9px}.cat-map>div{padding:13px 12px}.cat-map span{font-size:1.45rem}.cat-map b{font-size:.88rem}.cat-map small{font-size:.72rem}}

/* Feature cover alignment: use the existing editorial grid */
.feature-cover-image,
.feature-cover-caption,
.article-cover-wide{
  width:min(1040px,calc(100% - 48px));
  margin-inline:auto;
}
@media(max-width:700px){
  .feature-cover-image,
  .feature-cover-caption,
  .article-cover-wide{width:min(calc(100% - 28px),1040px);border-radius:20px}
}
.article-inline-visual{margin:2.3rem 0 3rem;border-radius:24px;overflow:hidden;border:1px solid #45668024;box-shadow:0 18px 50px #244a6415;background:#f7fbfd}.article-inline-visual img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.article-inline-visual{margin:1.8rem 0 2.4rem;border-radius:18px}}

/* Geologica heading weight refinement */
h1,h2,h3,h4,h5,h6,.section-link strong,.next-material strong,.system-cover-copy strong,.system-card-cover strong,.footer-title,.topic-tile strong,.direction-card strong{font-weight:500!important}

/* Homepage balanced editorial layout — 2026-09 */
.feature-cover{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.feature-cover-image{width:100%;margin:0;border-radius:24px;box-shadow:none}
.feature-cover-caption{width:100%;margin:0;padding:0}
.feature-cover-caption .eyebrow{margin-bottom:16px}
.feature-cover-caption h1{font-size:clamp(2.65rem,4.2vw,4.7rem);line-height:.98;letter-spacing:-.04em;max-width:12ch;margin-bottom:18px}
.feature-cover-caption>p:not(.eyebrow){max-width:38ch;font-size:1.06rem;line-height:1.6;margin-bottom:22px}
.feature-cover-caption .text-link{font-size:.86rem}

.editorial-intro{width:min(1120px,calc(100% - 48px));border-top:1px solid #45668022;border-bottom:1px solid #45668022;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:42px;padding-block:62px;margin:0 auto 64px}
.editorial-intro h2{font-size:clamp(2.05rem,3.4vw,3.35rem);line-height:1.02;max-width:18ch}
.editorial-intro>p:not(.section-kicker){max-width:38ch;align-self:center}

.article-grid{width:min(1120px,calc(100% - 48px));margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-card,.story-card-wide{grid-row:auto;border-radius:20px;box-shadow:none;background:#ffffff72;display:flex;flex-direction:column}
.story-card .story-image,.story-card-wide .story-image{min-height:250px;height:250px}
.story-card .story-body,.story-card-wide .story-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.story-body h3{font-size:clamp(1.45rem,2vw,2rem)}
.story-body>p:not(.eyebrow){font-size:.98rem;line-height:1.55}

.section-index{width:min(1120px,calc(100% - 48px));border-top:1px solid #45668022;margin:92px auto 0;padding-block:72px 96px;grid-template-columns:240px minmax(0,1fr);gap:52px}
.section-heading h2{font-size:clamp(2.05rem,3.3vw,3.25rem)}
.section-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.section-link{grid-template-columns:1fr;align-content:start;gap:14px;min-height:164px;padding:22px 22px 24px}
.section-link .section-number{font-size:.74rem;letter-spacing:.09em}
.section-link strong{font-size:1.35rem}
.section-link small{font-size:.84rem;line-height:1.45}

@media(max-width:900px){
  .feature-cover{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .feature-cover-caption h1{max-width:14ch}
  .editorial-intro{grid-template-columns:1fr;gap:16px}
  .editorial-intro h2{max-width:20ch}
  .editorial-intro>p:not(.section-kicker){max-width:56ch}
  .article-grid{grid-template-columns:1fr 1fr}
  .article-grid .story-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .article-grid .story-card:first-child .story-image{height:100%;min-height:300px}
  .section-index{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .feature-cover,.editorial-intro,.article-grid,.section-index{width:min(calc(100% - 28px),1120px)}
  .feature-cover{padding:18px 0 50px;gap:22px}
  .feature-cover-image{border-radius:18px}
  .feature-cover-caption h1{font-size:clamp(2.35rem,11vw,3.35rem);max-width:none;margin-bottom:14px}
  .feature-cover-caption>p:not(.eyebrow){font-size:1rem;margin-bottom:20px}
  .editorial-intro{padding-block:46px;margin-bottom:42px}
  .editorial-intro h2{font-size:clamp(2rem,9.2vw,2.8rem);max-width:none}
  .article-grid{grid-template-columns:1fr;gap:16px}
  .article-grid .story-card:first-child{grid-column:auto;display:flex}
  .article-grid .story-card:first-child .story-image,.story-card .story-image,.story-card-wide .story-image{height:230px;min-height:230px}
  .story-card .story-body,.story-card-wide .story-body{padding:21px 20px 24px}
  .section-index{margin-top:64px;padding-block:56px 76px;gap:28px}
  .section-links{grid-template-columns:1fr;gap:10px}
  .section-link{min-height:0;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px}
  .section-link .section-number{grid-row:1/3}
}

/* Keep editorial headings intact */
h1,h2,h3{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}

/* Homepage store-inspired layout */
.store-home{padding-bottom:120px}
.store-intro{padding-block:46px 20px}
.store-home h1,.store-home h2,.store-home h3{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.store-intro-copy{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:14px 64px;align-items:end}
.store-intro-copy .section-kicker{grid-column:1/-1;margin-bottom:4px}
.store-intro-copy h1{font-family:var(--display);font-size:clamp(2.4rem,3.6vw,3.8rem);font-weight:600;line-height:1;letter-spacing:-.04em;max-width:15ch}
.store-intro-copy>p:not(.section-kicker){color:#536675;font-size:1rem;line-height:1.55;max-width:46ch;padding-bottom:2px}
.topic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:8px 0;border-top:1px solid #45668020;border-bottom:1px solid #45668020}
.topic-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;min-height:66px;padding:10px 18px;border-right:1px solid #45668020;background:transparent}.topic-tile:last-child{border-right:0}
.topic-number{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3eef5;color:#315976;font-size:.64rem;font-weight:700;letter-spacing:.08em}
.topic-tile strong{font-family:var(--display);font-size:1rem;font-weight:600;line-height:1.05}
.topic-tile small{color:#657986;font-size:.72rem;line-height:1.3}
.story-rail-section{padding-top:48px}
.rail-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.56fr);gap:40px;align-items:end;margin-bottom:22px}
.rail-heading .section-kicker{margin-bottom:10px}
.rail-heading h2{font-family:var(--display);font-size:clamp(2.15rem,3vw,3.2rem);font-weight:600;line-height:1;letter-spacing:-.035em}
.rail-heading>p{color:#607482;max-width:34ch;line-height:1.55;padding-bottom:4px}
.rail-viewport{width:100%;overflow:visible}
.story-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:0}
.store-story-card{min-width:0;min-height:450px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #4566801f;border-radius:24px;background:#ffffffb3;box-shadow:0 12px 30px #244a640b}
.store-story-image{height:190px;background:#eef4f7;overflow:hidden}
.store-story-image img{width:100%;height:100%;object-fit:cover}
.store-story-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.store-story-body .eyebrow{margin-bottom:14px}
.store-story-body h3{font-family:var(--display);font-size:clamp(1.45rem,1.8vw,1.8rem);font-weight:600;line-height:1.06;letter-spacing:-.025em;margin-bottom:12px}
.store-story-body>p:not(.eyebrow){color:#60727f;font-size:.9rem;line-height:1.45;margin-top:auto}
.store-directions{padding-top:108px}
.store-directions-heading{grid-template-columns:1fr;margin-bottom:26px}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.direction-card{display:grid;gap:10px;min-height:174px;padding:24px;border:1px solid #45668021;border-radius:24px;background:#ffffff91}
.direction-card span{color:#6d8799;font-size:.72rem;font-weight:700;letter-spacing:.08em}
.direction-card strong{font-family:var(--display);font-size:1.45rem;font-weight:600;line-height:1.05}
.direction-card small{color:#657986;font-size:.86rem;line-height:1.45;max-width:28ch}
@media(max-width:900px){
  .store-intro-copy{grid-template-columns:1fr;gap:20px}
  .store-intro-copy>p:not(.section-kicker){max-width:52ch}
  .topic-strip{grid-template-columns:1fr 1fr 1fr}
  .rail-heading{grid-template-columns:1fr;gap:16px}
  .rail-heading>p{max-width:50ch}
  .story-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .store-home{padding-bottom:84px}
  .store-intro{padding-block:34px 16px}
  .store-intro-copy h1{font-size:clamp(2.15rem,9vw,3rem);max-width:14ch}
  .topic-strip{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 0;border-top:1px solid #45668020;border-bottom:1px solid #45668020;scrollbar-width:none}
  .topic-strip::-webkit-scrollbar{display:none}
  .topic-tile{flex:0 0 190px;scroll-snap-align:start;min-height:64px;padding:9px 14px;border-right:1px solid #45668020}
  .story-rail-section{padding-top:38px}
  .rail-heading{margin-bottom:22px}
  .rail-heading h2{font-size:clamp(2.15rem,9vw,3rem)}
  .story-rail{grid-template-columns:1fr;gap:14px;width:min(1240px,calc(100% - 28px));padding:0}
  .store-story-card{min-height:440px;border-radius:22px}
  .store-story-image{height:180px}
  .store-story-body{padding:21px 20px 23px}
  .store-story-body h3{font-size:1.65rem}
  .store-directions{padding-top:78px}
  .direction-grid{grid-template-columns:1fr;gap:10px}
  .direction-card{min-height:0;padding:20px}
}

/* First-screen density refinement */
@media(max-width:700px){
  .store-intro{padding-block:26px 10px}
  .store-intro-copy{gap:12px}
  .store-intro-copy h1{font-size:clamp(2rem,8.2vw,2.7rem);max-width:15ch}
  .store-intro-copy>p:not(.section-kicker){font-size:.94rem;line-height:1.45}
  .topic-strip{padding-block:4px}
  .topic-tile{flex-basis:132px;min-height:50px;padding:7px 10px;grid-template-columns:auto 1fr}
  .topic-number{width:26px;height:26px;font-size:.58rem}
  .topic-tile strong{font-size:.92rem}
  .topic-tile small{display:none}
  .story-rail-section{padding-top:30px}
  .rail-heading{gap:8px;margin-bottom:16px}
  .rail-heading .section-kicker{margin-bottom:5px}
  .rail-heading>p{font-size:.86rem;line-height:1.4}
}

/* Primary brand masthead */
.header-no-logo{grid-template-columns:minmax(0,1fr) auto}
.header-no-logo nav{justify-self:start}
.brand-masthead{text-align:center;padding:34px 0 18px}
.brand-motto{margin:0 0 8px;color:#173454;font-size:clamp(.7rem,.9vw,.82rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.brand-masthead-logo{display:block;width:min(760px,76vw);margin:0 auto}
.brand-masthead-logo img{display:block;width:100%;height:auto;object-fit:contain}
.brand-masthead-deck{max-width:52ch;margin:4px auto 0;color:#657986;font-size:.94rem;line-height:1.45}
@media(max-width:700px){
  .header-no-logo{grid-template-columns:1fr auto}
  .brand-masthead{padding:24px 0 12px}
  .brand-motto{font-size:.58rem;letter-spacing:.13em;margin-bottom:5px}
  .brand-masthead-logo{width:min(88vw,520px)}
  .brand-masthead-deck{max-width:34ch;font-size:.82rem;line-height:1.4;margin-top:2px}
}

/* Primary brand masthead */
.header-no-logo{grid-template-columns:minmax(0,1fr) auto}
.header-no-logo nav{justify-self:start}
.brand-masthead{text-align:center;padding:28px 0 12px}
.brand-motto{margin:0 0 6px;color:#173454;font-size:clamp(.68rem,.85vw,.8rem);font-weight:500;letter-spacing:.17em;text-transform:uppercase}
.brand-masthead-logo{display:block;width:min(720px,72vw);margin:0 auto}
.brand-masthead-logo img{display:block;width:100%;height:auto;object-fit:contain}
.brand-masthead-deck{max-width:52ch;margin:2px auto 0;color:#657986;font-size:.9rem;line-height:1.4}
@media(max-width:700px){
  .brand-masthead{padding:20px 0 8px}
  .brand-motto{font-size:.56rem;letter-spacing:.12em;margin-bottom:4px}
  .brand-masthead-logo{width:min(88vw,520px)}
  .brand-masthead-deck{max-width:34ch;font-size:.8rem;line-height:1.35}
}

/* Slogan-free masthead */
.brand-masthead{padding:16px 0 8px;background:#fff}
.brand-masthead-logo{display:block;width:min(1040px,86vw);margin:0 auto}
.brand-masthead-logo img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.brand-masthead{padding:10px 0 6px}.brand-masthead-logo{width:min(94vw,620px)}}

/* Masthead refinement: transparent and half-size */
.brand-masthead{background:transparent}
.brand-masthead-logo{width:min(520px,43vw)}
@media(max-width:700px){.brand-masthead-logo{width:min(47vw,310px)}}

/* Header layout without a visual logo */
.header-inner{grid-template-columns:1fr auto;gap:28px}
.header-inner nav{justify-self:start}
.header-actions{grid-column:2}
@media(max-width:900px){
  .header-inner{grid-template-columns:1fr auto}
  .header-actions{grid-column:2}
  .site-header nav{grid-column:1/-1}
}
@media(max-width:700px){
  .header-inner{gap:12px}
  .header-inner nav{justify-self:start}
}

/* Mobile overflow fix */
@media(max-width:700px){
  .store-directions .rail-heading h2{font-size:clamp(1.95rem,8vw,2.45rem);text-wrap:wrap;white-space:normal}
}

/* Keep story grid inside viewport */
.story-rail > *,
.store-story-card,
.store-story-body{min-width:0}
@media(max-width:700px){
  .story-rail{grid-template-columns:minmax(0,1fr)}
  .store-story-card{width:100%;max-width:100%;min-width:0}
  .store-story-body h3{overflow-wrap:anywhere;word-break:normal;text-wrap:balance}
  .store-story-body>p:not(.eyebrow){overflow-wrap:anywhere}
}

/* Calm Apple-like liquid glass, expressive pass */
.store-home{
  background:
    radial-gradient(circle at 18% 24%,rgba(115,180,226,.11),transparent 29rem),
    radial-gradient(circle at 83% 48%,rgba(255,255,255,.82),transparent 30rem);
}
.store-story-card,
.direction-card{
  --glass-rx:0deg;
  --glass-ry:0deg;
  --glass-lift:0px;
  --glass-scale:1;
  --glass-x:50%;
  --glass-y:12%;
  position:relative;
  isolation:isolate;
  transform:perspective(1050px) rotateX(var(--glass-rx)) rotateY(var(--glass-ry)) translateY(var(--glass-lift)) scale(var(--glass-scale));
  transform-style:preserve-3d;
  will-change:transform;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(238,248,255,.34));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    0 22px 52px rgba(36,74,100,.12),
    0 6px 18px rgba(36,74,100,.055),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(75,105,128,.08);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  backdrop-filter:blur(28px) saturate(150%);
  transition:transform .24s cubic-bezier(.2,.72,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.store-story-card::after,
.direction-card::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.66) 0%,rgba(255,255,255,.20) 18%,rgba(255,255,255,0) 43%),
    linear-gradient(120deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.07) 34%,rgba(255,255,255,0) 56%);
  opacity:.82;
  transition:opacity .25s ease;
}
.store-story-card>* ,
.direction-card>*{position:relative;z-index:3}
.store-story-image{background:rgba(239,246,250,.42)}
.store-story-image img{transition:transform .48s cubic-bezier(.2,.72,.2,1),filter .35s ease}
.store-story-body{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.015))}
.store-story-card:hover,
.direction-card:hover{
  --glass-lift:-5px;
  --glass-scale:1.008;
  border-color:rgba(255,255,255,.96);
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(238,248,255,.40));
  box-shadow:
    0 30px 66px rgba(36,74,100,.17),
    0 10px 24px rgba(36,74,100,.07),
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(75,105,128,.05);
}
.store-story-card:hover::after,
.direction-card:hover::after{opacity:1}
.store-story-card:hover .store-story-image img{transform:scale(1.027);filter:saturate(1.045) contrast(1.015)}
.glass-tilt-active{transition:box-shadow .18s ease,border-color .18s ease,background .18s ease,transform .075s linear}
.nav-home,
.language-switch{
  position:relative;
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,255,255,.60),rgba(235,247,255,.38));
  box-shadow:0 10px 28px rgba(36,74,100,.10),inset 0 1px 0 rgba(255,255,255,.98);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  transition:transform .22s cubic-bezier(.2,.72,.2,1),background .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.nav-home:hover,
.language-switch:hover{
  transform:translateY(-2px) scale(1.018);
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(241,249,254,.48));
  border-color:rgba(255,255,255,.98);
  box-shadow:0 15px 34px rgba(36,74,100,.14),inset 0 1px 0 #fff;
}
@media(max-width:700px){
  .store-home{background:radial-gradient(circle at 50% 17%,rgba(115,180,226,.08),transparent 24rem)}
  .store-story-card,.direction-card{
    background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(241,249,254,.44));
    -webkit-backdrop-filter:blur(18px) saturate(136%);
    backdrop-filter:blur(18px) saturate(136%);
    box-shadow:0 15px 36px rgba(36,74,100,.10),inset 0 1px 0 rgba(255,255,255,.94);
    transform:none!important;
  }
  .store-story-card:hover,.direction-card:hover{transform:none!important}
  .nav-home:hover,.language-switch:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .store-story-card,.direction-card,.store-story-image img,.nav-home,.language-switch{transition:none}
  .store-story-card,.direction-card,.store-story-card:hover,.direction-card:hover{transform:none!important}
}

/* Nginx guide: code, routing diagrams and reveal motion */
.article-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.92em;color:#173f5d;background:#eaf2f7;padding:.08em .34em;border-radius:6px}
.article-code{margin:2rem 0 2.35rem;border:1px solid #55758d33;border-radius:20px;overflow:hidden;background:#10283c;box-shadow:0 18px 48px #203d5217}
.article-code-label{display:block;padding:10px 16px;border-bottom:1px solid #ffffff18;color:#b7d4e8;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#17354d}
.article-code pre{margin:0;padding:20px 22px;overflow:auto;color:#edf7fc;font-size:.87rem;line-height:1.65;tab-size:4}
.article-code code{padding:0;border-radius:0;background:transparent;color:inherit;font-size:inherit}
.article-sequence-six{grid-template-columns:repeat(6,minmax(0,1fr))}.article-sequence-seven{grid-template-columns:repeat(7,minmax(0,1fr))}
.nginx-route-map{display:grid;gap:10px;margin:2.25rem 0 2.75rem}.nginx-route-map>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr);align-items:center;gap:14px;padding:15px 18px;border:1px solid #66859d35;border-radius:16px;background:#f8fbfdd9}.nginx-route-map b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#183e5a;font-size:.9rem}.nginx-route-map span{color:#4d84ad;font-weight:800}.nginx-route-map strong{justify-self:end;color:#155ca6;font-size:.82rem;letter-spacing:.06em}
.article-reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1)}
.article-inline-visual.article-reveal-ready{transform:translateY(18px) scale(.985)}
.article-reveal-ready.is-visible{opacity:1;transform:translateY(0) scale(1)}
.article-sequence.article-reveal-ready span{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.article-sequence.article-reveal-ready.is-visible span{opacity:1;transform:translateY(0)}
.article-sequence.is-visible span:nth-child(2){transition-delay:.05s}.article-sequence.is-visible span:nth-child(3){transition-delay:.1s}.article-sequence.is-visible span:nth-child(4){transition-delay:.15s}.article-sequence.is-visible span:nth-child(5){transition-delay:.2s}.article-sequence.is-visible span:nth-child(6){transition-delay:.25s}.article-sequence.is-visible span:nth-child(7){transition-delay:.3s}
@media(max-width:700px){.article-code{border-radius:16px}.article-code pre{padding:17px 16px;font-size:.78rem}.article-sequence-six,.article-sequence-seven{grid-template-columns:1fr}.nginx-route-map>div{grid-template-columns:minmax(0,1fr) auto}.nginx-route-map strong{grid-column:1/-1;justify-self:start;margin-top:2px}.article-reveal-ready{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.article-reveal-ready,.article-inline-visual.article-reveal-ready,.article-sequence.article-reveal-ready span{opacity:1!important;transform:none!important;transition:none!important}}

/* Editorial lead story */
@media(min-width:901px){
  .store-story-featured{
    grid-column:span 3;
    display:grid;
    grid-template-columns:minmax(0,1.58fr) minmax(280px,.92fr);
    min-height:450px;
  }
  .store-story-featured .store-story-image{height:100%;min-height:450px}
  .store-story-featured .store-story-image img{height:100%}
  .store-story-featured .store-story-body{padding:32px 30px 30px}
  .store-story-featured .store-story-body h3{font-size:clamp(2rem,2.7vw,3rem);line-height:.98;letter-spacing:-.04em}
  .store-story-featured .store-story-body>p:not(.eyebrow){font-size:1rem;line-height:1.5}
}
@media(min-width:701px) and (max-width:900px){
  .store-story-featured{grid-column:span 2}
}
@media(max-width:700px){
  .store-story-featured{grid-column:auto}
}

/* Native cover ratios, no cropping */
.store-story-guide:not(.store-story-featured) .store-story-image{
  height:auto;
  aspect-ratio:16/9;
  background:transparent;
}
.store-story-guide:not(.store-story-featured) .store-story-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  padding:0;
  background:transparent;
}
.store-story-featured .store-story-image{
  height:auto;
  min-height:0;
  aspect-ratio:4/3;
  background:transparent;
}
.store-story-featured .store-story-image::before,
.store-story-featured .store-story-image::after{content:none}
.store-story-featured .store-story-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  padding:0;
  background:transparent;
}
@media(min-width:901px){
  .store-story-featured{min-height:0}
  .store-story-featured .store-story-image{height:auto;min-height:0}
}
@media(max-width:700px){
  .store-story-featured .store-story-image img{padding:0}
}

/* SOBYRATEL custom wordmark — header + footer */
@font-face{font-family:"Sobyratel Sans";font-style:normal;font-weight:650;font-display:swap;src:url(/fonts/SobyratelSans-SemiBold-v0.4.woff2) format("woff2")}
.header-inner{position:relative}
.site-brand-lockup,.footer-brand-text{display:inline-flex;align-items:center;white-space:nowrap;font-family:"Sobyratel Sans",sans-serif;font-weight:650;font-style:normal;line-height:1;letter-spacing:0;color:#13202b;text-rendering:geometricPrecision}
.site-brand-lockup{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);font-size:clamp(1.3rem,2vw,1.78rem)}
.site-brand-lockup .brand-a,.footer-brand-text .brand-a{color:#d43d3d}
.footer-brand-text{font-size:clamp(1.55rem,2vw,1.9rem);margin-bottom:14px}
@media(max-width:900px){.site-brand-lockup{top:35px;font-size:1.42rem}}
@media(max-width:700px){.site-brand-lockup{font-size:1.28rem}.footer-brand-text{font-size:1.6rem;margin-bottom:12px}}


/* Mobile art direction — polished editorial pass */
@media(max-width:700px){
  body{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.96),transparent 19rem),linear-gradient(180deg,#f3f8fb 0%,#eaf2f7 56%,#e5eef4 100%)}
  .page-width{width:min(calc(100% - 28px),1240px)}

  .site-header{background:rgba(239,246,250,.78);border-bottom:1px solid rgba(61,91,113,.13);-webkit-backdrop-filter:blur(26px) saturate(155%);backdrop-filter:blur(26px) saturate(155%);box-shadow:0 10px 34px rgba(41,72,94,.045)}
  .header-inner{grid-template-columns:1fr auto;grid-template-rows:52px auto;gap:0;min-height:108px;padding-top:0}
  .site-brand-lockup{top:25px;font-size:1.32rem;letter-spacing:.005em}
  .header-actions{grid-column:2;grid-row:1;align-self:center;z-index:6}
  .language-switch{height:32px;min-width:42px;padding-inline:9px;background:rgba(255,255,255,.64);border-color:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(34,67,92,.08),inset 0 1px 0 rgba(255,255,255,.95)}
  .site-header nav{grid-column:1/-1;grid-row:2;order:initial;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:4px;margin:0 0 10px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(229,240,247,.42));box-shadow:0 9px 26px rgba(45,78,101,.055),inset 0 1px 0 rgba(255,255,255,.92);font-size:.73rem}
  .site-header nav a{display:grid;place-items:center;min-height:34px;padding:6px 4px;border-radius:14px;white-space:nowrap}
  .site-header nav .nav-home{padding:6px 4px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.84);box-shadow:0 5px 15px rgba(42,73,96,.08)}

  .store-home{padding-bottom:72px;background:radial-gradient(circle at 50% 7%,rgba(130,193,234,.095),transparent 20rem)}
  .story-rail-section{padding-top:28px}
  .rail-heading{gap:6px;margin-bottom:18px}
  .rail-heading .section-kicker{margin-bottom:6px;font-size:.67rem;letter-spacing:.12em}
  .rail-heading h2{font-size:clamp(2.22rem,10.2vw,2.72rem);line-height:.94;letter-spacing:-.045em}

  .story-rail{gap:18px;width:min(1240px,calc(100% - 28px))}
  .store-story-card{min-height:0;border-radius:27px;border-color:rgba(255,255,255,.78);background:linear-gradient(155deg,rgba(255,255,255,.73),rgba(239,247,252,.5));box-shadow:0 18px 42px rgba(38,72,96,.095),inset 0 1px 0 rgba(255,255,255,.96)}
  .store-story-card::after{opacity:.58}
  .store-story-featured{border-radius:29px;box-shadow:0 22px 52px rgba(36,73,99,.13),inset 0 1px 0 rgba(255,255,255,.98)}
  .store-story-image{border-bottom:1px solid rgba(74,105,127,.09)}
  .store-story-body{padding:18px 19px 21px}
  .store-story-body .eyebrow{margin-bottom:9px;font-size:.68rem;letter-spacing:.105em}
  .store-story-body h3{margin-bottom:10px;font-size:1.56rem;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
  .store-story-featured .store-story-body{padding:20px 20px 23px}
  .store-story-featured .store-story-body h3{font-size:1.82rem;line-height:1.01}
  .store-story-body>p:not(.eyebrow){margin-top:3px;color:#617585;font-size:.91rem;line-height:1.48}

  .store-directions{padding-top:64px}
  .store-directions .rail-heading{margin-bottom:17px}
  .store-directions .rail-heading h2{font-size:2.15rem;line-height:.98}
  .direction-grid{gap:9px}
  .direction-card{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 12px;align-items:center;min-height:78px;padding:16px 17px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(235,245,251,.44));box-shadow:0 10px 28px rgba(39,72,96,.065),inset 0 1px 0 rgba(255,255,255,.94)}
  .direction-card span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(220,235,245,.8);font-size:.63rem}
  .direction-card strong{font-size:1.18rem;line-height:1.05}
  .direction-card small{font-size:.78rem;line-height:1.3}

  .footer-inner{gap:25px;padding-block:42px 28px}
  .footer-brand-text{font-size:1.72rem;margin-bottom:9px}
  .footer-inner p{margin-top:4px;font-size:.82rem}
  .footer-inner nav{display:flex;flex-wrap:wrap;gap:7px}
  .footer-inner nav a{padding:7px 10px;border:1px solid rgba(255,255,255,.76);border-radius:999px;background:rgba(255,255,255,.46);font-size:.78rem}
  .copyright{font-size:.72rem;opacity:.76}
}
@media(max-width:420px){
  .page-width{width:min(calc(100% - 20px),1240px)}
  .site-brand-lockup{font-size:1.24rem}
  .site-header nav{font-size:.7rem}
  .site-header nav a{padding-inline:2px}
  .story-rail{width:min(1240px,calc(100% - 20px))}
  .rail-heading h2{font-size:2.28rem}
  .store-story-body{padding-inline:18px}
  .store-story-featured .store-story-body h3{font-size:1.72rem}
  .store-story-body h3{font-size:1.5rem}
}


/* Mobile editorial pages — cohesive reading pass */
@media(max-width:700px){
  .archive-page{padding-block:46px 76px}
  .archive-header{margin-bottom:32px}
  .archive-header .section-kicker{margin-bottom:9px;font-size:.67rem;letter-spacing:.12em}
  .archive-header h1{margin-bottom:12px;font-size:clamp(2.8rem,12vw,3.55rem);line-height:.94;letter-spacing:-.045em}
  .archive-header>p:not(.section-kicker){font-size:.98rem;line-height:1.48}
  .archive-list{gap:16px}
  .archive-card{display:grid;grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.73),rgba(239,247,252,.5));box-shadow:0 16px 40px rgba(38,72,96,.085),inset 0 1px 0 rgba(255,255,255,.96)}
  .archive-image{min-height:0;aspect-ratio:16/9;border-radius:0;border-bottom:1px solid rgba(74,105,127,.09);background:#eef5f9}
  .archive-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:transparent!important}
  .archive-card>div{padding:18px 19px 21px}
  .archive-card .eyebrow{margin-bottom:9px;font-size:.68rem;letter-spacing:.105em}
  .archive-card h2{margin-bottom:10px;font-size:1.63rem;line-height:1.02;letter-spacing:-.035em}
  .archive-card div>p:not(.eyebrow){font-size:.91rem;line-height:1.48;margin-bottom:12px}
  .archive-card .text-link{font-size:.82rem}

  .article-page{padding-top:42px}
  .article-header{width:min(calc(100% - 28px),1040px)}
  .section-crumb{margin-bottom:17px;padding:7px 10px;border:1px solid rgba(255,255,255,.84);border-radius:999px;background:rgba(255,255,255,.55);box-shadow:0 7px 20px rgba(42,73,96,.05);font-size:.66rem;letter-spacing:.105em}
  .article-header h1{margin-bottom:13px;font-size:clamp(2.28rem,10.8vw,3.12rem);line-height:.96;letter-spacing:-.045em}
  .article-deck{margin-bottom:19px;font-size:.98rem;line-height:1.5}
  .article-meta{margin-bottom:36px;font-size:.67rem;letter-spacing:.1em}
  .article-cover,.article-cover-wide{width:min(calc(100% - 20px),1040px);border-radius:24px;box-shadow:0 18px 48px rgba(29,67,94,.16)}
  .article-prose{width:min(calc(100% - 28px),720px);margin-block:44px 82px;font-size:1.04rem;line-height:1.72}
  .article-prose p{margin-bottom:1.42em}
  .article-lead{font-size:1.27rem;line-height:1.48;letter-spacing:-.01em}
  .article-prose h2{margin:2em 0 .62em;font-size:1.68rem;line-height:1.04;letter-spacing:-.032em}
  .article-inline-visual{margin:1.65rem 0 2.25rem;border-radius:20px;box-shadow:0 14px 38px rgba(36,74,100,.1)}
  .article-callout{margin:1.75rem 0;padding:17px 18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.69),rgba(238,247,252,.56));box-shadow:0 12px 30px rgba(39,72,96,.06)}
  .article-callout strong{font-size:.7rem;letter-spacing:.105em}
  .article-callout:before{right:15px;top:12px;font-size:1rem}
  .article-sequence{gap:7px;margin:1.75rem 0}
  .article-sequence span{padding:11px 10px;border-radius:13px;background:rgba(255,255,255,.62);font-size:.74rem}
  .next-material{margin:3rem 0 0;padding:18px 18px 19px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(235,245,251,.5));box-shadow:0 12px 30px rgba(39,72,96,.06)}
  .next-material span{font-size:.67rem}
  .next-material strong{font-size:1.45rem;line-height:1.04}
  .next-material p{font-size:.9rem;line-height:1.48}
  .article-code{margin:1.65rem 0 2rem;border-radius:17px}
  .article-code pre{font-size:.76rem;line-height:1.58}
}
@media(max-width:420px){
  .article-header{width:min(calc(100% - 20px),1040px)}
  .article-prose{width:min(calc(100% - 22px),720px)}
  .archive-card>div{padding-inline:18px}
  .archive-card h2{font-size:1.56rem}
}

/* Mobile floating liquid glass — touch motion pass */
@media(max-width:700px){
  .store-story-card,
  .direction-card,
  .archive-card{
    position:relative;
    isolation:isolate;
    translate:0 0;
    scale:1;
    animation:soby-mobile-float 7.2s ease-in-out infinite;
    animation-delay:var(--mobile-float-delay,0s);
    animation-play-state:paused;
    transition:scale .18s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
  }
  .store-story-featured{animation-name:soby-mobile-float-featured;animation-duration:7.8s}
  .store-story-card.mobile-in-view,
  .direction-card.mobile-in-view,
  .archive-card.mobile-in-view{animation-play-state:running;will-change:translate}
  .store-story-card>* ,
  .direction-card>* ,
  .archive-card>*{position:relative;z-index:3}
  .store-story-card::before,
  .direction-card::before,
  .archive-card::before{
    content:"";
    position:absolute;
    z-index:2;
    top:-34%;
    bottom:-34%;
    left:-58%;
    width:38%;
    pointer-events:none;
    background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.24),rgba(255,255,255,0));
    filter:blur(3px);
    opacity:.34;
    transform:rotate(10deg) translateX(0);
    animation:soby-mobile-sheen 9.6s ease-in-out infinite;
    animation-delay:var(--mobile-float-delay,0s);
    animation-play-state:paused;
  }
  .store-story-card.mobile-in-view::before,
  .direction-card.mobile-in-view::before,
  .archive-card.mobile-in-view::before{animation-play-state:running}
  .store-story-card:active,
  .direction-card:active,
  .archive-card:active{
    scale:.988;
    border-color:rgba(255,255,255,.96);
    background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(239,248,253,.58));
    box-shadow:0 12px 28px rgba(36,74,100,.12),inset 0 1px 0 rgba(255,255,255,1);
  }
  .store-story-card:active .store-story-image img,
  .archive-card:active .archive-image img{scale:1.012}

  .mobile-motion-ready{opacity:0}
  .mobile-motion-ready.mobile-motion-visible{opacity:1;transition:opacity .46s ease}
  html.mobile-scrolling .store-story-card.mobile-in-view,
  html.mobile-scrolling .direction-card.mobile-in-view,
  html.mobile-scrolling .archive-card.mobile-in-view,
  html.mobile-scrolling .store-story-card.mobile-in-view::before,
  html.mobile-scrolling .direction-card.mobile-in-view::before,
  html.mobile-scrolling .archive-card.mobile-in-view::before{animation-play-state:paused}
}
@keyframes soby-mobile-float{
  0%,100%{translate:0 0}
  50%{translate:0 -4px}
}
@keyframes soby-mobile-float-featured{
  0%,100%{translate:0 0}
  50%{translate:0 -6px}
}
@keyframes soby-mobile-sheen{
  0%,62%,100%{transform:rotate(10deg) translateX(0);opacity:.12}
  76%{opacity:.34}
  88%{transform:rotate(10deg) translateX(430%);opacity:.08}
}
@media(prefers-reduced-motion:reduce){
  .store-story-card,
  .direction-card,
  .archive-card,
  .store-story-card::before,
  .direction-card::before,
  .archive-card::before{animation:none!important;translate:none!important;scale:1!important}
  .mobile-motion-ready,.mobile-motion-ready.mobile-motion-visible{opacity:1!important;transition:none!important}
}