#hero.home-hero-v2 { padding:155px 0 0; overflow:hidden; background:radial-gradient(ellipse at 95% 30%,#e4e9dc,transparent 55%),#f8f5ef; }
#hero.home-hero-v2::before { display:none; }
.studio-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; gap:55px; align-items:center; padding-bottom:60px; }
.studio-eyebrow { display:flex; align-items:center; gap:10px; color:#40594b; font-size:10px; line-height:1.7; letter-spacing:1.5px; font-weight:700; }
.studio-eyebrow > span { width:7px; height:7px; flex-shrink:0; border-radius:50%; background:#b27c57; }
#hero.home-hero-v2 h1 { margin:24px 0; max-width:none; font-size:clamp(42px,4.25vw,58px); line-height:1.1; font-weight:500; letter-spacing:-2.7px; color:#202c26; }
#hero.home-hero-v2 h1 em { color:#3b5949; font-family:Georgia,serif; font-weight:400; letter-spacing:-2.3px; }
.studio-hero-lead { margin:0; max-width:520px; font-size:16px; line-height:1.85; color:#536257; }
.studio-hero-support { margin:16px 0 0; font-size:13px; line-height:1.8; color:#40594b; }
.studio-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin:29px 0 23px; }
.studio-start { display:inline-flex; align-items:center; gap:25px; padding:18px 25px; color:#fffdfa; background:#314d43; border-radius:10px; box-shadow:0 12px 25px #314d431b; font-size:14px; font-weight:700; }
.studio-start:hover { color:white; background:#223e33; }
.studio-explore { display:inline-flex; align-items:center; gap:10px; color:#314d43; font-size:12px; font-weight:700; }
.studio-explore:hover { color:#20382d; text-decoration:underline; }
.studio-hero-proof { display:flex; flex-wrap:wrap; gap:10px 18px; list-style:none; padding:0; margin:0; color:#5a6b5d; font-size:10px; }
.studio-hero-proof i { margin-right:5px; color:#385b46; }
.studio-hero-visual { position:relative; min-width:0; padding:0 0 55px 12px; }
.studio-hero-photo { position:relative; margin:0; overflow:hidden; border-radius:130px 18px 18px 18px; background:#d0c9ac; box-shadow:0 24px 55px #34472d20; }
.studio-hero-photo img { display:block; width:100%; height:510px; object-fit:cover; object-position:center 48%; }
.studio-photo-note { position:absolute; top:29px; right:-17px; display:flex; gap:12px; align-items:center; padding:16px 20px; border-radius:12px; background:#fffdf4; color:#3c5543; box-shadow:0 12px 30px #233b2912; transform:rotate(4deg); }
.studio-photo-note > i { font-size:21px; }
.studio-photo-note span { font-size:8px; letter-spacing:1.4px; line-height:1.6; }
.studio-photo-note strong { font-family:Georgia,serif; font-size:23px; font-style:italic; font-weight:400; letter-spacing:-.4px; }
.studio-workflow { position:absolute; bottom:0; left:-14px; right:28px; padding:22px 25px; border:1px solid #dfe3d7; border-radius:14px; background:#fffdf7; box-shadow:0 18px 35px #2b43351a; }
.studio-workflow-label { display:block; color:#58705b; font-size:8px; letter-spacing:1.6px; font-weight:700; }
.studio-workflow > div { display:flex; align-items:center; justify-content:space-between; gap:9px; margin:15px 0 13px; }
.studio-workflow > div > span { display:flex; align-items:center; gap:7px; font-size:12px; color:#2c4b3c; font-weight:600; }
.studio-workflow > div i { display:grid; place-items:center; width:29px; height:29px; background:#e8edde; border-radius:8px; font-size:12px; }
.studio-workflow b { font-weight:400; color:#7b8972; }
.studio-workflow p { margin:0; color:#62715f; font-size:11px; }
.studio-hero-shortcuts { display:grid; grid-template-columns:1fr 1fr 1.35fr 1fr; gap:22px; align-items:center; border-top:1px solid #d7dece; padding:26px 0; }
.studio-hero-shortcuts > span { color:#52684e; font-size:9px; letter-spacing:1px; line-height:1.7; }
.studio-hero-shortcuts em { display:block; font-family:Georgia,serif; font-size:17px; letter-spacing:0; }
.studio-hero-shortcuts a { display:flex; gap:12px; align-items:center; justify-content:space-between; color:#314d43; font-size:12px; line-height:1.5; font-weight:600; padding:10px 0; }
.studio-hero-shortcuts a:hover { text-decoration:underline; }
.studio-hero-shortcuts i { font-size:10px; }
.home-hero-v2 a:focus-visible { outline:3px solid #996442; outline-offset:5px; }
@media(max-width:1199px) and (min-width:992px) { .studio-hero-grid { gap:35px; } #hero.home-hero-v2 h1 { font-size:48px; } .studio-workflow { padding:20px 16px; right:5px; } .studio-workflow > div > span { gap:5px; font-size:11px; } .studio-photo-note { right:-5px; } }
@media(max-width:991px) { #hero.home-hero-v2 { padding-top:135px; } .studio-hero-grid { grid-template-columns:1fr; gap:40px; } .studio-hero-copy { max-width:640px; } #hero.home-hero-v2 h1 { font-size:58px; } .studio-hero-lead { max-width:600px; } .studio-hero-visual { width:100%; max-width:600px; margin:auto; } .studio-hero-photo img { height:580px; } .studio-hero-shortcuts { grid-template-columns:1fr 1fr; gap:8px 30px; } }
@media(max-width:575px) { #hero.home-hero-v2 { padding-top:117px; } .studio-eyebrow { font-size:8px; letter-spacing:1px; } #hero.home-hero-v2 h1 { font-size:39px; letter-spacing:-1.9px; margin:20px 0; } #hero.home-hero-v2 h1 em { letter-spacing:-1.7px; } .studio-hero-lead { font-size:14px; line-height:1.85; } .studio-hero-support { font-size:12px; } .studio-hero-actions { gap:20px; margin-top:24px; } .studio-hero-proof { font-size:9px; gap:9px 13px; } .studio-hero-grid { padding-bottom:32px; gap:35px; } .studio-hero-visual { padding:0 8px 64px; } .studio-hero-photo { border-radius:85px 14px 14px 14px; } .studio-hero-photo img { height:410px; } .studio-photo-note { top:20px; right:0; padding:13px; } .studio-photo-note strong { font-size:20px; } .studio-workflow { left:0; right:0; padding:19px 16px; } .studio-workflow > div > span { font-size:10px; gap:5px; } .studio-workflow > div i { width:25px; height:25px; font-size:11px; } .studio-hero-shortcuts { display:block; padding:23px 0; } .studio-hero-shortcuts > span { display:block; margin-bottom:10px; } .studio-hero-shortcuts em { display:inline; margin-left:6px; } .studio-hero-shortcuts a { border-top:1px solid #dde3d4; padding:14px 0; } }
@media(max-width:359px) { #hero.home-hero-v2 h1 { font-size:34px; } .studio-hero-proof { flex-direction:column; } .studio-workflow > div > span { flex-direction:column; align-items:flex-start; } }