:root{--ink:#243522;--paper:#f3ece2;--olive:#646746}*{box-sizing:border-box}html,body{margin:0;width:100%;min-width:0}body{color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:url('assets/paper-texture.webp') center/650px;opacity:.28;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b27e21;outline-offset:4px}.header{height:17.43vw;padding:2.55vw 3.8vw 2vw 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bcb09a;position:relative;z-index:5}.logo{width:23.5vw;height:auto;display:block;mix-blend-mode:multiply}.header nav{display:flex;align-items:center;gap:3.2vw}.social,.social-mark{width:5.4vw;height:5.4vw;display:grid;place-items:center}.social-mark img{width:100%;height:100%;object-fit:contain}.social{background:var(--olive);border-radius:50%}.social svg{width:4vw;fill:var(--paper)}.social .line{fill:none;stroke:var(--olive);stroke-width:1}.menu-button{width:7vw;height:7vw;margin-left:.5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7vw;background:transparent;border:1px solid var(--olive);border-radius:50%;cursor:pointer}.menu-button span{width:2.9vw;height:1px;background:var(--ink)}#menu{position:absolute;right:4vw;top:15vw;background:var(--paper);padding:18px;box-shadow:0 10px 30px #24352222;border:1px solid #bcb09a}#menu a{display:block;padding:12px}.hero{position:relative;isolation:isolate;overflow:hidden;height:160.25vw}.copy{position:relative;z-index:2;padding:2.8vw 5.5vw 0}h1{font-family:'Times New Roman',serif;font-size:14.05vw;line-height:.79;letter-spacing:-.055em;font-weight:400;margin:0 0 5.6vw}.rule{width:9.35vw;height:1px;background:#bf8a27;margin:0 0 3.2vw 2vw}.description{font-size:4.22vw;line-height:1.14;letter-spacing:-.015em;margin:0 0 6.5vw 1.8vw}.desktop-break{display:initial}.cta{display:flex;align-items:center;justify-content:center;font-size:4.45vw;width:51.8vw;height:10.6vw;border-radius:70px;gap:3.1vw;background:var(--ink);color:var(--paper);white-space:nowrap}.cta:hover{background:#41513b}.cta span{font-size:4.6vw}.price{font-size:3.5vw;margin:2.3vw 0 0 1.8vw;letter-spacing:.025em}.portrait{position:absolute;z-index:1;width:100vw;max-width:none;height:auto;right:-24vw;bottom:-1vw;mask-image:linear-gradient(to bottom,transparent,#000 7%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%)}.leaves{position:absolute;z-index:3;width:80vw;left:0;bottom:0;pointer-events:none}@media(min-width:1001px){.header{height:110px;padding:15px 5%}.logo{width:180px}.header nav{gap:30px}.social,.social-mark{width:42px;height:42px}.social svg{width:30px}.menu-button{width:48px;height:48px;gap:6px;margin-left:0}.menu-button span{width:22px}#menu{top:90px;right:5%}.hero{height:800px;max-width:1800px;margin:auto}.copy{padding:40px 6%}h1{font-size:112px;line-height:.87;margin-bottom:35px}.rule{width:75px;margin:0 0 25px 5px}.description{font-size:28px;line-height:1.15;margin:0 0 35px 5px}.cta{width:340px;height:65px;font-size:28px;gap:24px}.cta span{font-size:30px}.price{font-size:23px;margin:15px 0 0 5px}.portrait{width:760px;right:-30px;bottom:-30px}.leaves{width:650px}}
/* Position tuned from the latest mobile reference (viewport ~560px). */
@media(max-width:600px){
.header{height:17.43vw;padding-left:4.5vw;padding-right:3.8vw}
.logo{width:23.5vw;mix-blend-mode:multiply;background:transparent}
.portrait{width:112vw;right:-36vw;bottom:8vw;mask-image:linear-gradient(to bottom,transparent,#000 6%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%)}
.leaves{width:85vw;left:-2vw;bottom:0}
}
@media(min-width:601px) and (max-width:1000px){
.portrait{width:102vw;right:-22vw;bottom:-5vw}
.leaves{width:75vw;left:0}
}
@media(min-width:1001px){
.portrait{width:760px;right:-30px;bottom:-110px}
}

@media(max-width:600px){.portrait{content:url('assets/hero-mobile.png');width:103vw;right:-16vw;bottom:-1vw;mask-image:linear-gradient(to bottom,transparent,#000 5%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%)}.hero{height:170vw}}
@media(min-width:601px) and (max-width:1000px){.portrait{content:url('assets/hero-cutout.png');width:102vw;right:-22vw;bottom:-5vw}}
/* Larger reference collage: bring Yuri forward and let the lower-left foliage frame the page. */
@media(max-width:600px){
.portrait{width:122vw;right:-25vw;bottom:-2vw}
.leaves{width:104vw;left:-5vw;bottom:-1vw}
.hero{height:176vw}
}
@media(min-width:601px) and (max-width:1000px){
.portrait{width:112vw;right:-20vw;bottom:-6vw}
.leaves{width:88vw;left:-4vw}
}