:root{--paper:#f6f1e8;--ink:#171714;--line:#b9b1a5;--serif:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{background:#e9e4db}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--paper)}main{max-width:1100px;margin:auto;background:var(--paper);min-height:100vh}.hero{position:relative;min-height:620px;overflow:hidden;background:#ddd}.hero-img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,241,232,.94) 0%,rgba(246,241,232,.68) 28%,rgba(246,241,232,.04) 58%)}.hero-copy{position:absolute;z-index:2;left:6.5%;top:50%;transform:translateY(-50%)}h1{font:400 clamp(44px,7vw,76px)/.95 var(--serif);letter-spacing:.02em;margin:0 0 20px}.hero-copy>p,.eyebrow,.code,.section-title p,footer p,footer a,footer small{letter-spacing:.25em;font-size:13px}.social{display:flex;gap:26px;margin-top:42px}.social a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding:5px 0;font-size:14px;letter-spacing:.08em}.social a:hover{border-color:currentColor}.content{padding:48px 6.5% 30px}.eyebrow{margin:0 0 18px}.featured{display:grid;grid-template-columns:minmax(180px,30%) 1fr;gap:7%;align-items:center}.featured img{width:100%;aspect-ratio:4/5;object-fit:cover}.featured h2,.links strong,footer h2{font:400 clamp(28px,4vw,44px)/1.1 var(--serif)}.featured h2{margin:0 0 12px}.code{font-size:12px;margin:0 0 28px}.button{display:inline-flex;justify-content:space-between;gap:55px;border:1px solid #4d4a45;padding:17px 22px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.25em}.button:hover{background:var(--ink);color:var(--paper)}.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:50px 0 8px}.section-title span{height:1px;background:var(--line)}.section-title p{margin:0}.links>a{display:grid;grid-template-columns:140px 1fr 35px;gap:30px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.links img,.monogram{width:140px;height:140px;object-fit:cover}.monogram{display:grid;place-items:center;background:#e8dfd2;font:400 50px var(--serif)}.links strong{font-size:34px}.links b{font:300 32px var(--sans)}.links>a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}footer{text-align:center;border-top:1px solid var(--line);margin:15px 6.5% 0;padding:40px 20px 48px}footer h2{font-size:28px;margin:0 0 14px}footer p,footer a{display:block;color:inherit;text-decoration:none;font-size:10px;margin:8px}footer small{display:block;font-size:9px;margin-top:30px}@media(max-width:650px){.hero{min-height:620px}.hero-img{object-position:56% center}.hero:after{background:linear-gradient(180deg,rgba(246,241,232,.92) 0%,rgba(246,241,232,.58) 25%,rgba(246,241,232,0) 52%)}.hero-copy{left:7%;top:8%;transform:none}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:10px;letter-spacing:.2em}.social{margin-top:25px}.content{padding-top:34px}.featured{grid-template-columns:42% 1fr;gap:6%}.featured h2{font-size:25px}.code{font-size:9px;line-height:1.6;letter-spacing:.18em}.button{gap:10px;padding:14px 12px;font-size:9px;letter-spacing:.18em}.links>a{grid-template-columns:86px 1fr 24px;gap:17px}.links img,.monogram{width:86px;height:86px}.monogram{font-size:34px}.links strong{font-size:24px}.links b{font-size:24px}.section-title{margin-top:40px}footer{padding-bottom:38px}}@media(max-width:390px){.featured{grid-template-columns:1fr}.featured img{max-height:390px}.featured div{padding-top:4px}.links strong{font-size:21px}}

/* Version 2 refinements */
.social{gap:20px;flex-wrap:wrap;margin-top:30px}
.social a{font-size:12px;letter-spacing:.13em}
@media(max-width:650px){
.hero{min-height:0;height:clamp(390px,105vw,500px)}
.hero-img{object-position:center 31%}
.hero:after{background:linear-gradient(180deg,rgba(246,241,232,.90) 0%,rgba(246,241,232,.52) 29%,rgba(246,241,232,0) 63%)}
.hero-copy{top:7%;left:7%;right:5%}
.hero-copy h1{font-size:clamp(44px,11vw,54px);margin-bottom:15px}
.social{gap:15px;margin-top:20px}
.social a{font-size:10px;letter-spacing:.06em}
.links strong{font-size:clamp(19px,5.2vw,23px)}
.links>a{gap:14px;padding:14px 0}
}
@media(min-width:651px){.hero{min-height:540px;height: min(54vw,590px)}.hero-img{object-position:center 34%}}

/* Version 3: editorial hero, detached navigation and compact feature */
.hero:after{background:linear-gradient(90deg,rgba(246,241,232,.64) 0%,rgba(246,241,232,.23) 38%,transparent 67%)}
.hero-copy{top:52%;left:5%;max-width:48%}
.hero-copy h1{font-size:clamp(42px,6vw,68px)}
.social-strip{padding:17px 6.5%;background:var(--paper);border-bottom:1px solid rgba(185,177,165,.55)}
.social-strip .social{margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,50px)}
.social-strip .social a{font-size:11px;letter-spacing:.16em}
.featured img{aspect-ratio: 1 / 1.08;object-position:center 66%}
.content{padding-top:32px}
.eyebrow{margin-bottom:14px}
.section-title{margin-top:35px}
@media(max-width:650px){
.hero{height:clamp(340px,89vw,420px);min-height:0}
.hero-img{object-position:58% 29%}
.hero:after{background:linear-gradient(90deg,rgba(246,241,232,.77) 0%,rgba(246,241,232,.43) 35%,rgba(246,241,232,0) 67%)}
.hero-copy{left:5%;top:43%;right:auto;max-width:49%;transform:translateY(-50%)}
.hero-copy h1{font-size:clamp(34px,8.6vw,48px);letter-spacing:-.025em;margin-bottom:12px}
.hero-copy>p{font-size:8px;letter-spacing:.11em;line-height:1.6;white-space:nowrap}
.social-strip{padding:15px 4%}
.social-strip .social{gap:clamp(14px,4vw,26px);flex-wrap:nowrap}
.social-strip .social a{font-size:10px;letter-spacing:.075em}
.content{padding-top:25px}
.featured{grid-template-columns:41% 1fr;gap:5%}
.featured img{aspect-ratio:1 / 1.13;object-position:center 68%}
.featured h2{font-size:clamp(21px,5.2vw,25px);margin-bottom:8px}
.code{margin-bottom:14px;font-size:9px}
.button{padding:11px 10px}
.section-title{margin-top:30px}
}
@media(max-width:390px){.featured{grid-template-columns:41% 1fr}.featured img{max-height:none}.hero-copy h1{font-size:33px}.hero-copy>p{font-size:7px}}

/* Version 4 refinements */
.hero:after{background:linear-gradient(90deg,rgba(246,241,232,.22) 0%,rgba(246,241,232,.07) 34%,transparent 58%)}
.hero-copy{top:48%}
.featured>div{transform:translateY(-7px)}
.featured h2{margin-bottom:9px}
.code{margin-bottom:17px}
footer{margin-top:0;padding-top:30px;padding-bottom:34px}
footer small{margin-top:22px}
@media(max-width:650px){.hero:after{background:linear-gradient(90deg,rgba(246,241,232,.30) 0%,rgba(246,241,232,.12) 38%,transparent 65%)}.hero-copy{top:39%}.featured>div{transform:translateY(-5px)}.featured h2{margin-bottom:7px}.code{margin-bottom:11px}footer{padding-top:28px;padding-bottom:30px}}

/* Version 5: original unfiltered photograph, legible hero typography */
.hero:after{display:none!important}
.hero-img{filter:none!important;opacity:1!important}
@media(max-width:650px){
.hero-copy{top:7%!important;left:5%!important;transform:none!important;max-width:90%!important}
.hero-copy h1{font-size:clamp(34px,8vw,43px)!important;margin-bottom:10px!important}
.hero-copy>p{font-size:8px!important;letter-spacing:.12em!important;white-space:nowrap!important}
}
@media(min-width:651px){.hero-copy{top:28%!important;left:4%!important;max-width:38%!important}.hero-copy h1{font-size:clamp(38px,5vw,64px)!important}.hero-copy>p{font-size:11px!important;letter-spacing:.13em!important}}

/* Version 6: shift portrait right, lower title, retain original image tones */
@media(max-width:650px){
 .hero-img{object-position:43% 29%!important}
 .hero-copy{top:17%!important;left:5%!important}
 .hero-copy>p{letter-spacing:.09em!important}
}
@media(min-width:651px){
 .hero-img{object-position:46% 34%!important}
 .hero-copy{top:37%!important}
}
/* Version 7: mobile-only placement; desktop remains exactly as in v6 */
@media (max-width:650px){
 .hero-copy{top:29%!important;left:4%!important;max-width:42%!important;transform:none!important}
 .hero-copy h1{font-size:clamp(32px,7.7vw,43px)!important;letter-spacing:-.025em!important}
 .hero-copy>p{font-size:7px!important;letter-spacing:.045em!important;white-space:nowrap!important}
}


/* Version 8: extremely subtle mobile-only text-area wash.
   Preserve the original photograph and column detail. */
@media (max-width:650px) {
  .hero:after {
    display:block!important;
    pointer-events:none;
    background:radial-gradient(
      ellipse 43% 24% at 13% 34%,
      rgba(246,241,232,.15) 0%,
      rgba(246,241,232,.08) 47%,
      rgba(246,241,232,0) 100%
    )!important;
  }
  .hero-copy{left:3.5%!important}
}