/*
Theme Name: Montebello Homes — Blanding
Theme URI: https://blanding.kr
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: Montebello Homes editorial real-estate theme, built from the Blanding starter theme.
Version: 1.0.0
Text Domain: montebello-blanding
*/
:root{--ink:#171716;--ink-soft:#55534e;--paper:#f7f4ef;--sand:#e9e1d6;--line:#d8d0c5;--bronze:#9c7757;--white:#fffefa;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--bronze)}img{display:block;max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{margin:0 0 18px;color:var(--bronze);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.display{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;line-height:.98}.lede{max-width:590px;color:var(--ink-soft);font-size:18px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:.2s ease}.button:hover{background:var(--ink);color:var(--white)}.button--light{border-color:var(--white);color:var(--white)}.button--light:hover{background:var(--white);color:var(--ink)}.button--bronze{border-color:var(--bronze);background:var(--bronze);color:var(--white)}.button--bronze:hover{border-color:var(--ink);background:var(--ink)}
.utility-bar{background:var(--ink);color:#dcd7cf;font-size:11px;letter-spacing:.08em}.utility-bar .wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.utility-links{display:flex;gap:18px}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,239,.94);border-bottom:1px solid rgba(216,208,197,.8);backdrop-filter:blur(16px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:inline-flex;align-items:center}.brand img{width:162px}.main-navigation ul{display:flex;align-items:center;gap:30px;margin:0;padding:0;list-style:none}.main-navigation a{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}
.hero{min-height:710px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(23,23,22,.8),rgba(23,23,22,.14)),url("https://homesbymontebello.com/wp-content/uploads/2022/07/130-Bolstad-Way-06.jpg") center/cover;color:var(--white)}.hero .wrap{width:min(var(--max),calc(100% - 48px));padding:120px 0 92px}.hero .eyebrow{color:#e0c4a7}.hero h1{max-width:720px;font-size:clamp(58px,9vw,116px)}.hero .lede{margin:28px 0 34px;color:#eee8df}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:72px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);color:#ded8cf;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:11vw;padding:120px 0}.intro h2{max-width:470px;font-size:clamp(44px,6vw,76px)}.intro-copy{align-self:end}.intro-copy p{margin:0 0 28px;color:var(--ink-soft);font-size:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(38px,5vw,64px)}.section-head p{max-width:370px;margin:0;color:var(--ink-soft)}.band{padding:100px 0;background:var(--white)}.band--sand{background:var(--sand)}.image-card{position:relative;min-height:440px;overflow:hidden;background:#ddd}.image-card img{width:100%;height:100%;object-fit:cover}.image-card figcaption{position:absolute;right:18px;bottom:16px;left:18px;color:var(--white);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5)}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:stretch}.story-grid .story-copy{padding:48px;background:var(--ink);color:var(--white)}.story-grid .story-copy p{color:#d5d0c8}.story-copy h3{font-size:clamp(34px,4vw,58px)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line)}.card img{aspect-ratio:4/3;width:100%;object-fit:cover}.card-body{padding:25px}.card h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400}.card p{margin:0;color:var(--ink-soft)}.numbered-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.numbered-item{padding:28px 0;border-top:1px solid var(--ink)}.numbered-item span{color:var(--bronze);font-size:12px;font-weight:700;letter-spacing:.12em}.numbered-item h3{margin:20px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400}.numbered-item p{margin:0;color:var(--ink-soft)}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-grid .image-card:first-child{min-height:590px}.project-stack{display:grid;gap:18px}.project-stack .image-card{min-height:286px}
.page-hero{padding:104px 0 78px;background:var(--sand)}.page-hero h1{max-width:800px;font-size:clamp(56px,8vw,104px)}.content-section{padding:92px 0}.content-section--dark{background:var(--ink);color:var(--white)}.content-section--dark .lede,.content-section--dark p{color:#d5d0c8}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:12vw}.two-col h2{font-size:clamp(40px,5vw,70px)}.two-col p{margin-top:0;color:var(--ink-soft);font-size:18px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-list{margin:0;padding:0;list-style:none}.contact-list li{padding:18px 0;border-top:1px solid var(--line)}.contact-list strong{display:block;margin-bottom:5px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.contact-list a{color:var(--bronze);font-size:20px}.contact-form{padding:36px;background:var(--white);border:1px solid var(--line)}.contact-form input,.contact-form textarea{width:100%;margin:0 0 14px;padding:15px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit}.contact-form textarea{min-height:150px;resize:vertical}
.site-footer{padding:46px 0 30px;background:var(--ink);color:var(--white)}.footer-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.footer-row p{margin:0;color:#beb8ae;font-size:13px}.footer-brand img{width:165px;filter:invert(1)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:44px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);color:#9f9a92;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:800px){.wrap{width:min(var(--max),calc(100% - 34px))}.utility-bar .wrap{align-items:flex-start;flex-direction:column;gap:2px}.header-row{min-height:76px}.brand img{width:140px}.menu-toggle{display:block}.main-navigation{display:none;position:absolute;top:76px;right:0;left:0;padding:10px 17px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.main-navigation.is-open{display:block}.main-navigation ul{align-items:stretch;flex-direction:column;gap:0}.main-navigation li{border-bottom:1px solid var(--line)}.main-navigation a{display:block;padding:14px 0}.hero{min-height:640px}.hero .wrap{width:min(var(--max),calc(100% - 34px));padding:96px 0 54px}.hero h1{font-size:clamp(52px,15vw,82px)}.hero-meta{margin-top:50px}.intro,.story-grid,.two-col,.contact-grid,.project-grid{grid-template-columns:1fr;gap:38px}.intro,.content-section,.band{padding:72px 0}.cards,.numbered-list{grid-template-columns:1fr}.image-card,.project-grid .image-card:first-child,.project-stack .image-card{min-height:340px}.story-grid .story-copy{padding:32px 24px}.footer-row,.footer-bottom{align-items:flex-start;flex-direction:column}}

.mobile-menu__head,.menu-backdrop,.menu-close{display:none}
@media (max-width:800px){
    body.menu-open{overflow:hidden}
    .menu-toggle{position:relative;z-index:71;width:44px;height:44px;padding:0;border:1px solid var(--line);color:var(--ink);cursor:pointer}
    .menu-toggle__bars{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px;width:18px;margin:auto}
    .menu-toggle__bars i{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .28s ease,opacity .2s ease,width .28s ease}
    .menu-toggle__bars i:nth-child(2){width:13px}
    .menu-toggle[aria-expanded="true"] .menu-toggle__bars i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
    .menu-toggle[aria-expanded="true"] .menu-toggle__bars i:nth-child(2){opacity:0}
    .menu-toggle[aria-expanded="true"] .menu-toggle__bars i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);width:18px}
    .menu-backdrop{display:block;position:fixed;inset:0;z-index:60;background:rgba(23,23,22,.42);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
    .menu-backdrop.is-open{opacity:1;visibility:visible}
    .main-navigation{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;z-index:70;width:min(88vw,380px);height:100dvh;overflow-y:auto;align-items:stretch;flex-direction:column;padding:0;background:var(--paper);border:0;box-shadow:-24px 0 70px rgba(23,23,22,.18);transform:translateX(105%);visibility:hidden;transition:transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s linear .42s}
    .main-navigation.is-open{display:flex;transform:translateX(0);visibility:visible;transition:transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s}
    .mobile-menu__head{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 25px;border-bottom:1px solid var(--line);color:var(--bronze);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
    .menu-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:28px;font-weight:300;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
    .menu-close:hover{background:var(--ink);color:var(--white);transform:rotate(90deg)}
    .main-navigation ul{display:flex;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:22px 25px}
    .main-navigation li{border-bottom:1px solid var(--line);opacity:0;transform:translateX(22px);transition:opacity .32s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
    .main-navigation.is-open li{opacity:1;transform:translateX(0)}
    .main-navigation.is-open li:nth-child(1){transition-delay:.08s}.main-navigation.is-open li:nth-child(2){transition-delay:.12s}.main-navigation.is-open li:nth-child(3){transition-delay:.16s}.main-navigation.is-open li:nth-child(4){transition-delay:.20s}.main-navigation.is-open li:nth-child(5){transition-delay:.24s}
    .main-navigation a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;letter-spacing:-.02em;text-transform:none}
    .main-navigation a::after{content:"+";color:var(--bronze);font-family:"DM Sans",Arial,sans-serif;font-size:17px;transition:transform .2s ease}
    .main-navigation a:hover::after{transform:translate(4px,-4px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-backdrop,.main-navigation,.main-navigation li,.menu-toggle__bars i,.menu-close{transition:none!important}}

@keyframes heroEntrance{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-entrance{opacity:0;animation:heroEntrance .78s cubic-bezier(.22,.61,.36,1) both}
.hero-entrance--1{animation-delay:.08s}.hero-entrance--2{animation-delay:.18s}.hero-entrance--3{animation-delay:.31s}.hero-entrance--4{animation-delay:.44s}.hero-entrance--5{animation-delay:.58s}
@media (max-width:800px){.hero-entrance{transform:translateY(18px);animation-duration:.68s}.hero-entrance--1{animation-delay:.06s}.hero-entrance--2{animation-delay:.14s}.hero-entrance--3{animation-delay:.25s}.hero-entrance--4{animation-delay:.36s}.hero-entrance--5{animation-delay:.48s}}
@media (prefers-reduced-motion:reduce){.hero-entrance{opacity:1;transform:none;animation:none}}

.page-hero .eyebrow,.page-hero h1{opacity:0;animation:heroEntrance .78s cubic-bezier(.22,.61,.36,1) both}
.page-hero .eyebrow{animation-delay:.08s}.page-hero h1{animation-delay:.20s}
@media (max-width:800px){.page-hero .eyebrow,.page-hero h1{animation-duration:.68s}.page-hero .eyebrow{animation-delay:.06s}.page-hero h1{animation-delay:.16s}}
@media (prefers-reduced-motion:reduce){.page-hero .eyebrow,.page-hero h1{opacity:1;transform:none;animation:none}}