/* Operator.X-informed layout: full-bleed editorial hero; light intro panel;
   dark image-led service stack; light portfolio. Brand palette is preserved.
   Layers: sticky cards 1, navigation 20, mobile navigation 21, skip link 30. */
:root{--bg:#101010;--surface:#171717;--text:#f7f7f7;--muted:#9c9c9c;--lime:#d7f52b;--line:#333;--space:clamp(22px,4.2vw,72px);--content-width:1460px;--content-gutter:max(var(--space),calc((100% - var(--content-width))/2));font-family:Satoshi,Arial,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:#111}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Clash Grotesk',Arial,sans-serif;font-weight:600}h2{font-size:clamp(38px,4.2vw,64px);line-height:1.02;letter-spacing:-.015em}h3{line-height:1.02;letter-spacing:-.01em}.muted{color:var(--muted)}.lime{color:var(--lime)}.wrap{width:100%;margin-inline:auto;padding-inline:var(--content-gutter)}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:.035em;margin-bottom:34px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:14px;background:var(--lime);color:#111}.skip:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;border:0;border-radius:100px;background:var(--lime);color:#111;padding:13px 23px;font-weight:700;font-size:13px;white-space:nowrap;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px);background:var(--lime)}.button:active{transform:none}.button span{font-size:21px;line-height:1}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#343434}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;border-bottom:1px solid currentColor;padding:10px 0}.text-link:hover{color:#111}.text-link span{font-size:22px}.light-section{background:#fafafa;color:#111;padding-inline:var(--content-gutter)}
.header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:30px;padding:22px var(--content-gutter);border-bottom:1px solid #ffffff20;height:90px;background:transparent;color:white}.brand{width:183px;flex-shrink:0}.desktop-nav{display:flex;gap:34px;align-items:center;margin-left:auto;font-size:15px}.desktop-nav a{padding-block:10px}.desktop-nav sup{font:11px monospace;color:#ffffff80;margin-left:6px}.desktop-nav a:hover{color:var(--lime)}.header-cta{background:#f9f9f9;color:#111;min-height:44px;margin-left:15px;font-size:13px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{position:relative;height:100svh;min-height:730px;max-height:1100px;overflow:hidden;background:#464646}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#00000028,transparent 42%)}.hero-inner{position:absolute;inset:auto var(--content-gutter) 55px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.hero h1{font-size:clamp(76px,7.05vw,108px);line-height:1.01;letter-spacing:-.012em;color:#fff;max-width:700px}.hero-star{display:inline-block;margin-left:14px;line-height:.8;font-family:Arial,sans-serif;font-size:1em;color:var(--lime);vertical-align:baseline}.hero-bottom{max-width:300px;padding-bottom:9px}.hero-bottom p{font-size:21px;line-height:1.4;font-weight:700;color:#fff}.intro{position:relative;isolation:isolate;padding:160px 22px;background:#f2f2f2;color:#111;min-height:1000px}.intro-card{position:relative;max-width:790px;margin:auto;background:white;padding:82px 96px 88px;border:1px solid #e9e9e9}.intro-card .eyebrow{color:#696969;margin-bottom:36px}.intro h2{font-size:clamp(46px,4.7vw,72px);line-height:1.04;letter-spacing:-.015em}.intro-card>p:not(.eyebrow){font-size:20px;line-height:1.5;color:#666;margin-top:34px;max-width:510px}.logos{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-block:45px 34px}.logos img{width:23%;height:64px;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply;opacity:.64}
.services{background:#070707;padding-block:110px 120px}.services>.wrap{width:100%}.services .eyebrow{color:#a3a3a3}.services h2{font-size:clamp(40px,4.2vw,64px)}.service-stack{margin-top:85px}.service-card{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;background:#101010;border:1px solid #2c2c2c;min-height:630px;margin-bottom:32px}.service-card:last-child{margin-bottom:0}.service-copy{padding:44px;display:flex;flex-direction:column;align-items:flex-start}.service-copy h3{font-size:clamp(31px,2.9vw,43px);max-width:500px}.service-copy>p{max-width:300px;font-size:16px;line-height:1.6;margin-top:36px;color:#b9b9b9}.service-bottom{display:flex;gap:30px;margin-top:auto;padding-top:70px;font-size:14px;color:#bdbdbd}.service-no{padding-top:5px;white-space:nowrap}.service-bottom ul{list-style:none;padding:0;margin:0}.service-bottom li{padding-block:5px}.service-copy .text-link{margin-top:24px;font-size:12px;color:#f0f0f0;border-color:#555}.service-copy .text-link:hover{color:var(--lime)}.service-visual{border-left:1px solid #2c2c2c;padding:38px;min-width:0;display:flex}.service-visual img{width:100%;height:100%;max-height:580px;object-fit:cover;align-self:stretch}.service-card:nth-child(2) .service-visual img{object-position:48% center}.service-card:nth-child(3) img{filter:none}
.work{padding-block:100px 110px}.work-heading{max-width:none;margin:auto}.work .eyebrow{color:#777}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:100px}.section-heading>p{font-size:20px;line-height:1.45;color:#666;max-width:345px;justify-self:end;padding-bottom:2px}.work h2{font-size:clamp(40px,4.2vw,64px)}.work .muted{color:#b1b1b1}.work-toolbar{max-width:none;margin:45px auto 26px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter{font:12px Satoshi,Arial,sans-serif;background:none;border:0;border-bottom:1px solid transparent;color:#717171;border-radius:0;padding:9px 13px;transition:color .2s,border-color .2s}.filter:hover{color:#111}.filter.active{border-color:#111;color:#111}.filter sup{font-size:9px;padding-left:5px}.projects{max-width:none;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{position:relative;margin:0;min-width:0}.project[hidden]{display:none}.project>a{display:block;position:relative}.project-image{aspect-ratio:1.03;overflow:hidden;background:#e6e6e6}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.project:nth-child(3) img{object-position:50% 38%}.project-caption{position:absolute;inset:auto 0 0;min-height:170px;background:linear-gradient(transparent,#000000c4);padding:60px 32px 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;color:#fff}.project-caption>div{display:flex;flex-direction:column-reverse;gap:9px}.project h3{font-size:23px;font-weight:600;text-transform:uppercase;max-width:420px}.category{font-size:13px}.round-arrow{display:grid;place-items:center;background:#fff;color:#111;width:30px;height:30px;border-radius:50%;font-size:22px;flex-shrink:0;transition:transform .25s}.project>a:hover img{transform:scale(1.025)}.project>a:hover .round-arrow{background:var(--lime)}.portfolio-end{margin-top:48px;text-align:center}
.agency{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:110px;align-items:center;border-top:1px solid #ddd}.portrait{aspect-ratio:1;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}.agency h2{font-size:clamp(40px,4vw,62px)}.agency .eyebrow{color:#777}.agency-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#666;max-width:460px;margin-top:27px}.signature{margin-top:26px;display:flex;flex-direction:column;gap:6px;font-size:15px}.signature span{font-size:12px;color:#777}.agency .text-link{margin-top:27px}.testimonial{padding-block:50px 110px;text-align:center}.quote-symbol{color:#111;font-family:'Clash Grotesk',Arial;font-size:100px;line-height:1;display:block;height:70px}.testimonial blockquote{font-family:'Clash Grotesk',Arial;font-size:clamp(27px,3.2vw,48px);line-height:1.1;margin:25px auto;font-weight:500;letter-spacing:-.02em}.testimonial p{font-size:14px}.testimonial p span{display:block;font-size:11px;color:#777;margin-top:8px}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#ededed;color:#111;padding:70px var(--content-gutter);gap:clamp(32px,4vw,64px)}.contact-content{min-width:0;padding:0}.contact .eyebrow{color:#707070}.contact h2{font-size:clamp(38px,3.8vw,58px)}.contact-content>p:not(.eyebrow){margin-top:25px;color:#666}.contact-image{position:relative;overflow:hidden;min-width:0;min-height:0}.contact-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.contact form{margin-top:35px}.contact label{display:block;font-size:12px;margin-bottom:8px;margin-top:22px}.contact input,.contact textarea{width:100%;border:0;border-bottom:1px solid #bbb;border-radius:0;background:none;color:#111;padding:9px 0 13px;font-size:16px;resize:vertical}.contact input::placeholder,.contact textarea::placeholder{color:#777}.contact form .button{margin-top:25px}.form-note{font-size:11px;line-height:1.5;color:#6b6b6b;margin-top:14px;max-width:320px}.email-link{display:inline-block;font-size:15px;margin-top:35px}.email-link:hover{text-decoration:underline}.footer{background:#0c0c0c;padding-top:95px}.footer-wordmark{font-family:'Clash Grotesk',Arial;font-size:clamp(70px,16.05vw,250px);line-height:1;font-weight:600;letter-spacing:-.025em;white-space:nowrap;position:relative;padding-bottom:50px;color:#f3f3f3}.footer-wordmark>span{font-family:Arial;font-size:.15em;vertical-align:top;display:inline-block;padding-top:.35em;margin-left:6px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-block:45px;border-top:1px solid #333;font-size:14px;line-height:1.7}.footer-top img{width:180px}.footer-top p{color:#aaa}.footer-top>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.footer a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#aaa;border-top:1px solid #333;padding-block:26px}.footer-bottom>div{display:flex;gap:22px}
@media(prefers-reduced-motion:no-preference){.hero-bottom{animation:enter .9s .15s both}.reveal.ready{transition:transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal.ready.visible{transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.header{gap:18px}.desktop-nav{gap:18px;font-size:13px}.desktop-nav sup{font-size:9px;margin-left:2px}.brand{width:155px}.header-cta{margin-left:0}.hero{min-height:700px}.hero-inner{bottom:45px;gap:30px}.hero h1{font-size:8.2vw}.hero-bottom{max-width:240px}.hero-bottom p{font-size:18px}.intro{padding-block:110px;min-height:900px;background-size:auto 70%}.intro-card{max-width:700px;padding:65px 75px}.service-card{min-height:560px}.service-copy{padding:30px}.service-visual{padding:25px}.service-copy>p{font-size:15px}.section-heading{gap:55px}.section-heading>p{font-size:17px}.project h3{font-size:20px}.project-caption{padding:50px 23px 24px}.agency{gap:55px}.agency-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:767px){:root{--space:22px}.header{height:76px;padding-block:18px}.brand{width:155px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;gap:13px;align-items:center;border:0;padding:12px 0;background:transparent;color:#fff;margin-left:auto;font-size:13px}.menu-icon{width:22px;height:13px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.mobile-nav{position:absolute;top:76px;left:0;right:0;background:#171717;padding:20px 22px 28px;display:flex;flex-direction:column;z-index:21;border-top:1px solid #555}.mobile-nav a{padding:12px 0;font-size:24px}.menu-toggle[aria-expanded=true] .menu-icon{transform:rotate(45deg);height:1px;border-bottom:0}.hero{height:100svh;min-height:740px;max-height:950px}.hero-art{object-position:53% center}.hero:after{background:linear-gradient(0deg,#00000095,transparent 64%)}.hero-inner{inset:auto 22px 36px;display:block}.hero h1{font-size:clamp(48px,13.8vw,90px);line-height:1.01;letter-spacing:-.015em;max-width:100%}.hero-star{margin-left:6px;font-size:.85em}.hero-bottom{max-width:300px;margin:22px 0 0 auto;padding:0}.hero-bottom p{font-size:15px;line-height:1.4}.intro{padding:65px 20px;min-height:0;background-size:auto 80%;background-position:center 65%}.intro-card{padding:38px 29px 42px}.eyebrow{font-size:10px;margin-bottom:25px}.intro-card .eyebrow{margin-bottom:27px}.intro h2{font-size:clamp(35px,8.8vw,58px)}.intro-card>p:not(.eyebrow){font-size:16px;line-height:1.5;margin-top:26px}.logos{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-block:20px 24px}.logos img{width:100%;height:54px;object-fit:contain}.button{font-size:12px;padding:12px 17px;min-height:44px;gap:18px}.services{padding-block:65px 70px}.services h2{font-size:clamp(35px,9vw,55px)}.service-stack{margin-top:40px}.service-card{position:relative;top:auto;display:flex;flex-direction:column;margin-bottom:25px;min-height:0}.service-copy{padding:29px 26px}.service-copy h3{font-size:33px}.service-copy>p{margin-top:23px;font-size:15px;max-width:100%}.service-bottom{padding-top:28px;font-size:13px;gap:23px}.service-copy .text-link{margin-top:18px}.service-visual{border-left:0;border-top:1px solid #2c2c2c;padding:20px;aspect-ratio:1.15;display:block}.service-visual img{width:100%;height:100%;max-height:none;object-fit:cover}.work{padding-block:65px}.work h2{font-size:clamp(33px,8.5vw,53px)}.section-heading{display:block}.section-heading>p{font-size:16px;margin-top:24px;max-width:300px}.work-toolbar{margin-top:28px;margin-bottom:20px}.filters{gap:3px}.filter{padding:8px 9px;font-size:10px}.projects{grid-template-columns:1fr;gap:16px}.project-image{aspect-ratio:1.02}.project h3{font-size:20px}.project-caption{padding:50px 22px 23px}.category{font-size:12px}.portfolio-end{margin-top:32px}.agency{grid-template-columns:1fr;padding-block:65px;gap:35px}.portrait{aspect-ratio:1}.agency h2{font-size:38px}.agency-copy>p:not(.eyebrow){font-size:15px;margin-top:23px}.testimonial{padding-block:25px 65px}.testimonial blockquote{font-size:27px}.desktop-br{display:none}.contact{grid-template-columns:1fr;gap:35px;padding-block:55px}.contact-content{padding:0}.contact h2{font-size:39px}.contact-image{height:400px}.contact-image img{object-position:55% center}.contact form{margin-top:25px}.contact input,.contact textarea{font-size:16px}.footer{padding-top:45px}.footer-wordmark{font-size:15.5vw;padding-bottom:35px;letter-spacing:-.035em}.footer-top{grid-template-columns:1fr 1fr;font-size:12px;padding-block:30px;gap:25px}.footer-top>a{grid-column:1/-1}.footer-top img{width:150px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:17px}.footer-bottom>div{gap:15px}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-card{position:relative;top:auto}.reveal{transform:none!important}}

.intro-landscape{content:'';position:absolute;inset:20% 0 0;z-index:-1;background:url('assets/pilatus-higgsfield.webp') center / cover no-repeat;mask-image:linear-gradient(transparent,black 25%,black 78%,transparent)}

/* Motion layer: letter rolling, scroll-driven ink, staged section entrances. */
.hero h1{flex:1;min-width:0;max-width:none}
.hero-line{display:flex;align-items:center;white-space:nowrap}
.hero-word{display:flex;overflow:hidden;height:1.06em;white-space:nowrap}
.hero-word>span{display:inline-block}
.hero-star{width:.85em;height:.85em;flex-shrink:0;margin-left:.05em;vertical-align:initial}
.hero-bottom{flex-shrink:0}
.motion-toggle{position:absolute;right:var(--content-gutter);bottom:14px;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 0;background:transparent;border:0;color:#fff;font-size:10px}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{color:var(--lime)}
.rolling-label{display:inline-flex;vertical-align:middle}
.roll-cell{display:inline-block;overflow:hidden;line-height:1.3}
.roll-track{display:block;position:relative;transition:transform 400ms cubic-bezier(.22,1,.36,1)}
.roll-track>span{display:block}.roll-track>span+span{position:absolute;top:100%;left:0}
.button .rolling-label,.button .rolling-label span{font-size:inherit;line-height:1.3}
.intro{overflow:clip}.ink-char{white-space:pre}
.service-visual{overflow:hidden}
.project-caption>div{position:relative}
.project-description{font:14px/1.45 Satoshi,Arial,sans-serif;max-width:360px;margin-top:7px}
.project-caption>div{flex-direction:column}
.project-caption .category{order:1}.project-caption h3{order:0}.project-caption .project-description{order:2}
.footer-wordmark{overflow:hidden;text-align:center}
.footer-wordmark>.wordmark-letter{font:inherit;vertical-align:baseline;padding:0;margin:0;display:inline-block}
@media(hover:hover) and (pointer:fine){
  a:hover .roll-track,a:focus-visible .roll-track{transform:translateY(-100%)}
  .project-image img{filter:grayscale(1);transition:filter 650ms ease,transform 850ms cubic-bezier(.22,1,.36,1)}
  .project>a:hover img,.project>a:focus-visible img{filter:grayscale(0);transform:scale(1.025)}
  .project-caption>div{transform:none;transition:transform 450ms cubic-bezier(.22,1,.36,1)}
  .project-description{position:absolute;top:100%;left:0;width:100%;opacity:0;transform:translateY(8px);transition:opacity 250ms,transform 450ms cubic-bezier(.22,1,.36,1)}
  .project>a:hover .project-caption>div,.project>a:focus-visible .project-caption>div{transform:translateY(-66px)}
  .project>a:hover .project-description,.project>a:focus-visible .project-description{opacity:1;transform:none}
  .project>a:hover .project-image:after,.project>a:focus-visible .project-image:after{opacity:1}
  .project>a:hover .round-arrow,.project>a:focus-visible .round-arrow{background:var(--lime);color:#111;transform:none}

}
@media(prefers-reduced-motion:no-preference){
  .hero-star{animation:star-turn 8s linear infinite;animation-play-state:paused}
  .motion-running .hero-star{animation-play-state:running}
  .hero-line{animation:line-enter 850ms cubic-bezier(.22,1,.36,1) both}
  .hero-line:last-child{animation-delay:100ms}
  .reveal.ready{opacity:0;transform:translateY(60px);transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.22,1,.36,1)}
  .reveal.ready.visible{opacity:1;transform:none}
  .service-visual.reveal{transition-delay:90ms}
  .footer-wordmark.motion-ready .wordmark-letter{transform:translateY(110%);transition:transform 900ms cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--letter-index)*45ms)}
  .footer-wordmark.is-visible .wordmark-letter{transform:translateY(0)}
  @keyframes star-turn{to{transform:rotate(360deg)}}
  @keyframes line-enter{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
}
@media(min-width:768px) and (max-width:1100px){.hero h1{font-size:7.6vw}.hero-bottom{max-width:210px}}
@media(max-width:767px){.hero h1{font-size:11.9vw}.hero-bottom{margin-top:24px}.hero-inner{bottom:58px}.motion-toggle{bottom:13px}.project-description{font-size:12px}.project-caption{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.ink-char{opacity:1!important}.hero-star,.intro-landscape,.wordmark-letter,.roll-track{transform:none!important}.reveal.ready{opacity:1!important}.motion-toggle{display:none}}

/* Pilatus: keep the summit visible above the intro panel. */
.intro{padding-top:340px;padding-bottom:110px}
.intro-landscape{inset:0 0 auto;height:clamp(540px,45vw,760px);filter:none;background-position:center 25%;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(transparent,black 12%,black 65%,transparent)}
.intro-card{background:#fff}
.project>a{overflow:hidden}
.project-image{position:relative}
.project-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 25%,#0e0e0e1a 50%,#0b0b0bb8);opacity:0;transition:opacity 450ms ease}
.project-caption{z-index:1;background:linear-gradient(transparent,#000b);padding-top:100px}
.round-arrow{width:42px;height:42px;font-size:23px;background:#ffffffeb;transition:background-color 250ms,color 250ms;transform:none}
.project-caption .category{color:#ffffffb8;font-size:12px}
.project-description{color:#ffffffe0;font-size:14px;line-height:1.5}
.portrait img{filter:none}
.service-stack{position:relative;isolation:isolate;padding-bottom:60px}
.service-card{background:transparent;border:0;gap:0;margin-bottom:40px;min-width:0}
.service-copy,.service-visual{background:#101010;border:1px solid #2c2c2c;min-width:0}
.service-visual img{max-height:none;min-height:0}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){
  .service-card{position:sticky;top:calc(120px + var(--card-index,0)*20px);z-index:calc(1 + var(--card-index,0));height:630px;min-height:0;transition:gap 650ms cubic-bezier(.22,1,.36,1)}
  .service-card.is-stacked{gap:40px}
}
@media(min-width:768px) and (max-height:840px){
  .service-card{height:calc(100svh - 200px);min-height:490px;top:calc(80px + var(--card-index,0)*20px)}
  .service-copy{padding:26px}
  .service-copy h3{font-size:30px}
  .service-copy>p{font-size:14px;line-height:1.5;margin-top:22px}
  .service-bottom{padding-top:22px;font-size:12px;gap:22px}
  .service-bottom li{padding-block:4px}
  .service-copy .text-link{margin-top:16px;padding-block:7px}
  .service-visual{padding:26px}
}
@media(max-width:767px){
  .intro{padding-top:300px;padding-bottom:65px}
  .intro-landscape{height:560px;background-size:cover;background-position:65% center;background-repeat:no-repeat;mask-image:linear-gradient(transparent,black 12%,black 65%,transparent)}
  .intro-card{padding-top:36px}
  .service-stack{padding-bottom:0}
  .service-card{margin-bottom:26px;gap:0}
  .project-description{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.service-card{position:relative;top:auto;gap:0;height:auto;min-height:0}.project-image img{transition:none}}
@media(max-width:767px){
  .project-image img{filter:none}
  .project-description{position:static;width:auto;opacity:1;transform:none}
  .project>a:hover .project-caption>div,.project>a:focus-visible .project-caption>div{transform:none}
}

/* Content expansion: keep the approved palette, type and sticky-card motion. */
.hero-bottom{max-width:310px}.hero-bottom p{font-size:17px;line-height:1.5;font-weight:500}.hero-bottom .hero-location{font-size:21px;line-height:1.25;font-weight:700;margin-bottom:16px}.hero-contact{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding-block:8px;border-bottom:1px solid #ffffff80;font-size:12px}.hero-contact:hover{color:var(--lime)}
.service-bottom a{display:inline-block;text-underline-offset:4px;transition:color .2s;padding-block:3px}.service-bottom a:hover,.service-bottom a:focus-visible{color:var(--lime);text-decoration:underline}.service-bottom li{padding-block:2px}.service-copy>p{max-width:365px}.service-copy .text-link{font-size:13px}
.process-section{padding-block:100px 110px;background:#101010}.process-heading{margin-bottom:65px}.process-heading .eyebrow{color:#b7b7b7}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;padding:0;margin:0}.process-steps li{border-top:1px solid #494949;padding-top:24px}.step-number{display:block;color:var(--lime);font:13px monospace;margin-bottom:45px}.process-steps h3{font-size:25px;line-height:1.1;max-width:230px}.process-steps p{font-size:15px;line-height:1.65;color:#b9b9b9;margin-top:19px;max-width:285px}
.testimonial{padding-top:90px}.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1080px;margin:75px auto 0;text-align:left;border-top:1px solid #d4d4d4;padding-top:42px}.review-pair figure{margin:0}.review-pair blockquote{font-size:27px;line-height:1.25;margin:0 0 25px;max-width:470px}.review-pair figcaption{font-size:13px;line-height:1.6}.review-pair figcaption span{display:block;color:#686868}.review-source{display:inline-block;margin-top:45px;font-size:12px;border-bottom:1px solid #aaa;padding-bottom:6px}.review-source:hover{border-color:#111}
.faq-section{display:grid;grid-template-columns:.9fr 1.4fr;gap:100px;padding-block:95px;border-top:1px solid #d5d5d5}.faq-heading p{font-size:16px;color:#646464;line-height:1.6;margin-top:25px;max-width:260px}.faq-list{min-width:0}.faq-list details{border-bottom:1px solid #d1d1d1}.faq-list details:first-child{border-top:1px solid #d1d1d1}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;cursor:pointer;font-size:18px;line-height:1.4;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-family:Arial,sans-serif;font-size:26px;line-height:1;flex-shrink:0;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 40px 27px 0;font-size:16px;line-height:1.75;color:#5f5f5f;max-width:670px}.faq-answer a{text-decoration:underline;text-underline-offset:3px;color:#111}.faq-list summary:hover{color:#111}
.knowledge{padding-block:90px 110px;border-top:1px solid #d5d5d5}.knowledge .muted{color:#8c8c8c}.knowledge .eyebrow{color:#666}.article-list{margin-top:55px;border-top:1px solid #bdbdbd}.article-row{display:grid;grid-template-columns:190px 1fr 50px;gap:35px;align-items:center;padding:32px 0;border-bottom:1px solid #cfcfcf;transition:background .2s}.article-topic{font-size:13px;color:#646464}.article-row h3{font-size:clamp(21px,2.1vw,31px);line-height:1.2;font-weight:500;max-width:800px}.article-arrow{font-size:34px;justify-self:end;transition:transform .25s}.article-row:hover .article-arrow,.article-row:focus-visible .article-arrow{transform:translate(3px,-3px)}.article-row:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.knowledge>.text-link{margin-top:32px}.footer-local{display:block;font-size:12px;max-width:230px;margin-top:12px}.light-section :focus-visible,.web-hero :focus-visible{outline-color:#111}

/* Webdesign detail: editorial opening, wide portfolio image, open service rows. */
.web-page{background:#fafafa;color:#111}.web-page .header{position:relative;background:#101010;color:#fff}.web-hero{padding:36px var(--content-gutter) 0}.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:12px;color:#696969}.breadcrumbs a:hover{color:#111;text-decoration:underline;text-underline-offset:4px}.web-hero-copy{display:grid;grid-template-columns:2.2fr 1fr;gap:50px;align-items:end;padding:70px 0 65px}.web-hero-copy .eyebrow{margin-bottom:30px;color:#656565}.web-hero h1{font-size:clamp(48px,6.2vw,96px);line-height:1.01;letter-spacing:-.025em}.web-hero h1>span{color:#939393}.web-lead{padding-bottom:6px}.web-lead>p{font-size:19px;line-height:1.6;max-width:315px}.web-lead .button{margin-top:28px;gap:20px}.web-hero-project{margin:0;background:#f0f0f0;border:1px solid #e0e0e0}.web-hero-project>img{width:100%;height:clamp(350px,43vw,640px);object-fit:contain;background:#fff}.web-hero-project figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 28px;font-size:12px}.web-hero-project figcaption a{text-decoration:underline;text-underline-offset:4px}.web-intro{padding-block:110px;display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.web-intro h2{font-size:clamp(35px,3.8vw,59px)}.web-intro-copy{max-width:490px}.web-intro-copy p{font-size:18px;line-height:1.7;color:#5e5e5e}.web-intro-copy p+p{margin-top:22px}.web-intro-copy .text-link{margin-top:24px}
.web-scope{background:#101010;color:#f7f7f7;padding-block:100px 110px}.scope-list{margin-top:70px}.scope-row{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:40px;padding:44px 0;border-top:1px solid #3e3e3e}.scope-row:last-child{padding-bottom:0}.scope-index{font:13px monospace;color:var(--lime);padding-top:6px}.scope-row h3{font-size:clamp(29px,3.2vw,46px);line-height:1.08}.scope-row p{max-width:515px;font-size:17px;line-height:1.65;color:#b7b7b7}.scope-row ul{padding:0;list-style:none;display:flex;gap:8px 24px;flex-wrap:wrap;margin:22px 0 0;max-width:560px}.scope-row li{font-size:12px;line-height:1.6;color:#dedede;border-bottom:1px solid #555;padding-bottom:4px}
.web-cases{padding-block:100px 90px}.web-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:55px}.web-case{min-width:0}.case-visual{display:block;position:relative;overflow:hidden;background:#e9e9e9}.case-visual img{width:100%;aspect-ratio:1.27;object-fit:cover;transition:filter .55s,transform .7s cubic-bezier(.22,1,.36,1)}.case-visual .round-arrow{position:absolute;bottom:22px;right:22px}.case-visual:hover .round-arrow,.case-visual:focus-visible .round-arrow{background:var(--lime)}.case-copy{padding-top:25px}.case-copy>span{font-size:12px;color:#636363}.case-copy h3{font-size:32px;margin-top:10px}.case-copy p{max-width:490px;font-size:16px;line-height:1.65;color:#606060;margin-top:17px}.web-review{max-width:970px;margin:100px auto 10px;text-align:center}.web-review blockquote{font-family:'Clash Grotesk',Arial,sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.22;font-weight:500;margin:0}.web-review figcaption{margin-top:27px;font-size:13px}.web-review figcaption a{display:block;font-size:11px;color:#666;margin-top:9px;text-decoration:underline;text-underline-offset:4px}
.web-seo{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--lime);color:#151515;padding-block:90px}.web-seo .eyebrow{color:#454545}.web-seo h2{font-size:clamp(42px,4.3vw,65px)}.seo-lead{font-size:22px;line-height:1.5;max-width:590px;margin-bottom:35px}.seo-point{margin-top:25px}.seo-point h3{font-size:21px;line-height:1.2}.seo-point p{font-size:15px;line-height:1.7;color:#474747;max-width:565px;margin-top:10px}.seo-copy .text-link{margin-top:23px}.web-seo a:focus-visible{outline-color:#111}
.web-process{padding-block:100px}.web-process h2{max-width:1050px}.web-process .process-steps{margin-top:60px}.web-process .process-steps li{border-color:#c5c5c5}.web-process .step-number{color:#616161}.web-process .process-steps p{color:#646464}.web-page .footer{color:#f7f7f7}.web-page .contact-image img{object-position:50% 30%;max-height:none}
.scope-row>*{min-width:0}.scope-row h3{hyphens:auto;overflow-wrap:break-word}
.light-section .muted{color:#808080}.web-hero h1>span{color:#858585}.web-hero h1>.web-title-topic{display:block;color:#656565;font:12px/1.4 monospace;letter-spacing:.035em;margin-bottom:30px}
.light-section .eyebrow,.signature span,.testimonial p span{color:#6b6b6b}.contact .eyebrow,.contact input::placeholder,.contact textarea::placeholder{color:#656565}
.service-card:focus-within{z-index:10}
@media(hover:hover) and (pointer:fine){.case-visual img{filter:grayscale(1)}.case-visual:hover img,.case-visual:focus-visible img{filter:none;transform:scale(1.025)}}
@media(min-width:768px) and (max-width:1100px){.hero-bottom{max-width:240px}.hero-bottom p{font-size:15px}.hero-bottom .hero-location{font-size:18px}.hero-contact{font-size:10px}.service-bottom{gap:16px}.service-bottom a{font-size:12px}.process-steps{gap:24px}.process-steps h3{font-size:21px}.faq-section{gap:50px}.article-row{grid-template-columns:145px 1fr 40px;gap:20px}.web-hero-copy{grid-template-columns:2fr 1fr;gap:25px}.web-lead>p{font-size:16px}.web-lead .button{font-size:11px;padding-inline:16px;gap:10px}.web-intro{gap:45px}.web-intro-copy p{font-size:16px}.scope-row{grid-template-columns:40px 1fr 1.3fr;gap:25px}.web-seo{gap:45px}.seo-lead{font-size:19px}}
@media(max-width:767px){
 .hero-bottom{max-width:290px;margin-left:0}.hero-bottom p{font-size:14px}.hero-bottom .hero-location{font-size:18px;margin-bottom:9px}.hero-contact{margin-top:12px;font-size:11px}.hero-inner{bottom:60px}.service-bottom a{font-size:13px;padding-block:6px}.service-bottom{padding-top:23px}.service-copy .text-link{font-size:12px}.service-copy>p{max-width:100%}
 .web-hero h1>.web-title-topic{font-size:10px;letter-spacing:0;margin-bottom:22px}
 .process-section{padding-block:60px 65px}.process-heading{margin-bottom:35px}.process-steps{grid-template-columns:1fr;gap:28px}.process-steps li{display:grid;grid-template-columns:38px 1fr;gap:0 15px;padding-top:22px}.step-number{margin:2px 0 0;grid-row:1/3}.process-steps h3{font-size:24px;max-width:none}.process-steps p{font-size:15px;max-width:none;margin-top:12px;grid-column:2}
 .testimonial{padding-top:60px}.review-pair{grid-template-columns:1fr;gap:36px;margin-top:45px;padding-top:32px}.review-pair blockquote{font-size:24px;margin-bottom:18px}.review-source{margin-top:30px}.faq-section{grid-template-columns:1fr;gap:35px;padding-block:60px}.faq-heading h2{font-size:40px}.faq-heading p{margin-top:18px;max-width:none}.faq-list summary{font-size:16px;padding-block:22px;gap:20px}.faq-answer{font-size:15px;padding-right:12px}.knowledge{padding-block:60px}.knowledge h2{font-size:clamp(31px,8.2vw,46px)}.article-list{margin-top:34px}.article-row{grid-template-columns:1fr 32px;gap:13px 18px;padding-block:24px}.article-topic{grid-column:1;font-size:12px}.article-row h3{grid-column:1;font-size:23px}.article-arrow{grid-column:2;grid-row:1/3;font-size:29px}.footer-local{font-size:11px}
 .web-hero{padding-top:25px}.breadcrumbs{gap:9px;font-size:10px}.web-hero-copy{grid-template-columns:1fr;gap:30px;padding:43px 0 35px}.web-hero-copy .eyebrow{font-size:9px;letter-spacing:0;margin-bottom:22px}.web-hero h1{font-size:10vw;line-height:1.04;letter-spacing:-.02em}.web-lead>p{font-size:16px;max-width:340px}.web-lead .button{margin-top:22px}.web-hero-project>img{height:auto;aspect-ratio:1.3;object-fit:contain}.web-hero-project figcaption{align-items:flex-start;flex-direction:column;gap:10px;padding:18px;font-size:11px}.web-intro{grid-template-columns:1fr;gap:28px;padding-block:60px}.web-intro h2{font-size:clamp(31px,8.2vw,46px)}.web-intro-copy p{font-size:16px}.web-scope{padding-block:60px}.web-scope h2{font-size:clamp(32px,8.5vw,47px)}.scope-list{margin-top:40px}.scope-row{grid-template-columns:28px 1fr;gap:20px 16px;padding-block:30px}.scope-index{font-size:11px}.scope-row h3{font-size:30px}.scope-row>div{grid-column:2}.scope-row p{font-size:15px}.scope-row ul{display:block;margin-top:19px}.scope-row li{display:table;margin-top:8px}.web-cases{padding-block:60px}.web-cases h2{font-size:clamp(33px,8.8vw,48px)}.web-case-grid{grid-template-columns:1fr;gap:38px;margin-top:35px}.case-visual img{aspect-ratio:1.3;filter:none}.case-copy{padding-top:19px}.case-copy h3{font-size:28px}.case-copy p{font-size:15px;margin-top:12px}.web-review{margin:60px 0 0}.web-review blockquote{font-size:27px}.web-seo{grid-template-columns:1fr;gap:32px;padding-block:60px}.web-seo h2{font-size:clamp(37px,10vw,54px)}.seo-lead{font-size:19px;margin-bottom:28px}.seo-point p{font-size:15px}.web-process{padding-block:60px}.web-process h2{font-size:clamp(30px,8vw,45px)}.web-process .process-steps{margin-top:35px}.web-page .contact-image{height:440px}
}

/* Customer review columns, adapted from the supplied React motion reference. */
.reviews-wall{padding-block:100px 75px;border-top:1px solid #d4d4d4}
.reviews-heading{text-align:center}.reviews-heading .eyebrow{margin-bottom:25px}
.reviews-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:.98;letter-spacing:-.025em}.reviews-heading h2>span{color:#808080}
.reviews-heading>p:last-child{margin-top:25px;color:#656565;font-size:17px;line-height:1.55}
.reviews-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:32px 0 12px;flex-wrap:wrap}
.reviews-google-link,.reviews-read{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:20px}
.reviews-google-link{border-bottom:1px solid #aaa}.reviews-google-link:hover{border-color:#111}
.reviews-read{background:#e7e7e7;border:1px solid transparent;border-radius:30px;padding:10px 19px;cursor:pointer;color:#171717}.reviews-read:hover,.reviews-read[aria-pressed=true]{background:var(--lime)}.reviews-read[hidden]{display:none}
.reviews-viewport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;margin:30px auto 0;align-items:start}
.review-card{margin:0;padding:30px;background:#fff;border:1px solid #dddddd;border-radius:18px;min-width:0;box-shadow:0 4px 15px #00000003}
.review-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;height:25px}.review-stars{color:#474747;font-size:17px;letter-spacing:3px}.review-quote{font-family:'Clash Grotesk',Arial,sans-serif;font-size:55px;line-height:1;color:#a1a1a1;transform:translateY(10px)}
.review-card blockquote{font-size:17px;line-height:1.6;margin:0;color:#292929;overflow-wrap:anywhere}
.review-card figcaption{display:flex;align-items:center;gap:13px;margin-top:27px}.review-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#efefef;font-size:12px;font-weight:700;color:#4d4d4d}.review-card[data-review="2"] .review-avatar,.review-card[data-review="4"] .review-avatar{background:var(--lime);color:#171717}
.review-card figcaption strong{display:block;font-size:13px;line-height:1.4}.review-origin{display:block;margin-top:4px;font-size:11px;color:#686868}
.review-excerpt{display:none}.review-full{display:inline}
.reviews-note{font-size:11px;line-height:1.7;text-align:center;color:#676767;margin:25px auto 0;max-width:720px}
.reviews-wall.is-enhanced:not(.is-reading) .reviews-viewport{height:660px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}
.review-column{min-width:0}.review-track{animation:reviews-rise var(--review-duration,48s) linear infinite;animation-play-state:paused;will-change:transform}.review-group{display:flex;flex-direction:column;gap:22px;padding-bottom:22px}
.reviews-wall.is-running .review-track{animation-play-state:running}.reviews-viewport:hover .review-track,.reviews-wall:focus-within .review-track{animation-play-state:paused}
.reviews-wall.is-enhanced:not(.is-reading) .review-excerpt{display:inline}.reviews-wall.is-enhanced:not(.is-reading) .review-full{display:none}
.reviews-wall.is-reading .review-track{animation:none;transform:none;will-change:auto}.reviews-wall.is-reading .review-group[aria-hidden]{display:none}
@keyframes reviews-rise{to{transform:translateY(-50%)}}
@media(max-width:1023px){.reviews-viewport{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-card{padding:25px}.review-group{gap:18px;padding-bottom:18px}}
@media(max-width:767px){.reviews-wall{padding-block:60px 45px}.reviews-heading h2{font-size:clamp(40px,11.6vw,66px)}.reviews-heading .eyebrow{font-size:9px;letter-spacing:.025em}.reviews-heading>p:last-child{font-size:15px;margin-top:21px}.reviews-actions{gap:12px 23px;margin-top:23px}.reviews-google-link,.reviews-read{font-size:11px}.reviews-viewport{grid-template-columns:minmax(0,1fr);max-width:none;margin-top:20px}.reviews-wall.is-enhanced:not(.is-reading) .reviews-viewport{height:610px}.review-card{padding:26px}.review-card blockquote{font-size:16px}.reviews-note{font-size:10px;margin-top:17px}.review-track{--review-duration:100s!important}}
@media(prefers-reduced-motion:reduce){.reviews-wall .review-track{animation:none;transform:none;will-change:auto}.reviews-wall.is-enhanced:not(.is-reading) .reviews-viewport{height:auto;overflow:visible;mask-image:none}.reviews-wall .review-group[aria-hidden]{display:none}.reviews-wall.is-enhanced:not(.is-reading) .review-excerpt{display:none}.reviews-wall.is-enhanced:not(.is-reading) .review-full{display:inline}.reviews-read{display:none}}

/* Editorial journal: image-led, staggered composition. */
.journal{background:#111;color:#fafafa;padding:100px var(--content-gutter) 110px}
.journal-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end;max-width:none;margin:auto}
.journal .eyebrow{color:#b6b6b6;margin-bottom:30px}.journal h2{font-size:clamp(42px,4.7vw,72px);line-height:1.02;letter-spacing:-.025em}.journal h2>span{color:#939393}
.journal-intro{max-width:340px;justify-self:end;padding-bottom:6px}.journal-intro>p{color:#c1c1c1;font-size:16px;line-height:1.6}.journal-intro .text-link{margin-top:25px;border-color:#666;color:#f4f4f4}.journal-intro .text-link:hover{color:var(--lime);border-color:var(--lime)}
.journal-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:32px;max-width:none;margin:65px auto 0;align-items:start}.journal-card{display:block;min-width:0}.journal-card:nth-child(2){margin-top:65px}.journal-card:nth-child(3){margin-top:130px}
.journal-image{position:relative;overflow:hidden;background:#292929;aspect-ratio:1.25}.journal-card:nth-child(2) .journal-image{aspect-ratio:1.08}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .55s}
.journal-open{position:absolute;right:16px;bottom:16px;background:var(--lime);color:#111;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-size:26px;transition:transform .35s,background .35s}
.journal-meta{display:flex;justify-content:space-between;gap:15px;margin:23px 0 15px;font-size:11px;color:#a8a8a8}.journal-meta>span:first-child{color:var(--lime)}
.journal-card h3{font-size:clamp(25px,2.1vw,34px);line-height:1.12;letter-spacing:-.02em;max-width:420px}.journal-card>p{font-size:14px;line-height:1.65;margin-top:15px;color:#aeaeae;max-width:350px}.journal-read{display:inline-flex;align-items:center;gap:22px;margin-top:24px;font-size:11px;color:#dfdfdf}.journal-read>span{transition:transform .3s}
.journal-card:hover .journal-image img,.journal-card:focus-visible .journal-image img{transform:scale(1.045);filter:none}.journal-card:hover .journal-open,.journal-card:focus-visible .journal-open{background:#fff;transform:rotate(45deg)}.journal-card:hover .journal-read>span,.journal-card:focus-visible .journal-read>span{transform:translate(3px,-3px)}.journal-card:focus-visible{outline:2px solid var(--lime);outline-offset:8px}
.journal-grid-two{grid-template-columns:1.15fr 1fr;gap:60px}.journal-grid-two .journal-image{aspect-ratio:1.6}.journal-grid-two .journal-card:nth-child(2){margin-top:75px}.journal-grid-two .journal-card:nth-child(2) .journal-image{aspect-ratio:1.6}
@media(hover:hover) and (pointer:fine){.journal-image img{filter:grayscale(1)}}
@media(max-width:1023px){.journal-heading{grid-template-columns:1.4fr 1fr;gap:30px}.journal h2{font-size:clamp(37px,4.8vw,54px)}.journal-grid{gap:22px}.journal-card h3{font-size:25px}.journal-card:nth-child(2){margin-top:40px}.journal-card:nth-child(3){margin-top:80px}.journal-open{width:42px;height:42px;font-size:23px}}
@media(max-width:767px){.journal{padding-block:60px 65px}.journal-heading{grid-template-columns:1fr;gap:25px}.journal h2{font-size:clamp(35px,9.2vw,59px)}.journal .eyebrow{margin-bottom:24px}.journal-intro{justify-self:start;max-width:360px}.journal-intro>p{font-size:15px}.journal-intro .text-link{margin-top:18px}.journal-grid,.journal-grid-two{grid-template-columns:1fr;gap:42px;margin-top:37px}.journal-card:nth-child(n),.journal-grid-two .journal-card:nth-child(n){margin-top:0}.journal-card:nth-child(n) .journal-image,.journal-grid-two .journal-card:nth-child(n) .journal-image{aspect-ratio:1.45}.journal-image img{filter:none}.journal-meta{margin-top:19px;margin-bottom:12px}.journal-card h3{font-size:29px;max-width:360px}.journal-card>p{font-size:14px;margin-top:12px}.journal-read{margin-top:18px}.journal-open{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.journal-image img,.journal-open,.journal-read>span{transition:none}.journal-card:hover .journal-image img,.journal-card:focus-visible .journal-image img{transform:none}}