:root{--ink:#211811;--brown:#6b3f25;--tan:#b97a4a;--gold:#d4a767;--cream:#f4eee5;--paper:#fbf8f3;--line:rgba(33,24,17,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-family:"Italiana",serif;font-size:1.28rem;letter-spacing:.24em;font-weight:400}.brand svg{width:58px;height:auto;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.site-header nav{display:flex;gap:2rem;font-size:.88rem}.site-header nav a{opacity:.8}.site-header nav a:hover{opacity:1}.header-cta{justify-self:end;border-bottom:1px solid currentColor;padding:.35rem 0;font-size:.88rem}.menu-toggle{display:none}
.hero{min-height:790px;background:var(--ink);color:#fff;position:relative;display:grid;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,16,11,.92) 0%,rgba(24,16,11,.6) 35%,rgba(24,16,11,.06) 66%),url("hero.png") center/cover no-repeat;filter:saturate(.84)}.hero-copy{position:relative;z-index:1;width:min(640px,86vw);margin-left:8vw;padding-top:70px}.eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:600;margin:0 0 1.35rem;text-transform:uppercase}.hero h1,.statement h2,.section-heading h2,.personalize h2,.story h2{font-family:"Italiana",serif;font-weight:400;line-height:.98;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(4.4rem,8vw,8rem)}.hero h1 em{font-weight:400;color:#d9b074}.lead{font-size:1.1rem;max-width:490px;color:rgba(255,255,255,.77);margin:2rem 0}.hero-actions{display:flex;gap:2rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.55rem;letter-spacing:.02em;border:1px solid transparent;transition:.2s}.button-dark{background:#fff;color:var(--ink)}.button-dark:hover{background:var(--gold)}.text-link{font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.45);padding:.55rem 0}.text-link span{margin-left:.5rem}.side-note{position:absolute;right:2.4vw;bottom:4rem;writing-mode:vertical-rl;letter-spacing:.2em;font-size:.65rem;opacity:.58}
.statement{text-align:center;padding:8rem 5vw;background:var(--cream)}.statement>p{font-family:"Italiana",serif;font-size:1.25rem;color:var(--brown)}.statement h2{font-size:clamp(2.6rem,5vw,5.2rem);margin-top:1.3rem}
.collection,.process{padding:8rem 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:3.5rem;gap:3rem}.section-heading h2,.personalize h2,.story h2{font-size:clamp(2.7rem,5vw,5rem)}.section-heading>p{max-width:370px;color:#6c6259}.product-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:320px 320px;gap:16px}.product{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid var(--line);transition:transform .3s ease}.product:hover{transform:translateY(-4px)}.product-featured{grid-row:1/3;padding:0;background:#d1a071}.product-photo{position:absolute;inset:0;background:url("hero.png") 73% center/cover no-repeat}.product-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,15,9,.8),transparent 45%)}.product-info{position:relative;z-index:2;margin-top:auto}.product-info>div{display:flex;gap:1rem;align-items:baseline}.product h3{font-family:"Italiana",serif;font-size:2rem;font-weight:400;margin:0}.product-info p{margin:.15rem 0 0;opacity:.72}.product-featured .product-info{padding:1.6rem;color:#fff}.product-tan{background:#a7663c;color:white}.product-cream{background:#e8ddce}.product-dark{background:#35241b;color:white;grid-column:2/4}.product-number{font-size:.72rem;letter-spacing:.2em}.line-art{margin:auto;border:2px solid currentColor;opacity:.7}.glasses{width:170px;height:70px;border-radius:45px 45px 24px 24px;box-shadow:inset 0 0 0 12px rgba(255,255,255,.06)}.tag{width:105px;height:165px;border-radius:18px 18px 30px 30px;position:relative}.tag:before{content:"";position:absolute;width:22px;height:22px;border:2px solid;border-radius:50%;left:39px;top:20px}.key{width:180px;height:54px;border-radius:28px;transform:rotate(-8deg)}.more-note{text-align:right;color:#6c6259;font-size:.88rem;margin-top:1.25rem}
.personalize{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);color:white}.personalize-intro{padding:8rem 8vw 8rem 6vw}.personalize-intro>p:last-child{max-width:480px;color:rgba(255,255,255,.7);margin-top:2rem}.choice-panel{background:#291b14;padding:8rem 7vw;display:flex;flex-direction:column;justify-content:center}.choice-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.choice-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{padding:1rem .7rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.26);cursor:pointer}.choice.active,.choice:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}.preview-card{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin:2.5rem 0;padding:2rem 0;display:grid;gap:.3rem}.preview-card span,.preview-card small{color:rgba(255,255,255,.58)}.preview-card strong{font-family:"Italiana",serif;font-size:2.8rem;font-weight:400}.button-light{border-color:rgba(255,255,255,.6);color:#fff;align-self:flex-start}.button-light:hover{background:white;color:var(--ink)}
.process{background:#fff}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-list li{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line);min-height:250px}.process-list li+li{padding-left:2rem}.process-list span{font-size:.7rem;letter-spacing:.2em;color:var(--brown)}.process-list h3{font-family:"Italiana",serif;font-size:2rem;font-weight:400;margin:3.4rem 0 .5rem}.process-list p{color:#6c6259;margin:0;font-size:.92rem}
.story{display:grid;grid-template-columns:.8fr 1.2fr;min-height:620px;background:var(--cream)}.story-mark{display:flex;align-items:center;justify-content:center;background:#dec8ad}.story-mark svg{width:62%;fill:none;stroke:var(--brown);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.story-copy{padding:8rem 8vw}.story-copy>p:not(.eyebrow):not(.signature){max-width:660px;color:#62574e;font-size:1.05rem;margin-top:2rem}.signature{font-family:"Italiana",serif;font-size:1.5rem;color:var(--brown);margin-top:2.5rem}
footer{background:#1b130f;color:#fff;padding:5rem 6vw 2rem;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:3rem}.brand-light{color:#fff}.footer-brand>p{color:var(--gold);font-family:"Italiana",serif;font-size:1.3rem}.footer-contact p{color:rgba(255,255,255,.5);font-size:.8rem}.footer-contact a{font-family:"Italiana",serif;font-size:1.7rem;border-bottom:1px solid rgba(255,255,255,.2)}.footer-links{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;font-size:.88rem}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:1.5rem;color:rgba(255,255,255,.4);font-size:.72rem}
@media(max-width:850px){.site-header{height:72px;grid-template-columns:1fr auto;padding:0 5vw}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#211811;padding:1.5rem 5vw;flex-direction:column;border-top:1px solid rgba(255,255,255,.12)}.site-header nav.open{display:flex}.menu-toggle{display:block;background:none;border:0;color:inherit}.header-cta{display:none}.hero{min-height:760px}.hero-image{background-image:linear-gradient(0deg,rgba(24,16,11,.94) 0%,rgba(24,16,11,.52) 60%,rgba(24,16,11,.08)),url("hero.png");background-position:68% center}.hero-copy{margin:0 6vw;align-self:end;padding-bottom:5rem}.hero h1{font-size:clamp(3.7rem,16vw,6.3rem)}.side-note{display:none}.statement{padding:6rem 6vw}.section-heading{align-items:start;flex-direction:column}.collection,.process{padding:6rem 5vw}.product-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 300px 300px}.product-featured{grid-column:1/-1;grid-row:auto}.product-dark{grid-column:1/-1}.personalize{grid-template-columns:1fr}.personalize-intro,.choice-panel{padding:6rem 6vw}.process-list{grid-template-columns:1fr 1fr}.process-list li{border-bottom:1px solid var(--line)}.story{grid-template-columns:1fr}.story-mark{min-height:350px}.story-copy{padding:6rem}.story-mark svg{width:42%}footer{grid-template-columns:1fr 1fr}.footer-links{align-items:flex-start}.footer-contact{grid-column:2}.footer-links{grid-column:1}.copyright{grid-column:1/-1}}
@media(max-width:560px){.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.statement h2 br,.section-heading h2 br{display:none}.product-grid{display:flex;flex-direction:column}.product{min-height:290px}.product-featured{min-height:480px}.choice-buttons{grid-template-columns:1fr}.process-list{grid-template-columns:1fr}.process-list li,.process-list li+li{padding:1.7rem 0;min-height:0;border-right:0}.process-list h3{margin:1.6rem 0 .3rem}.story-copy{padding:5rem 6vw}.story-mark{min-height:280px}footer{grid-template-columns:1fr}.footer-contact,.footer-links{grid-column:auto}.footer-contact a{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product{transition:none}}