/* Identity. — direction artistique chaleureuse, moodboard V3 */
:root{--bg:#faf6ef;--red:#e11924}
body{background:var(--bg)}
.nav{height:91px}.nav-cta{border-radius:999px;box-shadow:0 5px 15px #0000000d}
.hero{min-height:665px;grid-template-columns:56% 44%;background:#faf6ef}
.hero-left{padding-top:133px;padding-bottom:32px;background:radial-gradient(circle at 75% 50%,#fffaf5 0%,#faf6ef 72%)}
.hero-eyebrow{font-size:12px;letter-spacing:4px;font-weight:600;color:#48413b;margin:0 0 22px}
.hero-copy h1{font-size:clamp(48px,5.3vw,86px);line-height:1.01;letter-spacing:-.075em;margin:0 0 21px}
.hero-copy>p{max-width:590px;line-height:1.45;color:#5b5956}
.hero-buttons{gap:20px;margin-top:24px}
.hero-buttons .underlink{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;border:1px solid #77736f;border-radius:15px;text-decoration:none;background:#fff8ef;font-weight:600}
.hero-buttons .button{border-radius:10px}
.benefits{gap:14px;justify-content:flex-start;padding-top:12px}
.benefits>div{gap:12px}
.benefits>div+div{border-left:1px solid #ddd8d1;padding-left:16px}
.benefit-icon,.phone-icon,.bars-icon{width:54px;height:54px;min-width:54px;display:flex;align-items:center;justify-content:center;background:#f0e7db;border-radius:13px;font-size:inherit}
.benefit-icon svg{width:27px;height:27px}
.benefits p{font-size:11px;line-height:1.35;color:#69635d}
.benefits strong{display:inline-block;font-size:13px;line-height:1.4;color:#121212;margin-bottom:3px}
.hero-right{background:linear-gradient(135deg,#d3baa0,#a88d76 90%);isolation:isolate}
.hero-right:before{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1600&q=85') center/cover;filter:none;opacity:.8}
.hero-right:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf6ef 0%,#faf6efaa 5%,transparent 28%),linear-gradient(0deg,#7d5a4130,transparent 65%);pointer-events:none}
.light-accent{background:linear-gradient(90deg,transparent,#fff8dbb0,transparent);filter:blur(40px);opacity:.7}
.laptop{z-index:3;top:25%;left:4%;width:94%;transform:perspective(1000px) rotateY(-6deg) rotateX(2deg) rotateZ(-1deg)}
.laptop-screen{border-color:#161616;border-width:9px;border-radius:16px 16px 5px 5px;box-shadow:0 2px 3px #0008}
.sample-top{background:#f5eee5;color:#15110e;height:16%}
.sample-top>span:first-child{font-size:1.4em}
.sample-main{height:84%;grid-template-columns:48% 52%;color:#17100b}
.sample-copy{background:#f5eee5;padding:20% 9%}
.sample-copy h3{font-size:clamp(18px,2vw,34px)}
.sample-copy p{color:#4c4137}
.sample-button{background:#644733;color:#fff;border-radius:8px}
.stone-surface{background:linear-gradient(0deg,#aa8b73,#e1c7a8 65%,#e9d3b8);height:22%;z-index:1}
.projects{background:#fbf7f0;padding-top:35px}
.project-image{border-radius:12px;box-shadow:0 8px 20px #38281a0c}
.restaurant{background-image:linear-gradient(90deg,#160e09d9,#1d13041a),url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=1000&q=90')}
.carpenter{background-image:linear-gradient(90deg,#160d08cb,#1a0b0629),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1000&q=90')}
.plumber{background:#f1e7db}
.round-arrow{width:31px;height:31px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.project-caption{margin-top:16px}
.project-caption h3{font-size:15px}
.outline-button{background:#fffaf2}
.details{background:#f0ebe3}
@media(max-width:1200px){.benefits>div{gap:8px}.benefit-icon,.phone-icon,.bars-icon{width:44px;height:44px;min-width:44px}.benefits strong{font-size:11px}.benefits p{font-size:10px}.hero-copy h1{font-size:clamp(45px,5vw,68px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-left{padding-top:115px}.hero-eyebrow{font-size:10px;letter-spacing:2.3px;margin-bottom:20px}.hero-copy h1{font-size:clamp(40px,9vw,62px)}.hero-right{min-height:440px}.hero-right:after{background:linear-gradient(0deg,#7d5a4130,transparent)}.laptop{width:87%;left:7%;top:24%}.benefits{gap:10px}.benefits>div{gap:7px}.benefits>div+div{padding-left:8px}.benefit-icon,.phone-icon,.bars-icon{width:41px;height:41px;min-width:41px;border-radius:10px}.benefit-icon svg{width:23px;height:23px}.hero-buttons .underlink{min-height:48px}.projects{padding-top:55px}}
@media(max-width:420px){.hero-buttons{gap:12px}.hero-buttons .button,.hero-buttons .underlink{font-size:12px;padding:13px 16px}.benefits{flex-wrap:wrap}.benefits>div{min-width:46%}.benefits>div+div{border:0;padding-left:0}}