:root{
  --navy:#052c49;
  --navy-2:#001f36;
  --cream:#f4efe4;
  --paper:#fbf8f1;
  --gold:#b78321;
  --gold-light:#d1aa57;
  --ink:#102b45;
  --line:#c8b998;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Montserrat", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif)}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input{font:inherit}

.site-header{height:96px;display:grid;grid-template-columns:205px 1fr auto;align-items:center;gap:22px;padding:0 34px;background:rgba(248,245,237,.96);border-top:2px solid var(--navy);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:8px}.brand img{width:70px;height:68px;object-fit:cover;object-position:left top}.brand span{display:flex;flex-direction:column;line-height:.85;letter-spacing:.04em}.brand strong{font-size:22px}.brand small{font:500 8px var(--sans);letter-spacing:.16em;margin-top:7px;text-align:center}
.primary-nav{display:flex;justify-content:center;gap:35px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.primary-nav a{padding:38px 0 10px;border-bottom:1px solid transparent}.primary-nav a:hover,.primary-nav a.active{border-color:var(--ink)}
.header-actions{display:flex;gap:10px}.header-actions button{border:0;background:transparent;font-size:25px;position:relative;cursor:pointer}.cart span{position:absolute;right:-4px;top:-4px;background:var(--gold);color:white;border-radius:50%;font:600 10px var(--sans);width:19px;height:19px;display:grid;place-items:center}.menu-toggle{display:none}

.hero{display:grid;grid-template-columns:40% 60%;min-height:412px;border-bottom:1px solid #9b8b6a;background:#efe9dd}.hero-copy{padding:30px 46px 18px 104px;background:radial-gradient(circle at 90% 50%,rgba(255,255,255,.2),transparent 45%),linear-gradient(90deg,#f5f0e7 0%,#eee7da 82%,rgba(238,231,218,.2) 100%);position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:20px;margin:0 0 2px}.hero h1{font-size:55px;line-height:.9;font-weight:500;margin:4px 0 12px}.ornament{width:184px;height:12px;position:relative;border-top:1px solid var(--gold);margin:8px 0 10px}.ornament:after{content:"◆";position:absolute;top:-10px;left:72px;color:var(--gold);font-size:14px}.hero-tagline{font-size:22px;font-style:italic;margin:5px 0 10px}.hero-copy>p:not(.eyebrow):not(.hero-tagline){font-size:15px;line-height:1.25}.button{display:inline-flex;align-items:center;gap:28px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:12px 17px}.button-primary{background:var(--navy);color:white;margin:4px 0 20px}.button-primary span{font-size:25px;color:var(--gold)}
.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:520px}.hero-benefits article{display:flex;gap:10px;align-items:center;border-right:1px solid #b8aa8d;padding-right:9px}.hero-benefits article:last-child{border-right:0}.icon{font-size:32px}.hero-benefits strong,.trust-strip strong{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.hero-benefits small,.trust-strip small{font-size:12px;line-height:1.1;display:block}
.hero-art{background:url('assets/hero-bridge.jpg') center/cover no-repeat;position:relative;min-height:412px}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,233,221,.72),transparent 17%)}.artist-mark{position:absolute;right:24px;bottom:18px;color:#e0a92f;font:bold 19px cursive;text-shadow:0 1px 2px #000}.artist-mark span{font-size:17px}

.category-grid{padding:8px 24px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background:#f0eadf}.category-card{position:relative;height:155px;overflow:hidden;border:1px solid #c6b998}.category-card img{height:100%;object-fit:cover;transition:.35s transform}.category-card:hover img{transform:scale(1.04)}.category-card span{position:absolute;left:0;right:0;bottom:0;padding:9px 5px;background:linear-gradient(180deg,rgba(2,37,62,.88),var(--navy));color:white;text-align:center}.category-card strong{display:block;text-transform:uppercase;font-size:17px;letter-spacing:.04em}.category-card small{font-size:13px}

.print-showcase{display:grid;grid-template-columns:295px 1fr 370px;gap:25px;padding:14px 50px 10px;background:linear-gradient(90deg,#f9f6ef,#eee7da,#f8f4eb);border-bottom:1px solid #9e927b}.showcase-intro{border-right:1px solid var(--line);padding-right:25px}.section-kicker{font-size:22px;text-transform:uppercase;margin:0}.showcase-intro h2{font-size:28px;text-transform:uppercase;line-height:.95;margin:0}.ornament.short{width:118px;margin:9px 0}.showcase-intro p{font-size:15px}.text-link{text-transform:uppercase;color:var(--gold);letter-spacing:.05em;font-size:13px}.sizes h3{text-transform:uppercase;font-size:17px;letter-spacing:.08em;margin:0 0 4px}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.size-grid figure{margin:0;text-align:center}.size-grid img{height:125px;object-fit:cover}.size-grid figcaption strong{display:block;font-size:15px}.size-grid figcaption small{display:block;font-size:12px}
.signature-card{background:var(--navy);color:white;border:2px solid var(--gold);outline:8px solid var(--navy);padding:15px;text-align:center;align-self:center}.signature-card .eyebrow{color:white;font-size:20px}.signature-card p{font-size:15px}.signature{font:30px cursive!important;color:#d9a128}.button-gold{background:linear-gradient(#c99a39,#a67216);padding:9px 16px;color:white;font-size:13px}

.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:10px 96px;background:#f4efe5;border-bottom:1px solid #807764}.trust-strip article{display:flex;align-items:center;gap:14px}.trust-strip article>span{font-size:29px}.trust-strip strong{font-size:15px}.trust-strip small{font-size:14px}

.site-footer{background:linear-gradient(#073552,#00243d);color:white;display:grid;grid-template-columns:1.3fr .7fr .8fr .7fr 1.5fr .8fr;gap:35px;padding:14px 85px 30px;position:relative}.site-footer>div{display:flex;flex-direction:column}.site-footer h3,.footer-brand strong{text-transform:uppercase;letter-spacing:.07em;font-size:16px;margin:0 0 4px}.site-footer a,.site-footer p,.site-footer small{font-size:13px}.footer-brand em{color:#d39b25;font-size:20px}.footer-brand small{margin-top:10px}.newsletter p{margin:0 0 7px}.newsletter form{display:flex}.newsletter input{min-width:0;flex:1;border:0;padding:9px}.newsletter button{border:0;background:var(--gold);color:white;text-transform:uppercase;padding:0 22px}.socials{display:flex;gap:15px;margin-top:10px}.socials a{width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.copyright{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:10px!important}

@media(max-width:1100px){.site-header{grid-template-columns:180px 1fr auto;padding:0 18px}.primary-nav{gap:15px;font-size:13px}.hero{grid-template-columns:48% 52%}.hero-copy{padding-left:48px}.print-showcase{grid-template-columns:250px 1fr}.signature-card{grid-column:1/-1}.category-grid{grid-template-columns:repeat(3,1fr)}.site-footer{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{height:78px;grid-template-columns:1fr auto auto}.brand img{width:55px;height:54px}.brand strong{font-size:17px}.menu-toggle{display:block;border:1px solid var(--navy);background:transparent;padding:8px 10px}.primary-nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#f8f5ed;padding:18px;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px}.header-actions button:nth-child(-n+2){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero-art{min-height:320px;order:-1}.hero h1{font-size:44px}.hero-benefits{grid-template-columns:1fr}.hero-benefits article{border-right:0;border-bottom:1px solid #c6baa0;padding:7px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.print-showcase{grid-template-columns:1fr;padding:25px}.showcase-intro{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.size-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr 1fr;padding:20px}.site-footer{grid-template-columns:1fr 1fr;padding:30px 24px 50px}.newsletter{grid-column:1/-1}}
@media(max-width:460px){.category-grid,.size-grid,.trust-strip,.site-footer{grid-template-columns:1fr}.hero h1{font-size:39px}.category-card{height:190px}.footer-brand{grid-column:1/-1}}
