:root {
  --bg: #07070a;
  --surface: #0d0d13;
  --line: rgba(255,255,255,.1);
  --text: #f3f1f4;
  --muted: #9b98a3;
  --pink: #ff526f;
  --purple: #8b4cff;
  --max: 1460px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--pink); color: white; }
.container { width: min(calc(100% - 112px), var(--max)); margin-inline: auto; }
.outline { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.68); }
.eyebrow { margin: 0 0 22px; color: #ff5c7e; font-size: 12px; line-height: 1; font-weight: 850; letter-spacing: .22em; }
.eyebrow-violet { color: #a899ff; }

.site-header { position: sticky; top: 0; z-index: 30; height: 82px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); background: rgba(7,7,10,.86); backdrop-filter: blur(18px); }
.brand { display: inline-flex; width: fit-content; align-items: center; gap: 13px; font-size: 19px; font-weight: 900; letter-spacing: .16em; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 5px; color: white; font-size: 20px; letter-spacing: 0; background: linear-gradient(135deg, #ff665d, #d8369b 55%, #7258ff); box-shadow: 0 0 35px rgba(236,58,145,.25); }
.site-header nav { display: flex; align-self: stretch; align-items: center; gap: 38px; }
.site-header nav a { position: relative; display: grid; height: 100%; place-items: center; color: #aaa6af; font-size: 14px; font-weight: 700; }
.site-header nav a::after { content: ""; position: absolute; bottom: 15px; left: 50%; width: 0; height: 2px; transform: translateX(-50%); background: linear-gradient(90deg,var(--pink),var(--purple)); transition: width .25s ease; }
.site-header nav a:hover, .site-header nav a.active { color: white; }
.site-header nav a.active::after, .site-header nav a:hover::after { width: 100%; }
.header-contact { justify-self: end; padding: 12px 21px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 14px; font-weight: 750; transition: border-color .2s, background .2s; }
.header-contact:hover, .header-contact.active { border-color: rgba(255,82,111,.65); background: rgba(255,82,111,.08); }

.hero { position: relative; min-height: calc(100svh - 82px); overflow: hidden; border-bottom: 1px solid var(--line); background: #07070b; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, #07070a 0%, rgba(7,7,10,.6) 40%, rgba(7,7,10,.12) 70%), linear-gradient(0deg,#07070a 0%,transparent 22%); }
.hero-art { position: absolute; inset: 0; background: radial-gradient(circle at 69% 50%, rgba(119,27,164,.28), transparent 26%), radial-gradient(circle at 58% 48%, rgba(230,28,103,.13), transparent 22%), radial-gradient(circle at 51% 25%, rgba(19,40,91,.22), transparent 40%), #07070c; }
.halo { position: absolute; top: 26%; left: 58%; width: 36vw; height: 36vw; max-width: 580px; max-height: 580px; border: 44px solid rgba(255,48,126,.08); border-radius: 50%; filter: blur(2px); box-shadow: 0 0 120px rgba(125,30,210,.12); }
.silhouette { position: absolute; left: 47%; bottom: -12%; width: 29vw; height: 78%; border-radius: 48% 48% 20% 25%; transform: rotate(-5deg); opacity: .85; background: radial-gradient(ellipse at 46% 28%, rgba(33,8,38,.95) 0 20%, transparent 21%), radial-gradient(ellipse at 50% 38%, #030306 0 24%, transparent 24.5%), linear-gradient(83deg, transparent 28%,#020204 29% 69%,transparent 70%); filter: drop-shadow(40px 0 70px rgba(89,15,121,.55)); }
.hero-copy { position: relative; z-index: 3; padding-top: clamp(160px, 24vh, 270px); }
.hero h1 { display: flex; flex-direction: column; width: fit-content; margin: 0 0 25px; font-size: clamp(62px, 7.3vw, 128px); line-height: .73; letter-spacing: -.07em; font-weight: 900; }
.hero h1 .outline { font-size: .86em; line-height: 1.05; }
.meta { display: flex; align-items: center; gap: 12px; margin: 29px 0 0; color: #c2bec7; font-size: 14px; font-weight: 650; }
.meta i { width: 3px; height: 3px; border-radius: 50%; background: #726e77; }
.hero-description { max-width: 500px; margin: 20px 0 0; color: #aaa7b0; font-size: 16px; line-height: 1.6; }
.hero-actions { display: flex; gap: 12px; margin-top: 30px; }
.button { min-height: 50px; padding: 0 27px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: white; font-weight: 800; cursor: pointer; transition: transform .2s ease, filter .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #ff7b91; outline-offset: 3px; }
.button-primary { background: linear-gradient(100deg,#ff5d62 0%,#ed3b9d 52%,#7851ff 100%); box-shadow: 0 12px 34px rgba(204,51,141,.2); }
.button-muted { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); }
.hero-index { position: absolute; right: 5.5vw; bottom: 12%; z-index: 3; display: flex; align-items: center; gap: 12px; color: #88848e; font-size: 12px; }
.hero-index i { display: block; width: 72px; height: 1px; background: linear-gradient(90deg,var(--pink) 20%,#3b3940 20%); }
.scroll-cue { position: absolute; z-index: 3; right: 5.5vw; bottom: 5%; color: #77737e; font-size: 9px; letter-spacing: .22em; text-transform: uppercase; }
.scroll-cue span { margin-left: 12px; color: white; font-size: 16px; }

.section { padding-block: 105px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 46px; }
.section-heading h2, .moods > h2 { margin: 0; font-size: clamp(40px, 4.3vw, 70px); line-height: 1; letter-spacing: -.055em; font-weight: 420; }
.text-link { display: inline-flex; align-items: center; gap: 14px; color: #c7c4ca; font-size: 14px; font-weight: 750; }
.text-link span { font-size: 21px; transition: transform .2s; }
.text-link:hover span { transform: translateX(5px); }
.film-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.film-card { position: relative; min-width: 0; overflow: hidden; border-radius: 4px; background: #0d0d14; transition: transform .25s ease; }
.film-card:hover { transform: translateY(-7px); }
.film-visual { position: relative; height: clamp(300px,27vw,430px); overflow: hidden; background: var(--poster); }
.film-visual::after { content:""; position:absolute; inset:0; background: linear-gradient(0deg,#08080d 0%,transparent 55%), radial-gradient(circle at 45% 42%,transparent 0 18%,rgba(0,0,0,.35) 60%); }
.film-number { position: absolute; z-index: 2; top: 15px; right: 10px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.25); font-size: 44px; font-weight: 300; }
.film-tag { position: absolute; z-index: 3; top: 17px; left: 14px; padding: 8px 10px; background: rgba(4,4,8,.8); color: white; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.film-shape { position: absolute; z-index: 1; width: 58%; height: 70%; left: 23%; bottom: -8%; border-radius: 46% 46% 8% 8%; background: var(--shape); filter: blur(.2px) drop-shadow(0 0 40px var(--glow)); transform: var(--tilt,rotate(-3deg)); }
.film-info { position: absolute; z-index: 4; left: 17px; right: 12px; bottom: 17px; }
.film-info h3 { margin: 0 0 11px; font-size: 17px; letter-spacing: -.025em; }
.film-info p { margin: 0; color: #9b97a0; font-size: 10px; }
.film-card.violet { --poster: radial-gradient(circle at 27% 44%,#f356d9 0 6%,transparent 7%),linear-gradient(145deg,#071124,#170a32 55%,#05060d); --shape:linear-gradient(160deg,#0a0915,#010105 68%,#38105b); --glow:#7625e5; }
.film-card.coral { --poster: linear-gradient(120deg,#ef502d 0 8%,transparent 9%),linear-gradient(30deg,#1e0809,#b23b29 48%,#1b0710); --shape:linear-gradient(#e3a573 0 14%,#6b2b26 15% 32%,#11111b 33%); --glow:#ed5a43; --tilt:rotate(4deg); }
.film-card.slate { --poster: linear-gradient(170deg,#6b6560,#252a2e 48%,#0c1116); --shape:linear-gradient(145deg,#34383d,#080b0e 70%); --glow:#82919c; }
.film-card.electric { --poster: repeating-linear-gradient(117deg,transparent 0 10px,rgba(129,55,255,.35) 11px 13px),linear-gradient(135deg,#24107d,#951d8b 46%,#080819); --shape:linear-gradient(145deg,#751b72,#06050c 55%); --glow:#e739b8; }
.film-card.amber { --poster: radial-gradient(circle at 64% 31%,#ffc568 0 4%,transparent 5%),linear-gradient(145deg,#481f11,#130e15 55%,#080712); --shape:linear-gradient(145deg,#2f1713,#09080e 60%); --glow:#d48a38; }
.film-card.rose { --poster: radial-gradient(circle at 50% 35%,#ff4865 0 4%,transparent 8%),linear-gradient(110deg,#1e0c15 0 46%,#9b1f56 48%,#110718 51%); --shape:linear-gradient(145deg,#20101e,#06030a 60%); --glow:#d92e7e; }

.feature-split { min-height: 650px; position: relative; border-block: 1px solid var(--line); background: radial-gradient(ellipse at 31% 65%,rgba(76,65,91,.18),transparent 20%),linear-gradient(110deg,rgba(18,18,21,.96) 0 51%,transparent 65%),radial-gradient(circle at 73% 47%,rgba(112,35,145,.2),transparent 20%),#09090d; overflow: hidden; }
.feature-split::before { content:""; position:absolute; left:-8%; bottom:-40%; width:62%; height:110%; border-radius: 50%; background: radial-gradient(ellipse at 65% 30%,transparent 0 20%,rgba(255,255,255,.025) 21% 23%,transparent 24%),linear-gradient(145deg,#15151a,#08080b 70%); filter: blur(9px); }
.feature-text { position: absolute; z-index: 2; width: 38%; left: 65%; top: 50%; transform: translateY(-50%); }
.feature-text h2 { display:flex; flex-direction:column; margin:0 0 30px; font-size: clamp(70px,7vw,118px); line-height:.68; letter-spacing:-.07em; font-weight:300; }
.feature-text h2 .outline { font-size:.7em; line-height:.8; }
.feature-text > p:not(.eyebrow) { max-width:480px; color:#aaa6b0; line-height:1.7; }
.feature-text .text-link { margin-top: 22px; }

.moods > h2 { margin-bottom: 50px; }
.mood-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mood-card { position:relative; height:270px; padding:36px 30px; overflow:hidden; border:1px solid var(--line); border-radius:5px; background:#111119; }
.mood-card::before { content:""; position:absolute; inset:0; opacity:.9; background:var(--mood); transition: transform .4s ease; }
.mood-card:hover::before { transform:scale(1.08); }
.mood-card > span { position:relative; z-index:1; color:#8f8b96; font-size:11px; }
.mood-card h3 { position:absolute; z-index:1; left:30px; bottom:28px; margin:0; font-size:25px; line-height:1.1; letter-spacing:-.04em; }
.mood-card h3 span { display:block; }
.mood-card a { position:absolute; z-index:2; right:27px; bottom:24px; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; font-size:19px; transition:.2s; }
.mood-card a:hover { background:white; color:#111; }
.mood-plum { --mood:radial-gradient(circle at 78% 30%,#80213e,transparent 25%),radial-gradient(circle at 75% 110%,#3c217d,transparent 42%),#101016; }
.mood-blue { --mood:radial-gradient(circle at 80% 22%,#235691,transparent 29%),radial-gradient(circle at 57% 105%,#226d72,transparent 40%),#101016; }
.mood-gold { --mood:radial-gradient(circle at 84% 25%,#925e2e,transparent 28%),radial-gradient(circle at 70% 110%,#752442,transparent 40%),#101016; }

.subscription { padding:90px 0; border-block:1px solid var(--line); background:radial-gradient(circle at 70% 50%,rgba(66,31,127,.35),transparent 28%),#0c0b11; }
.subscription-inner { display:grid; grid-template-columns:1fr auto auto; gap:50px; align-items:center; }
.subscription h2 { margin:0 0 14px; font-size:clamp(34px,3.2vw,55px); letter-spacing:-.05em; font-weight:400; }
.subscription p:not(.eyebrow) { margin:0; color:#9c98a3; }
.price { display:flex; align-items:baseline; gap:7px; white-space:nowrap; }
.price strong { font-size:44px; }
.price span { color:#9a96a0; font-size:11px; }

.site-footer { padding-block:65px; display:flex; justify-content:space-between; align-items:flex-start; }
.footer-links { display:flex; gap:28px; margin-top:28px; color:#85818b; font-size:12px; }
.footer-links a:hover { color:white; }
.footer-note { text-align:right; color:#77737e; font-size:12px; line-height:1.7; }
.footer-note p:first-child { color:#918d97; font-size:15px; margin-top:5px; }

.journal-hero { padding:130px 0 100px; }
.journal-hero h1, .contact-copy h1 { margin:0; font-size:clamp(72px,9vw,150px); line-height:.78; letter-spacing:-.075em; font-weight:700; }
.journal-hero h1 span { font-size:.73em; font-weight:300; }
.journal-hero > p:last-child { max-width:570px; margin:55px 0 0 49%; color:#aaa6b0; font-size:18px; line-height:1.65; }
.journal-list { padding-bottom:120px; }
.journal-card { display:grid; grid-template-columns:70px minmax(260px,500px) 1fr; gap:45px; align-items:center; padding:38px 0; border-top:1px solid var(--line); }
.journal-card:last-child { border-bottom:1px solid var(--line); }
.article-number { align-self:start; padding-top:5px; color:#7e7984; font-size:12px; }
.article-art { position:relative; height:290px; overflow:hidden; background:#121119; }
.article-art::before, .article-art::after, .article-art span { content:""; position:absolute; display:block; }
.art-01 { background:radial-gradient(circle at 25% 35%,#d8467d 0 6%,transparent 7%),radial-gradient(circle at 52% 50%,#401f74,transparent 45%),#080811; }
.art-01::before { width:48%; height:90%; right:18%; bottom:-25%; border-radius:50% 50% 0 0; background:#030306; box-shadow:0 0 60px #5f228f; }
.art-02 { background:linear-gradient(120deg,#1b0f18,#4d1936 50%,#151121); }
.art-02::before { inset:0; background:repeating-linear-gradient(105deg,transparent 0 45px,rgba(255,89,143,.11) 46px 49px); }
.art-02::after { width:8px; height:170%; left:53%; top:-30%; background:#fa497e; transform:rotate(32deg); box-shadow:0 0 30px #fb3974; }
.art-03 { background:radial-gradient(circle at 70% 35%,#e39a46 0 5%,transparent 6%),linear-gradient(155deg,#172e43,#10101b 55%); }
.art-03::before { left:12%; right:12%; bottom:17%; height:1px; background:rgba(255,255,255,.25); box-shadow:0 20px rgba(255,255,255,.08),0 -25px rgba(255,255,255,.08); }
.article-copy h2 { max-width:720px; margin:0 0 20px; font-size:clamp(28px,3vw,46px); line-height:1.08; letter-spacing:-.045em; font-weight:500; }
.article-copy > p:not(.eyebrow) { max-width:650px; color:#99959f; line-height:1.65; }
.article-copy > div { display:flex; justify-content:space-between; align-items:center; margin-top:35px; color:#77737e; font-size:12px; }
.article-copy a { color:white; font-weight:700; }
.article-copy a span { margin-left:10px; color:#ff5e7b; }
.journal-quote { padding:120px 0; background:radial-gradient(circle at 50% 50%,rgba(86,38,150,.32),transparent 32%),#0d0c12; border-bottom:1px solid var(--line); }
.journal-quote p { max-width:1100px; margin:auto; text-align:center; font-size:clamp(35px,4.2vw,66px); line-height:1.18; letter-spacing:-.05em; font-weight:300; }

.story { padding:90px 0 120px; }
.back-link { display:inline-block; margin-bottom:100px; color:#96919b; font-size:13px; }
.story > .eyebrow { text-align:center; }
.story h1 { max-width:1100px; margin:0 auto; text-align:center; font-size:clamp(54px,7vw,105px); line-height:.96; letter-spacing:-.06em; font-weight:500; }
.story-lead { max-width:720px; margin:45px auto 70px; text-align:center; color:#b8b4bd; font-size:20px; line-height:1.65; }
.story-image { position:relative; height:min(55vw,700px); margin:0 auto 80px; overflow:hidden; background:radial-gradient(circle at 55% 42%,rgba(226,46,109,.25),transparent 20%),radial-gradient(circle at 70% 42%,rgba(92,35,185,.35),transparent 34%),linear-gradient(120deg,#08080d,#14101d); }
.story-image::before { content:""; position:absolute; left:39%; bottom:-20%; width:29%; height:95%; border-radius:49% 49% 0 0; background:#020205; box-shadow:0 0 80px rgba(117,37,170,.45); }
.story-body { max-width:760px; margin:auto; }
.story-body p { margin:0 0 30px; color:#c5c1c9; font-size:19px; line-height:1.8; }
.story-body p:first-child::first-letter { float:left; margin:.1em .12em 0 0; color:#ff5c7c; font-size:4.2em; line-height:.75; font-weight:600; }

.contact-page { display:grid; grid-template-columns:.92fr 1.08fr; gap:9vw; min-height:calc(100svh - 82px); padding-block:110px 130px; }
.contact-copy { position:relative; }
.contact-copy::after { content:""; position:absolute; z-index:-1; width:420px; height:420px; left:-40%; bottom:-15%; border-radius:50%; background:rgba(105,37,173,.18); filter:blur(80px); }
.contact-copy h1 { font-size:clamp(75px,8vw,130px); }
.contact-copy h1 span { font-size:.8em; }
.contact-copy > p:not(.eyebrow) { max-width:520px; margin:50px 0 0; color:#a9a5ae; font-size:17px; line-height:1.7; }
.privacy-note { display:flex; gap:18px; align-items:flex-start; margin-top:55px; padding-top:27px; border-top:1px solid var(--line); color:#8d8994; font-size:13px; line-height:1.6; }
.privacy-note > span { color:#ff5b7a; }
.privacy-note p { margin:0; }
.privacy-note strong { color:#d5d1d8; }
.contact-form { align-self:center; padding:48px; border:1px solid var(--line); border-radius:5px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.field { margin-bottom:26px; }
.field label { display:block; margin-bottom:11px; color:#b5b1ba; font-size:12px; font-weight:700; letter-spacing:.06em; }
.field input, .field textarea, .field select { width:100%; border:1px solid rgba(255,255,255,.13); border-radius:3px; padding:15px 16px; background:#0b0b10; color:white; outline:none; transition:border-color .2s, background .2s; }
.field textarea { resize:vertical; min-height:140px; }
.field input:hover, .field textarea:hover, .field select:hover { border-color:rgba(255,255,255,.25); }
.field input:focus, .field textarea:focus, .field select:focus { border-color:#c34cd2; background:#0e0d15; }
.consent { display:flex; gap:12px; color:#8c8892; font-size:11px; line-height:1.5; cursor:pointer; }
.consent input { width:16px; height:16px; accent-color:#e64599; }
.contact-form .button { width:100%; margin-top:30px; }
.form-status { min-height:18px; margin:18px 0 0; color:#a798ff; text-align:center; font-size:12px; opacity:0; transition:opacity .2s; }
.form-status.visible { opacity:1; }

@media (max-width:1100px) {
  .container { width:min(calc(100% - 48px),var(--max)); }
  .film-grid { grid-template-columns:repeat(3,1fr); }
  .film-visual { height:440px; }
  .feature-text { left:55%; width:40%; }
  .subscription-inner { grid-template-columns:1fr auto; }
  .subscription .button { grid-column:2; }
  .journal-card { grid-template-columns:40px minmax(240px,380px) 1fr; gap:25px; }
  .contact-page { gap:5vw; }
}

@media (max-width:760px) {
  .container { width:calc(100% - 36px); }
  .site-header { height:68px; padding:0 18px; grid-template-columns:1fr auto; }
  .site-header .brand { font-size:16px; }
  .brand-mark { width:31px; height:31px; }
  .site-header nav { position:fixed; left:0; right:0; bottom:0; z-index:40; height:58px; justify-content:space-around; gap:0; padding:0 8px; border-top:1px solid var(--line); background:rgba(8,8,12,.96); backdrop-filter:blur(15px); }
  .site-header nav a { height:100%; font-size:11px; }
  .site-header nav a::after { bottom:7px; }
  .header-contact { padding:10px 15px; font-size:12px; }
  .hero { min-height:calc(100svh - 68px); }
  .hero::after { background:linear-gradient(90deg,#07070a 0%,rgba(7,7,10,.64) 75%),linear-gradient(0deg,#07070a 0%,transparent 35%); }
  .hero-copy { padding-top:30vh; }
  .hero h1 { font-size:clamp(54px,16vw,80px); }
  .hero-description { max-width:85%; font-size:14px; }
  .halo { left:48%; top:14%; width:76vw; height:76vw; }
  .silhouette { left:43%; width:56vw; }
  .hero-index, .scroll-cue { display:none; }
  .section { padding-block:75px; }
  .section-heading { align-items:flex-start; }
  .section-heading .text-link { display:none; }
  .section-heading h2, .moods > h2 { font-size:45px; }
  .film-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:15px; margin-right:-18px; scrollbar-width:none; }
  .film-card { flex:0 0 77vw; scroll-snap-align:start; }
  .film-visual { height:470px; }
  .feature-split { min-height:650px; background:radial-gradient(circle at 40% 20%,rgba(112,35,145,.26),transparent 30%),#09090d; }
  .feature-split::before { width:100%; height:55%; bottom:auto; top:-10%; }
  .feature-text { left:18px; right:18px; top:auto; bottom:65px; transform:none; width:auto; }
  .feature-text h2 { font-size:80px; }
  .mood-grid { grid-template-columns:1fr; }
  .mood-card { height:230px; }
  .subscription-inner { grid-template-columns:1fr; gap:30px; }
  .subscription .button { grid-column:auto; width:fit-content; }
  .price strong { font-size:37px; }
  .site-footer { padding-bottom:100px; gap:40px; flex-direction:column; }
  .footer-note { text-align:left; }
  .journal-hero { padding:90px 0 75px; }
  .journal-hero h1, .contact-copy h1 { font-size:62px; }
  .journal-hero > p:last-child { margin:40px 0 0; font-size:16px; }
  .journal-card { grid-template-columns:35px 1fr; gap:12px; padding:28px 0 45px; }
  .article-art { grid-column:2; height:250px; }
  .article-copy { grid-column:2; }
  .article-copy h2 { font-size:32px; }
  .journal-quote { padding:80px 0; }
  .story { padding-top:55px; }
  .back-link { margin-bottom:70px; }
  .story h1 { font-size:49px; }
  .story-lead { font-size:17px; }
  .story-image { width:calc(100% + 36px); margin-left:-18px; height:100vw; }
  .story-body p { font-size:17px; }
  .contact-page { grid-template-columns:1fr; gap:70px; padding-block:80px 100px; }
  .contact-copy > p:not(.eyebrow) { margin-top:38px; }
  .contact-form { padding:26px 20px; }
}

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