:root { --black:#090909; --charcoal:#121212; --paper:#f2f0ea; --grey:#aaa69e; --line:rgba(255,255,255,.16); --sand:#c2ac80; --wide:min(1280px,calc(100vw - 64px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--paper); font-family:Inter,system-ui,sans-serif; line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { color:inherit; font:inherit; }
.shell { width:var(--wide); margin-inline:auto; }
.display { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-weight:900; line-height:.88; letter-spacing:-.025em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:14px; font-size:.7rem; font-weight:600; letter-spacing:.27em; text-transform:uppercase; }
.eyebrow::before { content:""; width:36px; height:2px; background:currentColor; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding:0 24px; border:1px solid rgba(255,255,255,.62); font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; transition:.2s ease; }
.button.primary { background:var(--paper); color:var(--black); border-color:var(--paper); }
.button:hover { transform:translateY(-2px); background:var(--sand); color:var(--black); border-color:var(--sand); }
.site-header { position:fixed; z-index:20; inset:0 0 auto; background:rgba(9,9,9,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.nav { height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand img { width:250px; height:auto; }
.nav-links { display:flex; align-items:center; gap:32px; }
.nav-links a { font-size:.7rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--sand); }
.nav-cta { border:1px solid rgba(255,255,255,.5); padding:11px 17px; }
.menu-button { display:none; background:transparent; border:0; padding:10px; cursor:pointer; }
.menu-button span { display:block; width:24px; height:2px; background:white; margin:5px 0; }
.page-hero { padding-top:82px; border-bottom:1px solid var(--line); }
.page-hero-grid { min-height:680px; display:grid; grid-template-columns:1fr .82fr; gap:clamp(50px,7vw,100px); align-items:center; padding:70px 0; }
.page-hero .eyebrow { color:var(--sand); margin-bottom:26px; }
.page-hero h1 { font-size:clamp(5.2rem,9vw,9rem); max-width:760px; }
.page-hero h1 span { display:block; color:var(--sand); }
.page-hero p { max-width:620px; margin:30px 0 0; color:#bbb8b1; font-size:1.08rem; }
.hero-image { height:560px; overflow:hidden; border:1px solid var(--line); background:#020202; }
.hero-image img { width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(.82); }
.hero-image.contain img { object-fit:contain; }
.content { background:var(--paper); color:var(--black); padding:110px 0; }
.content-grid { display:grid; grid-template-columns:.56fr 1fr; gap:clamp(55px,8vw,130px); align-items:start; }
.content-side { position:sticky; top:125px; }
.content-side .eyebrow { color:#81755d; margin-bottom:24px; }
.content-side h2 { font-size:clamp(3.8rem,5.5vw,5.8rem); }
.content-main { max-width:760px; }
.content-main > p { margin:0 0 26px; color:#41403d; font-size:1.06rem; }
.content-main .lead { font-size:1.35rem; line-height:1.52; font-weight:600; color:#191919; }
.content-main h3 { margin:58px 0 22px; font:800 2.2rem "Barlow Condensed",sans-serif; letter-spacing:.01em; text-transform:uppercase; }
.deliverables { list-style:none; margin:28px 0 0; padding:0; border-top:1px solid #bbb8b0; }
.deliverables li { position:relative; padding:21px 0 21px 38px; border-bottom:1px solid #bbb8b0; color:#42413e; }
.deliverables li::before { content:""; position:absolute; left:0; top:29px; width:16px; height:2px; background:#8b7552; }
.deliverables strong { color:#111; }
.quote { margin:58px 0 0; padding:34px 0 0; border-top:3px solid var(--black); font:700 clamp(2rem,4vw,3.2rem)/1.08 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.image-band { height:min(72vh,700px); min-height:500px; overflow:hidden; border-block:1px solid var(--line); }
.image-band img { width:100%; height:100%; object-fit:cover; filter:contrast(1.06) saturate(.82); }
.dark-section { padding:110px 0; background:var(--charcoal); }
.dark-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(55px,8vw,120px); align-items:center; }
.dark-section .eyebrow { color:var(--sand); margin-bottom:24px; }
.dark-section h2 { font-size:clamp(4.2rem,7vw,7rem); }
.dark-section p { color:#bbb8b1; font-size:1.05rem; margin:26px 0 0; }
.dark-image { height:650px; overflow:hidden; border:1px solid var(--line); }
.dark-image img { width:100%; height:100%; object-fit:cover; filter:contrast(1.05) saturate(.82); }
.backend { background:#dedbd3; color:#111; padding:110px 0; }
.backend .section-head { display:grid; grid-template-columns:.65fr 1fr; gap:70px; align-items:start; }
.backend h2 { font-size:clamp(4rem,6vw,6.4rem); }
.backend-copy p { margin:0 0 25px; color:#454440; font-size:1.04rem; }
.backend-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:50px; background:#aaa69e; border:1px solid #aaa69e; }
.backend-item { background:#dedbd3; padding:30px; }
.backend-item h3 { margin:0 0 10px; font:800 1.5rem "Barlow Condensed",sans-serif; text-transform:uppercase; }
.backend-item p { margin:0; color:#565550; }
.cta { padding:100px 0; }
.cta-grid { display:flex; justify-content:space-between; gap:40px; align-items:end; }
.cta .eyebrow { color:var(--sand); margin-bottom:24px; }
.cta h2 { font-size:clamp(4.6rem,8vw,8rem); max-width:860px; }
.related { background:var(--paper); color:var(--black); padding:90px 0; }
.related h2 { font-size:clamp(3.5rem,5vw,5rem); margin-bottom:38px; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #bbb8b0; }
.related-card { padding:28px 26px 30px 0; border-bottom:1px solid #bbb8b0; border-right:1px solid #bbb8b0; transition:background .2s ease; }
.related-card + .related-card { padding-left:26px; }
.related-card:last-child { border-right:0; }
.related-card:hover { background:#e6e2d9; }
.related-card span { font-size:.67rem; letter-spacing:.18em; color:#8b857a; text-transform:uppercase; }
.related-card h3 { margin:24px 0 8px; font:800 2rem "Barlow Condensed",sans-serif; text-transform:uppercase; }
.related-card p { margin:0; color:#5f5e5a; }
.shop-hero { padding-top:82px; border-bottom:1px solid var(--line); }
.shop-hero-grid { min-height:620px; display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(50px,7vw,100px); align-items:center; padding:80px 0; }
.shop-hero .eyebrow { color:var(--sand); margin-bottom:28px; }
.shop-hero h1 { font-size:clamp(5.2rem,9vw,9rem); }
.shop-hero h1 span { display:block; color:var(--sand); }
.shop-intro { max-width:620px; margin:30px 0 0; color:#bbb8b1; font-size:1.08rem; }
.launch-panel { min-height:420px; border:1px solid var(--line); background:linear-gradient(145deg,#171717,#080808); padding:42px; display:flex; flex-direction:column; justify-content:space-between; }
.launch-status { display:inline-flex; align-items:center; gap:11px; color:var(--sand); font-size:.69rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.launch-status::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--sand); box-shadow:0 0 0 7px rgba(194,172,128,.1); }
.launch-panel strong { display:block; margin-top:28px; font:800 clamp(2.6rem,4vw,4.1rem)/.95 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.launch-panel p { color:var(--grey); margin:20px 0 0; max-width:390px; }
.shop-categories { background:var(--paper); color:var(--black); padding:110px 0; }
.shop-head { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:end; margin-bottom:46px; }
.shop-head .eyebrow { color:#81755d; margin-bottom:22px; }
.shop-head h2 { font-size:clamp(4rem,6.5vw,6.5rem); }
.shop-head p { margin:0 0 8px; max-width:520px; color:#5f5e5a; }
.category-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #b6b2aa; }
.category-card { min-height:270px; padding:30px; border-bottom:1px solid #b6b2aa; position:relative; overflow:hidden; }
.category-card:nth-child(odd) { border-right:1px solid #b6b2aa; padding-left:0; }
.category-card span { font-size:.67rem; letter-spacing:.18em; color:#8b857a; text-transform:uppercase; }
.category-card h3 { margin:70px 0 10px; font:800 clamp(2.2rem,4vw,3.6rem)/1 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.category-card p { max-width:470px; margin:0; color:#5f5e5a; }
.category-card::after { content:""; position:absolute; width:180px; height:180px; right:-78px; bottom:-86px; border:1px solid #c7c1b7; transform:rotate(45deg); }
.shop-note { padding:95px 0; }
.shop-note-grid { display:grid; grid-template-columns:1fr auto; gap:45px; align-items:end; }
.shop-note .eyebrow { color:var(--sand); margin-bottom:24px; }
.shop-note h2 { font-size:clamp(4rem,7vw,7rem); max-width:900px; }
.shop-note p { color:var(--grey); max-width:610px; margin:28px 0 0; }
footer { padding:26px 0; border-top:1px solid var(--line); color:#7f7d77; font-size:.7rem; }
.footer-row { display:flex; justify-content:space-between; gap:20px; }
@media (max-width:980px) {
  :root { --wide:min(100% - 38px,760px); }
  .nav { height:72px; } .brand img { width:205px; } .menu-button { display:block; }
  .nav-links { display:none; position:absolute; inset:72px 0 auto; background:#090909; padding:26px 20px 30px; flex-direction:column; align-items:flex-start; border-bottom:1px solid var(--line); }
  .nav-links.open { display:flex; }
  .page-hero { padding-top:72px; } .page-hero-grid,.content-grid,.dark-grid,.backend .section-head,.shop-hero-grid,.shop-head { grid-template-columns:1fr; gap:48px; }
  .page-hero-grid { padding:60px 0; }
  .hero-image,.dark-image { height:min(105vw,680px); max-width:620px; }
  .content-side { position:static; }
  .backend-list { grid-template-columns:1fr; }
  .cta-grid { display:block; }
  .cta .button { margin-top:38px; }
}
@media (max-width:620px) {
  :root { --wide:calc(100% - 30px); }
  .brand img { width:184px; }
  .page-hero h1 { font-size:4.5rem; }
  .content,.dark-section,.backend,.related,.shop-categories { padding:82px 0; }
  .content-side h2,.dark-section h2,.backend h2 { font-size:4rem; }
  .image-band { min-height:480px; }
  .related-grid { grid-template-columns:1fr; }
  .related-card,.related-card + .related-card { padding:25px 0; border-right:0; }
  .cta { padding:82px 0; } .cta h2 { font-size:4.3rem; }
  .button { width:100%; }
  .shop-hero { padding-top:72px; } .shop-hero-grid { min-height:0; padding:62px 0; }
  .shop-hero h1 { font-size:4.5rem; } .launch-panel { min-height:350px; padding:30px; }
  .category-grid { grid-template-columns:1fr; }
  .category-card,.category-card:nth-child(odd) { min-height:225px; padding:26px 0; border-right:0; }
  .category-card h3 { margin-top:45px; }
  .shop-note { padding:82px 0; } .shop-note-grid { grid-template-columns:1fr; align-items:start; }
  .footer-row { display:block; } .footer-row span { display:block; margin:5px 0; }
}