/* A clear, spacious header: identity / navigation / personal controls. */
#header{width:calc(100% - 48px);max-width:1280px;border-radius:28px;margin:14px auto 0;top:12px}
#header .header-inner{width:calc(100% - 44px);min-height:74px;display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(200px,1fr);gap:26px}
#header .brand{min-width:0;align-items:flex-start;text-align:start;gap:3px}
#header .brand-name{font-size:29px;white-space:nowrap}#header .brand-sub{font-size:7px;margin:0;letter-spacing:1.5px}
#header .nav{display:flex;position:static;flex:initial;gap:7px;justify-content:center;margin:0;padding:0;box-shadow:none;align-items:center}
#header .nav>a,#header .nav-item>button{font-size:11px;letter-spacing:0;line-height:1.5;padding:12px 15px;border-radius:16px;white-space:nowrap;width:auto}
#header .nav-item>button{display:flex;align-items:center;justify-content:space-between;gap:10px}
#header .nav :is(a.active,.nav-item:has(a.active)>button){background:#5a7c5c0c;color:#3e6549}
#header .nav .nav-book{background:#546e5b;color:#fff;border:1px solid #79937e;padding:11px 18px;margin-inline-start:6px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:inset 0 1px #fff3}
#header .nav .nav-book:hover{background:#405b47;color:#fff}
#header .header-actions{justify-self:end;display:flex;gap:10px;margin:0;padding-inline-start:18px;border-inline-start:1px solid #a0b09a26}
#header .language-bar{padding:3px;border:1px solid #ffffffa0;gap:2px;background:#e7ede63d}#header .language-bar button{font-size:10px;padding:6px 8px;min-width:33px;min-height:31px}
#header :is(.theme-toggle,.bag-button){width:37px;height:37px;min-width:37px;min-height:37px;background:#ffffff54;box-shadow:none}
#header .bag-button{margin:0;gap:4px}#header .bag-icon{width:13px;height:15px}#header .mobile-toggle{display:none}
#header .dropdown{top:calc(100% + 9px);min-width:220px;padding:11px;border-radius:23px}
#header .dropdown a{padding:11px 14px;font-size:12px;line-height:1.6;border-radius:14px}.nav-divider{display:block;height:1px;background:#8ba08026;margin:8px 11px}
html[lang=fa] #header .brand-name{font-size:29px}html[lang=fa] #header .brand-sub{font-size:8px}
html[lang=fa] #header .nav{gap:6px}html[lang=fa] #header .nav>a,html[lang=fa] #header .nav-item>button{font-size:12px;padding:12px 14px;line-height:1.8;letter-spacing:0}
html[lang=fa] #header .nav .nav-book{padding:10px 17px}
html[data-theme=dark] #header .nav :is(a.active,.nav-item:has(a.active)>button){background:#bdd7b914;color:#dcebd3}
html[data-theme=dark] #header .nav .nav-book{background:#b8cdae;color:#182d20;border-color:#cfe0c5}html[data-theme=dark] #header .nav .nav-book:hover{background:#cfdfbf;color:#182d20}
html[data-theme=dark] #header .header-actions{border-color:#c4d9bb22}
/* The About page is its own quiet visual story. */
.aram-story{position:relative;isolation:isolate;padding:24px 0 0;--story-accent:#73896c;--story-heading:#455d49}
.story-wrap{width:min(1090px,calc(100% - 100px));margin-inline:auto}
.story-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.story-atmosphere i{position:absolute;width:65vw;height:60vw;max-height:850px;border-radius:50%;background:radial-gradient(ellipse,#d3dcb645,transparent 68%);inset:-25% auto auto -25%;animation:atmosphere-drift 30s ease-in-out infinite alternate}
.story-atmosphere i+i{background:radial-gradient(ellipse,#dfbba936,transparent 68%);inset:auto -20% -35% auto;animation-delay:-13s}
.story-hero{position:relative;isolation:isolate;width:calc(100% - 36px);max-width:1440px;margin:0 auto;border-radius:42px;overflow:hidden;height:calc(100svh - 126px);min-height:570px;max-height:870px;color:#fff;border:1px solid #ffffff80;box-shadow:0 25px 85px #34503b13}
.living-scene{position:relative;overflow:hidden;background:#53674f;isolation:isolate;height:100%;width:100%}
.living-scene>img,.nature-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.living-scene>img{animation:photo-drift 28s ease-in-out infinite alternate;will-change:transform}
.nature-canvas{opacity:0;transition:opacity .7s;pointer-events:none}
.canvas-ready .nature-canvas{opacity:1}.canvas-ready>img{animation:none}
.scene-light{position:absolute;inset:-10%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 25%,#fff0d50d 36%,#ffedc02b 39%,transparent 44%,transparent 55%,#fff5d710 59%,transparent 66%);animation:canopy-light 22s ease-in-out infinite alternate;opacity:.55}
.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0e201d12,transparent 40%,#0b211b17)}
.story-hero .hero-scene{position:absolute;inset:0}
.story-hero .scene-shade{background:linear-gradient(180deg,#071b1952,transparent 26%,#0e261c30 45%,#0a2019c4 100%),linear-gradient(90deg,#0f281e42,transparent 70%)}
.story-hero-top{position:absolute;top:28px;inset-inline:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.story-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:8px 15px;background:#1a342d30;border:1px solid #ffffff38;border-radius:99px;backdrop-filter:blur(15px)}
.story-coordinate{font-size:11px;opacity:.8;letter-spacing:.5px}
.story-hero-copy{position:absolute;inset-inline:64px;bottom:67px;max-width:750px;z-index:2}
.aram-story .story-eyebrow{font:500 10px/1.8 var(--sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#71866a}
.story-hero-copy .story-eyebrow{color:#f1f4e5b8;margin-bottom:12px}
.aram-story .story-hero-copy h1{font:500 clamp(52px,6.7vw,92px)/1.08 var(--serif);letter-spacing:-.03em;color:#fffef1;margin-bottom:20px;text-wrap:balance}
.story-hero-note{font-size:17px;line-height:1.8;max-width:510px;color:#f0f3e5;margin-bottom:25px}
.story-scroll{display:inline-flex;align-items:center;gap:16px;color:#f6f7ec;text-decoration:none;font-size:11px;letter-spacing:.5px;padding:8px 0;border-bottom:1px solid #ffffff5c}
.story-scroll svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.25;animation:scroll-cue 3s ease-in-out infinite}
.scene-caption{position:absolute;bottom:29px;inset-inline-end:34px;font-size:10px;letter-spacing:1px;color:#ffffffae;z-index:2}
.story-introduction{text-align:center;max-width:770px;margin:auto;padding:125px 30px 115px}
.aram-story h2{font:500 clamp(38px,4.5vw,62px)/1.12 var(--serif);letter-spacing:-.025em;margin-bottom:28px;color:var(--story-heading)}
.story-introduction>p:last-child{font-size:17px;line-height:1.95;max-width:630px;margin:0 auto;color:var(--muted)}
.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center;margin-bottom:140px}
.story-figure{margin:0;position:relative;align-self:stretch;min-height:540px;overflow:hidden;border-radius:38px;border:1px solid #fff9;box-shadow:0 25px 70px #40583b13}
.story-figure .living-scene{position:absolute;inset:0}
.story-figure figcaption{position:absolute;bottom:22px;inset-inline:23px;border-radius:20px;padding:13px 18px;font-size:11px;color:#f7f8ef;background:#0e2b2160;border:1px solid #fff3;backdrop-filter:blur(18px);z-index:2}
.story-number{display:block;color:#809075;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:24px}
.story-chapter-copy p{font-size:15px;line-height:1.95;margin-bottom:22px;max-width:470px;color:var(--muted)}
.story-handwritten{display:inline-block;font:500 28px/1.6 var(--serif);color:#778969;margin-top:5px}
.chapter-reverse .story-figure{order:2}.chapter-reverse .story-chapter-copy{order:1}
.story-inline-link{display:inline-flex;align-items:center;gap:17px;font-size:11px;text-decoration:none;padding:10px 0;border-bottom:1px solid #8c9c7d7d;color:#536f52}
.story-values{padding:0 0 115px}
.story-values-heading{text-align:center;margin-bottom:42px}.story-values-heading h2{font-size:49px}
.story-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story-value{padding:30px 27px 28px;border-radius:29px;background:linear-gradient(145deg,#ffffff78,#ffffff30);border:1px solid #fff;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px)}
.story-value svg{width:33px;height:33px;stroke:#78916e;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin-bottom:27px}
.aram-story .story-value h3{font:500 28px/1.3 var(--serif);color:var(--story-heading);margin-bottom:17px}
.story-value p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.story-pause{position:relative;isolation:isolate;overflow:hidden;text-align:center;width:calc(100% - 36px);max-width:1380px;margin:auto;border-radius:44px;padding:115px 30px 90px;background:linear-gradient(140deg,#e0e8d986,#f4e3d466);border:1px solid #ffffffb3;box-shadow:var(--glass-shadow)}
.story-pause h2{position:relative;z-index:1}.story-pause>p:last-child{font-size:14px;color:var(--muted);position:relative}
.pause-rings{position:absolute;inset:0;display:grid;place-items:center;z-index:-1;pointer-events:none}
.pause-rings i{position:absolute;width:340px;height:340px;border:1px solid #90a18228;border-radius:50%;animation:quiet-rings 10s ease-in-out infinite}
.pause-rings i:nth-child(2){width:455px;height:455px;animation-delay:-2s}.pause-rings i:nth-child(3){width:570px;height:570px;animation-delay:-4s}
.story-ending{text-align:center;padding:105px 15px 140px;max-width:840px}
.story-signature{display:block;font:500 28px/1.6 var(--serif);color:#7d906f;margin-bottom:30px}
.story-ending p{max-width:510px;margin:0 auto 30px;font-size:15px;line-height:1.9;color:var(--muted)}
.story-ending .btn{gap:25px}
.story-active #footer{padding-bottom:110px}
/* Narrative reveals are small and deliberate. Nature continues moving behind them. */
.story-ready .story-reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),clip-path 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--story-delay,0ms)}
.story-ready .story-reveal:not(.story-visible){opacity:0;transform:translateY(26px)}
.story-ready .story-reveal[data-reveal=image]:not(.story-visible){transform:translateY(38px);clip-path:inset(0 0 8% 0 round 38px)}
.story-ready .story-reveal.story-visible,.story-ready .story-reveal:focus-within{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 0)}
.story-ready .story-figure.story-visible{clip-path:inset(0 0 0 0 round 38px)}
.story-controls{position:fixed;z-index:45;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);display:flex;align-items:center;gap:19px;padding:8px 10px 8px 13px;border-radius:24px;border:1px solid #fff;background:#f7faf0d9;backdrop-filter:blur(24px) saturate(130%);box-shadow:0 10px 45px #304c3a25,inset 0 1px #fff}
.story-sound-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;min-height:43px;padding:2px 6px;color:#506b4f;text-align:start}
.story-sound-toggle>svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}.story-sound-toggle .sound-play{fill:currentColor;stroke-width:0}.story-sound-toggle .sound-pause{display:none}.story-sound-toggle[aria-pressed=true] .sound-play{display:none}.story-sound-toggle[aria-pressed=true] .sound-pause{display:block}
.story-sound-toggle strong{display:block;font-size:11px;line-height:1.6;font-weight:600}.story-sound-toggle small{display:block;font-size:9px;line-height:1.6;color:#7e8d73}
.sound-meter{height:18px;display:flex;gap:3px;align-items:center;opacity:.35;margin-inline-start:8px}.sound-meter i{display:block;width:2px;height:5px;border-radius:5px;background:currentColor}.sound-playing .sound-meter{opacity:.8}.sound-playing .sound-meter i{animation:forest-meter 1.6s ease-in-out infinite}.sound-playing .sound-meter i:nth-child(2){animation-delay:-.7s}.sound-playing .sound-meter i:nth-child(3){animation-delay:-1.1s}
.story-volume{display:flex;align-items:center;margin:0;min-height:38px}.story-volume input{width:70px;height:3px;min-height:0;padding:0;border:0;border-radius:99px;box-shadow:none;background:#839a7540;appearance:none;cursor:pointer;accent-color:#78926e}
.story-volume input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#78926e;border:2px solid #eef5e8;box-shadow:0 1px 6px #4f65412a}.story-volume input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#78926e;border:2px solid #eef5e8}
.control-divider{height:23px;width:1px;background:#8e9e7f30}
.story-motion-toggle{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#dce6d057;color:#698160;border:1px solid #91a77e24;flex-shrink:0}
.story-motion-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.story-motion-toggle .motion-play{display:none;fill:currentColor;stroke:none}.story-motion-toggle[aria-pressed=true] .motion-pause{display:none}.story-motion-toggle[aria-pressed=true] .motion-play{display:block}.story-motion-toggle:disabled{opacity:.45;cursor:default}
.story-audio-error{position:absolute;bottom:calc(100% + 9px);inset-inline:0;background:#f8f8ef;border:1px solid #fff;border-radius:18px;padding:13px 18px;color:#6d5849;font-size:12px;margin:0;box-shadow:var(--glass-shadow)}
.motion-paused :is(.living-scene>img,.scene-light,.story-atmosphere i,.pause-rings i,.story-scroll svg){animation-play-state:paused!important}
@keyframes photo-drift{from{transform:scale(1.03) translate3d(-.5%,0,0)}to{transform:scale(1.09) translate3d(.5%,-1%,0)}}
@keyframes canopy-light{from{transform:translate3d(-2%,0,0) rotate(-1deg);opacity:.35}to{transform:translate3d(3%,1%,0) rotate(1deg);opacity:.7}}
@keyframes atmosphere-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(18%,8%,0)}}
@keyframes quiet-rings{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.06);opacity:1}}
@keyframes scroll-cue{0%,80%,100%{transform:translateY(0)}90%{transform:translateY(4px)}}
@keyframes forest-meter{0%,100%{height:5px}50%{height:16px}}
html[lang=fa] .aram-story .story-eyebrow{letter-spacing:0;font-size:12px;line-height:2}
html[lang=fa] .story-kicker,html[lang=fa] .story-coordinate,html[lang=fa] .scene-caption{letter-spacing:0;font-size:11px}
html[lang=fa] .aram-story .story-hero-copy h1{font:550 clamp(36px,4.4vw,60px)/1.7 Vazirmatn,Tahoma,sans-serif;letter-spacing:-.04em;margin-bottom:12px}
html[lang=fa] .story-hero-note{font-size:17px;line-height:2.1}
html[lang=fa] .aram-story h2{font:550 clamp(28px,3.25vw,43px)/1.8 Vazirmatn,Tahoma,sans-serif;letter-spacing:-.035em}
html[lang=fa] .story-introduction>p:last-child{font-size:16px;line-height:2.2}
html[lang=fa] .story-chapter-copy p{font-size:15px;line-height:2.15}
html[lang=fa] .story-number{letter-spacing:0;font-size:11px}
html[lang=fa] .story-handwritten,html[lang=fa] .story-signature{font:500 22px/1.9 Vazirmatn,Tahoma,sans-serif}
html[lang=fa] .aram-story .story-value h3{font:550 22px/1.8 Vazirmatn,Tahoma,sans-serif}.story-controls:dir(rtl){padding:8px 13px 8px 10px}
html[lang=fa] .story-value p{font-size:13px;line-height:2.1}
html[lang=fa] .story-sound-toggle strong{font-size:12px}html[lang=fa] .story-sound-toggle small{font-size:9px}
html[data-theme=dark] .aram-story{--story-heading:#dce8d4}
html[data-theme=dark] .story-atmosphere i{background:radial-gradient(ellipse,#5878471f,transparent 68%)}html[data-theme=dark] .story-atmosphere i+i{background:radial-gradient(ellipse,#916d5217,transparent 68%)}
html[data-theme=dark] .living-scene>img,html[data-theme=dark] .nature-canvas{filter:brightness(.84) saturate(.9)}
html[data-theme=dark] :is(.story-hero,.story-figure){border-color:#bed3b326}
html[data-theme=dark] .aram-story .story-eyebrow,html[data-theme=dark] .story-number{color:#a4bf97}
html[data-theme=dark] .story-hero-copy .story-eyebrow{color:#eef4e3c9}
html[data-theme=dark] :is(.story-handwritten,.story-signature,.story-inline-link){color:#b8cfab}
html[data-theme=dark] .story-value{background:linear-gradient(145deg,#28453277,#1b342833);border-color:#b9d6ac26}
html[data-theme=dark] .story-value svg{stroke:#b2cfa1}
html[data-theme=dark] .story-pause{background:linear-gradient(140deg,#274b337a,#50412c20);border-color:#c5d9b927}
html[data-theme=dark] .pause-rings i{border-color:#a9c39822}
html[data-theme=dark] .story-controls{background:#193024ed;border-color:#c6dcb12b;box-shadow:0 12px 45px #0005,inset 0 1px #e7ffdc0d}
html[data-theme=dark] .story-sound-toggle{color:#d2e4c4}html[data-theme=dark] .story-sound-toggle small{color:#a0b795}
html[data-theme=dark] .story-volume input{background:#acc59b3b;box-shadow:none}html[data-theme=dark] .story-volume input::-webkit-slider-thumb{background:#b3cd9e;border-color:#345333}
html[data-theme=dark] .control-divider{background:#b1cb9f28}html[data-theme=dark] .story-motion-toggle{background:#bfd6a914;color:#c6ddb6;border-color:#b5cea32a}
html[data-theme=dark] .story-audio-error{background:#2d3d29;color:#f1ddbc;border-color:#bdd4ac2b}
@media(max-width:1200px) and (min-width:1081px){#header .header-inner{gap:16px;grid-template-columns:minmax(150px,1fr) auto auto}#header .brand-name{font-size:26px}#header .nav>a,#header .nav-item>button{padding:12px 11px}html[lang=fa] #header .nav>a,html[lang=fa] #header .nav-item>button{padding:12px 11px}#header .header-actions{gap:8px;padding-inline-start:13px}}
@media(max-width:1080px){#header{width:calc(100% - 28px);margin:10px auto 0;top:10px;border-radius:25px}#header .header-inner{display:flex;min-height:68px;width:calc(100% - 32px);gap:20px;justify-content:space-between}#header .header-actions{padding:0;border:0;margin-inline-start:auto;gap:10px}#header .mobile-toggle{display:grid;place-items:center;width:37px;height:37px;min-width:37px;min-height:37px;padding:0;margin:0}#header .nav{display:none;position:absolute;inset:calc(100% + 12px) 0 auto;padding:17px;flex-direction:column;gap:6px;align-items:stretch;max-height:calc(100svh - 112px);overflow-y:auto;background:#f7faf2f7;border:1px solid #fff;border-radius:26px;box-shadow:0 20px 50px #30483121;backdrop-filter:blur(24px)}#header .nav.mobile-open{display:flex;align-items:stretch}#header .nav>a,#header .nav-item>button,html[lang=fa] #header .nav>a,html[lang=fa] #header .nav-item>button{width:100%;font-size:13px;text-align:start;padding:14px 17px}#header .nav-item{width:100%}#header .nav .nav-book{margin:7px 0 0;justify-content:space-between}#header .dropdown{position:static;box-shadow:none;padding:7px;margin:5px 6px 10px;min-width:0;background:#ffffff80}#header .dropdown a{padding:12px 14px;font-size:12px}html[data-theme=dark] #header .nav{background:#172d22f7;border-color:#d2e5c32b}html[data-theme=dark] #header .dropdown{background:#a8c99608}.story-wrap{width:calc(100% - 70px)}.story-chapter{gap:50px}.story-figure{min-height:500px}.story-hero-copy{inset-inline:44px}.story-hero{min-height:590px}.story-value{padding:25px 23px}.aram-story .story-value h3{font-size:25px}}
@media(max-width:760px){.aram-story{padding-top:18px}.story-hero{width:calc(100% - 24px);min-height:560px;height:calc(85svh - 85px);max-height:760px;border-radius:32px}.story-hero-top{top:21px;inset-inline:23px}.story-kicker{font-size:9px;padding:7px 12px}.story-coordinate{display:none}.story-hero-copy{inset-inline:30px;bottom:69px}.aram-story .story-hero-copy h1{font-size:58px}.story-hero-note{font-size:15px}.scene-caption{bottom:25px;inset-inline-end:26px;letter-spacing:.2px;font-size:9px}.story-wrap{width:calc(100% - 46px)}.story-introduction{padding:85px 29px 78px}.aram-story h2{font-size:44px}.story-introduction>p:last-child{font-size:15px}.story-chapter{grid-template-columns:1fr;gap:38px;margin-bottom:80px}.story-figure{min-height:0;aspect-ratio:4/4.5;border-radius:31px}.chapter-reverse .story-figure{order:0}.chapter-reverse .story-chapter-copy{order:0}.story-chapter-copy{padding-inline:6px}.story-chapter-copy p{max-width:none;font-size:14px}.story-number{margin-bottom:17px}.story-value-grid{grid-template-columns:1fr;gap:16px}.story-value{padding:26px 27px;display:grid;grid-template-columns:35px 1fr;gap:8px 19px}.story-value svg{grid-row:1/3;margin-top:3px;margin-bottom:0}.aram-story .story-value h3{margin:0;font-size:27px}.story-value p{grid-column:2;font-size:13px}.story-values{padding-bottom:75px}.story-values-heading{margin-bottom:30px}.story-pause{width:calc(100% - 24px);padding:85px 27px 70px;border-radius:32px}.story-ending{padding:80px 5px 125px}.story-controls{bottom:13px;gap:13px;border-radius:22px;padding:7px 9px 7px 10px}.story-sound-toggle{gap:9px}.story-sound-toggle strong{font-size:10px}.story-sound-toggle small{font-size:8px}.sound-meter{margin-inline-start:0}.story-volume input{width:59px}.story-motion-toggle{width:35px;height:35px}.control-divider{height:22px}html[lang=fa] .aram-story .story-hero-copy h1{font-size:38px;line-height:1.9}html[lang=fa] .story-hero-note{font-size:14px;line-height:2.1}html[lang=fa] .aram-story h2{font-size:30px;line-height:1.9}html[lang=fa] .story-introduction>p:last-child{font-size:14px;line-height:2.25}html[lang=fa] .story-chapter-copy p{font-size:14px}html[lang=fa] .aram-story .story-value h3{font-size:21px}html[lang=fa] .story-sound-toggle strong{font-size:11px}}
@media(max-width:480px){#header{width:calc(100% - 22px);border-radius:23px;margin-top:8px;top:8px}#header .header-inner{width:calc(100% - 25px);min-height:65px;gap:10px}#header .brand-name{font-size:23px}#header .brand-sub{font-size:5px;letter-spacing:.8px}html[lang=fa] #header .brand-name{font-size:27px}html[lang=fa] #header .brand-sub{font-size:7px}#header .header-actions{gap:5px}#header :is(.theme-toggle,.bag-button,.mobile-toggle){width:32px;min-width:32px;height:34px;min-height:34px}#header .language-bar{gap:0;padding:2px}#header .language-bar button{font-size:10px;padding:5px 6px;min-width:29px;min-height:29px}.story-hero{min-height:535px}.story-hero-copy{inset-inline:25px}.aram-story .story-hero-copy h1{font-size:49px}.story-hero-note{font-size:14px}.story-hero-copy .story-eyebrow{font-size:9px}.story-controls{gap:10px;max-width:calc(100% - 22px)}.story-volume input{width:48px}.sound-meter{display:none}.story-sound-toggle{padding-inline:3px}.aram-story .story-eyebrow{font-size:9px}html[lang=fa] .aram-story .story-hero-copy h1{font-size:34px}html[lang=fa] .story-hero-note{font-size:13px}}
@media(max-width:360px){#header .header-inner{gap:7px;width:calc(100% - 20px)}#header .brand-name{font-size:20px}#header .brand-sub{display:none}html[lang=fa] #header .brand-name{font-size:25px}#header .header-actions{gap:3px}#header :is(.theme-toggle,.bag-button,.mobile-toggle){width:30px;min-width:30px}#header .language-bar button{padding:5px;min-width:26px}.story-controls{gap:7px}.story-volume input{width:43px}.story-sound-toggle small{font-size:8px}.story-hero-note br{display:none}}
@media(max-width:480px){#header .header-actions{gap:7px}#header .bag-button{display:none}}
@media(prefers-reduced-motion:reduce){.aram-story :is(.living-scene>img,.scene-light,.story-atmosphere i,.pause-rings i,.story-scroll svg,.sound-meter i){animation:none!important}.story-ready .story-reveal:not(.story-visible){opacity:1;transform:none;clip-path:none}.story-ready .story-reveal{transition:none}.living-scene>img{transform:none}}