/* Al Amanat — a cinematic, lightweight motion layer. */
:root{--radius:26px;--ease:cubic-bezier(.2,.75,.2,1)}
body{padding-bottom:58px}.content-icon{width:25px;height:25px;display:inline-block;flex:none;vertical-align:middle;transition:transform .55s var(--ease),color .35s}
a:hover>.content-icon,button:hover>.content-icon{transform:rotate(-8deg) scale(1.09)}
.button,.header-quote,.whatsapp-button{border-radius:100px;position:relative;isolation:isolate;overflow:hidden;transition:color .4s,transform .4s,border-color .4s}
.button:before,.header-quote:before,.whatsapp-button:before{content:'';position:absolute;z-index:-1;inset:-1px;background:var(--teal);border-radius:inherit;transform:translateY(105%);transition:transform .5s var(--ease)}
.button:hover:before,.button:focus-visible:before,.header-quote:hover:before,.whatsapp-button:hover:before{transform:translateY(0)}
.button.gold:hover,.button.gold:focus-visible{background:var(--gold);color:white;border-color:#72aba4}.header-quote:hover{color:white}.whatsapp-button:hover{background:transparent}
.text-link .content-icon,.quiet-link .content-icon{width:22px;height:22px}.text-link{transition:color .3s}.text-link:hover{color:var(--gold)}.quiet-link{display:inline-flex;gap:10px;align-items:center}
.hero-v2.hero{min-height:850px;height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:135px var(--pad) 70px;overflow:hidden;background:radial-gradient(ellipse at 20% 45%,#25827d38,transparent 65%),var(--ink)}
.hero-v2 .hero-copy{width:100%;padding:30px 0 0;min-height:640px;justify-content:center;pointer-events:auto}
.hero-v2 .hero-copy h1{font-size:clamp(60px,7.9vw,122px);line-height:1.5;letter-spacing:-.04em;white-space:normal;margin:0 0 15px}
.hero-v2 .hero-copy .eyebrow{font-size:13px}.hero-v2 .hero-desc{max-width:450px;font-size:18px;line-height:2}
.hero-v2 .hero-bottom{margin-top:42px;position:static;padding:0;gap:25px;align-items:center}.hero-v2 .hero-bottom>a{font-size:12px}.hero-v2 .hero-actions{gap:24px;position:relative;z-index:5}
.hero-visual{position:relative;min-width:0;padding:55px 8px 70px 25px;perspective:1200px;align-self:center;direction:ltr}
.hero-deck{position:relative;width:100%;aspect-ratio:1.06;transform:translateY(var(--hero-shift,0px));transition:transform .1s linear;z-index:2;touch-action:pan-y}
.hero-card{position:absolute;inset:0;border-radius:34px;overflow:hidden;background:var(--deep);box-shadow:0 24px 60px #0004;border:1px solid #ffffff40;transition:transform 1.1s var(--ease),opacity .85s,filter 1.1s;transform-origin:50% 70%;will-change:transform;backface-visibility:hidden}
.hero-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 7s linear;filter:none;border-radius:inherit}
.hero-card.active{transform:translate3d(0,0,25px) rotate(-3deg);opacity:1;z-index:3;filter:none}
.hero-card.active img{transform:scale(1.045)}
.hero-card.next{transform:translate3d(24px,12px,-40px) rotate(7deg) scale(.96);opacity:.65;z-index:2;filter:brightness(.55)}
.hero-card.previous{transform:translate3d(-16px,22px,-80px) rotate(-10deg) scale(.93);opacity:.4;z-index:1;filter:brightness(.5)}
.hero-card figcaption{position:absolute;inset:auto 0 0;padding:75px 27px 25px;background:linear-gradient(transparent,#092d33ec);display:grid;grid-template-columns:1fr auto;gap:5px;text-align:start;direction:rtl;color:white}
[dir=ltr] .hero-card figcaption{direction:ltr}.hero-card figcaption>span{grid-column:1/-1;font-size:11px;letter-spacing:.1em;color:#efe6c8;direction:ltr;text-align:inherit}.hero-card strong{font-size:21px}.hero-card figcaption .content-icon{color:var(--gold);width:28px;height:28px}
.orbit-ring{position:absolute;width:114%;aspect-ratio:1;border:1px solid #dfa70042;border-radius:50%;left:-6%;top:0;animation:orbit 38s linear infinite;pointer-events:none}
.orbit-ring:before,.orbit-ring:after{content:'';width:7px;height:7px;background:var(--gold);border-radius:50%;position:absolute;left:49%;top:-4px;box-shadow:0 0 25px #dfa70088}.orbit-ring:after{top:auto;bottom:-4px;background:var(--teal)}
.ring-two{width:129%;left:-13%;top:-6%;border:1px dashed #ffffff12;animation-duration:65s;animation-direction:reverse}.ring-two:before,.ring-two:after{display:none}
.scene-controls{display:flex;justify-content:center;gap:10px;margin-top:35px;position:relative;z-index:4}
.scene-controls button{background:#092d337d;border:1px solid #ffffff29;border-radius:100px;width:56px;height:45px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .4s,color .4s,transform .4s;color:#b4c9c9}
.scene-controls .content-icon{width:19px;height:19px}.scene-controls button>span{font-size:11px}.scene-controls button.selected{color:var(--deep);background:var(--gold);border-color:var(--gold)}.scene-controls button:hover{transform:translateY(-3px);border-color:var(--gold)}
.scene-controls #scene-pause{width:45px}.scene-controls #scene-pause[aria-pressed=true]{color:var(--gold)}.scene-controls #scene-pause[aria-pressed=true] svg{transform:none}
.visual-signature{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#88afae;letter-spacing:.2em;font-size:10px;pointer-events:none;padding:0 28px}.visual-signature b{font-size:11px;font-weight:400;color:var(--gold)}
.hero-v2:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#ffffff05 21%,transparent 22%);z-index:-1}
.hero-v2 .hero-copy h1>span{background:linear-gradient(100deg,var(--gold) 20%,#fff4bd 48%,var(--gold) 72%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-shimmer 8s ease-in-out infinite}
@keyframes title-shimmer{0%,35%,100%{background-position:100% 0}70%{background-position:0 0}}
.service-image,.image-frame,.editorial-gallery img,.client-tile,.client-tile img,.profile-card,.profile-cover,.contact-item,.quote-summary,.field-shot{border-radius:var(--radius)}
.service-image img,.image-frame img{border-radius:inherit}.brand img,.summary-footer img,.profile-cover img{border-radius:12px}.client-tile,.client-tile img{border-radius:18px}
.service-image img{filter:none}.service-number{border-radius:50%;backdrop-filter:blur(7px)}.service-card-text>.content-icon{color:var(--gold);width:29px;height:29px}.service-card:hover .content-icon{transform:rotate(-8deg) scale(1.13)}
.step-index{display:flex;justify-content:space-between;align-items:center}.step-index .content-icon{width:29px;height:29px}.method-step:hover .content-icon{transform:rotate(8deg);color:white}.method-step{transition:border-color .4s}.method-step:hover{border-color:var(--gold)}
.editorial-gallery img{object-position:center;filter:none}.gallery-word{color:#ffffff09;pointer-events:none}.field-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.field-shot{min-width:0;overflow:hidden;position:relative;isolation:isolate;background:var(--deep);aspect-ratio:1.15}.field-shot img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);border-radius:inherit}.field-shot:hover img{transform:scale(1.07) rotate(1deg)}
.field-shot figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 22px 22px;background:linear-gradient(transparent,#092d33ed);display:flex;gap:13px;align-items:center;font-size:16px}.field-shot .content-icon{color:var(--gold)}
.about-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center;background:var(--deep)}.about-detail h2{margin-bottom:24px}.about-detail .image-frame img{height:470px}.about-detail .large-copy{font-size:20px}
.contact-item>.content-icon{align-self:flex-end;color:var(--gold);margin-top:auto}.profile-card:after{content:'';position:absolute;inset:-70% -30%;background:linear-gradient(115deg,transparent 42%,#ffffff08 49%,transparent 56%);transform:translateX(-70%);transition:transform 1.2s;pointer-events:none}.profile-card:hover:after{transform:translateX(70%)}
.quote-form input:not([type=checkbox]),.quote-form select,.city-select summary,.city-options,.service-options span,#form-status{border-radius:14px}.service-options label:hover span{background:#25827d55;border-color:var(--gold)}
.color-title{background:none}.color-title>span{position:relative;transition:color .4s,text-shadow .4s}.color-title .typing:after{content:'';display:inline-block;height:.8em;width:2px;background:var(--gold);margin-inline-start:6px;animation:cursor-blink .5s steps(1) infinite;position:absolute;inset-inline-end:-9px;top:.25em}.color-title .lit{color:var(--gold)}
@keyframes cursor-blink{50%{opacity:0}}
.studio-footer{position:fixed;bottom:0;left:0;right:0;height:58px;z-index:42;background:#092d33f5;border-top:1px solid #ffffff1f;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px)}
.studio-credit{display:flex;gap:14px;align-items:center;font-size:12px;min-height:44px;position:relative;padding:0 20px}.studio-credit strong{font-family:Arial,sans-serif;letter-spacing:-3px;font-size:32px;font-weight:800;line-height:1;color:#fff;transition:letter-spacing .5s,color .5s}.studio-credit .studio-dot{color:var(--gold)}.studio-credit .content-icon{width:19px;height:19px;color:var(--gold)}.studio-credit:hover strong{letter-spacing:1px;color:var(--gold)}.studio-credit:hover .content-icon{transform:rotate(180deg)}
.experience-controls{bottom:8px;border-radius:100px;z-index:44;box-shadow:none;background:transparent;backdrop-filter:none}.experience-controls button{min-height:40px}.experience-controls button:first-child{border-radius:100px 0 0 100px}.experience-controls button:last-child{border-radius:0 100px 100px 0}.experience-controls button:hover{background:#25827d33}
.site-footer{padding-bottom:55px}.footer-bottom>a:last-child{font-size:16px;line-height:1}.footer-bottom .content-icon{width:24px;height:24px}.page-head:before{content:'';position:absolute;width:550px;aspect-ratio:1;border:1px solid #dfa70016;border-radius:50%;inset-inline-end:-100px;top:-250px;animation:head-drift 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes head-drift{to{transform:translateY(45px) scale(1.08)}}
[dir=ltr] .hero-v2 .hero-copy h1{font-size:clamp(62px,7.9vw,117px);line-height:1.16;letter-spacing:-.065em;margin-bottom:27px}[dir=ltr] .hero-v2 .hero-copy .eyebrow{font-size:12px}
@media(min-width:1500px){.hero-v2.hero{padding-bottom:90px;gap:45px}.hero-v2 .hero-copy{min-height:730px}.hero-visual{max-width:760px}.hero-v2 .hero-copy h1{font-size:130px}}
@media(max-width:1150px){.hero-v2.hero{min-height:760px;padding-top:135px;gap:25px}.hero-v2 .hero-copy{min-height:560px}.hero-v2 .hero-copy h1{font-size:8vw}.hero-v2 .hero-desc{font-size:16px}.hero-v2 .hero-actions{gap:15px}.hero-v2 .hero-actions .button{gap:18px;padding:14px 20px}.hero-v2 .quiet-link{font-size:13px}.hero-visual{padding:35px 0 60px}.hero-card strong{font-size:18px}.hero-card figcaption{padding:65px 20px 22px}.studio-footer{justify-content:flex-start;padding-inline-start:var(--pad)}}
@media(max-width:850px){.hero-v2.hero{padding-top:130px;min-height:690px;gap:18px}.hero-v2 .hero-copy{min-height:500px;padding-top:0}.hero-v2 .hero-copy h1{font-size:8.5vw}.hero-v2 .hero-desc{font-size:16px;line-height:1.9}.hero-v2 .hero-copy .eyebrow{font-size:11px}.hero-v2 .hero-bottom{display:none}.hero-v2 .hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}.hero-v2 .hero-actions .button{min-height:52px}.hero-card strong{font-size:16px}.hero-card figcaption .content-icon{display:none}.hero-deck{aspect-ratio:.8}.hero-card img{object-position:50% 40%}.scene-controls{gap:7px;margin-top:30px}.scene-controls button{width:45px;height:44px}.scene-controls button>span{display:none}.ring-two{top:9%}.orbit-ring{top:17%}.visual-signature{padding:0 5px;letter-spacing:.1em}.about-detail{gap:35px}.about-detail .large-copy{font-size:18px}.field-gallery{gap:16px}.field-shot{aspect-ratio:.85}.field-shot figcaption{font-size:14px;padding:55px 15px 18px;gap:8px}.field-shot .content-icon{width:20px;height:20px}}
@media(max-width:600px){:root{--radius:23px}body{padding-bottom:105px}.hero-v2.hero{display:flex;flex-direction:column;padding:125px var(--pad) 30px;gap:14px;min-height:0;overflow:hidden}.hero-v2 .hero-copy{min-height:0;padding:0;order:0;width:100%}.hero-v2 .hero-copy h1{font-size:clamp(60px,15.9vw,89px);line-height:1.43;margin:0 0 15px;letter-spacing:-.045em}.hero-v2 .hero-copy .eyebrow{font-size:11px;margin-bottom:10px}.hero-v2 .hero-desc{font-size:16px;line-height:1.95;max-width:100%}.hero-v2 .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px;margin-top:23px}.hero-v2 .hero-actions .button{font-size:14px;min-height:54px;padding:13px 19px;gap:16px}.hero-v2 .quiet-link{font-size:13px;gap:8px}.hero-visual{padding:36px 12px 36px;width:100%;margin-top:5px}.hero-deck{aspect-ratio:1.16}.hero-card{border-radius:25px}.hero-card img{object-position:center}.hero-card figcaption{padding:65px 20px 18px}.hero-card strong{font-size:19px}.hero-card figcaption .content-icon{display:block}.hero-card.next{transform:translate3d(13px,5px,-40px) rotate(7deg) scale(.96)}.hero-card.previous{transform:translate3d(-10px,14px,-80px) rotate(-10deg) scale(.93)}.orbit-ring{width:106%;left:-3%;top:8px}.ring-two{width:119%;left:-9.5%;top:-12px}.scene-controls{margin-top:25px;gap:9px}.scene-controls button{width:53px;height:44px}.scene-controls button>span{display:block}.visual-signature{display:none}.hero-v2:after{z-index:-1}.field-gallery{grid-template-columns:1fr;gap:20px;margin-top:25px}.field-shot{aspect-ratio:1.4}.field-shot figcaption{padding:65px 22px 22px;font-size:17px}.field-shot .content-icon{width:24px;height:24px}.about-detail{grid-template-columns:1fr;gap:35px}.about-detail .image-frame img{height:340px}.about-detail h2{font-size:36px}.contact-item>.content-icon{margin-inline-start:auto;margin-top:0;align-self:center}.studio-footer{height:52px;justify-content:center;padding-inline-start:0}.studio-credit{gap:12px;font-size:12px}.studio-credit strong{font-size:29px}.experience-controls{bottom:60px;inset-inline-end:12px;background:#092d33e8;backdrop-filter:blur(12px);border-color:#ffffff38}.experience-controls button{font-size:11px;min-height:40px}.site-footer{padding-bottom:45px}.footer-bottom{align-items:center}.hero-v2 .hero-bottom{display:none}[dir=ltr] .hero-v2 .hero-copy h1{font-size:clamp(63px,16vw,90px);line-height:1.16;margin-bottom:20px}[dir=ltr] .hero-v2 .hero-copy{min-height:0}[dir=ltr] .hero-v2 .hero-copy .eyebrow{font-size:10px}[dir=ltr] .hero-v2 .hero-actions{gap:13px}[dir=ltr] .hero-v2 .hero-actions .button{font-size:13px;gap:12px}[dir=ltr] .hero-v2 .quiet-link{font-size:12px}}
@media(max-width:360px){.hero-v2 .hero-actions{gap:10px}.hero-v2 .hero-actions .button{padding:12px 14px;gap:9px}.hero-v2 .quiet-link{font-size:12px;gap:5px}.hero-v2 .hero-copy h1{font-size:16vw}.hero-card strong{font-size:17px}}
.motion-off .hero-card{will-change:auto}.motion-off .hero-card.active{transform:none}.motion-off .hero-card.next,.motion-off .hero-card.previous{opacity:0}.motion-off .hero-card img{transform:none}.motion-off .hero-deck{transform:none}.motion-off .hero-v2 .hero-copy h1>span{background:none;color:var(--gold)}.motion-off .color-title .typing:after{display:none}.motion-off .hero-visual,.motion-off .orbit-ring{animation:none}
@media(prefers-reduced-motion:reduce){.hero-card{will-change:auto}.hero-deck{transform:none}.hero-card img{transform:none!important}.color-title .typing:after{display:none}}
/* Prevent intrinsic photo dimensions from expanding CSS grid tracks. */
.service-card,.service-image,.service-card-text,.editorial-gallery figure,.about-story>div,.about-detail>div,.service-detail>div{min-width:0}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card-text h3{min-width:0;overflow-wrap:break-word}
@media(max-width:600px){.service-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body{padding-bottom:58px}.studio-footer{height:58px;justify-content:flex-start;padding-inline-start:18px}.studio-credit{padding:0;gap:8px;font-size:11px}.studio-credit strong{font-size:27px}.studio-credit>.content-icon{width:16px;height:16px}.experience-controls{bottom:7px;inset-inline-end:12px;background:transparent;backdrop-filter:none}.experience-controls button{width:42px;height:43px;padding:8px;justify-content:center}.experience-controls #sound-label,.experience-controls #motion-label{display:none}.hero-v2.hero{padding-top:117px}.hero-v2 .hero-copy h1{font-size:15vw;line-height:1.4}}
/* Keep the anti-spam field hidden without creating RTL scroll overflow. */
.hp{left:auto;inset-inline-start:0;top:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Quiet, text-free sound control; the wave reflects the visitor's saved preference. */
.experience-controls #sound-toggle{border-radius:50%;width:44px;height:44px;padding:10px;display:flex;align-items:center;justify-content:center}
.sound-bars{display:flex;gap:3px;width:25px;height:22px;align-items:center;justify-content:center}
.sound-bars i{width:3px;height:4px;background:var(--gold);border-radius:4px;transform-origin:center;animation:none;transition:height .25s}
.sound-on .sound-bars i{height:14px;animation:amanat-wave 1s ease-in-out infinite alternate}
.sound-on .sound-bars i:nth-child(2){height:20px;animation-delay:-.3s}.sound-on .sound-bars i:nth-child(3){height:10px;animation-delay:-.6s}.sound-on .sound-bars i:nth-child(4){height:18px;animation-delay:-.1s}.sound-on .sound-bars i:nth-child(5){height:8px;animation-delay:-.45s}
@keyframes amanat-wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.desktop-nav{gap:clamp(14px,1.8vw,28px)}
/* The journal extends the approved visual system without changing existing sections. */
.journal-intro{display:flex;align-items:center;gap:28px;padding-block:35px;border-block:1px solid var(--line);margin-top:10px;background:linear-gradient(110deg,#25827d18,transparent)}
.journal-intro .eyebrow{margin-bottom:8px}.journal-intro p:last-child{max-width:680px;font-size:18px}.journal-mark{width:66px;height:66px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;color:var(--gold);flex-shrink:0}.journal-mark svg{width:32px;height:32px}.journal-count{margin-inline-start:auto;font-size:62px;line-height:1;color:var(--gold);opacity:.7}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;padding-top:65px}.article-card{min-width:0}.article-card-link{display:flex;flex-direction:column;height:100%}.article-card-image{position:relative;overflow:hidden;border-radius:26px;aspect-ratio:1.35}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1),filter .7s}.article-card-link:hover img{transform:scale(1.065) rotate(.5deg);filter:brightness(1.07)}.article-category{position:absolute;bottom:16px;inset-inline-start:16px;background:#092d33ed;border:1px solid #ffffff24;padding:5px 13px;border-radius:30px;font-size:12px;color:#fff;backdrop-filter:blur(8px)}.article-card-copy{padding:25px 2px 0;flex:1;display:flex;flex-direction:column}.article-readtime{font-size:12px;color:var(--gold);margin-bottom:10px}.article-card h2{font-size:25px;line-height:1.65;margin-bottom:15px;transition:color .3s}.article-card-link:hover h2{color:var(--gold)}.article-card p{font-size:15px;line-height:1.95;flex:1}.article-card .text-link{align-self:flex-start;font-size:14px;margin-top:17px;gap:20px}
.article-head{padding-top:160px;padding-bottom:45px}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;color:var(--muted);margin-bottom:35px}.article-breadcrumb a:hover{color:var(--gold)}.article-head h1{font-size:clamp(36px,4.8vw,76px);max-width:1080px;line-height:1.6}.article-head .eyebrow{margin-bottom:16px}.article-lead{font-size:clamp(18px,1.65vw,23px);max-width:970px;line-height:2.1;margin-top:25px}.article-byline{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--gold);margin-top:26px}.article-byline svg{width:20px;height:20px}.article-cover{padding-block:0}.article-cover img{width:100%;height:clamp(260px,42vw,620px);object-fit:cover;object-position:center 40%;border-radius:28px}
.article-layout{display:grid;grid-template-columns:260px minmax(0,790px);justify-content:space-between;gap:65px;padding-top:70px}.article-toc{position:sticky;top:28px;align-self:start;padding:25px;border:1px solid var(--line);border-radius:22px;background:#092d3344}.article-toc .eyebrow{margin-bottom:15px}.article-toc nav{display:grid}.article-toc nav a{display:flex;gap:12px;font-size:13px;line-height:1.9;padding:15px 0;border-top:1px solid var(--line);transition:color .3s}.article-toc nav a:hover{color:var(--gold)}.article-toc nav span{color:var(--gold);font-size:11px;padding-top:3px}.article-toc .button{padding:12px 15px;font-size:13px;gap:15px;margin-top:24px;width:100%}.article-section{position:relative;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:40px}.article-section-number{display:block;font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:14px}.article-section h2{font-size:clamp(27px,2.65vw,39px);line-height:1.65;margin-bottom:21px}.article-body p{font-size:18px;line-height:2.15;color:#c4d7d6;margin-bottom:20px}.article-body p:last-child{margin-bottom:0}.article-checklist{padding:30px;background:#25827d22;border:1px solid #ffffff24;border-radius:24px}.article-checklist h2{font-size:27px;margin-bottom:20px}.article-checklist ul{margin:0;padding-inline-start:22px;color:#d2e3e1;line-height:2}.article-checklist li{padding-inline-start:7px;margin-block:10px}.article-checklist li::marker{color:var(--gold)}.article-takeaway{padding:35px 0 0}.article-takeaway .text-link{margin-top:5px}.article-related{padding-top:0}.article-related .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.article-related .article-card-image{aspect-ratio:1.65}
@media(min-width:851px) and (max-width:1100px){.site-header{gap:16px;padding-inline:25px}.desktop-nav{gap:15px;font-size:12px}.header-tools{gap:16px}.header-quote{font-size:12px;padding:9px 12px;gap:10px}.brand b{font-size:18px}.brand small{font-size:10px}}
@media(max-width:1000px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:215px minmax(0,1fr);gap:35px}.article-toc{padding:19px}}
@media(max-width:700px){.article-layout{grid-template-columns:1fr;padding-top:35px;gap:45px}.article-toc{position:static}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.article-toc .button{width:auto}.article-head{padding-top:130px}.article-cover img{height:300px}.article-head h1{font-size:36px}.article-breadcrumb{margin-bottom:23px}.article-lead{font-size:17px}.article-body p{font-size:17px}.article-section{scroll-margin-top:25px}.journal-count{font-size:44px}.journal-intro{gap:18px}.journal-mark{display:none}}
@media(max-width:520px){.article-grid,.article-related .article-grid{grid-template-columns:1fr;gap:38px}.article-grid{padding-top:40px}.article-card h2{font-size:24px}.article-card-copy{padding-top:20px}.article-card-image,.article-related .article-card-image{aspect-ratio:1.3}.journal-intro p:last-child{font-size:15px}.journal-count{font-size:36px}.article-head h1{font-size:31px}.article-head .eyebrow{font-size:11px}.article-cover img{height:260px;border-radius:23px}.article-checklist{padding:23px}.article-checklist h2{font-size:24px}.article-toc nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sound-on .sound-bars i{animation:none}.article-card-image img{transition:none}}