:root{color-scheme:dark;--bg:#000;--surface:#181818;--surface2:#1f1f1f;--muted:#9b9b9b;--ink:#f2f1eb;--line:#383838;--ease:cubic-bezier(.22,1,.36,1);--content:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{max-width:100%;display:block}::selection{background:#deded7;color:#111}p{margin:0;text-wrap:pretty}h1,h2,h3{font-weight:500;letter-spacing:-.065em;text-wrap:balance;margin:0}h2{line-height:1.11}h3{letter-spacing:-.04em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:16px}.site-shell{max-width:var(--content);margin:auto;position:relative;overflow:clip;background:#000}.section-pad{padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}.soft{color:#777}.eyebrow,.section-count,.section-aside,.hero-coordinate,.hero-label,.hero-bottomline,.index-kicker,.art-coordinate,.art-end,.project-badge,.project-meta p,.step-num,.contact-note,.footer-side,.footer-lower,.form-heading{font-size:12px;line-height:16px;letter-spacing:.12em;font-weight:600}.eyebrow,.section-aside{color:#aaa}.signal-dot{display:inline-block;background:#efeee9;width:6px;height:6px;border-radius:50%;margin-right:12px;box-shadow:0 0 0 4px #ffffff1b}.site-header{position:absolute;top:0;left:0;right:0;z-index:50;padding:24px clamp(16px,3vw,48px)}.nav{min-height:64px;max-width:960px;margin:0 auto;padding:8px 12px 8px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:16px}.glass-surface{background:#1f1f1fb8;border:1px solid #ffffff27;box-shadow:inset 0 1px #ffffff0d,0 16px 50px #0005;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.brand-monogram{font-size:30px;line-height:36px;letter-spacing:-.1em;font-weight:700}.period{color:#b7b7b7}.brand-full{font-size:12px;line-height:16px;letter-spacing:.16em;color:#d2d2ce}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:14px;line-height:20px;color:#b9b9b5;transition:color .3s var(--ease)}.nav-links a:hover,.nav-links a[aria-current="location"]{color:#fff}.nav-links .nav-contact{padding:12px 16px;border:1px solid #ffffff48;border-radius:999px;color:#f5f3ed;display:flex;gap:24px;align-items:center;transition:background .3s var(--ease),color .3s var(--ease)}.nav-links .nav-contact:hover{background:#e7e6e0;color:#0c0c0c}.menu-toggle{display:none;background:none;border:0;padding:12px;z-index:53}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:6px 0;transition:transform .5s var(--ease)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:none}
.hero{min-height:760px;height:min(850px,100svh);padding-top:170px;padding-bottom:24px;display:flex;flex-direction:column;position:relative;background:#000}.hero-topline,.hero-bottomline{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-coordinate,.hero-bottomline{color:#737373}.hero-main{margin:auto 0 64px;display:flex;gap:48px;align-items:end;justify-content:space-between}.hero-copy{max-width:680px}.hero-label{margin-bottom:32px}.hero h1{font-size:clamp(60px,7.3vw,96px);line-height:1;max-width:680px;background:linear-gradient(90deg,#fff 0%,#9b9b9b 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero h1 .soft{color:#858585;-webkit-text-fill-color:#858585}.hero-description{font-size:16px;line-height:24px;color:#b3b3af;max-width:450px;margin:32px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:8px 12px;min-height:48px;border-radius:999px;border:1px solid #ebebe5;font-weight:600;font-size:16px;line-height:24px;transition:transform .5s var(--ease),background .3s var(--ease),color .3s var(--ease)}.button-primary{color:#111;background:#f1f0ea}.button:hover{transform:translateY(-3px);background:#c4c4bf}.button:active{transform:scale(.98)}.button-arrow{font-size:20px;line-height:24px}.hero-index{width:248px;flex-shrink:0;margin-bottom:6px}.index-kicker{color:#858585;margin-bottom:16px}.hero-index a{font-size:14px;line-height:20px;display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #383838;color:#ddd;transition:color .3s var(--ease),transform .5s var(--ease)}.hero-index a:hover{color:white;transform:translateX(4px)}.hero-bottomline{padding-top:24px;border-top:1px solid #363636}.light-study{height:clamp(240px,29vw,420px);position:relative;background:#050505;overflow:hidden}.light-study svg{height:100%;width:100%}.light-caption{position:absolute;bottom:16px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;color:#bcbcb8;font-size:12px;letter-spacing:.13em;font-weight:600;text-shadow:0 0 20px #000}
.section-heading{display:flex;align-items:center;gap:32px;margin-bottom:80px}.section-count{white-space:nowrap;color:#bebeb8}.hairline{height:1px;flex:1;background:#373737}.section-aside{white-space:nowrap;font-weight:400}.intro{padding-top:128px;padding-bottom:144px}.intro-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:80px}.display-sub{font-size:clamp(48px,5vw,72px)}.intro-grid .display-sub{max-width:750px}.intro-side{padding-top:8px}.intro-side p{font-size:16px;line-height:28px;color:#b1b1ab;margin-bottom:24px}.studio-fact{display:flex;align-items:center;gap:24px;margin-top:64px;border-top:1px solid #373737;padding-top:24px;color:#a6a6a1;font-size:12px;letter-spacing:.1em;line-height:20px}.fact-no{font-size:60px;line-height:1;font-weight:400;letter-spacing:-.085em;color:#f4f4ef}.fact-no .sup{font-size:30px;vertical-align:top}.tagline{padding-top:112px;padding-bottom:128px;min-height:380px;background:#181818;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tagline .eyebrow{margin-bottom:48px}.tagline-lines{font-size:clamp(36px,4vw,60px);line-height:1.16;letter-spacing:-.06em;max-width:830px;font-weight:500;text-wrap:balance}.tagline-word{color:#626262;transition:color .5s var(--ease)}.tagline-word.is-active{color:#f0efe9}
.expertise{padding-top:128px;padding-bottom:144px}.expertise-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.expertise-intro p{font-size:16px;line-height:28px;color:#a4a4a0;margin-top:32px;max-width:350px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service{padding:32px 24px;min-height:280px;border:1px solid #393939;border-radius:8px;background:#181818;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .3s var(--ease)}.service:hover{transform:translateY(-4px);border-color:#787878}.service-top{display:flex;justify-content:space-between;align-items:center;color:#9c9c97}.service-number{font-size:12px;letter-spacing:.16em}.service-symbol{font-size:30px;font-weight:400;color:#d1d1cb}.service h3{font-size:24px;line-height:32px;margin-top:auto;margin-bottom:12px}.service p{font-size:14px;line-height:24px;color:#9f9f99}.work{padding-top:128px;padding-bottom:144px;background:#131209}.work-head,.process-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:64px}.work-head p,.process-head p{font-size:16px;line-height:28px;color:#aaa;max-width:290px}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.project{min-width:0}.project-art{height:460px;position:relative;overflow:hidden;border:1px solid #494949;border-radius:8px;background:#111}.project-art:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff0e;border-radius:8px}.art-coordinate,.art-end{position:absolute;z-index:3;color:#d9d8d2;top:24px;left:24px}.art-end{top:auto;left:auto;right:24px;bottom:24px}.art-refraction{display:grid;place-items:center;background:#111}.refraction-orb{height:min(320px,66%);aspect-ratio:1;border:1px solid #dadad071;border-radius:50%;position:relative;box-shadow:inset -24px -18px 25px #000,inset 24px 17px 15px #ffffff40,0 0 90px #ffffff12;transform:rotate(-35deg);transition:transform 1.1s var(--ease);overflow:hidden}.refraction-orb:before{content:"";position:absolute;inset:18%;border:16px solid #ffffff2a;border-right-color:#f1f1eb7a;border-top-color:#f4f4eebb;border-radius:47% 53% 56% 44%;filter:blur(8px);transform:rotate(32deg)}.refraction-orb:after{content:"";position:absolute;inset:-40%;transform:rotate(36deg) translateX(-32%);border:42px solid #ffffff57;border-radius:50%;filter:blur(20px)}.orb-core{position:absolute;top:9%;left:17%;width:42%;height:25%;border-radius:50%;transform:rotate(-35deg);background:#ffffff25;filter:blur(20px)}.project:hover .refraction-orb{transform:rotate(-15deg) scale(1.05)}.art-continuum{background:#1a1a1a}.continuum-line{position:absolute;height:150%;width:22%;top:-20%;border:1px solid #c5c5bc96;border-radius:100%;filter:blur(3px);transform:rotate(-25deg);box-shadow:22px 0 35px #ffffff32,inset 15px 0 25px #ffffff17;transition:transform 1.1s var(--ease)}.line-one{left:12%}.line-two{left:43%;transform:rotate(-29deg);opacity:.58}.line-three{left:75%;transform:rotate(-34deg);opacity:.35}.project:hover .line-one{transform:rotate(-18deg) translateX(10px)}.project:hover .line-two{transform:rotate(-22deg) translateX(-4px)}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:24px}.project-meta h3{font-size:24px;line-height:32px;margin-bottom:8px}.project-meta p{font-weight:400;color:#a9a9a5}.project-badge{color:#aaa;text-align:right;white-space:nowrap}.work-note{font-size:12px;line-height:20px;color:#9c9c96;margin-top:48px;max-width:700px}.process{padding-top:128px;padding-bottom:144px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-step{padding-top:32px;border-top:1px solid #565656}.step-num{color:#aaa}.process-step h3{font-size:30px;line-height:36px;margin:64px 0 16px}.process-step p{font-size:14px;line-height:24px;color:#aaa;max-width:310px}.faq{padding-top:112px;padding-bottom:128px;background:#181818}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:96px}.faq-list details{border-bottom:1px solid #3e3e3e}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:#f1f1ea;font-size:16px;line-height:24px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:#a4a4a0;transition:transform .5s var(--ease)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:24px;color:#aaa;padding:0 48px 24px 0;max-width:560px}.contact{padding-top:128px;padding-bottom:144px;min-height:790px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy{padding-top:24px;display:flex;flex-direction:column;align-items:start}.contact h2{font-size:clamp(60px,5.9vw,96px);line-height:1.04;margin:32px 0}.contact-copy p{font-size:16px;line-height:28px;max-width:380px;color:#aaa}.contact-note{margin-top:auto;color:#777;padding-top:80px}.contact-form-area{padding:32px;border-radius:16px;align-self:start}.form-heading{display:flex;justify-content:space-between;margin-bottom:32px;color:#adada9}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;font-size:14px;color:#d7d7d1}.field input,.field select,.field textarea{width:100%;padding:16px;border:1px solid #484848;border-radius:8px;color:#f3f3ef;background:#131313;outline:0;font-size:14px;line-height:20px;transition:border-color .3s var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d1d1cb}.field input::placeholder,.field textarea::placeholder{color:#777}.field textarea{resize:vertical;min-height:136px}.field-error{min-height:0;color:#efafa9;font-size:12px;line-height:16px}.field [aria-invalid=true]{border-color:#d78b82}.form-button{width:100%;margin-top:8px}.form-status{margin-top:16px;color:#9a9a95;font-size:12px;line-height:20px}.form-status.warning{color:#f3c8a2}.site-footer{padding-top:72px;padding-bottom:32px;background:#111}.footer-upper{display:flex;align-items:end;justify-content:space-between;padding-bottom:96px}.footer-brand{font-size:clamp(96px,18vw,250px);line-height:.75;font-weight:600;letter-spacing:-.12em}.footer-brand span{color:#aaa}.footer-side{color:#aaa;display:flex;flex-direction:column;gap:16px;text-align:right}.footer-lower{border-top:1px solid #3c3c3c;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#999}.footer-lower>div{display:flex;gap:24px}.footer-lower a:hover{color:#fff}
.reveal{opacity:1;transform:none}.motion-enhanced .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.motion-enhanced .reveal.is-visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}
@media(max-width:1000px){.hero{height:auto;min-height:750px}.intro-grid{gap:40px}.expertise-layout,.faq-grid{gap:40px}.contact-grid{gap:40px}.display-sub{font-size:48px}.project-art{height:340px}}
@media(max-width:760px){.site-header{padding:16px}.nav{min-height:60px;padding:8px 12px 8px 16px}.brand-monogram{font-size:24px}.brand-full{font-size:12px}.nav-links{display:none}.menu-toggle{display:block}.mobile-nav{position:fixed;z-index:49;inset:0;background:#111111fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:120px 32px 48px}.mobile-nav:not([hidden]){display:block}.mobile-nav-inner{display:flex;flex-direction:column;gap:12px;height:100%}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;font-size:36px;line-height:40px;letter-spacing:-.06em;padding:16px 0;border-bottom:1px solid #3c3c3c}.mobile-nav-foot{margin-top:auto;color:#888;font-size:12px;letter-spacing:.12em}.hero{padding-top:160px;min-height:750px}.hero-topline{align-items:flex-start}.hero-coordinate{display:none}.hero-main{align-items:start;flex-direction:column;margin-top:auto;margin-bottom:80px;gap:80px}.hero h1{font-size:clamp(60px,12vw,96px)}.hero-index{width:100%;max-width:350px}.hero-bottomline{font-size:12px}.hero-bottomline span:first-child{max-width:180px}.section-heading{gap:16px;margin-bottom:48px}.section-aside{display:none}.intro,.expertise,.work,.process,.faq,.contact{padding-top:96px;padding-bottom:96px}.intro-grid,.expertise-layout,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.intro-side{max-width:520px}.studio-fact{margin-top:48px}.tagline{padding-top:96px;padding-bottom:96px;min-height:300px}.tagline .eyebrow{margin-bottom:32px}.service-list{grid-template-columns:1fr 1fr}.work-head,.process-head{align-items:start;flex-direction:column;gap:24px}.work-grid{grid-template-columns:1fr 1fr;gap:16px}.project-art{height:300px}.process-steps{grid-template-columns:1fr;gap:40px}.process-step h3{margin-top:24px}.contact h2{font-size:72px}.contact-note{padding-top:40px}.contact-form-area{max-width:600px;width:100%}}
@media(max-width:530px){.hero{min-height:795px;padding-bottom:24px}.hero-main{margin-bottom:56px;gap:48px}.hero h1{font-size:60px}.hero-description{font-size:14px;line-height:24px;margin:24px 0}.hero-label{margin-bottom:24px}.hero-bottomline{gap:16px}.hero-bottomline span:first-child{display:none}.hero-index a{padding:12px 0}.light-study{height:260px}.display-sub{font-size:48px}.intro,.expertise,.work,.process,.faq,.contact{padding-top:80px;padding-bottom:80px}.intro-grid{gap:40px}.intro-side p{font-size:14px;line-height:24px}.service-list{grid-template-columns:1fr}.service{min-height:220px}.service h3{margin-top:40px}.work-grid{grid-template-columns:1fr;gap:48px}.project-art{height:340px}.project-meta{gap:8px}.project-badge{font-size:12px}.tagline-lines{font-size:36px}.contact h2{font-size:60px}.contact-form-area{padding:24px}.field-grid{grid-template-columns:1fr;gap:0}.footer-upper{align-items:start;flex-direction:column;gap:48px}.footer-brand{font-size:128px}.footer-side{text-align:left}.footer-lower{align-items:start;flex-direction:column;gap:16px}.faq-list summary{font-size:14px;line-height:24px}.faq-list details p{padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.tagline-word{color:#f0efe9;transition:none}.service,.refraction-orb,.continuum-line,.button,.nav-links a,.faq-list summary span,.menu-toggle span{transition:none}}


/* V1.2 — Architectural direction: smaller type, restrained framing, generous quiet space. */
:root { --bg:#080909; --ink:#eeede8; --surface:#151616; --surface2:#1b1c1c; --line:#323433; }
body { background:var(--bg); }
.site-shell {background:var(--bg)}
.site-header {padding-top:22px}
.nav.glass-surface {
  background:rgba(19,20,20,.58);
  border:1px solid rgba(240,241,236,.18);
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 46px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  backdrop-filter:blur(18px) saturate(110%);
}
.nav-contact {border-radius:2px !important;background:transparent !important;border:0 !important;border-bottom:1px solid #8d908d !important;padding:6px 0 !important}
.nav-contact:hover {border-bottom-color:#fff !important}
.brand-monogram {font-weight:700;letter-spacing:-.09em}
.hero {height:auto;min-height:730px;padding-top:176px;padding-bottom:28px;}
.hero-main {margin: auto 0 51px;gap:clamp(30px,4vw,72px);align-items:end;}
.hero-copy {max-width:690px;}
.hero-label {color:#b5b6b1;margin-bottom:24px;letter-spacing:.16em}
.hero h1 {font-size:clamp(48px,5vw,72px);line-height:1.12;letter-spacing:-.071em;font-weight:400;max-width:680px;background:none;color:#f0efea;-webkit-text-fill-color:#f0efea;text-wrap:balance;}
.hero h1 .soft {color:#858984;-webkit-text-fill-color:#858984}
.hero-description {max-width:420px;color:#adafaa;font-size:14px;line-height:1.85;margin-top:28px;margin-bottom:26px;}
.hero .button {background:transparent;border:1px solid rgba(244,244,240,.48);color:#efefea;border-radius:3px;padding:12px 18px;min-width:205px;font-weight:500;}
.hero .button:hover {background:#ecece7;color:#161717;}
.hero-index {max-width:250px;min-width:210px;margin-bottom:1px;}
.hero-index a {font-size:12px;letter-spacing:.03em;min-height:48px;}
.hero-index a:hover {color:#fff;}
.hero-bottomline {border-color:#333;font-size:10px;}
.light-study {border-color:#292b2a;}
.light-caption {color:#a3a6a2;}
.section-count,.section-aside {font-size:11px;letter-spacing:.13em;}
.display-sub{font-size:clamp(39px,4.1vw,58px);line-height:1.13;letter-spacing:-.064em;font-weight:400;}
.intro,.expertise,.work,.process,.faq,.contact{padding-top:120px;padding-bottom:130px;}
.expertise-layout {grid-template-columns: .9fr 1.1fr;gap:88px;}
.service-list {grid-template-columns:1fr;gap:0;}
.service {background:transparent;border:0;border-top:1px solid #393b39;border-radius:0;min-height:0;display:grid;grid-template-columns:55px 1fr;grid-template-areas:'top heading' 'top copy';align-items:start;padding:25px 0;gap:4px 12px;transition:opacity .35s var(--ease), transform .5s var(--ease);}
.service:last-child {border-bottom:1px solid #393b39}
.service:hover {border-color:#393b39;transform:translateX(4px);}
.service-top {grid-area:top;display:flex;align-items:center;justify-content:start;}
.service-symbol{display:none}
.service h3 {grid-area:heading;margin:0;font-size:24px;font-weight:400;letter-spacing:-.055em;}
.service p {grid-area:copy;max-width:440px;margin-top:6px;font-size:13px;line-height:1.8;color:#999c98;}
.project-art {border-radius:3px;}
.project-badge {letter-spacing:.09em;}
.tagline{background:#111212;}
.tagline-lines{max-width:860px;}
.contact-form-area.glass-surface {background:rgba(23,24,24,.7);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
@media (max-width:1000px) {
 .hero{min-height:750px}.hero-index{min-width:195px}
 .expertise-layout {gap:48px}
}
@media (max-width:760px) {
 .site-header{padding:16px}.nav.glass-surface{border-radius:8px}
 .hero{min-height:735px;padding-top:145px;padding-bottom:22px}
 .hero-main{gap:58px;margin-bottom:42px;align-items:stretch;}
 .hero h1{font-size:clamp(42px,8vw,60px);line-height:1.09;letter-spacing:-.075em;}
 .hero-index{max-width:none;width:100%}
 .hero-label{margin-bottom:20px}
 .hero-description{margin-top:24px}
 .intro,.expertise,.work,.process,.faq,.contact{padding-top:80px;padding-bottom:90px;}
 .service-list{grid-template-columns:1fr}
 .service {min-height:0;}
 .display-sub{font-size:clamp(37px,7vw,52px)}
}
@media(max-width:530px) {
 .hero{min-height:760px;padding-top:150px;padding-bottom:20px}
 .hero-topline{font-size:10px}
 .hero-main{gap:42px;margin-bottom:34px}
 .hero h1{font-size:clamp(41px,10vw,51px)}
 .hero-description{font-size:14px;max-width:330px;line-height:1.75}
 .hero-index a{padding:10px 0;min-height:40px}
 .light-study{height:180px}
 .section-heading{margin-bottom:54px}
 .service h3{font-size:22px}
 .service{grid-template-columns:43px 1fr}
 .display-sub{font-size:clamp(35px,9vw,45px)}
}
@media(prefers-reduced-motion:reduce) {
 .service:hover{transform:none}
}