@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --black:#0c0d0d;
  --white:#f4f5f2;
  --orange:#ff6338;
  --gray:#a4a9a4;
  --line:#d1d4ce;
  --darkline:#303431;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:Inter,Arial,sans-serif}
.nav{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5.5vw}
.logo{font-weight:700;font-size:16px;letter-spacing:-.04em;color:var(--black);text-decoration:none}.logo span{font-weight:400}
.nav-tag,.eyebrow,.label,.scroll,footer{font:10px "Barlow Condensed",Arial,sans-serif;letter-spacing:.16em}
.nav-tag{color:#747a75}
.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:7vw 5.5vw;border-bottom:1px solid var(--line)}
.eyebrow,.label{color:#777d77;margin:0 0 23px}
.hero h1{font:600 clamp(74px,10vw,145px)/.76 "Barlow Condensed",Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 40px}
.hero h1 span,.statement h2 em,.section-title h2 em{color:var(--orange);font-style:normal}
.lead{max-width:500px;color:#5f6660;font-size:15px;line-height:1.75}
.scroll{margin-top:42px;color:#5d635e}.scroll b{font-size:15px;margin-left:14px;color:var(--orange)}
.lab-window{background:var(--black);min-height:500px;position:relative;color:var(--white);overflow:hidden;border:10px solid #181a19}
.window-top,.window-bottom{height:45px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;color:#777d78;font:9px "Barlow Condensed",sans-serif;letter-spacing:.14em;border-bottom:1px solid var(--darkline)}
.window-bottom{position:absolute;bottom:0;width:100%;border-top:1px solid var(--darkline);border-bottom:0}
.sample{position:absolute;inset:45px 0 45px;background:radial-gradient(circle at 50% 50%,#252a27 0,#151816 42%,#0c0d0d 75%);display:flex;align-items:center;justify-content:center}
.plate{width:240px;height:240px;border:1px solid #555b55;border-radius:50%;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:42px;transform:rotate(13deg);box-shadow:0 0 70px rgba(255,99,56,.07)}
.plate i{display:block;border-radius:50%;border:1px solid #626961;background:#171a18}.plate i:nth-child(2),.plate i:nth-child(5),.plate i:nth-child(8){background:var(--orange);border-color:var(--orange);box-shadow:0 0 22px rgba(255,99,56,.35)}
.measure{position:absolute;color:#858c85;font:9px "Barlow Condensed",sans-serif;letter-spacing:.15em}.m1{top:19%;left:8%}.m2{bottom:18%;right:8%}
.cross{position:absolute;width:70%;height:1px;background:#3c413d}.cross:after{content:"";position:absolute;width:1px;height:70%;background:#3c413d;left:50%;top:15%}
.statement{display:grid;grid-template-columns:20% 1fr;gap:6vw;padding:110px 8vw;border-bottom:1px solid var(--line)}
.section-no{font:700 60px "Barlow Condensed",sans-serif;color:var(--orange)}
.statement h2{font:600 clamp(50px,6.5vw,94px)/.85 "Barlow Condensed",sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 36px}
.body-copy{max-width:680px;color:#626962;line-height:1.75;font-size:15px}
.grid-section{padding:105px 5.5vw;border-bottom:1px solid var(--line)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-title h2{font:600 clamp(52px,6vw,88px)/.82 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0}
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.method-grid article{padding:35px 45px 45px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px}.method-grid article:nth-child(2n){border-right:0;padding-left:45px}.method-grid article:nth-child(n+3){border-bottom:0}
.method-grid span{font:10px "Barlow Condensed",sans-serif;color:var(--orange);letter-spacing:.1em}.method-grid h3{font:600 25px "Barlow Condensed",sans-serif;letter-spacing:.05em;margin:55px 0 12px}.method-grid p{max-width:390px;color:#69706a;font-size:14px;line-height:1.65}
.dark-panel{background:var(--black);color:var(--white);padding:100px 8vw;display:grid;grid-template-columns:25% 1fr;gap:6vw;min-height:520px}
.stamp{width:105px;height:105px;border:1px solid var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--orange);font:600 36px/.8 "Barlow Condensed",sans-serif}.stamp small{font-size:8px;letter-spacing:.12em}
.dark-copy .label{color:#727871}.dark-copy h2{font:600 clamp(60px,8vw,120px)/.78 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 38px}.dark-copy h2 strong{color:var(--orange);font-weight:600}.dark-copy>p:last-child{max-width:560px;color:#9aa19a;line-height:1.7;font-size:14px}
.contact{padding:105px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font:600 clamp(65px,8vw,120px)/.76 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:45px 0 0}.contact-info{align-self:end;border-left:1px solid var(--line);padding:15px 0 15px 38px}.contact-info p{color:#777d77;font-size:13px}.contact-info a{display:inline-block;color:var(--black);font:500 13px "Barlow Condensed",sans-serif;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:8px;margin:18px 0 45px}.contact-info small{display:block;max-width:350px;color:#8a908a;font:9px/1.7 "Barlow Condensed",sans-serif;letter-spacing:.05em}
footer{border-top:1px solid var(--line);padding:19px 5.5vw;color:#7b817b;display:flex;justify-content:space-between;gap:20px}
@media(max-width:800px){
  .nav-tag{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.lab-window{min-height:430px}.statement{grid-template-columns:1fr;padding:75px 8vw}.section-title{display:block}.section-title h2{margin-top:28px}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article:nth-child(2n),.method-grid article:nth-child(n+3){border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.method-grid article:last-child{border-bottom:0}.dark-panel{grid-template-columns:1fr;padding:75px 8vw}.contact{grid-template-columns:1fr;padding:75px 8vw}.contact-info{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}footer{flex-direction:column}
}