@font-face { font-family: "Bodoni Moda"; src: url("/fonts/bodoni-moda-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root { --ink:#111; --paper:#f5f2ec; --line:rgba(17,17,17,.22); --muted:#64625e; --accent:#f05a38; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.site-header,.hero,.section,footer { width:min(100% - 56px,1440px); margin-inline:auto; }
.site-header { min-height:140px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:block; width:350px; height:112px; overflow:hidden; }
.brand img { width:350px; height:auto; transform:translateY(-1px); }
nav { display:flex; gap:clamp(24px,3.5vw,56px); font-size:14px; }
nav a,footer a { position:relative; }
nav a::after,footer a::after { content:""; position:absolute; left:0; right:100%; bottom:-6px; height:1px; background:currentColor; transition:right 180ms ease; }
nav a:hover::after,footer a:hover::after { right:0; }
.hero {   min-height:calc(100svh - 140px);
  padding:clamp(68px,9vw,136px) 0 48px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  background:#E0B84F;
  box-shadow:0 0 0 100vmax #E0B84F;
  clip-path:inset(0 -100vmax); }
.eyebrow { margin:0; font-size:12px; font-weight:700; letter-spacing:.17em; line-height:1.4; text-transform:uppercase; }
.eyebrow::before { content:""; display:inline-block; width:8px; height:8px; margin-right:10px; border-radius:50%; background:var(--accent); }
.hero h1 { max-width:1240px; margin:26px 0 0; font-family:"Bodoni Moda",Georgia,serif; font-size:clamp(50px,6.4vw,102px); font-weight:700; letter-spacing:-.055em; line-height:.88; }
.hero h1 span { display:block; max-width:1200px; margin-left:0; }
.hero-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; padding-top:72px; }
.hero-bottom p { max-width:520px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.text-link { padding-bottom:7px; border-bottom:1px solid var(--ink); font-size:14px; white-space:nowrap; }
.text-link span { display:inline-block; margin-left:18px; transition:transform 180ms ease; }
.text-link:hover span { transform:translateY(4px); }
.section { padding:clamp(96px,12vw,180px) 0; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:2fr 1fr; gap:32px 64px; align-items:end; margin-bottom:clamp(64px,8vw,112px); }
.section-heading .eyebrow { grid-column:1 / -1; }
.section-heading h2,.about h2,.products h2,.contact h2 { margin:0; font-family:"Bodoni Moda",Georgia,serif; font-size:clamp(50px,6.4vw,102px); font-weight:700; letter-spacing:-.045em; line-height:.95; }
.section-heading>p:last-child { max-width:270px; margin:0 0 8px; color:var(--muted); line-height:1.6; }
.capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.capability-card { min-height:530px; padding:clamp(26px,3.4vw,50px); display:flex; flex-direction:column; justify-content:space-between; transition:transform 220ms ease; }
.capability-card:hover { transform:translateY(-5px); }
.sand{background:#ded4c1}.clay{background:#eea48d}.blue{background:#aebed0}.sage{background:#bdc8b3}
.card-top { display:flex; justify-content:space-between; font-size:13px; }.card-arrow{font-size:24px}
.capability-card h3 { margin:0 0 20px; font-family:"Bodoni Moda",Georgia,serif; font-size:clamp(42px,5vw,76px); letter-spacing:-.04em; line-height:.95; }
.capability-card p { max-width:510px; margin:0; font-size:16px; line-height:1.6; }
.capability-card ul { display:flex; flex-wrap:wrap; gap:8px; margin:42px 0 0; padding:0; list-style:none; }
.capability-card li { padding:8px 12px; border:1px solid rgba(17,17,17,.38); border-radius:999px; font-size:12px; }
.about-layout { display:grid; grid-template-columns:1.4fr .8fr; gap:clamp(60px,10vw,160px); margin-top:60px; align-items:end; }
.about-copy { padding-bottom:8px; }.about-copy p{margin:0 0 24px;color:var(--muted);font-size:17px;line-height:1.7}
.product-panel { min-height:490px; padding:clamp(36px,6vw,88px); display:flex; flex-direction:column; justify-content:space-between; background:var(--ink); color:#fff; }
.product-panel .eyebrow::before { background:#eea48d; }.products h2{max-width:870px;margin-top:38px}
.product-message { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }.product-message>p{max-width:520px;margin:0;color:#bcbcbc;line-height:1.7}
.status { display:flex; align-items:center; gap:10px; font-size:13px; white-space:nowrap; }.status i{width:8px;height:8px;border-radius:50%;background:#eea48d;animation:pulse 2s infinite}
.contact { min-height:640px; display:flex; flex-direction:column; justify-content:center; }.contact h2{max-width:1000px;margin:42px 0 64px}
.contact>a { width:fit-content; padding-bottom:10px; border-bottom:2px solid var(--ink); font-size:clamp(18px,2.6vw,38px); }.contact>a span{display:inline-block;margin-left:16px}
footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:860px){.site-header,.hero,.section,footer{width:min(100% - 32px,1440px)}.site-header{min-height:112px}.brand,.brand img{width:260px}.brand{height:84px}nav{gap:18px;font-size:12px}.hero{min-height:calc(100svh - 112px)}.hero h1 span{margin-left:0}.section-heading,.about-layout{grid-template-columns:1fr}.section-heading{gap:28px}.capability-card{min-height:430px}}
@media(max-width:640px){.site-header{min-height:138px;align-items:flex-start;padding:10px 0 18px;flex-direction:column}.brand,.brand img{width:230px}.brand{height:72px}nav{width:100%;justify-content:space-between}.hero{min-height:calc(100svh - 138px);padding-top:54px}.hero h1{font-size:clamp(54px,17vw,82px);line-height:.92}.hero-bottom,.product-message{align-items:flex-start;flex-direction:column}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:420px}.product-panel{min-height:560px}.contact{min-height:560px}.contact>a{font-size:17px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}