:root {
  --paper: #f5f1ea;
  --paper-deep: #ebe4d9;
  --ink: #101928;
  --muted: #68717b;
  --line: rgba(16, 25, 40, .18);
  --coral: #ff654f;
  --coral-deep: #db4539;
  --lime: #d8ff58;
  --blue: #a5d4ff;
  --white: #fffdf8;
  --max: 1440px;
  --gutter: clamp(20px, 5.7vw, 92px);
  --display: "Manrope", Arial, sans-serif;
  --serif: "Playfair Display", Georgia, serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--display); -webkit-font-smoothing: antialiased; }
body::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.mono { font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 50; top: 12px; left: 12px; padding: 10px 14px; background: var(--ink); color: var(--paper); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.grain { pointer-events: none; position: fixed; inset: 0; z-index: 20; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.site-header { position: fixed; z-index: 15; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; height: 74px; padding: 0 var(--gutter); background: rgba(245,241,234,.86); backdrop-filter: blur(15px); border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; line-height: .85; letter-spacing: -.03em; font-size: 11px; }
.brand-mark { display: grid; place-items: center; width: 31px; height: 31px; border: 1.5px solid var(--ink); border-radius: 50%; font-size: 10px; letter-spacing: -.08em; }
.brand-name { font-size: 10px; }
.header-meta { margin-left: auto; margin-right: 42px; font: 10px/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.header-meta span { color: var(--coral-deep); }
.site-nav { display: flex; align-items: center; gap: 29px; height: 100%; }
.site-nav a { position: relative; display: flex; align-items: center; gap: 6px; height: 100%; font-size: 12px; font-weight: 700; }
.site-nav a span { color: var(--muted); font: 9px var(--mono); }
.site-nav a:not(.nav-contact)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 18px; height: 2px; background: var(--coral); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.site-nav a:not(.nav-contact):hover::after, .site-nav a.is-active::after { transform: scaleX(1); }
.nav-contact { padding: 10px 16px; background: var(--ink); color: var(--paper); }
.nav-contact b { font-size: 16px; font-weight: 400; }
.menu-toggle { display: none; border: 0; background: none; padding: 8px 0 8px 8px; }
.menu-toggle span:not(.sr-only) { display: block; width: 23px; height: 1px; margin: 5px 0; background: var(--ink); }

.section { max-width: var(--max); margin: 0 auto; padding: 146px var(--gutter) 160px; }
.hero { position: relative; min-height: 790px; padding-top: 178px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .68fr); gap: clamp(30px, 5vw, 90px); align-items: start; overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; left: -260px; bottom: -310px; border: 1px solid var(--line); border-radius: 50%; box-shadow: 0 0 0 55px transparent, 0 0 0 56px var(--line), 0 0 0 100px transparent, 0 0 0 101px var(--line); }
.hero-rail { position: absolute; left: var(--gutter); top: 107px; color: var(--muted); transform: rotate(-90deg); transform-origin: left top; }
.hero-rail span { color: var(--coral-deep); }
.hero-content { position: relative; z-index: 1; padding-left: clamp(0px, 3.9vw, 62px); }
.kicker, .eyebrow { margin: 0 0 27px; font: 11px var(--mono); letter-spacing: .11em; text-transform: uppercase; color: var(--muted); }
.live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 9px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 5px rgba(255,101,79,.14); vertical-align: 1px; }
.hero h1 { max-width: 780px; margin: 0; font-size: clamp(60px, 7.9vw, 124px); line-height: .89; letter-spacing: -.075em; font-weight: 800; }
em { color: var(--coral); font-family: var(--serif); font-weight: 500; letter-spacing: -.07em; }
.hero-lede { max-width: 440px; margin: 40px 0 31px; color: #4d5762; font-size: 15px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.button { display: inline-flex; align-items: center; gap: 32px; padding: 16px 18px; font-size: 12px; font-weight: 800; letter-spacing: .02em; transition: transform .25s, background .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: var(--paper); background: var(--ink); }
.button-primary span { font-size: 18px; font-weight: 400; }
.inline-link { display: inline-flex; gap: 7px; align-items: center; font: 11px var(--mono); color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px; }
.inline-link span { color: var(--coral-deep); font-size: 16px; }
.hero-aside { position: relative; z-index: 1; margin-top: -16px; }
.portrait-wrap { position: relative; width: min(100%, 450px); margin: 0 auto; padding: 17px; background: var(--ink); box-shadow: 17px 17px 0 var(--coral); transform: rotate(3deg); }
.portrait-wrap::before, .portrait-wrap::after { content: ""; position: absolute; z-index: -1; border: 1px solid var(--ink); border-radius: 50%; }
.portrait-wrap::before { width: 260px; height: 100px; top: 36%; left: -25%; transform: rotate(-33deg); }
.portrait-wrap::after { width: 120%; height: 60%; top: 16%; left: -10%; transform: rotate(20deg); opacity: .45; }
.portrait-top { display: flex; justify-content: space-between; margin-bottom: 13px; color: var(--paper-deep); }
.portrait-wrap img { width: 100%; aspect-ratio: .81; object-fit: cover; filter: grayscale(1) contrast(1.08); }
.portrait-stamp { position: absolute; right: -38px; bottom: 40px; display: grid; place-content: center; width: 117px; height: 117px; padding: 15px; border-radius: 50%; background: var(--lime); font: 11px/1.1 var(--mono); text-align: center; transform: rotate(-13deg); }
.portrait-stamp span { font-family: var(--serif); font-size: 18px; font-style: italic; }
.portrait-caption { display: flex; align-items: end; justify-content: space-between; padding-top: 13px; color: var(--paper); }
.portrait-caption strong { font: 33px/1 var(--serif); color: var(--coral); }
.portrait-caption span { font: 10px/1.4 var(--mono); text-align: right; text-transform: uppercase; }
.hero-note { margin: 31px 2px 0 auto; width: max-content; color: var(--muted); line-height: 1.6; text-align: right; }
.hero-note span { color: var(--ink); }
.hero-bottom { position: absolute; bottom: 47px; left: var(--gutter); right: var(--gutter); display: flex; align-items: center; gap: 16px; color: var(--muted); }
.scroll-track { width: 110px; height: 1px; background: var(--line); }
.scroll-track span { display: block; width: 25%; height: 2px; background: var(--coral); }
.hero-bottom > :last-child { margin-left: auto; }

.metrics-band { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.metric { min-height: 138px; padding: 28px var(--gutter); border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; gap: 13px; }
.metric:last-child { border-right: 0; }
.metric strong { font-size: clamp(36px, 4vw, 56px); line-height: .9; letter-spacing: -.09em; }
.metric strong span { color: var(--coral); }
.metric > span:last-child { font: 10px/1.45 var(--mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.metric-signal { flex-direction: row; align-items: flex-end; justify-content: flex-start; gap: 22px; }
.signal-bars { height: 47px; display: flex; align-items: flex-end; gap: 4px; }
.signal-bars i { display: block; width: 6px; background: var(--coral); }
.signal-bars i:nth-child(1) { height: 23%; }.signal-bars i:nth-child(2) { height: 52%; }.signal-bars i:nth-child(3) { height: 38%; }.signal-bars i:nth-child(4) { height: 78%; }.signal-bars i:nth-child(5) { height: 100%; background: var(--lime); }

.section-grid { display: grid; grid-template-columns: minmax(120px, .28fr) minmax(0, 1fr) minmax(120px, .28fr); gap: 30px; }
.section-index { padding-top: 10px; color: var(--coral-deep); }
.section-heading { max-width: 620px; }
.eyebrow { color: var(--coral-deep); margin-bottom: 22px; }
.section-heading h2 { margin: 0; font-size: clamp(52px, 6.6vw, 100px); line-height: .93; letter-spacing: -.08em; }
.section-heading h2 em { display: inline-block; }
.section-dek { max-width: 455px; margin: 33px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.side-note { align-self: end; margin-bottom: 5px; color: var(--muted); line-height: 1.65; text-align: right; }
.side-note span { color: var(--ink); }
.experience { background: var(--paper); }
.timeline { margin-top: 105px; border-top: 1px solid var(--line); }
.role-card { position: relative; display: grid; grid-template-columns: 56px 158px minmax(0, 1fr) 115px; gap: 25px; padding: 38px 0 42px; border-bottom: 1px solid var(--line); }
.role-card::before { content: ""; position: absolute; left: 0; top: -1px; width: 0; height: 2px; background: var(--coral); transition: width .4s; }
.role-card:hover::before { width: 100%; }
.role-number { color: var(--coral-deep); }
.role-date { color: var(--muted); line-height: 1.55; }
.role-title { display: flex; flex-wrap: wrap; gap: 18px; align-items: baseline; justify-content: space-between; }
.company { margin: 0 0 8px; color: var(--coral-deep); font: 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.role-title h3 { margin: 0; font-size: clamp(23px, 2.2vw, 34px); line-height: 1; letter-spacing: -.05em; }
.role-main ul { max-width: 640px; padding: 0; margin: 25px 0 0; list-style: none; columns: 2; column-gap: 45px; }
.role-main li { position: relative; break-inside: avoid; padding-left: 15px; margin: 0 0 12px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.role-main li::before { content: ""; position: absolute; left: 0; top: .55em; width: 5px; height: 5px; background: var(--coral); }
.role-status, .impact-pill { align-self: start; padding: 7px 9px; font: 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; background: var(--lime); }
.impact-pill { background: var(--coral); color: var(--paper); }
.role-signal { align-self: end; display: flex; justify-content: space-between; gap: 10px; padding: 11px 0 0; border-top: 1px solid var(--ink); font: 9px/1.3 var(--mono); }
.role-signal b { font: 31px/1 var(--serif); color: var(--coral); }
.role-featured { padding-top: 46px; }

.portfolio { background: var(--ink); color: var(--paper); max-width: none; }
.portfolio .section-grid, .portfolio .case-list { max-width: calc(var(--max) - var(--gutter) * 2); margin-left: auto; margin-right: auto; }
.portfolio .section-index, .portfolio .eyebrow { color: var(--lime); }
.portfolio .section-dek, .portfolio .side-note { color: #aab2ba; }
.portfolio .side-note span { color: var(--paper); }
.case-list { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; margin-top: 96px; }
.case-card { grid-column: span 12; position: relative; padding: clamp(23px, 3.2vw, 48px); overflow: hidden; color: var(--ink); }
.case-light { background: var(--white); }.case-dark { background: #253a4f; color: var(--paper); }.case-vantage { background: var(--lime); }.case-coral { background: var(--coral); }.case-blue { background: var(--blue); }
.case-card:nth-child(2), .case-card:nth-child(3) { grid-column: span 6; }
.case-card:nth-child(4), .case-card:nth-child(5) { grid-column: span 6; }
.case-card::after { content: ""; position: absolute; width: 245px; height: 245px; border: 1px solid currentColor; border-radius: 50%; right: -120px; bottom: -130px; opacity: .14; box-shadow: 0 0 0 34px transparent, 0 0 0 35px currentColor; }
.case-topline { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 24px; border-bottom: 1px solid currentColor; opacity: .65; }
.case-head { position: relative; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-top: 32px; }
.case-client { margin: 0 0 15px; font: 11px var(--mono); letter-spacing: .12em; }
.case-head h3 { margin: 0; font-size: clamp(28px, 3.5vw, 57px); line-height: .96; letter-spacing: -.08em; }
.case-head h3 em { color: inherit; }
.case-mark { display: grid; place-items: center; flex: 0 0 auto; width: 65px; height: 65px; border: 1px solid currentColor; border-radius: 50%; font: 18px var(--serif); }
.case-context { position: relative; z-index: 1; max-width: 595px; margin: 34px 0 34px; font-size: 13px; line-height: 1.7; opacity: .78; }
.case-metrics { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 28px 50px; }
.case-metrics > div { display: flex; flex-direction: column; gap: 5px; }
.case-metrics strong { font: 39px/.9 var(--serif); letter-spacing: -.07em; }
.case-metrics span { font: 9px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .07em; opacity: .7; }
.case-card details { position: relative; z-index: 2; margin-top: 38px; border-top: 1px solid currentColor; }
.case-card summary { display: flex; justify-content: space-between; align-items: center; padding: 14px 0 2px; cursor: pointer; list-style: none; font: 10px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.case-card summary::-webkit-details-marker { display: none; }
.case-card summary b { font: 24px/1 var(--display); transition: transform .25s; }
.case-card details[open] summary b { transform: rotate(45deg); }
.details-copy { display: grid; grid-template-columns: minmax(150px, .8fr) 1.2fr; gap: 25px; padding: 25px 0 10px; font-size: 12px; line-height: 1.65; }
.details-copy p { margin: 0 0 14px; }
.funnel { display: flex; flex-direction: column; gap: 9px; }
.funnel span { display: flex; align-items: center; justify-content: space-between; width: var(--width); min-width: 120px; padding: 10px; background: var(--ink); color: var(--paper); font: 9px var(--mono); }
.funnel span:nth-child(2) { background: var(--coral-deep); }.funnel span:nth-child(3) { background: #8b9e2f; }
.details-media { display: grid; grid-template-columns: minmax(150px, .85fr) 1.15fr; align-items: center; gap: 28px; padding-top: 25px; font-size: 12px; line-height: 1.65; }
.details-media img { width: 100%; max-height: 220px; object-fit: cover; filter: saturate(.8); }
.details-media-tall img { max-height: 290px; object-fit: contain; object-position: left center; }
.details-media p { margin-top: 0; }

.capabilities { position: relative; overflow: hidden; }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 97px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.capability { display: grid; grid-template-columns: 45px 1fr; min-height: 275px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.cap-number { color: var(--coral-deep); }
.capability h3 { margin: 0 0 13px; font-size: clamp(25px, 3vw, 45px); letter-spacing: -.07em; }
.capability p { max-width: 330px; margin: 0 0 29px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.tag-list { display: flex; flex-wrap: wrap; gap: 7px; }
.tag-list span { padding: 6px 8px; border: 1px solid var(--line); color: var(--muted); font: 9px var(--mono); }
.capability-ticker { display: flex; justify-content: space-between; gap: 30px; margin-top: 66px; color: var(--coral); font-size: 11px; letter-spacing: .16em; }

.about { background: var(--paper-deep); max-width: none; }
.about .section-grid, .about .about-grid { max-width: calc(var(--max) - var(--gutter) * 2); margin-left: auto; margin-right: auto; }
.about-grid { display: grid; grid-template-columns: 1.1fr .9fr .8fr; gap: 7vw; margin-top: 89px; }
.about-quote p { max-width: 500px; margin: 0 0 25px; font: clamp(25px, 3vw, 43px)/1.05 var(--serif); letter-spacing: -.06em; }
.about-quote span { color: var(--coral-deep); }
.about-copy { color: var(--muted); font-size: 13px; line-height: 1.75; }
.about-copy p { margin: 0 0 22px; }
.about-facts { display: grid; gap: 27px; }
.about-facts > div { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.about-facts .mono { margin-bottom: 8px; color: var(--coral-deep); }
.about-facts strong { font-size: 13px; }
.about-facts small { color: var(--muted); font-size: 11px; }

.contact { max-width: var(--max); margin: 0 auto; padding: 32px var(--gutter) 24px; background: var(--coral); color: var(--ink); }
.contact-top, .contact-bottom { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 27px; border-bottom: 1px solid rgba(16,25,40,.3); }
.contact-top { color: rgba(16,25,40,.7); }
.contact-content { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; padding: 90px 0 130px; }
.contact .kicker { color: rgba(16,25,40,.7); }
.contact h2 { margin: 0; font-size: clamp(59px, 8vw, 120px); line-height: .9; letter-spacing: -.09em; }
.contact h2 em { color: var(--ink); }
.contact-copy { align-self: end; max-width: 400px; }
.contact-copy > p { max-width: 320px; margin: 0 0 28px; font-size: 14px; line-height: 1.7; }
.contact-email { display: block; font-size: clamp(30px, 4vw, 56px); line-height: .9; letter-spacing: -.08em; font-weight: 800; }
.contact-email span { font-family: var(--serif); font-style: italic; font-weight: 500; }
.contact-email b { display: inline-block; color: var(--paper); font-size: .55em; vertical-align: top; transform: translateY(-4px); }
.contact-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 35px; padding-top: 13px; border-top: 1px solid rgba(16,25,40,.3); font: 10px var(--mono); text-transform: uppercase; }
.contact-bottom { padding: 15px 0 0; border-bottom: 0; color: rgba(16,25,40,.7); }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  .header-meta { display: none; }
  .hero { min-height: 760px; grid-template-columns: 1fr 330px; gap: 30px; }
  .portrait-stamp { width: 90px; height: 90px; right: -25px; font-size: 9px; }
  .role-card { grid-template-columns: 45px 130px minmax(0, 1fr); }
  .role-signal { display: none; }
  .about-grid { grid-template-columns: 1fr 1fr; }.about-facts { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  :root { --gutter: 20px; }
  .site-header { height: 62px; }
  .header-meta { display: none; }
  .menu-toggle { display: block; }
  .site-nav { position: absolute; top: 62px; left: 0; right: 0; display: none; height: auto; padding: 12px 20px 22px; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper); border-bottom: 1px solid var(--line); }
  .site-nav.is-open { display: flex; }
  .site-nav a { justify-content: space-between; height: auto; padding: 15px 0; border-bottom: 1px solid var(--line); }
  .site-nav a:not(.nav-contact)::after { bottom: 0; }.nav-contact { margin-top: 13px; justify-content: center !important; }
  .section { padding-top: 110px; padding-bottom: 90px; }
  .hero { display: block; min-height: auto; padding-top: 125px; padding-bottom: 110px; }
  .hero-rail { display: none; }.hero-content { padding-left: 0; }.hero h1 { font-size: clamp(58px, 16.5vw, 100px); }
  .hero-lede { font-size: 14px; margin-top: 27px; }.hero-aside { margin: 70px 19px 0 8px; }.portrait-wrap { max-width: 335px; margin-left: auto; }
  .hero-bottom { bottom: 35px; font-size: 8px; }.scroll-track { flex: 1; max-width: 120px; }
  .metrics-band { grid-template-columns: repeat(2, 1fr); }.metric { min-height: 115px; padding: 22px 20px; }.metric:nth-child(2) { border-right: 0; }.metric:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.metric strong { font-size: 37px; }.metric > span:last-child { font-size: 8px; }
  .metric-signal { align-items: center; gap: 13px; }.signal-bars { height: 35px; }
  .section-grid { grid-template-columns: 1fr; gap: 12px; }.section-index { padding-top: 0; }.side-note { display: none; }.section-heading h2 { font-size: clamp(54px, 15vw, 95px); }.section-dek { font-size: 14px; }
  .timeline { margin-top: 58px; }.role-card { grid-template-columns: 35px 1fr; gap: 12px; padding: 25px 0 29px; }.role-number { grid-row: 1 / span 2; }.role-date { grid-column: 2; grid-row: 1; }.role-main { grid-column: 2; }.role-title { display: block; }.role-status, .impact-pill { display: inline-block; margin-top: 14px; }.role-main ul { columns: 1; margin-top: 21px; }.role-main li { font-size: 11px; }
  .portfolio .section-grid, .portfolio .case-list, .about .section-grid, .about .about-grid { margin-left: 0; margin-right: 0; }.case-list { display: block; margin-top: 58px; }.case-card { margin-bottom: 15px; padding: 24px 20px; }.case-card:nth-child(2), .case-card:nth-child(3), .case-card:nth-child(4), .case-card:nth-child(5) { grid-column: span 12; }.case-topline { font-size: 8px; }.case-topline span:last-child { text-align: right; }.case-head { padding-top: 26px; }.case-head h3 { font-size: clamp(31px, 10vw, 53px); }.case-mark { width: 52px; height: 52px; font-size: 15px; }.case-context { margin: 25px 0; font-size: 12px; }.case-metrics { gap: 21px 28px; }.case-metrics strong { font-size: 31px; }.case-metrics span { font-size: 8px; }.details-copy, .details-media { grid-template-columns: 1fr; gap: 14px; }.details-media img { max-height: 190px; }.details-media-tall img { max-height: 260px; }
  .capability-grid { display: block; margin-top: 58px; }.capability { min-height: 0; padding: 23px 20px; }.capability h3 { font-size: 31px; }.capability p { font-size: 12px; }.capability-ticker { overflow: hidden; justify-content: flex-start; margin-top: 45px; font-size: 9px; white-space: nowrap; }
  .about-grid { display: block; margin-top: 57px; }.about-quote p { font-size: 31px; }.about-copy { margin-top: 44px; }.about-facts { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; gap: 24px; }
  .contact { padding-top: 22px; }.contact-top { font-size: 8px; }.contact-content { display: block; padding: 75px 0 90px; }.contact h2 { font-size: clamp(59px, 17vw, 105px); }.contact-copy { margin-top: 74px; }.contact-email { font-size: clamp(33px, 10vw, 60px); }.contact-meta { font-size: 8px; }.contact-bottom { display: block; font-size: 8px; line-height: 1.6; }.contact-bottom span { display: block; }.contact-bottom span + span { margin-top: 7px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }