@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;1,400&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
:root{--cream:#f5f1e8;--ink:#181512;--line:#8b765b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"EB Garamond",serif}.nav{height:70px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f7f3eb;border-bottom:1px solid #ddd5c8}.logo{font-family:"Bodoni Moda";font-size:30px;letter-spacing:.23em;text-decoration:none;color:#111}.logo small{display:block;font:8px "EB Garamond";letter-spacing:.35em;text-align:center}.links{display:flex;gap:38px}.links a{font-size:12px;letter-spacing:.08em;color:#171411;text-decoration:none}.links .active{border-bottom:1px solid}.tools{text-align:right;font-size:22px}.hero{height:440px;position:relative;background:#15100c;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:63% 45%;opacity:.92}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100d0acb 0 34%,transparent 62%,#100d0a8c)}.hero-copy,.hero-quote{position:absolute;z-index:2;color:#f7f2e8;top:55px}.hero-copy{left:5vw}.hero-copy p{font-size:24px;margin:0}.hero-copy h1{font:400 58px/0.82 "Bodoni Moda";margin:0 0 18px}.hero-copy h3{font-size:14px;letter-spacing:.2em;font-weight:400}.hero-copy i{display:block;font-size:20px;margin:30px 0}.hero-copy a,.original a{display:inline-block;border:1px solid currentColor;padding:13px 20px;color:inherit;text-decoration:none;letter-spacing:.08em}.hero-quote{right:4.5vw;text-align:center;font-size:17px;letter-spacing:.08em}.hero-quote hr,.perspective hr{width:28px;border:0;border-top:1px solid;margin:24px auto}.hero-quote em{font-size:19px}.hero-quote small{display:block;margin-top:10px}.products{padding:14px 2.2vw 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.products article{text-align:center}.products img{width:100%;height:295px;object-fit:cover}.products h2{font:400 16px "Bodoni Moda";letter-spacing:.04em;margin:10px 0 3px}.products h2 small{font-size:12px}.products h3{font-size:19px;margin:0}.products p{font-size:14px;min-height:44px;margin:7px 0}.products button{width:90%;padding:10px;background:transparent;border:1px solid #8d7a64;font-family:inherit;letter-spacing:.12em;cursor:pointer}.details{padding:0 2.2vw 20px}.details>h2{font:400 20px "Bodoni Moda";letter-spacing:.06em}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-grid figure{margin:0;text-align:center}.detail-grid img{width:100%;height:170px;object-fit:cover}.detail-grid b{display:block;font:400 14px "Bodoni Moda";letter-spacing:.1em;margin-top:7px}.detail-grid span{font-size:13px}.original{height:315px;display:grid;grid-template-columns:31% 1fr;position:relative;background:#f9f6ef;overflow:hidden}.original>img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.original-copy{padding:35px 5vw}.original-copy h2{font:400 31px "Bodoni Moda";margin:0}.original-copy h3{font-size:13px;letter-spacing:.22em;font-weight:400;margin:2px 0}.original-copy hr{width:28px;margin:20px 0;border:0;border-top:2px solid}.original-copy p{font-size:16px;margin:0 0 24px}.original-copy a{color:#111}.perspective{position:absolute;right:4vw;top:55px;color:#fff;text-align:center;letter-spacing:.1em}.trust{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 3vw 28px;text-align:center;background:#f2eee6}.trust div{display:flex;flex-direction:column;align-items:center;gap:4px}.trust b{font-size:25px}.trust strong{font-size:11px;letter-spacing:.12em}.trust span{font-size:11px}.modal{position:fixed;inset:0;background:#0008;z-index:50;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(440px,95vw);background:#f8f4ec;padding:30px;text-align:center;box-shadow:0 25px 70px #0007;position:relative}.modal-card .x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.paw{font-size:30px}.modal-card h2{font:400 34px "Bodoni Moda";margin:5px}.modal-card p{font-size:16px}.modal-card button.yes,.modal-card button.no{width:100%;padding:13px;margin:6px 0;font-family:inherit;letter-spacing:.08em;cursor:pointer}.yes{background:#111;color:white;border:1px solid #111}.no{background:transparent;border:1px solid #8d7a64}.modal-card small{display:block;margin-top:10px;font-style:italic}@media(max-width:900px){.links{display:none}.products{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:46px}.hero-quote{display:none}.original{grid-template-columns:40% 1fr}.trust{grid-template-columns:repeat(2,1fr);gap:22px}}@media(max-width:600px){.nav{grid-template-columns:1fr auto}.products{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.hero{height:520px}.hero>img{object-position:60% center}.hero-copy{top:35px}.hero-copy h1{font-size:42px}.original{height:auto;grid-template-columns:1fr}.original>img{height:300px}.perspective{display:none}.trust{grid-template-columns:1fr}.products img{height:auto}}

/* ===== APPROVED MOCK PROPORTIONS ===== */
@media (min-width:901px){
  .hero{
    height:auto;
    min-height:0;
    aspect-ratio: 3.55 / 1;
    max-height:470px;
    background:
      radial-gradient(circle at 50% 45%,#6c4b31 0,#2a1b12 28%,#120d09 62%,#0a0806 100%);
  }
  .hero>img{
    position:absolute;
    left:28%;
    top:0;
    width:48%;
    height:100%;
    object-fit:cover;
    object-position:center 42%;
    opacity:.98;
  }
  .hero:after{
    background:linear-gradient(90deg,#100d0af5 0 25%,#100d0a65 35%,transparent 49% 66%,#100d0a96 82%,#100d0ae6 100%);
  }
  .hero-copy{top:13%;left:5vw}
  .hero-copy h1{font-size:clamp(48px,4.2vw,70px)}
  .hero-quote{top:15%;right:5vw}

  .products{
    align-items:start;
    gap:14px;
  }
  .products article{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .products img{
    width:100%;
    height:auto;
    aspect-ratio:4 / 5;
    object-fit:cover;
  }
  .products article:nth-child(1) img{object-position:center 45%}
  .products article:nth-child(2) img{object-position:center center}
  .products article:nth-child(3) img{object-position:center 42%}
  .products article:nth-child(4) img{object-position:center center}

  .detail-grid img{
    height:auto;
    aspect-ratio:2.05 / 1;
    object-fit:cover;
  }

  .original{
    height:auto;
    min-height:300px;
    aspect-ratio:4.6 / 1;
    max-height:360px;
  }
  .original>img{
    height:100%;
    object-fit:cover;
    object-position:center 38%;
  }
}

/* V3 clean final assets */
@media(min-width:901px){
 .hero{background:#100d09!important}
 .hero>img{left:28%!important;width:48%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important}
}
.original-photo{width:100%;height:100%;overflow:hidden}
.original-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
@media(max-width:600px){.original-photo{height:300px}.original-photo img{object-position:center 35%}}

.nav .logo{display:inline-flex;align-items:center;gap:12px;width:fit-content}.nav .logo>img{width:36px;height:36px;flex-shrink:0}

/* Catalogue status, inert buttons, layout fixes */
.hero-copy .catalogue-note{font-size:15px;letter-spacing:.06em;margin:-4px 0 0;font-style:italic}
.products button:disabled{cursor:default;color:#5b5045;border-style:dashed}
.trust{grid-template-columns:repeat(4,1fr)}
@media(min-width:901px){.original{aspect-ratio:auto;min-height:0;height:clamp(300px,calc(100vw / 4.6),360px)}}
@media(max-width:900px){
 .nav{height:auto;min-height:70px;grid-template-columns:1fr;justify-items:center;gap:10px;padding-block:12px}
 .links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
 .trust{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){.trust{grid-template-columns:1fr}.hero-copy .catalogue-note{font-size:14px}}
@media(min-width:901px){.hero-copy h3{margin:12px 0 6px}.hero-copy i{margin:14px 0 18px}}
@media(min-width:901px){.hero{aspect-ratio:auto;height:clamp(400px,calc(100vw / 3.55),480px);max-height:none}}