/* DREAMIND editorial direction: brand-first interpretation of the BDSN reference. */
:root{--editorial-paper:#f2f0eb;--editorial-ink:#171614;--editorial-orange:#bd5100}
.site{max-width:none}
.site-header{min-height:84px}
.mobile-locale{display:none}

/* BDSN-inspired menu hierarchy, adapted to DREAMIND's orange-on-black identity. */
.main-nav a .nav-index{display:none}
.main-nav .nav-home{gap:5px;text-transform:uppercase;letter-spacing:.04em;font-weight:850}
.main-nav .nav-home .nav-index{display:inline;align-self:flex-start;margin-top:11px;color:var(--orange);font-size:9px;line-height:1}
.main-nav .nav-home[aria-current=page] .nav-label{border-bottom:2px solid var(--orange)}
.main-nav .nav-home:active,.mobile-links a:active{transform:scale(.97)}
.privacy-contact{display:flex;flex-wrap:wrap;gap:8px 24px}
.privacy-contact a{color:var(--orange);text-underline-offset:4px}

/* A light, spacious opening makes the brand orange and the reel more deliberate. */
.refresh-hero{min-height:clamp(600px,77vh,830px);display:flex;align-items:center;background:var(--editorial-paper);color:var(--editorial-ink);padding:clamp(64px,8vw,116px) clamp(22px,4.4vw,76px) 38px}
.refresh-hero-head{max-width:none;width:100%}
.refresh-hero .refresh-eyebrow{color:var(--editorial-orange);margin-bottom:clamp(35px,5vw,70px)}
.refresh-hero h1{max-width:1320px;font-size:clamp(58px,8vw,122px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase;margin-bottom:clamp(54px,7vw,105px);text-wrap:balance}
.refresh-hero h1 span{color:var(--editorial-orange)}
.refresh-hero-bottom{grid-template-columns:minmax(220px,1fr) minmax(420px,.82fr);align-items:start;border-color:#c8c4bc;padding-top:23px}
.refresh-hero-bottom>p{font-size:clamp(19px,2vw,27px)}
.refresh-hero-bottom>div p{color:#4b4843;max-width:390px}
.refresh-hero .refresh-pill{background:var(--editorial-ink);color:#fff}
.refresh-hero .refresh-pill:hover{background:#38332c}
.refresh-hero .refresh-pill span{border-color:#68625c}

/* The actual DREAMIND reel is the first full-width project experience. */
.refresh-reel{padding:clamp(62px,6vw,95px) clamp(22px,4.4vw,76px) clamp(70px,8vw,125px);background:#101010}
.refresh-reel-heading{padding:0 0 clamp(28px,3vw,44px)}
.refresh-reel-heading h2{font-size:clamp(42px,5.8vw,86px);line-height:.99;letter-spacing:-.045em;text-transform:uppercase}
.refresh-reel-grid{grid-template-columns:1fr;gap:0;min-height:0}
.refresh-video-player{position:relative;flex:1;min-height:230px;max-height:760px;aspect-ratio:16/9;overflow:hidden;background:#121213}
.refresh-video-player video{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover}
.refresh-reel-start{z-index:2;border:0;cursor:pointer;font-family:inherit}
.refresh-reel-start[hidden]{display:none}
.refresh-reel-start:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.refresh-reel-start:hover{background:#ffa64d;transform:translate(-50%,-50%) scale(1.035)}}
.refresh-video-caption{background:#242322;min-height:70px;padding:17px clamp(18px,2.5vw,38px);font-size:13px}
.refresh-reel-aside{display:grid;grid-template-columns:minmax(220px,30%) 1fr;min-height:178px;max-height:210px;background:#1a1918}
.refresh-reel-aside img{position:static;width:100%;height:100%;min-height:178px;object-fit:cover}
.refresh-reel-aside:after{content:none}
.refresh-reel-aside figcaption{position:static;display:flex;align-items:center;padding:26px clamp(24px,4vw,60px);font-size:clamp(20px,2.5vw,36px);line-height:1.1;text-transform:uppercase;letter-spacing:-.025em}

/* Editorial rhythm: images and text carry the layout; cards do less work. */
.refresh-about-teaser,.refresh-about-page{background:var(--editorial-paper);color:var(--editorial-ink);padding:clamp(80px,9vw,145px) clamp(22px,4.4vw,76px)}
.refresh-about-teaser .refresh-eyebrow,.refresh-about-page .refresh-eyebrow,.refresh-page-hero .refresh-eyebrow{color:var(--editorial-orange)}
.refresh-intro h2{font-size:clamp(46px,5.6vw,86px);line-height:1;letter-spacing:-.05em}
.refresh-about-teaser .refresh-intro h2 span,.refresh-about-page .refresh-intro h2 span{color:var(--editorial-orange)}
.refresh-about-teaser .refresh-intro-side p,.refresh-about-page .refresh-intro-side p{color:#4b4843}
.refresh-about-teaser .refresh-about-values p,.refresh-about-page .refresh-about-values p{color:#514d47;border-color:#bdb8ae}
.refresh-about-teaser .refresh-about-values p:last-child,.refresh-about-page .refresh-about-values p:last-child{border-bottom-color:#bdb8ae}
.refresh-about-teaser .refresh-about-values strong,.refresh-about-page .refresh-about-values strong{color:var(--editorial-orange)}
.refresh-about-teaser .refresh-about-values b,.refresh-about-page .refresh-about-values b{color:var(--editorial-orange)}
.refresh-about-photo,.refresh-about-stack img{border-radius:0}
.refresh-orange-card{border-radius:0}

.refresh-services,.refresh-services-page{background:#121212;padding:clamp(80px,9vw,140px) clamp(22px,4.4vw,76px)}
.refresh-services .refresh-intro{margin-bottom:clamp(36px,5vw,72px)}
.refresh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(34px,5vw,84px)}
.refresh-service-card{background:transparent;border:0;border-top:1px solid #57534f;border-radius:0;padding:26px 4px 32px;min-height:250px;transform:none}
.refresh-service-card:hover{background:transparent;border-color:#a77b57;transform:none}
.refresh-service-card:last-child:nth-child(odd){grid-column:1/-1}
.refresh-icon{background:none;color:var(--orange);border:1px solid var(--orange);width:32px;height:32px;font-size:17px}
.refresh-number{border:0;padding-right:0;font-size:12px}
.refresh-service-card h3{font-size:clamp(27px,3vw,45px);line-height:1.05;letter-spacing:-.04em;margin-bottom:16px}
.refresh-service-card h3 a{color:#f6f4ef}
.refresh-service-card h3 a:hover{color:var(--orange)}
.refresh-service-card p{color:#c7c2bb;font-size:15px;max-width:49ch}
.refresh-card-link{width:max-content;min-width:155px;min-height:44px;padding:8px 15px;background:transparent;border:1px solid #77716a;font-size:13px}
.refresh-card-link:hover{background:var(--orange);border-color:var(--orange)}

/* Projects use the photographic, full-bleed treatment seen in the reference. */
.refresh-work{padding:clamp(80px,9vw,140px) 0 0;background:#151515}
.refresh-work .refresh-intro{padding-inline:clamp(22px,4.4vw,76px);margin-bottom:clamp(38px,5vw,70px)}
.refresh-project-grid{display:block}
.refresh-project-card{position:relative;isolation:isolate;min-height:clamp(480px,70vh,790px);border-radius:0;background:#222;overflow:hidden}
.refresh-project-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#242424}
.refresh-project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.11) 70%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 48%);pointer-events:none}
.refresh-project-image img{height:100%;object-fit:cover;transition:transform 650ms var(--ease-out)}
.refresh-project-image:hover img{transform:scale(1.025)}
.refresh-project-image span{right:clamp(22px,4vw,70px);bottom:clamp(24px,4vw,64px);z-index:2;width:48px;height:48px}
.refresh-project-card>div{position:absolute;z-index:1;left:clamp(22px,4.4vw,76px);right:95px;bottom:clamp(30px,5vw,75px);padding:0;pointer-events:none}
.refresh-project-card>div a{pointer-events:auto}
.refresh-project-card>div p{color:#fff;font-size:13px;margin-bottom:15px}
.refresh-project-card h3{font-size:clamp(52px,7vw,110px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em;max-width:1150px}
.refresh-project-card h3 a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:5px;text-underline-offset:10px}

/* Partnerships are described separately from the project case studies. */
.refresh-partnerships{background:#111;color:#f5f1eb;padding:clamp(78px,9vw,140px) clamp(22px,4.4vw,76px)}
.refresh-partnerships-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:36px;margin-bottom:clamp(38px,5vw,70px)}
.refresh-partnerships-heading .refresh-eyebrow{color:#f28a19;margin-bottom:20px}
.refresh-partnerships-heading h2{font-size:clamp(43px,5.5vw,83px);line-height:.98;letter-spacing:-.052em;max-width:900px}
.refresh-partnerships-heading h2 span{color:#f28a19}
.refresh-partnerships-heading>p{color:#b4ada3;max-width:390px;line-height:1.55;margin:0}
.refresh-partnership-list{border-top:1px solid #4a4641}
.refresh-partner{display:grid;grid-template-columns:44px minmax(150px,245px) minmax(0,1fr);gap:clamp(20px,3vw,52px);align-items:center;padding:clamp(28px,3.5vw,54px) 0;border-bottom:1px solid #4a4641}
.refresh-partner-number{align-self:start;color:#f28a19;font-size:14px;font-weight:800;letter-spacing:.08em}
.refresh-partner-mark{display:flex;align-items:center;justify-content:center;min-width:0;min-height:95px}
.refresh-partner-mark img{display:block;max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(.9)}
.refresh-partner-copy{max-width:740px}
.refresh-partner-copy>p:first-child{color:#f28a19;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}
.refresh-partner-copy h3{font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.035em;margin:0 0 13px}
.refresh-partner-copy h3 small{display:inline-block;color:#a9a39d;font-size:clamp(14px,1.35vw,18px);font-weight:500;letter-spacing:0;vertical-align:middle}
.refresh-partner-copy>p:last-child{color:#c5bfb7;font-size:clamp(16px,1.3vw,19px);line-height:1.5;margin:0}

/* The first client voice leads; the two supporting quotes complete the editorial composition. */
.refresh-testimonials{background:var(--editorial-paper);color:var(--editorial-ink);padding:clamp(82px,9vw,145px) clamp(22px,4.4vw,76px)}
.refresh-testimonials-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);align-items:end;gap:clamp(30px,5vw,84px);margin-bottom:clamp(38px,5vw,70px)}
.refresh-testimonials-heading .refresh-eyebrow{color:var(--editorial-orange);margin-bottom:18px}
.refresh-testimonials h2{max-width:940px;font-size:clamp(46px,6.1vw,92px);line-height:.98;letter-spacing:-.055em}
.refresh-testimonials h2 span{color:var(--editorial-orange)}
.refresh-testimonials-intro{border-top:1px solid #beb9b0;padding-top:18px}
.refresh-testimonials-intro span{color:var(--editorial-orange);font-size:12px;font-weight:800;letter-spacing:.13em}
.refresh-testimonials-intro p{color:#504b45;font-size:clamp(17px,1.4vw,21px);line-height:1.45;margin:18px 0 0;max-width:260px}
.refresh-quote-list{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}
.refresh-quote{min-width:0;min-height:280px;margin:0;padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:#e7e3dc;border:1px solid #d3cec6}
.refresh-quote:first-child{grid-row:span 2;min-height:610px;padding:clamp(34px,4.4vw,70px);background:#181715;color:#f7f3ed;border-color:#181715}
.refresh-quote-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.refresh-quote-top>span:first-child{font-size:12px;font-weight:800;letter-spacing:.14em;color:#70685f}
.refresh-quote:first-child .refresh-quote-top>span:first-child{color:#e8a56a}
.refresh-quote-mark{height:42px;color:var(--editorial-orange);font-size:100px;font-weight:700;line-height:.8;font-family:Georgia,serif}
.refresh-quote:first-child .refresh-quote-mark{color:#f28a19;font-size:150px;height:65px}
.refresh-quote blockquote{margin:0;max-width:34ch;font-size:clamp(24px,2.45vw,36px);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
.refresh-quote:first-child blockquote{max-width:21ch;font-size:clamp(37px,4.5vw,66px);line-height:1.12}
.refresh-quote figcaption{display:flex;flex-direction:column;gap:4px;border-top:1px solid #bfb9b0;padding-top:18px;font-size:14px}
.refresh-quote:first-child figcaption{border-color:#59534d}
.refresh-quote figcaption strong{font-size:16px;color:var(--editorial-ink)}
.refresh-quote:first-child figcaption strong{color:#f28a19}
.refresh-quote figcaption span{color:#625d56}
.refresh-quote:first-child figcaption span{color:#c6c0b9}
.refresh-quote-language{font-size:13px;color:#625d56;margin:23px 0 0}

/* Interior page opening follows the same light/dark editorial cadence. */
.refresh-page-hero{background:var(--editorial-paper);color:var(--editorial-ink);min-height:clamp(430px,62vh,660px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(70px,8vw,130px) 22px}
.refresh-page-hero h1{font-size:clamp(68px,9vw,140px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}
.refresh-page-hero h1 span{color:var(--editorial-orange)}
.refresh-page-hero>p:last-child{color:#494640}
.refresh-experience{background:#181818}
.refresh-experience img{border-radius:0}
.motion-ready [data-reveal]{transition-duration:540ms}

@media(max-width:900px){
  .refresh-hero-bottom{grid-template-columns:1fr}
  .refresh-hero-bottom>div{display:flex}
  .refresh-about-grid{grid-template-columns:1fr 1fr}
  .refresh-about-values{grid-column:1/-1}
  .refresh-partnerships-heading{grid-template-columns:1fr;gap:20px}
  .refresh-partner{grid-template-columns:32px minmax(120px,180px) minmax(0,1fr);gap:22px}
  .refresh-testimonials-heading{grid-template-columns:1fr;gap:24px}
  .refresh-testimonials-intro{display:flex;justify-content:space-between;gap:20px;align-items:start}
  .refresh-testimonials-intro p{margin:0}
}
@media(max-width:700px){
  .site-header{gap:8px;padding-inline:16px}
  .site-header .brand img{width:90px;height:54px}
  .mobile-locale{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;margin-left:auto;border:1px solid #777;color:#f6f4ef;font-size:14px;font-weight:700;text-decoration:none}
  .mobile-locale:hover,.mobile-locale:focus-visible{border-color:#f28a19;color:#f28a19}
  .mobile-nav .mobile-links{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 20px;gap:0;background:#f2f0eb;border-color:#f2f0eb;box-shadow:0 22px 45px #0007}
  .mobile-nav .mobile-links a{min-height:68px;gap:9px;padding:5px 2px;border-bottom:1px solid #c7c2bb;color:#171614;text-transform:uppercase;font-size:clamp(27px,8vw,40px);line-height:1;font-weight:850;letter-spacing:-.045em;transition:color 160ms ease,transform 160ms ease}
  .mobile-nav .mobile-links a:last-child{border-bottom:0}
  .mobile-nav .mobile-links .nav-index{align-self:flex-start;margin-top:8px;color:#a64b08;font-size:10px;line-height:1;letter-spacing:0}
  .mobile-nav .mobile-links a:hover,.mobile-nav .mobile-links a[aria-current=page]{background:transparent;color:var(--editorial-orange)}
  .mobile-nav .mobile-links a:focus-visible{outline:2px solid var(--editorial-orange);outline-offset:-2px}
}
@media(max-width:600px){
  .refresh-hero{min-height:auto;padding:72px 20px 26px}
  .refresh-hero .refresh-eyebrow{margin-bottom:48px}
  .refresh-hero h1{font-size:clamp(36px,10vw,54px);letter-spacing:-.05em;text-wrap:wrap;margin-bottom:54px}
  .refresh-hero-bottom{gap:17px}
  .refresh-hero-bottom>div{display:block}
  .refresh-hero-bottom>div p{max-width:none}
  .refresh-reel{padding:64px 0 76px}
  .refresh-reel-heading{padding:0 20px 27px}
  .refresh-reel-heading h2{font-size:clamp(38px,10vw,54px)}
  .refresh-video-player{min-height:230px}
  .refresh-video-caption{padding:16px 20px}
  .refresh-reel-aside{grid-template-columns:38% 1fr;min-height:130px}
  .refresh-reel-aside img{min-height:130px}
  .refresh-reel-aside figcaption{padding:14px;font-size:17px}
  .refresh-reel-aside{height:136px;min-height:0;max-height:none;grid-template-columns:38% minmax(0,1fr);grid-template-rows:136px}
  .refresh-reel-aside img{height:136px;min-height:0}
  .refresh-reel-aside figcaption{min-width:0;overflow-wrap:anywhere}
  .refresh-about-teaser,.refresh-about-page,.refresh-services,.refresh-services-page{padding-inline:20px}
  .refresh-about-grid{grid-template-columns:minmax(0,1fr)}
  .refresh-about-stack{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 240px;min-height:0}
  .refresh-orange-card{min-height:230px;gap:16px}
  .refresh-about-stack img{height:240px}
  .refresh-intro h2{font-size:clamp(42px,10vw,60px)}
  .refresh-service-grid{grid-template-columns:1fr}
  .refresh-service-card:last-child:nth-child(odd){grid-column:auto}
  .refresh-service-card{min-height:0;padding-block:24px 31px}
  .refresh-work{padding-top:85px}
  .refresh-work .refresh-intro{padding-inline:20px}
  .refresh-project-card{min-height:510px}
  .refresh-project-card>div{left:20px;bottom:35px;right:78px}
  .refresh-project-card h3{font-size:clamp(45px,12vw,67px)}
  .refresh-project-image span{right:20px;bottom:32px;width:42px;height:42px}
  .refresh-partnerships,.refresh-testimonials{padding-inline:20px}
  .refresh-partner{grid-template-columns:32px minmax(0,1fr);column-gap:16px;row-gap:13px;align-items:start}
  .refresh-partner-mark{justify-content:flex-start;min-height:68px}
  .refresh-partner-mark img{max-width:210px;max-height:68px}
  .refresh-partner-copy{grid-column:2}
  .refresh-partner-copy h3{font-size:32px}
  .refresh-testimonials-intro{display:block}
  .refresh-testimonials-intro p{margin-top:12px}
  .refresh-quote-list{grid-template-columns:1fr;gap:12px}
  .refresh-quote,.refresh-quote:first-child{min-height:0;padding:28px;gap:40px}
  .refresh-quote:first-child{grid-row:auto;min-height:455px}
  .refresh-quote:first-child blockquote{font-size:clamp(34px,8.3vw,45px)}
  .refresh-quote blockquote{font-size:clamp(24px,6vw,31px)}
  .refresh-quote-mark{font-size:90px;height:35px}
  .refresh-quote:first-child .refresh-quote-mark{font-size:120px;height:50px}
  .refresh-page-hero{min-height:420px;padding:75px 20px}
  .refresh-page-hero h1{font-size:clamp(40px,12.5vw,68px);max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .refresh-project-image img,.refresh-reel-start,.mobile-nav .mobile-links a{transition:none!important}
  .refresh-project-image:hover img{transform:none}
  .mobile-nav .mobile-links a:active{transform:none}
}

/* A consistent, tighter rhythm between sections across ES/EN pages. */
:root{--section-space:clamp(44px,5vw,80px)}
.refresh-reel{padding-top:var(--section-space);padding-bottom:clamp(32px,3.5vw,56px)}
.refresh-about-teaser,.refresh-about-page,.refresh-services,.refresh-services-page,.refresh-partnerships,.refresh-testimonials{padding-block:var(--section-space)}
.refresh-work{padding-top:var(--section-space)}
.refresh-page-hero{min-height:300px;padding-block:56px}
.listing-hero{padding-block:var(--section-space)}
.listing-body,.detail-body,.contact-grid,.related,.closing,.service-body{padding-block:var(--section-space)}
.detail-hero,.service-hero{padding-bottom:var(--section-space)}
.video-block{padding-block:clamp(36px,4vw,64px)}
.refresh-intro{margin-bottom:clamp(28px,3vw,44px)}
@media(max-width:600px){
  :root{--section-space:44px}
  .refresh-reel{padding-bottom:32px}
  .refresh-page-hero{min-height:250px;padding-block:44px}
  .refresh-work{padding-top:44px}
  .refresh-hero{padding-top:48px}
  .refresh-hero .refresh-eyebrow{margin-bottom:32px}
  .refresh-hero h1{margin-bottom:36px}
}

/* Reserve the complete video frame before loading; avoid the native 150px strip. */
.video-block>h2{max-width:1100px;margin-inline:auto;font-size:clamp(30px,4vw,54px)}
.project-video-frame{position:relative;aspect-ratio:16/9;width:100%;max-width:1100px;margin-inline:auto;background:#080808;overflow:hidden;border:1px solid #373431}
.video-block .project-video-frame video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.project-video-caption{max-width:1100px;margin:12px auto 0;color:#c4c0bb;font-size:14px;line-height:1.5}
@media(max-width:600px){
  .video-block{padding-inline:20px}
  .video-block>h2{margin-bottom:20px}
  .project-video-caption{font-size:12px}
  .project-video-frame .refresh-play{font-size:14px;gap:9px;padding:9px 15px 9px 10px}
  .project-video-frame .refresh-play span{width:30px;height:30px}
}

/* Keep the international introduction readable beside the main headline. */
.refresh-hero-bottom>div{display:block}
.refresh-hero-bottom>div p{max-width:520px}
.refresh-hero-bottom>div .refresh-pill{margin-top:17px}

/* Compact editorial journal, with a clear reading scale. */
.blog-hero{padding-block:48px 40px}
.blog-hero h1{font-size:clamp(36px,4.4vw,64px);line-height:1.06;max-width:900px;margin-bottom:18px}
.blog-hero>p:not(.hero-label){font-size:16px;max-width:600px;margin-bottom:0}
.blog-listing{background:#f2f0eb;color:#171614;padding-block:38px 64px}
.blog-listing .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.blog-listing .card{display:flex;flex-direction:column;border-color:#c7c0b5;padding-bottom:22px}
.blog-listing .card-image{aspect-ratio:16/10;border-radius:0;flex:none}
.blog-listing .card-image img{transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
.blog-listing .card-text{display:flex;flex-direction:column;flex:1;padding:18px 0 0}
.blog-listing .card .eyebrow{font-size:10px;letter-spacing:.1em;color:#a64b08;margin:0 0 10px}
.blog-listing .card h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.blog-listing .card-text>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#514c45;min-height:0;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-listing .card .under-link{margin-top:auto;font-size:13px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.blog-article .detail-hero h1{font-size:clamp(34px,4.1vw,64px);line-height:1.1;letter-spacing:-.04em}
.blog-article .detail-hero figure img{height:clamp(220px,30vw,400px)}
.blog-article .related .card h2{font-size:23px;line-height:1.25}
.blog-article .related .card-image{aspect-ratio:16/10}
@media(max-width:1000px){.blog-listing .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-hero{padding:36px 20px 30px}.blog-hero h1{font-size:36px}.blog-hero>p:not(.hero-label){font-size:14px}.blog-listing{padding:28px 20px 44px}.blog-listing .cards{grid-template-columns:1fr;gap:28px}.blog-listing .card-image{aspect-ratio:16/9}.blog-listing .card h2{font-size:21px}.blog-listing .card-text{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.blog-listing .card-image img{transition:none;transform:none}}

/* Preserve the full editorial artwork, including embedded titles. */
.blog-listing .card-image,.blog-article .related .card-image{aspect-ratio:1200/628}
.blog-article .detail-hero figure img{height:auto;aspect-ratio:1200/628;object-fit:contain;max-height:400px}