*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#161615;color:#f7f0e5;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.hero{height:min(76vw,860px);min-height:680px;max-height:900px;position:relative;overflow:hidden;background:#e9dfd0;color:#171716}.portrait{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:saturate(.85) sepia(.08)}.warm-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(247,238,225,.48),rgba(247,238,225,.12) 45%,rgba(247,238,225,.06)),linear-gradient(0deg,rgba(35,27,22,.13),transparent 45%);pointer-events:none}.identity{position:absolute;z-index:4;top:5.4%;left:5.2%;display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:600;letter-spacing:.18em}.identity small{font:italic 10px Georgia,serif;letter-spacing:0;color:#685e57;font-weight:400}.identity b{font-weight:400}.nav{position:absolute;z-index:5;right:3.5%;top:5%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:13px;letter-spacing:.18em}.nav>a:not(.nav-cta):hover,.nav .active{color:#b45436}.nav-line{height:1px;width:40px;background:#b45436;margin:4px 0 12px}.nav-cta{background:#b45436;color:white;padding:20px 24px;min-width:250px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em}.nav-cta:hover,.signup button:hover{background:#173B79}.hero-copy{position:absolute;z-index:3;left:5.2%;top:17%;max-width:52%}.hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(42px,4.45vw,72px);line-height:1.09;letter-spacing:-.055em;margin:0}.hero-copy h1 em{color:#b45436;font-weight:400}.hero-copy h1 span{font-size:.77em;letter-spacing:-.05em}.hero-copy p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(15px,1.55vw,23px);margin:17px 0 0}.big-name{position:absolute;z-index:4;bottom:-.06em;left:50%;transform:translateX(-50%);width:100%;text-align:center;white-space:nowrap;font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(95px,15.6vw,280px);line-height:.88;letter-spacing:-.027em;color:#fff9ef;text-shadow:0 2px 12px rgba(0,0,0,.06);pointer-events:none}.newsletter{background:#171716;display:grid;grid-template-columns:29% 1fr 12%;gap:24px;align-items:center;padding:34px 5.2% 30px;min-height:175px}.letter-intro h2{font-weight:500;letter-spacing:.2em;font-size:17px;margin:0 0 9px}.letter-intro p{font-family:'Playfair Display',Georgia,serif;color:#d3ccc4;font-size:17px;line-height:1.55;margin:0}.form-row{display:flex;gap:8px}.form-row input{width:100%;min-width:0;background:transparent;border:1px solid #999187;color:#fff;font-family:Georgia,serif;font-size:15px;padding:17px 18px;border-radius:0}.form-row input::placeholder{color:#c5bcb1}.form-row input:focus{outline:2px solid #b45436;outline-offset:2px}.form-row button{flex-shrink:0;background:#b45436;border:0;color:#fff;padding:0 23px;font-size:12px;letter-spacing:.1em;cursor:pointer}.form-row button span{padding-left:12px}.fine{font-size:10px;color:#c5beb6;line-height:1.6}.fine span{color:#99918a}.scroll{justify-self:end;border-left:1px solid #5e5b56;padding-left:40px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll>span{width:50px;height:50px;border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-size:24px}.scroll small{letter-spacing:.2em;font-size:10px}.about{background:#eee5d8;color:#292420;min-height:260px;padding:75px 5.2%}.about>span{font-size:11px;letter-spacing:.2em;color:#b45436}.about p{font:400 clamp(28px,4vw,55px)/1.2 'Playfair Display',Georgia,serif;margin:25px 0}.about a{font-size:11px;letter-spacing:.12em;border-bottom:1px solid #b45436;padding-bottom:6px}footer{background:#171716;color:#aaa39a;padding:24px 5.2%;font-size:11px;letter-spacing:.1em}.trap,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.hero{min-height:730px;height:92vh;max-height:900px}.portrait{object-position:55% center}.identity{right:15px;gap:8px;max-width:75%;font-size:10px}.identity small{font-size:9px}.nav{right:4%;top:12%;gap:12px;font-size:11px}.nav-cta{min-width:0;padding:15px}.hero-copy{top:27%;max-width:66%}.hero-copy h1{font-size:clamp(35px,5.7vw,57px)}.big-name{font-size:16vw}.newsletter{grid-template-columns:1fr 1.5fr}.scroll{display:none}}@media(max-width:600px){.hero{height:790px;min-height:0;max-height:none}.portrait{object-position:55% 50%}.warm-overlay{background:linear-gradient(180deg,rgba(249,240,226,.68) 0%,rgba(249,240,226,.3) 36%,rgba(40,25,15,.06) 80%)}.identity{left:5%;top:22px;right:5%;max-width:none;font-size:9px;gap:6px;letter-spacing:.06em}.identity small{font-size:8px}.nav{right:5%;top:77px;gap:8px;align-items:flex-end;font-size:10px}.nav a:not(.nav-cta),.nav-line{display:none}.nav-cta{font-size:9px;padding:12px 14px}.hero-copy{top:165px;left:5%;max-width:90%}.hero-copy h1{font-size:clamp(38px,9.5vw,53px);line-height:1.12}.hero-copy h1 span{font-size:.75em}.hero-copy p{font-size:16px;max-width:270px}.big-name{font-size:16.1vw;bottom:10px}.newsletter{display:block;padding:28px 6% 32px}.letter-intro{margin-bottom:22px}.form-row{flex-direction:column}.form-row button{min-height:52px}.about{padding:65px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* V3: portrait framing and responsive hero fixes */
.hero{height:clamp(650px,78vh,850px);min-height:650px;max-height:none;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20px;background:url('saul-portrait.jpg') center 48%/cover no-repeat;filter:blur(18px) saturate(.75);opacity:.48;z-index:0}
.portrait{width:auto;height:118%;max-width:none;left:50%;top:0;transform:translateX(-50%);object-fit:contain;object-position:top center;filter:saturate(.85) sepia(.08)}
.warm-overlay{background:linear-gradient(90deg,rgba(247,238,225,.77) 0%,rgba(247,238,225,.44) 29%,rgba(247,238,225,.06) 60%,rgba(247,238,225,.35) 100%),linear-gradient(0deg,rgba(35,27,22,.16),transparent 40%)}
.big-name{font-size:clamp(80px,13.5vw,235px);bottom:12px;line-height:1;letter-spacing:-.035em}
.hero-copy{top:17%;max-width:50%}
@media(max-width:900px){.hero{height:760px;min-height:680px}.portrait{height:110%;left:54%}.big-name{font-size:13.5vw;bottom:18px}.hero-copy{top:25%;max-width:65%}}
@media(max-width:600px){.hero{height:780px;min-height:0}.portrait{height:91%;left:55%;top:9%;}.hero::before{background-position:55% center}.warm-overlay{background:linear-gradient(180deg,rgba(249,240,226,.83) 0%,rgba(249,240,226,.6) 33%,rgba(249,240,226,.04) 78%)}.hero-copy{top:155px;max-width:92%}.big-name{font-size:15.1vw;bottom:22px}}

/* V4: immersive edge-to-edge hero, portrait blending, no About section */
.hero{height:clamp(700px,82vh,900px);background:#e9dfd0}
.hero::before{inset:0;background:linear-gradient(90deg,#eee4d6 0%,rgba(238,228,214,.2) 35%,rgba(238,228,214,.12) 68%,#e9dfd0 100%),url('saul-portrait.jpg') center 43%/cover no-repeat;filter:blur(13px) saturate(.82);opacity:.85}
.portrait{height:151%;width:auto;max-width:none;left:50%;top:-13%;transform:translateX(-50%);object-fit:contain;object-position:center top;filter:saturate(.86) sepia(.06);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 17%,black 83%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 17%,black 83%,transparent 100%)}
.warm-overlay{background:linear-gradient(90deg,rgba(247,238,225,.66) 0%,rgba(247,238,225,.3) 28%,transparent 55%,rgba(247,238,225,.15) 100%)}
.hero-copy{top:17%;max-width:51%}
.big-name{bottom:6px;font-size:clamp(85px,14.1vw,255px);line-height:.95}
.nav{right:4%;top:5%}
@media(max-width:900px){.hero{height:760px}.portrait{height:128%;top:-4%;left:52%}.hero-copy{top:23%;max-width:62%}.big-name{font-size:14vw}}
@media(max-width:600px){.hero{height:780px}.portrait{height:107%;top:7%;left:55%;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.hero-copy{top:158px;max-width:92%}.warm-overlay{background:linear-gradient(180deg,rgba(249,240,226,.83),rgba(249,240,226,.55) 38%,transparent 80%)}.big-name{font-size:15vw;bottom:16px}}

/* V4.2: restore terracotta and enlarge the approved two-line headline. */
.hero-copy h1{font-size:clamp(50px,5.25vw,86px);line-height:1.04}
@media(max-width:900px){.hero-copy h1{font-size:clamp(43px,6.5vw,67px)}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(43px,10.5vw,61px);line-height:1.08}}

/* V4.3: headline 40% larger than V4.2 across desktop, tablet and mobile. */
.hero-copy h1{font-size:clamp(70px,7.35vw,120.4px)}
@media(max-width:900px){.hero-copy h1{font-size:clamp(60.2px,9.1vw,93.8px)}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(60.2px,14.7vw,85.4px)}}

/* V4.4: 5% smaller than V4.3 headline; social links below the nav CTA. */
.hero-copy h1{font-size:clamp(66.5px,6.9825vw,114.38px)}
.social-links{display:flex;flex-wrap:wrap;gap:10px 15px;max-width:260px;font-size:10px;letter-spacing:.08em;line-height:1.5}
.social-links a{border-bottom:1px solid #b45436;padding-bottom:3px;color:#171716}
.social-links a:hover,.social-links a:focus-visible{color:#b45436}
@media(max-width:900px){.hero-copy h1{font-size:clamp(57.19px,8.645vw,89.11px)}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(57.19px,13.965vw,81.13px)}.social-links{max-width:235px;justify-content:flex-end;gap:6px 12px;font-size:9px;background:rgba(249,240,226,.65);padding:7px 9px}.nav{align-items:flex-end}}

/* V4.6: social platform icons in place of text labels. */
.social-links{display:flex;align-items:center;flex-wrap:nowrap;gap:17px;max-width:none}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;padding:2px;border:0;color:#b45436;transition:transform .15s ease,color .15s ease}
.social-links a svg{display:block;width:24px;height:24px}
.social-links a:hover,.social-links a:focus-visible{color:#173B79;transform:translateY(-2px)}
.social-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){.social-links{max-width:none;gap:12px;padding:7px 9px}.social-links a{width:29px;height:32px}.social-links a svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.social-links a{transition:none}}