:root { --paper:#f5f3ed; --ink:#243b33; --muted:#60695f; --line:#d5d8cc; --white:#fff; --serif:'Cormorant Garamond',Georgia,serif; --sans:'Manrope',sans-serif; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; -webkit-font-smoothing:antialiased; }
*, *::before, *::after { box-sizing:border-box; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
img { display:block; max-width:100%; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #b77946; outline-offset:5px; }
::selection { background:#d4dec5; color:#182b25; }
.nottingham { overflow:clip; }
.skip-link { position:fixed; z-index:200; top:10px; left:10px; padding:15px 25px; background:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.site-header { min-height:100px; padding:22px 4.5%; display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--paper); position:relative; z-index:50; }
.brand { display:flex; align-items:center; gap:17px; flex-shrink:0; }
.brand-monogram { font-family:var(--serif); font-size:47px; line-height:.95; letter-spacing:-8px; padding-right:8px; border-right:1px solid #bfc6b8; width:64px; }
.brand-monogram span { font-size:31px; position:relative; left:-4px; }
.brand-name { font-family:var(--serif); font-size:23px; letter-spacing:2px; line-height:1; }
.brand-name>span { display:block; font-family:var(--sans); font-size:10px; letter-spacing:1.6px; margin-top:10px; }
.desktop-nav { display:flex; gap:30px; align-items:center; font-size:14px; }
.desktop-nav a { padding:10px 0; border-bottom:1px solid transparent; transition:border-color .2s; }
.desktop-nav a:hover { border-color:currentColor; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:30px; padding:18px 25px; min-height:54px; font-size:14px; font-weight:500; border:1px solid transparent; transition:background .2s, color .2s; }
.button span { font-size:20px; font-weight:400; }
.button-dark { background:var(--ink); color:var(--paper); }
.button-dark:hover { background:#415746; }
.button-light { background:var(--paper); color:var(--ink); }
.button-light:hover { background:#e0e6d6; }
.menu-toggle { display:none; }
.hero { position:relative; min-height:680px; height:calc(100svh - 100px); max-height:950px; color:white; background:#26382c; }
.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.hero-shade { background:linear-gradient(180deg,rgba(20,29,23,.18) 25%,rgba(17,29,24,.25) 43%,rgba(17,29,24,.88) 100%); }
.hero-top { position:absolute; top:35px; left:4.5%; right:4.5%; display:flex; justify-content:space-between; align-items:center; text-shadow:0 1px 10px #182b2588; }
.eyebrow { margin:0 0 24px; text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:600; line-height:1.5; }
.hero-top .eyebrow { margin:0; }
.hero-location { font-size:12px; letter-spacing:1.5px; }
.hero-content { position:absolute; bottom:76px; left:7%; right:7%; }
.hero-content>.eyebrow { margin-bottom:17px; }
.nottingham :is(h1,h2,h3,p) { margin-top:0; }
.nottingham :is(h1,h2,h3) { font-family:var(--serif); font-weight:400; }
.nottingham h1 { font-size:clamp(64px,7.8vw,120px); line-height:.96; letter-spacing:-3px; margin-bottom:28px; }
.nottingham :is(h1,h2) em { font-weight:400; }
.hero-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.hero-bottom p { font-size:16px; line-height:1.9; margin:0; color:#f0f0e7; }
.hero-caption { position:absolute; bottom:22px; right:4.5%; font-size:12px; letter-spacing:.4px; color:#d9ded6; }
.welcome-bar { display:flex; justify-content:space-between; padding:23px 4.5%; border-bottom:1px solid var(--line); font-size:13px; letter-spacing:.5px; }
.welcome-bar>span:last-child { display:flex; align-items:center; gap:24px; }
.welcome-bar>span:last-child span { font-size:26px; line-height:14px; }
.section { padding:110px 7%; max-width:1700px; margin:0 auto; }
.nottingham h2 { font-size:clamp(42px,4.2vw,68px); letter-spacing:-1.3px; line-height:1.07; margin-bottom:28px; }
.vision-section { display:grid; grid-template-columns:1.1fr 1fr; gap:10%; align-items:center; }
.vision-copy { max-width:500px; padding-top:20px; }
.vision-copy p { color:var(--muted); line-height:1.9; }
.vision-copy .large-copy { color:var(--ink); font-size:21px; line-height:1.6; }
.text-link { display:inline-flex; gap:38px; align-items:center; padding:10px 0; border-bottom:1px solid currentColor; font-size:14px; font-weight:600; }
.text-link span { font-size:21px; }
@media(min-width:1600px) { .hero-content { left:calc((100% - 1376px)/2); right:calc((100% - 1376px)/2); } }
@media(max-width:1100px) { .desktop-nav { gap:18px; } .brand-name { font-size:19px; } .site-header { gap:20px; } .header-cta { padding:15px 18px; gap:20px; } }
@media(max-width:900px) { .desktop-nav,.header-cta { display:none; } .site-header { min-height:85px; padding:18px 6%; } .menu-toggle { display:flex; align-items:center; gap:15px; background:transparent; border:1px solid var(--line); padding:12px 16px; font-size:14px; } .mobile-menu { position:absolute; top:100%; left:0; right:0; background:var(--paper); border-top:1px solid var(--line); padding:20px 6% 28px; box-shadow:0 20px 20px #17281e22; } .mobile-menu a { display:block; padding:14px 0; font-size:18px; } .hero { height:calc(100svh - 85px); min-height:640px; } .hero-location { display:none; } .section { padding:80px 6%; } .vision-section { gap:7%; } .welcome-bar { padding:20px 6%; } .welcome-bar>span:last-child { display:none; } }
@media(max-width:600px) { .brand { gap:12px; } .brand-monogram { width:50px; font-size:39px; } .brand-monogram span { font-size:26px; } .brand-name { font-size:17px; letter-spacing:1.3px; } .brand-name>span { font-size:9px; letter-spacing:1px; } .menu-toggle { padding:12px; } .menu-toggle span { display:none; } .hero { min-height:680px; max-height:850px; } .hero-image { object-position:54% 50%; } .hero-top { top:24px; left:6%; } .hero-top .eyebrow { font-size:12px; letter-spacing:1px; } .hero-content { left:6%; right:6%; bottom:65px; } .hero-content>.eyebrow { font-size:12px; letter-spacing:1px; } .nottingham h1 { font-size:clamp(54px,12.5vw,76px); letter-spacing:-1.5px; margin-bottom:22px; } .hero-bottom { display:block; } .hero-bottom p { font-size:16px; line-height:1.8; margin-bottom:24px; } .hero-bottom .button { padding:14px 22px; } .hero-caption { right:6%; font-size:12px; } .desktop-break { display:none; } .vision-section { grid-template-columns:1fr; gap:12px; } .vision-copy { padding-top:0; } .section { padding:65px 6%; } .nottingham h2 { font-size:44px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }
/* An open, editorial rhythm: wide imagery, generous type, quiet details. */
.facts-strip { margin:0 7%; padding:38px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); }
.facts-strip>div { padding:0 30px; border-right:1px solid var(--line); }
.facts-strip>div:first-child { padding-left:0; }
.facts-strip>div:last-child { border:0; }
.facts-strip strong { display:block; font-family:var(--serif); font-size:52px; line-height:1.1; font-weight:400; }
.facts-strip strong span { font-size:32px; }
.facts-strip>div>span { display:block; font-size:12px; color:var(--muted); margin-top:8px; line-height:1.7; }
.living-section { display:grid; grid-template-columns:1.05fr .85fr; gap:9%; align-items:center; }
.living-photo { position:relative; padding-bottom:35px; }
.image-button { position:relative; display:block; width:100%; padding:0; border:0; background:transparent; overflow:hidden; color:var(--ink); text-align:left; }
.image-button>img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.image-button:hover>img { transform:scale(1.025); }
.living-photo .image-button { height:570px; }
.living-photo .image-button>img { object-position:54%; }
.image-expand { position:absolute; right:18px; bottom:18px; background:var(--paper); width:46px; height:46px; display:grid; place-items:center; font-size:24px; }
.photo-caption { display:flex; justify-content:space-between; gap:15px; margin-top:13px; font-size:12px; color:var(--muted); }
.photo-note { position:absolute; bottom:60px; left:-25px; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:space-between; padding:24px 28px; gap:40px; }
.photo-note>span:first-child { font-family:var(--serif); font-style:italic; font-size:26px; }
.note-number { font-size:12px; color:#b5c7b5; }
.living-copy>p:not(.eyebrow),.location-copy>p:not(.eyebrow) { line-height:1.9; color:var(--muted); }
.home-types { display:flex; gap:0; margin:30px 0 20px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.home-types span { font-size:14px; padding:0 17px; border-right:1px solid var(--line); }
.home-types span:first-child { padding-left:0; }
.home-types span:last-child { border:0; }
.feature-list { display:grid; grid-template-columns:1fr 1fr; gap:17px 20px; padding:0; margin:25px 0 34px; list-style:none; font-size:13px; color:var(--muted); }
.feature-list li::before { content:'+'; display:inline-block; margin-right:10px; color:var(--ink); }
.fine-print { font-size:12px !important; line-height:1.7 !important; color:var(--muted); margin:18px 0 0; }
.villas-band { border-top:1px solid var(--line); padding-top:34px; padding-bottom:45px; margin:0 7% 95px; max-width:none; padding-left:0; padding-right:0; display:grid; grid-template-columns:1fr 1.1fr 1.8fr; gap:28px; align-items:start; }
.villas-band>.eyebrow { margin:6px 0 0; }
.villas-band>h3 { font-size:29px; margin:0; line-height:1.1; }
.villas-band>p:not(.eyebrow) { font-size:14px; line-height:1.8; color:var(--muted); margin:0; }
.villa-detail-content { display:grid; grid-column:1/-1; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:50px; padding-top:30px; }
.villa-detail-content img { width:100%; height:auto; object-fit:contain; }
.villa-detail-content h3 { font-size:40px; line-height:1.1; }
.villa-detail-content p { color:var(--muted); line-height:1.8; }
.commercial-section { background:var(--ink); color:var(--paper); }
.commercial-heading { display:grid; grid-template-columns:1fr .7fr; gap:15%; padding-top:85px; padding-bottom:60px; align-items:end; }
.commercial-heading h2 { margin-bottom:0; }
.commercial-heading>div:last-child>p { color:#d1d9cd; line-height:1.9; margin-bottom:20px; }
.commercial-heading .eyebrow { color:#cad1bb; }
.commercial-image-wrap { margin:0 4.5%; position:relative; }
.commercial-image-wrap .image-button { height:550px; }
.commercial-image-wrap .image-button>img { object-position:50% 57%; }
.commercial-image-label { display:flex; justify-content:space-between; gap:20px; padding:16px 0; font-size:12px; color:#c4cebf; }
.commercial-bottom { padding:25px 7% 60px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.commercial-bottom .eyebrow { font-size:10px; color:#b8c7b1; margin:0; }
.commercial-bottom p { font-family:var(--serif); font-size:26px; margin:8px 0 0; }
.button-outline { border-color:#93a68d; color:var(--paper); }
.button-outline:hover { background:var(--paper); color:var(--ink); }
.section-heading { display:flex; justify-content:space-between; gap:60px; align-items:flex-end; margin-bottom:38px; }
.section-heading h2 { margin-bottom:0; }
.section-heading>p { max-width:360px; line-height:1.9; color:var(--muted); }
.plan-frame { background:#dce0d4; }
.plan-frame figure { margin:0; }
.plan-frame img { width:100%; aspect-ratio:3/2; object-fit:contain; }
.plan-frame figcaption { display:flex; justify-content:space-between; gap:20px; font-size:12px; padding:19px 25px; border-top:1px solid #c1c8b9; }
.plan-frame figcaption a { text-decoration:underline; text-underline-offset:3px; }
.neighborhood-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; padding:44px 0 15px; }
.neighborhood-notes>div { position:relative; padding-left:38px; }
.neighborhood-notes>div>span { position:absolute; top:8px; left:0; font-size:12px; color:var(--muted); }
.neighborhood-notes h3 { font-size:31px; margin-bottom:10px; }
.neighborhood-notes p { font-size:14px; line-height:1.8; color:var(--muted); margin:0; }
.gallery-section { display:grid; grid-template-columns:.75fr 1.3fr; background:#e7e9df; }
.gallery-copy { padding:70px 12% 65px 16%; display:flex; flex-direction:column; align-items:flex-start; }
.gallery-copy p:not(.eyebrow) { color:var(--muted); line-height:1.9; max-width:290px; }
.gallery-copy button { border-top:0; border-right:0; border-left:0; background:transparent; color:var(--ink); }
.gallery-count { font-size:12px; letter-spacing:1px; margin-top:60px; }
.gallery-feature { min-height:600px; }
.gallery-feature img { position:absolute; inset:0; object-position:56%; }
.location-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:9%; align-items:center; }
.location-copy address { font-style:normal; font-size:18px; line-height:1.6; margin:28px 0 14px; }
.location-route { display:flex; align-items:center; gap:12px; font-size:11px; margin-top:45px; }
.location-route strong { font-weight:600; border:1px solid #a8b59d; padding:9px 14px; }
.route-line { flex:1; text-align:center; font-size:9px; position:relative; color:var(--muted); border-bottom:1px solid #a8b59d; padding-bottom:6px; min-width:25px; }
.location-map { margin:0; background:#dde1d4; padding:14px; }
.location-map img { width:100%; height:490px; object-fit:cover; }
.location-map figcaption { font-family:var(--serif); font-style:italic; font-size:24px; padding:18px 10px 5px; }
.timeline-section { display:grid; grid-template-columns:.75fr 1.2fr; gap:13%; border-top:1px solid var(--line); padding-top:65px; }
.timeline-section>div>p:not(.eyebrow) { color:var(--muted); line-height:1.8; }
.timeline article { display:flex; gap:25px; padding:25px 0 28px; border-bottom:1px solid var(--line); }
.timeline article:first-child { padding-top:0; }
.phase-marker { font-family:var(--serif); font-size:30px; line-height:1.3; color:#88967d; }
.timeline .eyebrow { margin-bottom:15px; font-size:11px; }
.timeline h3 { font-size:34px; margin-bottom:12px; }
.timeline article p:last-child { font-size:14px; line-height:1.9; color:var(--muted); margin-bottom:0; }
.contact-section { background:var(--ink); color:var(--paper); padding:90px 10%; display:grid; grid-template-columns:.8fr 1fr; gap:15%; }
.contact-copy h2 { font-size:clamp(65px,6.5vw,95px); }
.contact-copy>p:not(.eyebrow) { color:#cbd6c6; line-height:1.9; max-width:360px; }
.contact-address { margin-top:65px; }
.contact-address>span { font-size:12px; letter-spacing:2px; }
.contact-address p { margin-top:14px; color:#b7c7b0; line-height:1.8; font-size:14px; }
.contact-form { max-width:600px; width:100%; }
.inquiry-form { display:flex; flex-direction:column; gap:24px; }
.inquiry-form fieldset { padding:0; margin:0; border:0; }
.inquiry-form legend { font-size:14px; margin-bottom:12px; }
.interest-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.interest-option { position:relative; cursor:pointer; }
.interest-option input { position:absolute; opacity:0; width:1px; height:1px; }
.interest-option span { display:block; border:1px solid #788e73; padding:17px 15px; text-align:center; font-size:14px; transition:background .2s; }
.interest-option input:checked+span { background:#e0e6d5; color:var(--ink); border-color:#e0e6d5; }
.interest-option input:focus-visible+span { outline:3px solid #dab381; outline-offset:4px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.form-field label { display:block; font-size:13px; margin-bottom:9px; color:#e0e8da; }
.form-field label span { color:#adbea5; font-size:12px; }
.form-field input,.form-field textarea { width:100%; color:var(--paper); padding:11px 0 13px; border:0; border-bottom:1px solid #82947b; background:transparent; border-radius:0; min-height:48px; font-size:16px; }
.form-field input:focus,.form-field textarea:focus { outline:none; border-color:#d9e5cd; box-shadow:0 1px 0 #d9e5cd; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#a9b8a4; opacity:1; }
.form-field input[type=date] { color-scheme:dark; }
.form-field textarea { resize:vertical; }
.inquiry-form .button { width:100%; }
.form-privacy { font-size:12px; line-height:1.8; color:#b7c7b0; margin:-8px 0 0; }
.form-errors { border-left:3px solid #e3a78a; padding:14px 18px; background:#453e32; color:#ffdec8; margin-bottom:5px; }
.form-errors p { margin-bottom:8px; }
.form-errors ul { padding-left:18px; font-size:14px; line-height:1.7; margin:0; }
.form-success { border:1px solid #96ad89; padding:35px; }
.form-success h3 { font-size:40px; margin-bottom:18px; }
.form-success p { color:#d2deca; line-height:1.9; margin-bottom:0; }
.success-mark { font-size:30px; margin-bottom:25px; display:block; }
.site-footer { background:#1a2d26; color:#dfe5d8; padding:55px 7% 25px; }
.footer-top { display:flex; align-items:flex-start; justify-content:space-between; gap:50px; padding-bottom:45px; }
.footer-wordmark { font-family:var(--serif); font-size:36px; }
.footer-wordmark span { display:block; font-family:var(--sans); font-size:10px; letter-spacing:2.5px; margin-top:9px; }
.footer-top>div { display:grid; grid-template-columns:1fr 1fr; gap:18px 30px; font-size:13px; }
.developer-link { font-size:12px; line-height:1.9; color:#c1cfb9; }
.developer-link strong { font-weight:500; font-size:14px; }
.footer-bottom { border-top:1px solid #496047; padding-top:25px; display:flex; justify-content:space-between; gap:30px; font-size:11px; color:#aebeaa; line-height:1.8; }
.footer-bottom p { margin:0; }
.footer-bottom>a { white-space:nowrap; }
.gallery-dialog { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; padding:25px 4%; border:0; color:var(--paper); background:#182820; }
.gallery-dialog[open] { display:flex; flex-direction:column; }
.gallery-dialog::backdrop { background:#182820f5; }
.dialog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; font-size:12px; letter-spacing:1px; }
.dialog-top button { border:1px solid #6f8167; background:transparent; color:var(--paper); display:flex; align-items:center; gap:22px; padding:9px 17px; font-size:14px; }
.dialog-top button span { font-size:26px; }
.dialog-image { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; }
.dialog-image img { width:100%; height:100%; object-fit:contain; }
.dialog-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:24px; }
.dialog-bottom p { font-family:var(--serif); font-size:30px; margin:0 0 5px; }
.dialog-bottom>div>span { font-size:12px; color:#b7c7b0; }
.gallery-controls { display:flex; align-items:center; gap:25px; }
.gallery-controls button { width:48px; height:48px; border:1px solid #6f8167; background:transparent; color:white; font-size:22px; }
.gallery-controls button:hover { background:#38523a; }
.gallery-controls>span { white-space:nowrap; }
@media(min-width:1700px) { .facts-strip { max-width:1462px; margin:0 auto; } }
@media(max-width:1100px) { .living-section { gap:6%; } .living-photo .image-button { height:520px; } .feature-list { grid-template-columns:1fr; gap:13px; } .villas-band { grid-template-columns:1fr 1fr 1.7fr; } .commercial-heading { gap:8%; grid-template-columns:1fr .85fr; } .commercial-bottom { flex-wrap:wrap; } .gallery-copy { padding-left:14%; } .gallery-feature { min-height:520px; } .contact-section { padding:75px 7%; gap:9%; } .location-route { gap:7px; } .location-map img { height:430px; } .footer-top { flex-wrap:wrap; } }
@media(max-width:760px) { .facts-strip { margin:0 6%; grid-template-columns:1fr 1fr; gap:25px 0; padding:28px 0; } .facts-strip>div { padding:0 0 0 25px; } .facts-strip>div:nth-child(odd) { padding-left:0; } .facts-strip>div:nth-child(even) { border:0; } .facts-strip strong { font-size:43px; } .facts-strip>div>span { font-size:12px; } .living-section { grid-template-columns:1fr; gap:38px; } .living-photo { padding-bottom:0; } .living-photo .image-button { height:480px; } .photo-note { left:-10px; bottom:55px; } .feature-list { grid-template-columns:1fr 1fr; gap:16px; } .living-copy { max-width:550px; } .villas-band { margin:0 6% 60px; padding-top:30px; padding-bottom:0; grid-template-columns:1fr; gap:16px; } .villa-detail-content { grid-template-columns:1fr; gap:25px; padding-top:10px; } .commercial-heading { grid-template-columns:1fr; gap:30px; padding-top:65px; padding-bottom:40px; } .commercial-image-wrap { margin:0 6%; } .commercial-image-wrap .image-button { height:390px; } .commercial-image-label { flex-direction:column; gap:7px; } .commercial-bottom { padding:25px 6% 50px; gap:25px; align-items:flex-start; } .commercial-bottom>div { width:100%; } .commercial-bottom .button { width:100%; } .section-heading { display:block; margin-bottom:30px; } .section-heading>p { max-width:none; margin-top:25px; } .plan-frame { margin:0 -3%; } .plan-frame figcaption { font-size:11px; flex-direction:column; gap:6px; padding:14px 16px; } .neighborhood-notes { grid-template-columns:1fr; gap:26px; padding-top:35px; } .neighborhood-notes h3 { font-size:29px; } .gallery-section { grid-template-columns:1fr; } .gallery-copy { padding:55px 6% 40px; } .gallery-copy p:not(.eyebrow) { max-width:none; } .gallery-count { margin-top:35px; } .gallery-feature { min-height:410px; } .location-section { grid-template-columns:1fr; gap:40px; } .location-route { max-width:400px; } .location-map img { height:auto; } .timeline-section { grid-template-columns:1fr; gap:40px; } .timeline article { gap:18px; } .contact-section { padding:65px 6%; grid-template-columns:1fr; gap:40px; } .contact-copy h2 { font-size:65px; } .contact-address { display:none; } .contact-copy>p:not(.eyebrow) { max-width:none; } .footer-top { flex-direction:column; gap:32px; } .footer-top>div { gap:20px 35px; } .footer-bottom { flex-wrap:wrap; gap:20px; } .footer-bottom p:nth-child(2) { order:3; width:100%; } .footer-wordmark { font-size:34px; } .dialog-top>span { font-size:10px; letter-spacing:.5px; max-width:190px; } .dialog-bottom { flex-direction:column; align-items:flex-start; gap:20px; } .gallery-controls { align-self:center; } .dialog-bottom p { font-size:26px; } }
@media(max-width:400px) { .brand-monogram { display:none; } .hero-content { bottom:65px; } .nottingham h1 { font-size:54px; } .nottingham h2 { font-size:40px; } .hero { min-height:700px; } .living-photo .image-button { height:390px; } .feature-list { grid-template-columns:1fr; } .photo-caption { flex-direction:column; gap:5px; } .photo-note { bottom:72px; padding:18px 20px; gap:22px; } .photo-note>span:first-child { font-size:23px; } .form-row { grid-template-columns:1fr; gap:24px; } .interest-option span { font-size:13px; padding:16px 8px; } }