:root{
  --ink:#101010; --paper:#f4f0e7; --line:#cfc8ba; --accent:#e77a25;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:absolute;z-index:5;top:0;left:0;right:0;max-width:var(--max);margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}
.wordmark{display:flex;flex-direction:column;line-height:.8}
.wordmark span{font-size:38px;font-weight:900;letter-spacing:-4px;font-style:italic}
.wordmark small{font-size:9px;letter-spacing:4px;margin-top:7px}
.nav nav{display:flex;gap:28px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hero{min-height:92vh;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-art{position:absolute;inset:0;background:
 radial-gradient(circle at 75% 26%,rgba(231,122,37,.35),transparent 18%),
 linear-gradient(160deg,#e9e1d3 0%,#d8e2e4 48%,#b6cfd0 100%);}
.hero-art:after{content:"";position:absolute;right:-8%;bottom:-20%;width:65%;height:65%;border:70px solid rgba(16,16,16,.92);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-17deg)}
.hero-content{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:130px 28px 80px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.hero h1{font-size:clamp(52px,8vw,105px);line-height:.88;letter-spacing:-6px;margin:20px 0;max-width:760px}
.hero h1 em{font-weight:300;letter-spacing:-5px}
.lede{font-size:18px;line-height:1.6;max-width:540px}
.actions{display:flex;align-items:center;gap:25px;margin-top:35px}
.button{display:inline-block;background:var(--ink);color:#fff;padding:16px 25px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.text-link{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.manifesto{padding:85px 28px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(22px,3vw,40px);letter-spacing:2px;line-height:1.25}
.manifesto strong{font-weight:900}
.section{max-width:var(--max);margin:auto;padding:110px 28px}
.section-head{max-width:700px}
h2{font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-4px;margin:15px 0 25px}
.section-head>p:last-child{font-size:17px;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.card{border:1px solid var(--line);padding:35px;min-height:260px}
.card span{font-size:11px;font-weight:900;letter-spacing:2px}
.card h3{font-size:30px;margin:55px 0 12px;letter-spacing:-1px}
.card p{line-height:1.55;color:#4d4a44}
.split{display:grid;grid-template-columns:1.15fr .85fr;background:#111;color:#fff}
.image-panel{min-height:650px;overflow:hidden}
.image-panel img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.copy-panel{padding:90px 8vw;align-self:center}
.copy-panel p:not(.eyebrow){line-height:1.7;color:#ddd}
.signature{margin-top:50px;font-size:50px;font-weight:900;font-style:italic;line-height:.8}
.signature small{font-size:10px;letter-spacing:4px}
.culture{max-width:var(--max);margin:auto;padding:110px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.culture-copy{padding-top:35px;font-size:18px;line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}
.tags span{border:1px solid var(--ink);padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:2px}
.visual-break{height:430px;background:linear-gradient(#d8e5e5,#a9c6c7);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.visual-break:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#e77a25;top:65px;left:calc(50% - 110px)}
.mountains{position:absolute;bottom:80px;width:100%;height:150px;background:linear-gradient(135deg,transparent 49%,#111 50%,#111 51%,transparent 52%) 10% 100%/28% 100% no-repeat,linear-gradient(45deg,transparent 49%,#111 50%,#111 51%,transparent 52%) 35% 100%/28% 100% no-repeat}
.wave{position:absolute;right:-8%;bottom:-130px;width:70%;height:360px;border:45px solid #111;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-12deg)}
.visual-break p{position:relative;z-index:2;margin-bottom:35px;font-weight:900;letter-spacing:7px}
.contact{text-align:center;padding:120px 28px;max-width:900px;margin:auto}
.contact p:not(.eyebrow){font-size:18px;line-height:1.6}
.dark{margin-top:25px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:35px 28px;display:flex;justify-content:space-between;align-items:center}
footer p{font-size:10px;letter-spacing:1px;color:#6b675f}
@media(max-width:760px){
 .nav nav{display:none}.hero-content{padding-top:150px}
 .cards,.split,.culture{grid-template-columns:1fr}
 .image-panel{min-height:420px}.copy-panel{padding:70px 28px}
 .culture{gap:10px}.culture-copy{padding-top:0}
 footer{display:block}.hero h1{letter-spacing:-3px}
}