@import url("https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap");
:root{--cream:#f4efe4;--paper:#fff;--card:#eee3d2;--ink:#373133;--red:#ef3b48;--max:2048px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e7e7e4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{display:block;max-width:100%}a{color:inherit}.site{width:min(100%,var(--max));margin:auto;background:var(--cream);min-height:100vh}.header{height:76px;display:grid;grid-template-columns:220px 1fr 56px;align-items:center;padding:0 58px;background:#f3efe5;border-bottom:1px solid #d6ccba;position:sticky;top:0;z-index:30}.brand,.footer-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;line-height:.86}.brand img,.footer-brand img{width:50px;height:46px;object-fit:contain}.nav{display:flex;justify-content:center;gap:58px}.nav a{text-decoration:none;font-size:.9rem}.nav a.active{text-decoration:underline;text-underline-offset:6px}.cart{width:36px;height:44px;position:relative;text-decoration:none}.cart:before{content:"";position:absolute;top:2px;left:9px;width:18px;height:19px;border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0}.cart:after{content:"0";position:absolute;bottom:0;left:4px;width:28px;height:28px;background:var(--ink);color:white;display:grid;place-items:center;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);font-family:Georgia,serif}.menu{display:none}.script{font-family:"Homemade Apple", cursive;font-weight:400;line-height:.9;margin:0}.page{background:var(--cream)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;min-width:190px;padding:15px 28px}.hero{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;height:720px;background:url("assets/newspaper-collage.jpg") center/cover no-repeat}.hero-center{position:relative;overflow:hidden;background:#efd794}.hero-center img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:sepia(.78) saturate(.8) contrast(.9);mix-blend-mode:multiply}.hero h1{position:absolute;left:18px;bottom:8px;margin:0;color:#fff;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(5rem,8vw,8.5rem);line-height:.82;white-space:nowrap}.intro{background:#fff;padding:26px 50px 0}.intro>.script{font-size:clamp(5rem,7vw,8rem)}.intro-grid{display:grid;grid-template-columns:270px 1fr;align-items:end;min-height:650px}.intro-copy{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:1.45rem;line-height:1.55;padding-bottom:120px}.intro-art img{width:100%;max-height:640px;object-fit:contain;object-position:right bottom}.news{padding:52px 56px 36px;background:var(--cream)}.news>.script{font-size:clamp(5rem,7vw,7.4rem);margin-bottom:34px}.news-grid{display:grid;grid-template-columns:.8fr 1.08fr .92fr;gap:38px}.award img{width:92%;margin:0 auto 24px}.award p,.news-copy p,.news-copy blockquote{font-size:1.1rem;line-height:1.5}.newspaper{padding-top:38px}.newspaper img{border:3px solid var(--ink)}.news-copy{padding-top:38px}.news-copy h3{font-size:1.3rem;line-height:1.35;margin:0 0 26px}.news-copy blockquote{font-style:italic;margin:0 0 30px}.vault{margin-top:38px}.vault-heading{display:flex;align-items:baseline;gap:18px}.vault-heading strong{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:3.9rem;font-weight:400}.vault-heading span{font-family:"Homemade Apple", cursive;font-size:4.2rem}.vault img{width:100%;border:2px solid var(--ink)}.footer{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:70px;padding:58px 72px 72px;background:var(--cream);border-top:1px solid #d6ccba}.footer h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin:24px 0 20px}.footer>div:first-child h3{font-size:3rem}.footer p,.footer a{font-size:1.15rem;line-height:1.45;text-decoration:none}.socials{display:flex;gap:20px;margin:22px 0 70px}.socials span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:700}.socials span:nth-child(1){background:#1877f2}.socials span:nth-child(2){background:#ff0f8b}.socials span:nth-child(3){background:#f00}.socials span:nth-child(4){background:#000}.socials span:nth-child(5){background:#0a66c2}.socials span:nth-child(6){background:#000}.page-title{padding:48px 56px 18px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:4rem;font-weight:400}.history{padding:10px 56px 0}.history-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px}.history-copy>.script{font-size:clamp(5rem,7vw,7.4rem);margin-bottom:20px}.history-copy p{font-family:"Arial Narrow",Arial,sans-serif;font-size:1.22rem;line-height:1.43;margin:0 0 14px;font-weight:600}.history-art img{width:100%;object-fit:contain;object-position:top right}.history-bottom{display:flex;justify-content:flex-end;align-items:center;gap:32px;padding:26px 0 36px}.history-bottom strong{font-family:"Arial Narrow",Arial,sans-serif;font-size:1.5rem}.gallery-banner{position:relative;height:520px;overflow:hidden}.gallery-banner img{width:100%;height:100%;object-fit:cover}.gallery-banner h1{position:absolute;left:58px;bottom:26px;color:#fff;font-size:clamp(5rem,7vw,7.5rem)}.portfolio{padding:18px 42px 40px;background:#fff}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--card);border:3px solid #40393b;padding:30px 30px 36px}.card h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:3rem;line-height:1.05;margin:0 0 26px;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.preview{height:380px;display:flex;align-items:center;justify-content:center}.preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.card p{font-size:1.05rem;line-height:1.45}.blog{padding:44px 58px 60px;background:#fff}.blog>h1{font-family:Georgia,"Times New Roman",serif;font-size:4rem;margin:0 0 34px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post{border:1px solid #ddd;background:#fff}.post img{width:100%;height:230px;object-fit:cover}.post-copy{padding:20px}.post h2{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;margin:0 0 12px}.post p{font-size:.98rem;line-height:1.45}.recent{font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;margin:46px 0 0}.merch{padding:48px 56px 70px;background:#fff}.merch h1{font-family:Georgia,"Times New Roman",serif;font-size:4rem;margin:0 0 30px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product{border:1px solid #ddd;padding:24px}.product-placeholder{height:330px;background:var(--card);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.4rem}.product h2{font-family:Georgia,"Times New Roman",serif}.product p{font-size:1.1rem}.note{padding:16px;background:#fff5d8;border:1px solid #dccb99;margin-top:28px}
@media(max-width:1000px){.header{grid-template-columns:1fr auto auto;padding:0 20px}.menu{display:block;border:0;background:none}.nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:var(--cream);padding:24px}.nav.open{display:flex}.hero{grid-template-columns:28px 1fr 28px;height:500px}.hero h1{font-size:4.8rem}.intro-grid,.news-grid,.history-grid,.portfolio-grid,.blog-grid,.products,.footer{grid-template-columns:1fr}.intro-copy{padding-bottom:28px}.newspaper,.news-copy{padding-top:0}.history-bottom{justify-content:flex-start;flex-wrap:wrap}.preview{height:300px}.footer{padding:48px 26px;gap:34px}.socials{margin-bottom:28px}}
@media(max-width:600px){.hero{grid-template-columns:10px 1fr 10px;height:370px}.hero h1{font-size:3rem;white-space:normal}.intro,.news,.history,.portfolio,.blog,.merch{padding-left:18px;padding-right:18px}.intro>.script,.news>.script,.gallery-banner h1,.history-copy>.script{font-size:3.5rem}.vault-heading{flex-direction:column;align-items:flex-start}.vault-heading strong{font-size:2.6rem}.vault-heading span{font-size:3rem}.gallery-banner{height:300px}.card h2{font-size:2rem}.page-title{padding-left:18px;font-size:3rem}}


/* Home fidelity correction: exact color and section proportions */
.hero{
  grid-template-columns:120px minmax(0,1fr) 120px;
  height:720px;
  background-image:linear-gradient(rgba(77,91,96,.23),rgba(77,91,96,.23)),url("assets/newspaper-collage.jpg");
  background-size:cover;
  background-position:center;
}
.hero-center{
  background:#ffe2a0;
  margin-top:0;
}
.hero-center img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:none;
  mix-blend-mode:normal;
}
.hero h1{
  left:28px;
  bottom:-7px;
  font-size:clamp(5.5rem,8.1vw,8.8rem);
  line-height:.82;
}
.intro{
  position:relative;
  height:732px;
  overflow:hidden;
  padding:0;
  background:#fff;
}
.intro>.script{
  position:absolute;
  z-index:3;
  top:22px;
  left:42px;
  font-size:clamp(5rem,7.2vw,8rem);
}
.intro-grid{
  display:block;
  min-height:0;
  height:100%;
}
.intro-copy{
  position:absolute;
  z-index:4;
  left:52px;
  top:306px;
  width:245px;
  padding:0;
  font-size:1.42rem;
  line-height:1.58;
}
.intro-art{
  position:absolute;
  z-index:2;
  top:92px;
  right:0;
  bottom:0;
  left:275px;
  overflow:hidden;
}
.intro-art img{
  position:absolute;
  width:118%;
  max-width:none;
  height:auto;
  max-height:none;
  right:-7%;
  top:-72px;
  object-fit:initial;
  object-position:initial;
}
@media(max-width:1000px){
 .hero{grid-template-columns:28px minmax(0,1fr) 28px;height:500px}
 .intro{height:auto;min-height:760px;padding:18px}
 .intro>.script{position:static;font-size:4.4rem;margin-bottom:20px}
 .intro-grid{display:grid;height:auto;grid-template-columns:1fr}
 .intro-copy{position:static;width:auto;padding:20px 0;font-size:1.25rem}
 .intro-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:500px}
 .intro-art img{width:120%;right:-10%;top:-70px}
}
@media(max-width:600px){
 .hero{grid-template-columns:10px minmax(0,1fr) 10px;height:370px}
 .intro{min-height:640px}
 .intro-art{height:410px}
 .intro-art img{width:135%;right:-19%;top:-38px}
}

/* v3 — matched against the live Wix homepage */
.hero{
  grid-template-columns:120px minmax(0,1fr) 120px;
  height:720px;
  background:
    linear-gradient(rgba(74,88,94,.18),rgba(74,88,94,.18)),
    url("assets/newspaper-collage.jpg") center/cover no-repeat;
}
.hero-center{
  background:#f7dda0;
}
.hero-center img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 47%;
  filter:sepia(1) saturate(.62) hue-rotate(348deg) brightness(.98) contrast(.88);
  mix-blend-mode:multiply;
}
.hero h1{
  left:28px;
  bottom:-8px;
  font-size:clamp(5.5rem,8.15vw,8.9rem);
}

.intro{
  position:relative;
  height:720px;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.intro>.script{
  position:absolute;
  z-index:3;
  top:24px;
  left:42px;
  margin:0;
  font-size:clamp(5rem,7.1vw,7.8rem);
}
.intro-grid{
  display:block;
  height:100%;
  min-height:0;
}
.intro-copy{
  position:absolute;
  z-index:4;
  left:52px;
  top:300px;
  width:235px;
  padding:0;
  font-size:1.4rem;
  line-height:1.6;
}
.intro-art{
  position:absolute;
  z-index:2;
  left:280px;
  right:0;
  top:72px;
  bottom:0;
  overflow:hidden;
}
.intro-art img{
  position:absolute;
  top:-16px;
  right:-2%;
  width:94%;
  max-width:none;
  max-height:none;
  height:auto;
  object-fit:initial;
  object-position:initial;
}

@media(max-width:1000px){
  .hero{grid-template-columns:28px minmax(0,1fr) 28px;height:500px}
  .intro{height:auto;min-height:720px;padding:18px}
  .intro>.script{position:static;font-size:4.4rem;margin-bottom:18px}
  .intro-grid{display:grid;height:auto;grid-template-columns:1fr}
  .intro-copy{position:static;width:auto;padding:16px 0 10px;font-size:1.22rem}
  .intro-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:470px}
  .intro-art img{width:104%;right:-2%;top:-8px}
}
@media(max-width:600px){
  .hero{grid-template-columns:10px minmax(0,1fr) 10px;height:370px}
  .intro{min-height:610px}
  .intro-art{height:390px}
  .intro-art img{width:112%;right:-6%;top:0}
}


/* v4: exact supplied originals for the two homepage sections */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.hero-reference,
.intro-reference{
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  overflow:hidden;
}
.hero-reference img,
.intro-reference img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:700px){
  .hero-reference img,
  .intro-reference img{
    width:auto;
    max-width:none;
    height:auto;
  }
  .hero-reference img{
    width:150%;
    margin-left:-25%;
  }
  .intro-reference img{
    width:135%;
    margin-left:-12%;
  }
}

/* Exact combined header logo from the Wix reference */
.brand{display:flex;align-items:center;text-decoration:none;line-height:1}
.brand .header-logo{display:block;width:171px;height:69px;object-fit:contain;object-position:left center}
@media(max-width:900px){.brand .header-logo{width:150px;height:auto}}

/* v7 exact header logo from supplied reference */
.brand{display:flex;align-items:center;height:100%;text-decoration:none}
.brand>img.header-logo{display:block;width:178px;height:80px;object-fit:contain;object-position:left center}
@media(max-width:900px){.brand>img.header-logo{width:160px;height:72px}}