:root {
  --ivory: #f2ede4;
  --stone: #e9e4da;
  --sand: #d9d0c2;
  --warm-gray: #a9a59d;
  --charcoal: #232323;
  --olive: #596354;
  --night: #0f1b2d;
  --ink: #191b1d;
  --gold: #caa05b;
  --gold-light: #d9b676;
  --white: #faf8f3;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Montserrat", Arial, sans-serif;
  --shell: min(1380px, calc(100vw - 96px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--charcoal); font-family: var(--sans); font-weight: 300; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.shell { width: var(--shell); margin-inline: auto; }

.site-header {
  position: absolute; inset: 0 0 auto 0; z-index: 20; height: 126px;
  padding: 20px 4vw; display: flex; align-items: center; gap: 40px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(8,13,20,.30), rgba(8,13,20,.03));
}
.brand { display:flex; align-items:center; gap:14px; min-width: 310px; color:var(--white); }
.brand-sketch { width: 122px; height: 74px; object-fit: contain; object-position:center; }
.brand-copy { display:flex; flex-direction:column; gap:5px; }
.brand-name { font-family:var(--serif); font-size:31px; font-weight:500; line-height:.78; letter-spacing:.04em; }
.brand-name span { display:block; }
.brand-subtitle { color:var(--gold-light); font-size:8px; letter-spacing:.14em; white-space:nowrap; font-weight:500; }
.main-nav { margin-left:auto; display:flex; align-items:center; gap:27px; font-size:10px; text-transform:uppercase; font-weight:500; letter-spacing:.045em; color:#fff; }
.main-nav a:not(.nav-cta) { padding: 13px 0; position:relative; }
.main-nav a:not(.nav-cta)::after { content:""; position:absolute; left:0; bottom:3px; width:0; height:1px; background:var(--gold); transition:.3s ease; }
.main-nav a:hover::after, .main-nav a.active::after { width:100%; }
.main-nav a.active { color:var(--gold-light); }
.nav-cta { border:1px solid var(--gold); padding:15px 19px; transition:.3s ease; }
.nav-cta:hover { background:var(--gold); color:var(--ink); }
.menu-toggle { display:none; background:none; border:0; padding:10px; }
.menu-toggle span { display:block; width:28px; height:1px; background:#fff; margin:6px; }

.hero { min-height: 790px; height: 93vh; max-height: 980px; position:relative; display:flex; align-items:center; background: url("assets/hero-clean.jpg") center 38% / cover no-repeat; color:#fff; overflow:hidden; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,12,18,.42) 0%, rgba(9,15,21,.13) 42%, rgba(9,15,21,0) 76%), linear-gradient(180deg, rgba(8,12,18,.10), transparent 35%, rgba(8,12,18,.02)); }
.hero-content { position:relative; z-index:2; padding-top:90px; }
.eyebrow, .section-kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.18em; font-size:10px; font-weight:600; }
.hero h1 { text-shadow:0 2px 18px rgba(0,0,0,.22); margin:17px 0 20px; font-family:var(--serif); font-weight:400; text-transform:uppercase; font-size:clamp(74px, 7.6vw, 132px); line-height:.73; letter-spacing:.012em; }
.hero h1 span { display:block; }
.hero-signature { display:flex; align-items:center; gap:18px; color:var(--gold-light); text-transform:uppercase; letter-spacing:.105em; font-size:15px; font-weight:400; }
.hero-signature span { width:54px; height:1px; background:var(--gold); }
.hero-tagline { text-shadow:0 2px 14px rgba(0,0,0,.18); margin:24px 0 30px; font-family:var(--serif); font-size:33px; font-weight:400; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:16px 22px; text-transform:uppercase; letter-spacing:.06em; font-size:10px; font-weight:600; transition:.3s ease; }
.button-outline { border:1px solid var(--gold); background:rgba(7,12,18,.26); }
.button-outline:hover { background:var(--gold); color:var(--ink); }
.text-link { font-size:11px; border-bottom:1px solid rgba(255,255,255,.35); padding:8px 0; }
.hero-scroll { position:absolute; z-index:3; right:4vw; bottom:30px; display:flex; align-items:center; gap:12px; text-transform:uppercase; letter-spacing:.12em; font-size:8px; opacity:.72; }
.hero-scroll span { width:46px; height:1px; background:#fff; }

.values { background:#f1ece4; color:var(--charcoal); border-top:1px solid rgba(202,160,91,.38); border-bottom:1px solid #ddd5c8; }
.value-grid { display:grid; grid-template-columns:repeat(3, 1fr); }
.value-card { min-height:170px; padding:36px 48px; display:grid; grid-template-columns:58px 1fr; gap:26px; align-items:center; border-right:1px solid #d8d0c4; }
.value-card:last-child { border-right:0; }
.value-card h2 { margin:0 0 10px; color:#9b7439; font-family:var(--serif); font-size:23px; font-weight:500; text-transform:uppercase; letter-spacing:.06em; }
.value-card p { margin:0; color:#575650; font-size:11px; line-height:1.85; }
.line-icon { color:var(--gold); font-family:var(--serif); font-size:56px; text-align:center; line-height:1; }
.icon-plan { width:43px; height:43px; border:1px solid var(--gold); transform:rotate(45deg); position:relative; margin-left:5px; }
.icon-plan::after { content:""; position:absolute; left:8px; right:8px; top:20px; height:1px; background:var(--gold); }
.icon-landscape { font-size:64px; transform:rotate(-8deg); }

.editorial { display:grid; grid-template-columns: 23% 29% 24% 24%; min-height:480px; background:#f3efe8; }
.editorial-copy { padding:58px 4vw; display:flex; flex-direction:column; justify-content:center; }
.editorial h2, .statement h2, .section-heading h2, .contact-band h2 { font-family:var(--serif); font-weight:500; margin:9px 0 0; line-height:.97; }
.editorial h2 { font-size:42px; }
.gold-rule { display:block; width:43px; height:1px; background:var(--gold); margin:22px 0; }
.editorial-copy p:not(.section-kicker), .approach-card p:not(.section-kicker) { font-size:11px; line-height:1.85; margin:0 0 24px; }
.button-dark { border:1px solid #68635c; align-self:flex-start; color:#2c2b29; }
.button-dark:hover { background:#242526; color:#fff; }
.editorial-image { margin:0; overflow:hidden; min-height:430px; }
.editorial-image img { width:100%; height:100%; object-fit:cover; }
.large-image img { object-position:center 48%; }
.approach-card { background:linear-gradient(145deg,#66705f,#505a4d); color:#fff; padding:58px 46px; display:flex; flex-direction:column; justify-content:center; }
.approach-card h2 { font-size:37px; }
.approach-card p { color:#ddd9d1; }
.gold-link { color:var(--gold-light); text-transform:uppercase; letter-spacing:.05em; font-size:10px; font-weight:600; display:inline-flex; gap:15px; align-items:center; }
.night-image img { object-position:center; }
.realisation-hero { position:relative; }
.realisation-hero figcaption { position:absolute; left:18px; bottom:16px; z-index:2; color:#fff; background:rgba(20,24,25,.58); border:1px solid rgba(255,255,255,.18); padding:8px 11px; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.realisation-hero::after { content:""; position:absolute; inset:52% 0 0; background:linear-gradient(transparent,rgba(13,17,17,.18)); pointer-events:none; }

.statement { background:var(--stone); text-align:center; position:relative; overflow:hidden; }
.statement-inner { padding:90px 20px 88px; position:relative; }
.statement-sketch { position:absolute; width:min(900px, 78vw); opacity:.045; left:50%; top:50%; transform:translate(-50%,-54%); }
.statement h2 { position:relative; font-size:46px; color:#262827; }
.statement p:last-child { position:relative; max-width:760px; margin:24px auto 0; font-size:12px; line-height:1.9; color:#565852; }

.expertises { background:#f7f4ee; padding:76px 0 64px; }
.section-heading { text-align:center; margin-bottom:44px; }
.section-heading h2 { font-size:44px; }
.expertise-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #d7d2c9; border-bottom:1px solid #d7d2c9; }
.expertise-grid article { padding:35px 30px; text-align:center; border-right:1px solid #d7d2c9; }
.expertise-grid article:last-child { border-right:0; }
.expertise-symbol { color:var(--gold); font-family:var(--serif); font-size:40px; height:55px; display:block; }
.expertise-grid h3 { text-transform:uppercase; font-size:10px; letter-spacing:.07em; font-weight:600; margin:8px 0 13px; }
.expertise-grid p { font-size:10px; line-height:1.8; margin:0; color:#5c5c58; }


.hero-real-temp { background-image:url("assets/real-mountain-night.jpg"); background-position:center 58%; }
.hero-real-temp .hero-shade { background:linear-gradient(90deg, rgba(8,12,18,.48) 0%, rgba(9,15,21,.16) 46%, rgba(9,15,21,.05) 78%), linear-gradient(180deg, rgba(8,12,18,.14), transparent 38%, rgba(8,12,18,.08)); }

.sectors { background:#e8e2d8; padding:86px 0; border-top:1px solid #d7d0c5; border-bottom:1px solid #d7d0c5; }
.sectors-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }
.sectors h2 { margin:10px 0 0; font-family:var(--serif); font-size:46px; line-height:1.05; font-weight:500; max-width:680px; }
.sectors-copy > p { margin:0 0 24px; font-family:var(--serif); font-size:20px; line-height:1.65; color:#5d5952; }
.sectors-copy strong { font-weight:600; color:#2d2c29; }
.sector-tags { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 28px; }
.sector-tags span { border:1px solid #c4b8a8; background:rgba(255,255,255,.28); padding:10px 12px; font-size:8px; text-transform:uppercase; letter-spacing:.09em; color:#686056; }

.process { background:#202725; color:#f3efe7; padding:92px 0 86px; }
.process-shell { display:flex; flex-direction:column; gap:46px; }
.process-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:end; }
.process-heading h2 { margin:9px 0 0; font-family:var(--serif); font-size:48px; line-height:1.02; font-weight:500; max-width:760px; }
.process-heading > p { margin:0; color:#c9c6bf; font-family:var(--serif); font-size:19px; line-height:1.65; max-width:620px; }
.process-grid { display:grid; grid-template-columns:1fr .82fr 1fr; grid-template-rows:330px 330px; gap:14px; }
.process-card { margin:0; position:relative; overflow:hidden; min-height:0; background:#111; }
.process-card-compact { grid-column:1; grid-row:1; }
.process-card-tall { grid-column:2; grid-row:1 / 3; }
.process-card:nth-child(3) { grid-column:3; grid-row:1; }
.process-card:nth-child(4) { grid-column:1; grid-row:2; }
.process-card:nth-child(5) { grid-column:3; grid-row:2; }
.process-card img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease, filter .6s ease; filter:saturate(.94) contrast(1.02); }
.process-card-compact img { object-position:center 50%; }
.process-card-tall img { object-position:center 42%; }
.process-card:hover img { transform:scale(1.02); filter:saturate(1) contrast(1.03); }
.process-card::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,rgba(7,10,10,.82)); pointer-events:none; }
.process-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:24px 25px; display:flex; gap:18px; align-items:flex-start; }
.process-number { color:var(--gold-light); font-family:var(--serif); font-size:24px; line-height:1; }
.process-card figcaption > span:last-child { display:flex; flex-direction:column; gap:6px; }
.process-card strong { color:#fff; font-family:var(--serif); font-size:21px; font-weight:500; }
.process-card small { color:#cbc8c1; font-size:9px; line-height:1.6; max-width:330px; }
.process-signature { border-top:1px solid rgba(202,160,91,.30); padding-top:26px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.process-signature span { font-family:var(--serif); font-size:28px; color:#d9d4ca; }
.process-signature span::before { content:"—"; color:var(--gold); margin-right:10px; }

.portfolio { background:#f2eee7; padding:82px 0 100px; }
.split-heading { display:flex; align-items:flex-end; justify-content:space-between; text-align:left; }
.dark-text { color:#6a5331; padding-bottom:7px; }
.section-intro { max-width:720px; margin:18px 0 0; color:#69665f; font-family:var(--serif); font-size:20px; line-height:1.55; }
.portfolio-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:14px; }
.project-card { margin:0; position:relative; height:430px; overflow:hidden; background:#222; }
.project-card img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.project-card:hover img { transform:scale(1.025); }
.project-card::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(7,9,10,.72)); }
.project-card figcaption { position:absolute; z-index:2; bottom:0; left:0; right:0; padding:24px 26px; display:flex; justify-content:space-between; color:#fff; text-transform:uppercase; letter-spacing:.07em; font-size:9px; font-weight:500; }

.contact-band { background:#eee8df; color:var(--charcoal); padding:92px 0; position:relative; overflow:hidden; }
.contact-band::before { content:""; position:absolute; inset:-50px auto auto 45%; width:600px; height:350px; background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%); }
.contact-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:84px; align-items:start; }
.contact-band h2 { font-size:54px; }
.contact-intro > p:not(.section-kicker) { margin:24px 0 28px; max-width:520px; font-family:var(--serif); font-size:21px; line-height:1.55; color:#59564f; }
.contact-reassurance { display:flex; flex-wrap:wrap; gap:8px; }
.contact-reassurance span { border:1px solid #cfc5b5; background:rgba(255,255,255,.30); padding:9px 11px; font-size:8px; text-transform:uppercase; letter-spacing:.08em; color:#696258; }
.project-form { position:relative; background:rgba(255,255,255,.56); border:1px solid #d9d0c3; padding:34px; box-shadow:0 18px 55px rgba(53,48,39,.05); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:19px 18px; }
.project-form label { display:flex; flex-direction:column; gap:8px; }
.project-form label > span { font-size:8px; text-transform:uppercase; letter-spacing:.10em; font-weight:600; color:#746c60; }
.project-form input, .project-form select, .project-form textarea { width:100%; border:0; border-bottom:1px solid #bdb4a7; border-radius:0; padding:11px 0 12px; background:transparent; color:#272725; font:300 12px/1.5 var(--sans); outline:none; }
.project-form input:focus, .project-form select:focus, .project-form textarea:focus { border-bottom-color:var(--gold); }
.project-form textarea { resize:vertical; min-height:92px; }
.form-full { grid-column:1/-1; }
.form-submit { margin-top:24px; cursor:pointer; }
.form-note { margin:13px 0 0; color:#8a8379; font-size:8px; line-height:1.6; }
.button-gold { background:#2d332f; color:#fff; border:1px solid #2d332f; }
.button-gold:hover { background:#465047; border-color:#465047; }

.site-footer { background:#111417; color:#d9d5ce; border-top:1px solid rgba(202,160,91,.25); padding:28px 0; }
.footer-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:50px; align-items:center; }
.footer-brand { display:flex; align-items:center; gap:14px; }
.footer-brand img { width:85px; height:45px; object-fit:contain; }
.footer-brand span { display:flex; flex-direction:column; gap:3px; }
.footer-brand strong { font-family:var(--serif); font-size:19px; letter-spacing:.06em; font-weight:500; color:#fff; }
.footer-brand small { color:var(--gold-light); font-size:7px; text-transform:uppercase; letter-spacing:.12em; }
.site-footer > .shell > p { font-family:var(--serif); font-style:italic; font-size:17px; color:#aaa59c; }
.site-footer nav { justify-self:end; display:flex; gap:20px; font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.site-footer nav a:hover { color:var(--gold-light); }

@media (max-width: 1180px) {
  :root { --shell:min(100% - 48px, 1180px); }
  .site-header { height:100px; padding:14px 24px; }
  .brand-sketch { width:90px; height:58px; }
  .brand-name { font-size:25px; }
  .brand-subtitle { font-size:6.5px; }
  .main-nav { gap:17px; font-size:8px; }
  .nav-cta { padding:13px 14px; }
  .value-card { padding:30px 25px; grid-template-columns:46px 1fr; }
  .editorial { grid-template-columns:1fr 1.4fr; }
  .editorial-copy, .approach-card { min-height:390px; }
  .night-image, .large-image { min-height:390px; }
  .expertise-grid { grid-template-columns:repeat(3,1fr); }
  .expertise-grid article:nth-child(3) { border-right:0; }
  .expertise-grid article:nth-child(-n+3) { border-bottom:1px solid #d7d2c9; }
  .process-heading { gap:50px; }
  .process-grid { grid-template-columns:1fr 1fr; grid-template-rows:300px 300px 300px; }
  .process-card-compact { grid-column:1; grid-row:1; }
  .process-card-tall { grid-column:2; grid-row:1 / 3; }
  .process-card:nth-child(3) { grid-column:1; grid-row:2; }
  .process-card:nth-child(4) { grid-column:1; grid-row:3; }
  .process-card:nth-child(5) { grid-column:2; grid-row:3; }
}


@media (max-width: 900px) {
  .sectors-layout { grid-template-columns:1fr; gap:34px; }
  .sectors h2 { font-size:38px; }
  :root { --shell:calc(100vw - 36px); }
  .site-header { position:absolute; height:88px; padding:12px 18px; }
  .brand { min-width:0; gap:8px; }
  .brand-sketch { width:72px; height:50px; }
  .brand-name { font-size:22px; }
  .brand-subtitle { font-size:5.5px; }
  .menu-toggle { display:block; margin-left:auto; position:relative; z-index:32; }
  .main-nav { position:fixed; inset:0; background:rgba(10,16,24,.97); flex-direction:column; justify-content:center; gap:20px; font-size:13px; transform:translateX(100%); transition:.35s ease; z-index:30; }
  .main-nav.open { transform:translateX(0); }
  .nav-cta { margin-top:12px; }
  .hero { min-height:710px; height:92vh; background-position:58% center; }
  .hero-shade { background:linear-gradient(90deg,rgba(8,12,18,.48),rgba(8,12,18,.08)),linear-gradient(180deg,rgba(8,12,18,.14),transparent 40%); }
  .hero-content { padding-top:70px; }
  .hero h1 { font-size:clamp(64px,18vw,100px); }
  .hero-signature { font-size:10px; }
  .hero-tagline { font-size:27px; max-width:360px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:12px; }
  .value-grid { grid-template-columns:1fr; }
  .value-card { border-right:0; border-bottom:1px solid #d8d0c4; min-height:auto; }
  .editorial { grid-template-columns:1fr; }
  .editorial-copy, .approach-card { min-height:360px; padding:50px 34px; }
  .editorial-image { min-height:360px; }
  .statement h2 { font-size:36px; }
  .expertise-grid { grid-template-columns:1fr 1fr; }
  .expertise-grid article { border-bottom:1px solid #d7d2c9 !important; }
  .expertise-grid article:nth-child(even) { border-right:0; }
  .expertise-grid article:last-child { grid-column:1/-1; border-bottom:0 !important; }
  .process { padding:70px 0 64px; }
  .process-heading { grid-template-columns:1fr; gap:18px; align-items:start; }
  .process-heading h2 { font-size:39px; }
  .process-heading > p { font-size:17px; }
  .process-grid { grid-template-columns:1fr; grid-template-rows:none; }
  .process-card-compact, .process-card-tall, .process-card:nth-child(3), .process-card:nth-child(4), .process-card:nth-child(5) { grid-column:auto; grid-row:auto; height:390px; }
  .process-card-tall { height:500px; }
  .process-signature { grid-template-columns:1fr 1fr; row-gap:18px; }
  .portfolio-grid { grid-template-columns:1fr; }
  .project-card { height:370px; }
  .split-heading { align-items:flex-start; flex-direction:column; gap:15px; }
  .contact-layout { grid-template-columns:1fr; gap:40px; }
  .project-form { padding:28px; }
  .contact-band h2 { font-size:45px; }
  .form-grid { grid-template-columns:1fr; }
  .form-full { grid-column:auto; }
  .footer-grid { grid-template-columns:1fr; text-align:center; gap:20px; }
  .footer-brand { justify-content:center; }
  .site-footer nav { justify-self:center; flex-wrap:wrap; justify-content:center; }
}

@media (max-width: 520px) {
  .brand-sketch { width:56px; }
  .brand-name { font-size:18px; }
  .brand-subtitle { display:none; }
  .hero h1 { font-size:61px; }
  .hero-tagline { font-size:24px; }
  .hero-signature span { width:28px; }
  .value-card { grid-template-columns:42px 1fr; padding:28px 20px; }
  .statement-inner { padding:65px 10px; }
  .statement h2 { font-size:31px; }
  .section-heading h2 { font-size:35px; }
  .expertise-grid { grid-template-columns:1fr; }
  .expertise-grid article { border-right:0; }
  .contact-band h2 { font-size:39px; }
  .project-form { padding:22px 18px; }
  .section-intro { font-size:18px; }
  .process-heading h2 { font-size:34px; }
  .process-card-compact, .process-card:nth-child(3), .process-card:nth-child(4), .process-card:nth-child(5) { height:330px; }
  .process-card-tall { height:430px; }
  .process-signature { grid-template-columns:1fr; }
  .process-signature span { font-size:25px; }
}


.company-note { margin-top:18px !important; font-size:14px !important; font-family:var(--sans) !important; text-transform:uppercase; letter-spacing:.05em; color:#766b5e !important; }
.direct-contact { margin-top:1.4rem; display:grid; gap:8px; font-size:.95rem; }
.contact-intro .direct-contact p { margin:0; font-family:var(--sans); font-size:14px; line-height:1.55; color:#59564f; }
.direct-contact strong { font-size:8px; text-transform:uppercase; letter-spacing:.1em; color:#766b5e; }
.direct-contact a, .form-note a, .footer-email, .footer-phone { color:var(--gold, #caa05b); text-decoration:none; border-bottom:1px solid rgba(202,160,91,.45); }
.direct-contact a:hover, .form-note a:hover, .footer-email:hover, .footer-phone:hover { border-bottom-color:currentColor; }
.footer-email { display:inline-block; margin-top:.35rem; font-size:.9rem; }
.footer-phone { display:inline-block; margin-top:.35rem; font-size:.9rem; }
.footer-company { display:inline-block; margin-top:.55rem; font-family:var(--sans); font-style:normal; font-size:7px; text-transform:uppercase; letter-spacing:.08em; color:#817d76; }
.legal-main { background:#eee8df; color:#2f302e; min-height:100vh; padding:150px 0 90px; }
.legal-card { max-width:900px; margin:0 auto; background:rgba(255,255,255,.62); border:1px solid #d9d0c3; padding:54px; }
.legal-card h1 { margin:8px 0 34px; font-family:var(--serif); font-size:58px; font-weight:500; line-height:1; }
.legal-card h2 { margin:34px 0 10px; font-family:var(--serif); font-size:29px; font-weight:500; }
.legal-card p { margin:8px 0; font-size:13px; line-height:1.8; color:#55534e; }
.legal-card a { color:#8b672f; text-decoration:none; border-bottom:1px solid rgba(139,103,47,.35); }
.legal-back { display:inline-block; margin-top:35px; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
@media (max-width: 700px) { .legal-main { padding:110px 0 60px; } .legal-card { padding:30px 22px; } .legal-card h1 { font-size:42px; } }