/* AMC Building Test1: reversible loft and garden room preview */
html { scroll-behavior: smooth; }
body.amc-loft-page { margin:0; background:#f7f7f4; }
.amc-loft { font-family: Arial, Helvetica, sans-serif; color:#182b37; font-size:16px; line-height:1.55; overflow:hidden; }
.amc-loft *, .amc-loft *::before, .amc-loft *::after { box-sizing:border-box; }
.amc-loft img { display:block; max-width:100%; }
.amc-loft a { text-decoration:none; color:inherit; }
.amc-loft h1, .amc-loft h2, .amc-loft p, .amc-loft figure { margin:0; }
.amc-loft h1, .amc-loft h2 { font-weight:400; letter-spacing:-.048em; line-height:1.04; }
.amc-loft h1 em, .amc-loft h2 em { font-family:Georgia, 'Times New Roman', serif; font-weight:400; letter-spacing:-.06em; }
.amc-loft .hero h1, .amc-loft .garden-section h2, .amc-loft .contact-section h2 { color:#fff; }
.amc-loft h2 { font-size:clamp(40px,5vw,80px); }
.amc-loft .eyebrow { text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:700; color:#627781; }
.amc-loft .eyebrow.light { color:#dfe8e8; }
.amc-loft .wrap { max-width:1460px; margin:0 auto; padding-left:clamp(24px,5vw,80px); padding-right:clamp(24px,5vw,80px); }
.amc-loft .site-header { display:flex; align-items:center; justify-content:space-between; height:104px; padding:0 clamp(24px,5vw,80px); background:#fbfbf9; position:relative; z-index:3; gap:26px; }
.amc-loft .brand img { width:92px; height:auto; }
.amc-loft nav { display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,46px); align-items:center; }
.amc-loft nav a { color:#253642; font-size:13px; font-weight:600; }
.amc-loft nav a:hover, .amc-loft .underlined:hover { color:#4d6d7a; }
.amc-loft .header-contact { display:inline-flex; align-items:center; gap:24px; background:#182b37; color:white; padding:15px 21px; font-size:13px; white-space:nowrap; }
.amc-loft .header-contact:hover, .amc-loft .button:hover { background:#385064; color:white; }
.amc-loft .hero { position:relative; min-height:min(790px,82vh); background:#253d42; display:flex; align-items:center; }
.amc-loft .hero-photo, .amc-loft .hero-overlay { position:absolute; inset:0; width:100%; height:100%; }
.amc-loft .hero-photo { object-fit:cover; object-position:center 55%; }
.amc-loft .hero-overlay { background:linear-gradient(90deg,rgba(11,27,32,.80) 0%,rgba(11,27,32,.38) 55%,rgba(11,27,32,.08) 100%),linear-gradient(0deg,rgba(12,25,30,.35),transparent 45%); }
.amc-loft .hero-content { position:relative; z-index:1; color:white; width:min(900px,85%); padding:110px clamp(24px,9vw,150px) 125px; }
.amc-loft h1 { font-size:clamp(58px,8.1vw,132px); margin:24px 0 25px; white-space:nowrap; }
.amc-loft .hero-content p { max-width:500px; font-size:clamp(16px,1.3vw,19px); color:#e8edef; line-height:1.6; }
.amc-loft .hero-actions { display:flex; gap:31px; align-items:center; margin-top:39px; flex-wrap:wrap; }
.amc-loft .button { background:#182b37; color:white; display:inline-flex; justify-content:space-between; align-items:center; gap:24px; padding:17px 24px; font-size:13px; font-weight:700; transition:background .2s; }
.amc-loft .button-light { background:white; color:#182b37; }
.amc-loft .button-light:hover { color:white; }
.amc-loft .text-link { font-weight:700; font-size:13px; border-bottom:1px solid rgba(255,255,255,.72); padding-bottom:4px; }
.amc-loft .hero-index { position:absolute; bottom:30px; right:clamp(24px,5vw,80px); color:white; font-size:11px; letter-spacing:.13em; text-transform:uppercase; z-index:1; }
.amc-loft .intro, .amc-loft .approach { display:grid; grid-template-columns:1fr .75fr; gap:clamp(50px,10vw,180px); align-items:center; padding-top:140px; padding-bottom:95px; }
.amc-loft .intro h2, .amc-loft .approach h2 { margin-top:28px; }
.amc-loft .intro p, .amc-loft .approach p { font-size:clamp(17px,1.6vw,21px); color:#52626b; line-height:1.75; }
.amc-loft .underlined { display:inline-block; margin-top:30px; border-bottom:1px solid #182b37; padding-bottom:6px; font-size:13px; font-weight:700; }
.amc-loft .image-feature { display:grid; grid-template-columns:1.25fr .75fr; gap:24px; padding-bottom:145px; align-items:end; }
.amc-loft .image-feature img { width:100%; object-fit:cover; }
.amc-loft .feature-main img { height:clamp(380px,47vw,630px); object-position:center; }
.amc-loft .feature-side img { height:clamp(280px,31vw,420px); object-position:center; }
.amc-loft figcaption { font-size:11px; text-transform:uppercase; letter-spacing:.12em; margin-top:17px; color:#576770; }
.amc-loft .extra-gallery { padding-top:45px; padding-bottom:105px; }
.amc-loft .extra-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:25px; }
.amc-loft .extra-gallery-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.amc-loft .garden-section { display:grid; grid-template-columns:.87fr 1.13fr; background:#1b303d; color:white; min-height:640px; }
.amc-loft .garden-copy { align-self:center; padding:85px clamp(28px,6vw,100px); }
.amc-loft .garden-copy h2 { margin:34px 0 25px; }
.amc-loft .garden-copy p { max-width:490px; color:#d4dfe2; font-size:18px; line-height:1.75; }
.amc-loft .garden-copy .button { margin-top:36px; }
.amc-loft .garden-photo img { width:100%; height:100%; min-height:640px; object-fit:cover; object-position:center; }
.amc-loft .approach { padding-top:150px; padding-bottom:155px; }
.amc-loft .steps { display:flex; flex-direction:column; margin-top:38px; border-top:1px solid #cbd3d4; }
.amc-loft .steps span { border-bottom:1px solid #cbd3d4; padding:17px 0; font-size:13px; text-transform:uppercase; letter-spacing:.09em; font-weight:700; }
.amc-loft .contact-section { text-align:center; background:#233c49; color:white; padding:130px 24px 145px; }
.amc-loft .contact-section h2 { font-size:clamp(54px,8vw,120px); margin:30px 0 45px; }
.amc-loft .contact-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:30px; }
.amc-loft .phone-link { border-bottom:1px solid white; padding-bottom:5px; font-size:15px; }
.amc-loft .site-footer { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:40px clamp(24px,5vw,80px); font-size:12px; background:#f7f7f4; color:#53636b; }
.amc-loft .site-footer img { width:78px; }
@media(max-width:900px) {
 .amc-loft .site-header { height:auto; min-height:100px; flex-wrap:wrap; padding-top:10px; padding-bottom:16px; }
 .amc-loft nav { order:3; width:100%; justify-content:center; }
 .amc-loft .intro, .amc-loft .approach { grid-template-columns:1fr; gap:34px; padding-top:100px; padding-bottom:80px; }
 .amc-loft .garden-section { grid-template-columns:1fr; }
 .amc-loft .garden-photo img { min-height:440px; max-height:600px; }
 .amc-loft .site-footer { flex-wrap:wrap; }
}
@media(max-width:620px) {
 .amc-loft .site-header { gap:12px; }
 .amc-loft .brand img { width:74px; }
 .amc-loft .header-contact { display:none; }
 .amc-loft nav { gap:16px; justify-content:flex-start; }
 .amc-loft nav a { font-size:11px; }
 .amc-loft .hero { min-height:690px; }
 .amc-loft .hero-content { width:100%; padding:80px 24px 100px; }
 .amc-loft h1 { font-size:clamp(40px,10vw,54px); white-space:normal; overflow-wrap:normal; }
 .amc-loft .hero-content p { max-width:100%; }
 .amc-loft .hero-index { left:24px; right:auto; }
 .amc-loft .image-feature { grid-template-columns:1fr; padding-bottom:95px; }
 .amc-loft .extra-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .amc-loft .extra-gallery { padding-top:20px; padding-bottom:75px; }
 .amc-loft .feature-main img { height:400px; }
 .amc-loft .feature-side img { height:320px; }
 .amc-loft .garden-copy { padding:90px 24px; }
 .amc-loft .garden-photo img { min-height:330px; }
 .amc-loft .contact-section { padding:105px 24px; }
}