:root { --ink:#18221d; --cream:#f2eee5; --paper:#faf8f3; --copper:#c86d3a; --sage:#66766b; }
* { 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; }
img { display:block; width:100%; }
.nav { height:88px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; background:var(--paper); }
.wordmark { font:700 27px/1 Georgia, serif; letter-spacing:-1px; }
.wordmark span { color:var(--copper); }
.nav-links { display:flex; gap:34px; align-items:center; font-size:13px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.nav-links a { transition:color .2s; }
.nav-links a:hover { color:var(--copper); }
.hero { min-height:calc(100vh - 88px); display:grid; grid-template-columns:49% 51%; background:var(--cream); }
.hero-copy { padding:clamp(70px,9vw,140px) 7vw 80px; align-self:center; }
.eyebrow,.section-label { color:var(--copper); font-size:12px; line-height:1; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow:before { content:""; display:inline-block; width:34px; height:1px; background:currentColor; vertical-align:middle; margin-right:14px; }
h1,h2,.lead,blockquote p { font-family:Georgia, 'Times New Roman', serif; font-weight:400; }
h1 { font-size:clamp(52px,6.7vw,102px); line-height:.94; letter-spacing:-.055em; margin:31px 0 34px; }
h1 em { color:var(--copper); font-weight:400; }
.hero-intro { max-width:590px; font-size:clamp(17px,1.45vw,21px); line-height:1.65; color:#4d5852; }
.hero-actions { margin-top:42px; display:flex; align-items:center; gap:26px; }
.button { display:inline-flex; padding:18px 24px; background:var(--ink); color:white; font-size:13px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; transition:background .2s,transform .2s; }
.button:hover { background:var(--copper); transform:translateY(-2px); }
.socials { display:flex; gap:10px; }
.socials a { width:44px; height:44px; display:grid; place-items:center; border:1px solid #bbc0bb; border-radius:50%; transition:border-color .2s,color .2s; }
.socials a:hover { border-color:var(--copper); color:var(--copper); }
.socials svg { width:17px; height:17px; }
.hero-portrait { position:relative; min-height:620px; overflow:hidden; }
.hero-portrait img { height:100%; object-fit:cover; object-position:48% center; }
.hero-portrait:after { content:""; position:absolute; inset:0; box-shadow:inset 30px 0 50px -45px #0006; pointer-events:none; }
.experience-stamp { z-index:2; position:absolute; left:0; bottom:8%; transform:translateX(-45%); width:150px; height:150px; border-radius:50%; background:var(--copper); color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.experience-stamp strong { font:400 46px/1 Georgia, serif; }
.experience-stamp span { margin-top:6px; font-size:10px; line-height:1.35; letter-spacing:.14em; text-transform:uppercase; }
.about,.cookwaregrid { padding:120px clamp(24px,8vw,130px); display:grid; grid-template-columns:26% 74%; gap:40px; }
.section-label span { color:#9a9d96; margin-right:13px; }
.about-body { max-width:920px; }
.lead { margin:0 0 46px; font-size:clamp(38px,4vw,62px); line-height:1.08; letter-spacing:-.035em; }
.columns { display:grid; grid-template-columns:1fr 1fr; gap:55px; }
.columns p,.grid-story p,.experience-copy>p { margin:0; color:#59625d; font-size:16px; line-height:1.8; }
.experience { display:grid; grid-template-columns:46% 54%; min-height:720px; background:var(--ink); color:white; }
.experience-image { overflow:hidden; }
.experience-image img { height:100%; object-fit:cover; object-position:center; filter:saturate(.8); }
.experience-copy { padding:110px clamp(40px,8vw,135px); display:flex; flex-direction:column; justify-content:center; }
.section-label.light { color:#dc8a59; }
.experience h2,.grid-story h2 { margin:32px 0; font-size:clamp(43px,4.5vw,70px); line-height:1.07; letter-spacing:-.04em; }
.experience-copy>p { color:#bec7c1; max-width:610px; }
.company-list { margin-top:55px; padding-top:27px; border-top:1px solid #ffffff2d; display:flex; flex-wrap:wrap; gap:12px 30px; }
.company-list span { font:italic 18px Georgia, serif; color:#e7e3d8; }
.cookwaregrid { background:var(--cream); }
.grid-story { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:start; }
.grid-story h2 { margin:0; }
.grid-story p+p { margin-top:20px; }
.text-link { display:inline-block; margin-top:32px; padding-bottom:7px; border-bottom:1px solid var(--copper); color:var(--copper); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
blockquote { margin:0; padding:110px 8vw; background:var(--copper); color:white; text-align:center; }
blockquote p { max-width:970px; margin:0 auto 28px; font-size:clamp(34px,4.2vw,64px); line-height:1.15; letter-spacing:-.03em; }
blockquote cite { font-style:normal; font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
footer { padding:70px clamp(24px,6vw,95px) 36px; display:grid; grid-template-columns:1fr auto; gap:50px; background:#101713; color:white; }
.footer-mark { font-size:34px; }
footer p { color:#8d9992; font-size:13px; }
.footer-links { display:flex; gap:30px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.footer-links a:hover { color:#dc8a59; }
.copyright { grid-column:1/-1; padding-top:32px; margin:0; border-top:1px solid #ffffff18; }
@media(max-width:900px){
  .hero { grid-template-columns:1fr; }
  .hero-copy { padding:80px 8vw; }
  .hero-portrait { min-height:650px; }
  .experience-stamp { left:auto; right:24px; transform:none; bottom:24px; }
  .about,.cookwaregrid { grid-template-columns:1fr; padding-top:90px; padding-bottom:90px; }
  .experience { grid-template-columns:1fr; }
  .experience-image { height:520px; }
  .grid-story { gap:45px; }
}
@media(max-width:620px){
  .nav { height:72px; }
  .nav-links a:not(:last-child){display:none;}
  .nav-links { font-size:11px; }
  .hero { min-height:auto; }
  .hero-copy { padding:64px 24px 70px; }
  h1 { font-size:54px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .hero-portrait { min-height:480px; }
  .experience-stamp { width:116px; height:116px; }
  .experience-stamp strong { font-size:36px; }
  .columns,.grid-story { grid-template-columns:1fr; gap:22px; }
  .lead { margin-bottom:30px; }
  .experience-image { height:410px; }
  .experience-copy { padding:80px 24px; }
  .company-list { gap:16px 22px; }
  blockquote { padding:80px 24px; }
  footer { grid-template-columns:1fr; }
  .footer-links { flex-wrap:wrap; gap:18px 24px; }
}
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.button{transition:none} }