:root{color-scheme:dark;--gold:#d9b45e;--silver:#d6d7d4;--muted:#babcb6;--bg:#0b0d0c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#070908;color:var(--silver);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}a:focus-visible,button:focus-visible{outline:3px solid #f2cf7f;outline-offset:5px}a:hover{color:#f3d38d}.site-shell{max-width:1440px;margin:18px auto;background:var(--bg);border:1px solid #32352e;border-radius:28px 28px 0 0;overflow:clip;box-shadow:0 20px 90px #0008}.header{position:sticky;top:0;z-index:20;min-height:82px;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#111411f7,#090b0bf7);border-bottom:1px solid #897039;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:61px;height:61px;object-fit:contain}.brand>span{font-size:23px;letter-spacing:4px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:3.4px;margin-top:7px;color:var(--gold)}nav{display:flex;gap:34px;font-size:12px}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:var(--gold)}.hero{position:relative;isolation:isolate;min-height:690px;padding:28px 8% 45px;background:radial-gradient(ellipse at 3% 100%,#90703644,transparent 35%),repeating-linear-gradient(3deg,#171a17 0px,#171a17 1px,#141714 2px,#101310 4px);overflow:hidden;border-bottom:2px solid #a18040}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f4cf75,transparent 30%,transparent 65%,#f4cf75);box-shadow:0 0 18px #dcb45a}.hero-scenery{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020403c9,transparent 75%),url('assets/people-at-work.png') center right/auto 100% no-repeat;clip-path:polygon(74% 0,100% 0,100% 100%,44% 100%)}.hero-seam{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffe1a0,#ad7f2c 70%,#251d0d);clip-path:polygon(73.7% 0,74% 0,44% 100%,43.7% 100%);filter:drop-shadow(0 0 5px #e6b95e)}.hero-copy{width:55%;max-width:600px}.hero-brand{width:410px;max-width:100%;text-align:center;margin-bottom:28px}.hero-brand img{width:270px;height:220px;object-fit:cover;object-position:center;margin:0 auto}.wordmark{font-size:57px;line-height:1;letter-spacing:12px;font-weight:600;color:#e2e1dc;text-shadow:0 3px 1px #000,0 -1px #fff}.wordmark span{color:var(--gold)}.brand-subtitle{font-size:14px;letter-spacing:10px;color:var(--gold);margin-top:12px}h1{font-size:clamp(32px,3.3vw,49px);line-height:1.05;letter-spacing:.3px;text-transform:uppercase;font-weight:800;text-shadow:0 3px 5px #000}h1 span,h2 span{color:var(--gold)}.intro{font-size:15px;line-height:1.6;max-width:360px;margin:18px 0 23px;color:#c6c7c1}.button{display:inline-flex;align-items:center;gap:35px;border:1px solid #ac893e;padding:10px 20px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--gold);background:#080b08c9;box-shadow:inset 0 0 18px #c4a34e0a}.button span{font-size:23px;line-height:1}.button:hover{background:#d4af5e;color:#0b0d0c}.hero-manifesto{position:absolute;right:8%;bottom:100px;font-size:11px;line-height:2.1;letter-spacing:3px;color:#bdc2b9;text-shadow:0 2px 4px #000}.hero-manifesto strong{font-weight:400;color:var(--gold)}.principles{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 5%;background:linear-gradient(100deg,#10130f,#060908);border-bottom:1px solid #594b2a}.principles article{text-align:center;padding:0 20px;border-right:1px solid #66502a}.principles article:last-child{border:0}.principles svg{height:33px;width:33px;stroke:var(--gold);fill:none;stroke-width:1.4;margin-bottom:10px}.principles h2{font-size:11px;text-transform:uppercase;color:var(--gold);letter-spacing:1.5px;line-height:1.5}.principles p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.section{padding:65px 8%}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:radial-gradient(ellipse at 90% 80%,#7f673422,transparent 55%),linear-gradient(110deg,#131712,#090b09);border-bottom:2px solid #a18040}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}h2{font-size:clamp(27px,2.8vw,39px);line-height:1.15;text-transform:uppercase;letter-spacing:.2px}.short-rule{height:1px;background:var(--gold);width:85px;margin:22px 0}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:13px}.text-link{display:inline-block;font-size:12px;color:var(--gold);margin-top:24px}.text-link span{margin-left:12px}.about-brand{border:1px solid #615234;box-shadow:0 20px 35px #0007}.about-brand img{width:100%}.about-brand figcaption{padding:12px;text-align:center;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#c0b389;background:#0b0e0b}.contact{position:relative;isolation:isolate;background:linear-gradient(90deg,#070a07f5 0%,#080c08e6 33%,#080b0870 64%,#080b0810),url('assets/contact-esd-bench.png') center 60%/cover;min-height:365px;border-bottom:1px solid #726038}.contact:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 59.6%,#c69b4a80 59.8%,transparent 60%)}.contact-copy{max-width:550px}.contact h2{font-size:clamp(28px,3vw,42px)}.contact-copy>p:not(.eyebrow){font-size:13px;color:#c8cbc2;max-width:375px;margin:18px 0 23px}.email-link{display:block;width:fit-content;margin-top:14px;font-size:12px;color:#dfd5bd;overflow-wrap:anywhere}footer{padding:22px 5% 18px;background:linear-gradient(#11150f,#090c08)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .brand img{width:44px;height:44px}.footer-top .brand>span{font-size:17px}.footer-top .brand small{font-size:6px;letter-spacing:2.5px}.footer-top nav{font-size:10px;gap:25px}.back-top{font-size:10px;color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #33382b;margin-top:20px;padding-top:14px;font-size:9px;color:#a6aa9d}.footer-bottom p:last-child{color:#c6a45e}.menu-toggle{background:#11170e;color:var(--gold);border:1px solid #7e693b;padding:8px 12px}.menu-toggle[hidden]{display:none}.skip{position:fixed;z-index:100;top:8px;left:8px;background:var(--gold);color:#111;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}@media(min-width:761px){.menu-toggle{display:none}}@media(max-width:1000px){.site-shell{margin:0;border-radius:0}.hero{padding-left:6%;min-height:640px}.hero-copy{width:60%}.hero-brand{width:330px}.hero-brand img{width:235px;height:200px}.wordmark{font-size:43px;letter-spacing:10px}.brand-subtitle{font-size:11px;letter-spacing:8px}.hero-manifesto{right:4%;font-size:9px;letter-spacing:1.5px}.section{padding:55px 6%}.about{gap:30px}.principles article{padding:0 12px}}@media(max-width:760px){html{scroll-padding-top:82px}.header{min-height:76px;flex-wrap:wrap;padding:7px 6%;gap:0}.brand img{width:48px;height:48px}.brand>span{font-size:18px}.brand small{font-size:7px;letter-spacing:2.4px}.header nav{width:100%;padding:8px 0}.js .header nav:not(.open){display:none}.hero{padding:22px 7% 40px;min-height:630px}.hero-copy{width:100%;max-width:430px}.hero-brand{width:290px;margin-bottom:30px}.hero-brand img{width:220px;height:185px}.wordmark{font-size:40px;letter-spacing:8px}.brand-subtitle{font-size:10px;letter-spacing:7px}.hero-scenery{clip-path:polygon(100% 0,100% 0,100% 100%,45% 100%);opacity:.55;background-position:70% center}.hero-seam{opacity:.6;clip-path:polygon(99.6% 0,100% 0,45% 100%,44.6% 100%)}h1{font-size:clamp(29px,7.8vw,43px)}.intro{font-size:14px;max-width:290px;text-shadow:0 2px 4px #000}.hero-manifesto{display:none}.principles{grid-template-columns:repeat(2,1fr);gap:25px 0;padding:26px 4%}.principles article:nth-child(2){border-right:0}.principles h2{font-size:10px}.principles p{font-size:10px}.section{padding:42px 7%}.about{grid-template-columns:1fr;gap:30px}.about-brand{max-width:480px}.contact{background-position:65% center}.contact:before{display:none}.contact h2{font-size:28px}.contact-copy>p:not(.eyebrow){max-width:280px}.footer-top{flex-wrap:wrap}.footer-top nav{gap:20px}.back-top{display:none}.footer-bottom{flex-direction:column;gap:6px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.hero-scenery{background-size:auto 100%;background-position:75% center}}

/* Preserve the hero photograph aspect ratio; crop rather than distort. */
.hero-scenery{left:30%;clip-path:polygon(62.86% 0,100% 0,100% 100%,20% 100%);background-size:cover;background-position:70% center}
@media(max-width:760px){.hero-scenery{left:0;clip-path:polygon(100% 0,100% 0,100% 100%,45% 100%);background-size:cover;background-position:75% center}}

/* Reveal more of the cook without moving or stretching the photograph. */
@media(min-width:761px){.hero-scenery{clip-path:polygon(45.71% 0,100% 0,100% 100%,20% 100%)}.hero-seam{clip-path:polygon(61.7% 0,62% 0,44% 100%,43.7% 100%)}}

/* Standalone About symbol, without wordmark or caption. */
.about-brand.about-mark{border:0;box-shadow:none;background:transparent;display:flex;justify-content:center}.about-brand.about-mark img{width:min(100%,340px);height:auto}

/* Four clear steps replace the previous feature icons. */
.design-process{background:linear-gradient(100deg,#10130f,#060908);border-bottom:1px solid #594b2a;padding-top:28px}
.design-process>h2{text-align:center;font-size:17px;letter-spacing:2px;color:var(--silver);margin:0 0 4px}
.design-process .principles{list-style:none;margin:0;border:0;background:none}
.design-process li{text-align:center;padding:0 20px;border-right:1px solid #66502a}
.design-process li:last-child{border-right:0}
.process-number{display:block;color:var(--gold);font-size:23px;font-weight:400;letter-spacing:2px;margin-bottom:12px}
.design-process h3{margin:0;color:var(--gold);font-size:12px;letter-spacing:1px;line-height:1.5;text-transform:uppercase}
.design-process .principles p{max-width:240px;margin:10px auto 0;font-size:12px;line-height:1.65}
@media(max-width:760px){.design-process li{padding:0 14px}.design-process li:nth-child(2){border-right:0}.design-process h3{font-size:11px}.design-process .principles p{font-size:11px}}

/* Match Contact divider endpoints to the desktop hero: 62% top, 44% bottom. */
@media(min-width:761px){.contact:before{background:linear-gradient(#ffe1a0,#ad7f2c 70%,#251d0d);clip-path:polygon(61.7% 0,62% 0,44% 100%,43.7% 100%)}}

/* Product teaser: only the silhouette and field-testing status are revealed. */
.products{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;background:radial-gradient(ellipse at 75% 55%,#66502230,transparent 55%),#0b0e0b;border-bottom:1px solid #897039}
.products h2{font-size:clamp(34px,4vw,55px);letter-spacing:5px;color:var(--silver)}
.field-testing{display:inline-block;margin-top:24px;padding:9px 16px;border:1px solid #8f733c;color:var(--gold);font-size:13px;letter-spacing:3px;text-transform:uppercase}
.product-silhouette{width:100%;max-width:410px;justify-self:center}.product-silhouette img{width:100%;height:auto}
@media(max-width:760px){.products{grid-template-columns:1fr;gap:18px}.product-silhouette{max-width:300px}.field-testing{margin-top:18px}.header nav{gap:24px}.footer-top nav{gap:16px}}

/* Keep the teaser entirely black while preserving its transparent outline. */
.product-silhouette img{filter:brightness(0)}
.product-silhouette{background:radial-gradient(ellipse at 50% 45%,#383a30 0%,#24271f 40%,transparent 72%)}
.product-silhouette figcaption{text-align:center;color:var(--gold);font-size:13px;letter-spacing:1px;margin-top:18px}

/* Contact uses an uninterrupted background. */
.contact:before{display:none}