*{box-sizing:border-box}
:root{
  --ink:#111315;
  --muted:#666b68;
  --paper:#f5f3ee;
  --paper2:#ebe8e0;
  --dark:#111416;
  --dark2:#171b1d;
  --line:rgba(17,19,21,.13);
  --dark-line:rgba(255,255,255,.13);
  --accent:#b56b42;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:10;background:rgba(245,243,238,.78);backdrop-filter:blur(14px)}
.wordmark,.footer-wordmark{display:flex;align-items:center;gap:12px}
.mark{width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:15px}
.wordmark-text,.footer-wordmark div{display:flex;flex-direction:column;gap:2px}
.wordmark-text strong,.footer-wordmark strong{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:.18em}
.wordmark-text small,.footer-wordmark small{font-size:7px;letter-spacing:.19em;color:var(--muted)}
.nav{display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.06em}
.nav a{opacity:.72;transition:.2s}
.nav a:hover{opacity:1}
.nav-contact{padding:11px 17px;border:1px solid var(--ink);border-radius:99px;opacity:1!important}
.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--ink)}

.hero{min-height:790px;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--paper)}
.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(17,19,21,.045) 1px,transparent 1px),linear-gradient(rgba(17,19,21,.045) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.hero:after{content:"";position:absolute;width:42vw;height:42vw;right:-18vw;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(181,107,66,.19),transparent 68%);pointer-events:none}
.hero-inner{width:88%;max-width:1380px;margin:auto;padding-top:100px;position:relative;z-index:2}
.hero-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.18em;color:#777a76}
.dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(76px,15vw,210px);line-height:.78;letter-spacing:-.085em;margin:70px 0 8px;font-weight:800}
.legal-name{font-size:11px;letter-spacing:.42em;margin:0 0 80px;color:#777a76}
.hero-bottom{display:grid;grid-template-columns:1.15fr .65fr;gap:12vw;align-items:end}
.hero-kicker,.eyebrow{font-size:9px;letter-spacing:.19em;font-weight:700;color:#7a7c78;margin:0 0 16px}
.hero h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,59px);line-height:1.02;letter-spacing:-.055em;margin:0}
.hero h2 em{font-style:normal;color:var(--accent)}
.hero-copy{font-size:14px;line-height:1.75;color:#646966;max-width:410px;margin:0}
.scroll-link{display:inline-flex;gap:15px;align-items:center;margin-top:75px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #a9aaa6;padding-bottom:9px}
.scroll-link span{font-size:15px}

.section{padding:125px 8vw}
.section-top{display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.2em;color:#858883;border-bottom:1px solid var(--line);padding-bottom:17px}
.number{font-family:Manrope,sans-serif;font-weight:700;color:var(--accent)}
.company-grid,.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:13vw;margin-top:75px}
.company h2,.operations h2{font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:0}
.company h2 span,.operations h2 span{color:#8a8d88}
.copy{max-width:470px;align-self:end}
.copy p{font-size:15px;line-height:1.8;color:#606560;margin:0 0 22px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:95px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:25px 25px 28px 0;border-right:1px solid var(--line)}
.facts div+div{padding-left:25px}
.facts div:last-child{border-right:0}
.facts small{display:block;font-size:8px;letter-spacing:.18em;color:#8a8d88;margin-bottom:25px}
.facts strong{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.02em}

.model{background:var(--dark);color:#f3f1eb}
.section-top.light{border-color:var(--dark-line);color:#7d827f}
.light-text{color:#9c9e99}
.model-heading{margin:70px 0 65px}
.model h2{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,84px);line-height:.94;letter-spacing:-.065em;margin:0}
.model h2 span{color:#8f9490}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line)}
.model-grid article{padding:27px 28px 35px 0;border-right:1px solid var(--dark-line);min-height:235px}
.model-grid article+article{padding-left:28px}
.model-grid article:last-child{border-right:0}
.model-grid article>span{font-size:10px;letter-spacing:.15em;color:#a66c4c}
.model-grid h3{font-family:Manrope,sans-serif;font-size:21px;margin:70px 0 12px}
.model-grid p{color:#969b97;font-size:13px;line-height:1.7;max-width:290px}

.operations{background:var(--paper2)}
.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principles div{min-height:125px;padding:25px 20px 25px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.principles div+div{padding-left:20px}
.principles div:last-child{border-right:0}
.principles b{font-size:9px;color:var(--accent);letter-spacing:.15em}
.principles span{font-family:Manrope,sans-serif;font-size:14px}

.contact{background:#15191a;color:#f4f1ea;padding-top:105px;padding-bottom:115px}
.contact-card{border:1px solid var(--dark-line);padding:65px 6vw;display:grid;grid-template-columns:1fr .7fr;gap:12vw;align-items:end}
.contact h2{font-family:Manrope,sans-serif;font-size:clamp(55px,7vw,96px);line-height:.9;letter-spacing:-.07em;margin:0}
.contact h2 span{color:#bd805d}
.contact-copy{color:#9ba09d;font-size:14px;line-height:1.7;max-width:410px;margin:30px 0 0}
.contact-side{display:flex;flex-direction:column;gap:26px}
.contact-line{display:flex;flex-direction:column;gap:5px;padding-bottom:19px;border-bottom:1px solid var(--dark-line)}
.contact-line small{font-size:8px;letter-spacing:.18em;color:#7e8581}
.contact-line strong{font-size:14px;font-weight:500}
.contact-line strong span{color:#bd805d;margin-left:7px}
.email-button{display:flex;justify-content:space-between;align-items:center;background:#f4f1ea;color:#15191a;padding:15px 18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
.email-button span{font-size:17px}

.footer{background:#0d1011;color:#ddd9d0;padding:42px 8vw 25px}
.footer-main{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:34px}
.small-mark{border-color:#ddd9d0;color:#ddd9d0}
.footer-main>p{font-size:11px;color:#727874;max-width:360px;text-align:right}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:17px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#5e6461;font-size:8px;letter-spacing:.07em}
.tiny-id{font-size:7px;color:#4e5451}

@media(max-width:800px){
  .site-header{height:70px;padding:0 6vw}
  .nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px 6vw 25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);gap:20px}
  .nav.open{display:flex}
  .menu-toggle{display:block}
  .hero{min-height:760px}
  .hero-inner{width:88%;padding-top:90px}
  .hero h1{font-size:19vw;line-height:.82;margin-top:58px;white-space:nowrap}
  .legal-name{font-size:8px;letter-spacing:.29em;margin-bottom:58px;white-space:nowrap}
  .hero-bottom{grid-template-columns:1fr;gap:35px}
  .hero h2{font-size:10vw}
  .hero-copy{font-size:14px}
  .scroll-link{margin-top:52px}
  .section{padding:88px 7vw}
  .company-grid,.operations-grid{grid-template-columns:1fr;gap:42px;margin-top:55px}
  .company h2,.operations h2{font-size:12vw}
  .facts{grid-template-columns:1fr;margin-top:60px}
  .facts div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0!important}
  .facts div:last-child{border-bottom:0}
  .model-heading{margin:55px 0 45px}
  .model h2{font-size:12vw}
  .model-grid{grid-template-columns:1fr}
  .model-grid article{border-right:0;border-bottom:1px solid var(--dark-line);padding:25px 0;min-height:0}
  .model-grid article+article{padding-left:0}
  .model-grid article:last-child{border-bottom:0}
  .model-grid h3{margin:30px 0 9px}
  .principles{grid-template-columns:1fr 1fr;margin-top:60px}
  .principles div{border-bottom:1px solid var(--line);min-height:105px}
  .principles div:nth-child(2n){border-right:0}
  .principles div:nth-last-child(-n+2){border-bottom:0}
  .principles div+div{padding-left:15px}
  .contact{padding-top:75px}
  .contact-card{grid-template-columns:1fr;gap:55px;padding:42px 6vw}
  .contact h2{font-size:17vw}
  .footer-main{align-items:flex-start;flex-direction:column}
  .footer-main>p{text-align:left}
  .footer-bottom{flex-direction:column;gap:9px}
}
@media(max-width:430px){
  .hero h1{font-size:18.5vw}
  .legal-name{font-size:7.2px;letter-spacing:.24em}
}