:root{--ink:#1d1d1b;--paper:#f7f4ef;--white:#fff;--sand:#e9e1d8;--gold:#a78561;--line:#ded7cf;--muted:#77716a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}
/* Floating/mobile controls are hidden on desktop. */
.mobile-menu-toggle,
.mobile-contact-float,
.mobile-top-button{display:none}
img{display:block;width:100%;object-fit:cover}h1,h2,h3{font-family:Italiana,Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(50px,6vw,92px)}h2{font-size:clamp(36px,4vw,58px);margin:10px 0}h3{font-size:27px;margin:9px 0}.eyebrow,.product-meta small,footer b{font-size:10px;letter-spacing:.19em;color:var(--gold);text-transform:uppercase}.site-header{height:92px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:100}.brand{font:29px Italiana,Georgia,serif;line-height:1;text-align:center;white-space:nowrap}.brand small{display:block;font:7px 'DM Sans',Arial;letter-spacing:.28em;color:var(--gold);margin-top:7px}.main-nav{display:flex;align-items:center;gap:27px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;height:100%}.main-nav>a,.navdrop>a{height:100%;display:flex;align-items:center}.navdrop{position:relative;height:100%;display:flex;align-items:center}.navdrop-link span{font-size:13px;margin-left:5px}.dropdown{display:none;position:absolute;top:100%;left:-18px;min-width:245px;background:#fff;padding:12px 0;box-shadow:0 18px 45px rgba(0,0,0,.12);border-top:1px solid var(--line);z-index:200}.navdrop:hover .dropdown,.navdrop:focus-within .dropdown{display:block}.dropdown a{display:block!important;height:auto!important;padding:11px 20px;white-space:nowrap;font-size:10px}.dropdown a:hover{background:#f5f0ea}.appointment{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.appointment span{margin-left:7px}.hero-slider{height:calc(100vh - 92px);min-height:620px;position:relative;overflow:hidden;background:#222}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;display:none;opacity:1}.hero-slide.active{display:block;animation:heroFade .8s ease}@keyframes heroFade{from{opacity:0}to{opacity:1}}.hero-copy{padding:18vh 10vw;color:#fff;max-width:900px}.hero-copy .eyebrow{color:#d5b58e}.hero-copy h1{margin:14px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:0;padding:15px 23px;margin-top:15px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.btn.light{background:#fff;color:var(--ink)}.hero-dots{position:absolute;left:10vw;bottom:38px;display:flex;gap:8px;z-index:4}.hero-dots button{width:30px;height:2px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer}.hero-dots button.active{background:#fff}.section{padding:95px 8vw}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:25px}.sectionhead a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:4px}.product-grid{display:grid;gap:22px;margin-top:42px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{display:block}.product-image{position:relative;overflow:hidden;background:#e8e2da;aspect-ratio:3/4}.product-image img{height:100%;transition:transform .7s ease}.product-card:hover .product-image img{transform:scale(1.035)}.product-hover{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.94);padding:10px 13px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s}.product-card:hover .product-hover{opacity:1;transform:none}.product-meta{padding-top:15px}.product-meta small{display:block}.product-meta h3{margin:6px 0 0}.featured-section{background:#ebe5dd}.other-section{background:#fff}.other-grid .product-card:nth-child(n+5) .product-image{aspect-ratio:4/5}.journal-section{background:#e8e2da}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:42px}.journal-card{display:block}.journal-image{aspect-ratio:4/3;overflow:hidden;background:#ddd}.journal-image img{height:100%;transition:transform .6s}.journal-card:hover img{transform:scale(1.03)}.journal-meta{font-size:9px;letter-spacing:.14em;color:var(--gold);margin-top:17px}.journal-card h3{font-size:29px;margin:7px 0}.journal-card p{color:var(--muted);margin:0;max-width:450px}.pagehero{text-align:center;background:var(--sand);padding:105px 20px 90px}.pagehero h1{margin:12px 0}.pagehero p:not(.eyebrow){max-width:620px;margin:0 auto;color:#6f6962}.category-tabs{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:25px 20px;background:#fff;border-bottom:1px solid var(--line)}.category-tabs a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding-bottom:5px;border-bottom:1px solid transparent}.category-tabs a.active{border-color:var(--ink)}.model-section{padding-top:75px}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 22px}.model-grid .product-image{aspect-ratio:3/4}.model-grid .product-meta p{color:var(--muted);font-size:12px;margin:8px 0 0}.empty-state{grid-column:1/-1;text-align:center;padding:100px 20px}.detail{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 92px)}.gallery{background:#eee8e0;padding:35px}.gallery-main{height:calc(100vh - 190px);min-height:600px}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.thumbs img{height:100px;cursor:pointer}.detail article{padding:110px 12%;font-size:15px}.detail article h1{margin:10px 0 22px}.detail hr{border:0;border-top:1px solid var(--line);margin:32px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:25px}.options p{margin-top:8px}.article{max-width:900px;margin:auto;padding:95px 25px;font-size:16px}.article>img{height:520px;margin:35px 0}.article-content p{margin:0 0 20px}.contact{display:grid;grid-template-columns:1fr 1fr}.contact article,.contact form{padding:85px 13%}.contact article{background:var(--sand)}iframe{width:100%;height:300px;border:0;margin-top:25px;filter:grayscale(1)}label{display:block;margin:20px 0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #ccc;background:transparent;padding:10px 0;font:14px 'DM Sans'}textarea{height:120px}.notice{padding:13px;background:#e8f0e5}.muted{color:var(--muted)}footer{background:var(--ink);color:#eee;padding:70px 8vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}footer .brand{color:#fff}.footer-brand{display:inline-block}footer p{color:#bbb;margin-top:16px}footer b{color:#d3b18a}.copyright{background:var(--ink);color:#888;padding:15px 8vw;border-top:1px solid #3d3d3a;font-size:10px}@media(max-width:1050px){.site-header{padding:0 25px}.main-nav{gap:16px}.appointment{display:none}.section{padding:75px 30px}.four,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-grid{grid-template-columns:1fr 1fr}.detail,.contact{grid-template-columns:1fr}.gallery-main{height:650px}.detail article,.contact article,.contact form{padding:60px 30px}}@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-top:78px}

  /* Fixed mobile header */
  .site-header{
    position:fixed;
    top:0;left:0;right:0;
    width:100%;height:78px;
    padding:0 16px;
    z-index:1000;
    background:#fff;
    box-shadow:0 1px 0 rgba(0,0,0,.07);
  }
  .brand{font-size:24px;line-height:1;max-width:calc(100% - 60px)}
  .brand small{font-size:6px;margin-top:6px}

  /* Burger */
  .mobile-menu-toggle{
    display:flex;
    flex:0 0 42px;
    width:42px;height:42px;
    padding:0;margin:0;
    border:1px solid var(--line);
    background:#fff;
    align-items:center;justify-content:center;
    flex-direction:column;gap:5px;
    cursor:pointer;border-radius:50%;
    z-index:1002;
  }
  .mobile-menu-toggle span{display:block;width:17px;height:1px;background:var(--ink);transition:.25s}
  .mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* Mobile menu */
  .main-nav{
    display:flex;
    position:fixed;
    left:0;right:0;top:78px;
    width:100%;height:calc(100dvh - 78px);
    background:rgba(247,244,239,.98);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    flex-direction:column;align-items:stretch;gap:0;
    padding:14px 22px 35px;
    overflow-y:auto;overflow-x:hidden;
    transform:translateX(100%);
    transition:transform .32s ease;
    z-index:999;
    box-shadow:-20px 20px 50px rgba(0,0,0,.08);
    font-size:12px;
  }
  .main-nav.mobile-open{transform:translateX(0)}
  .main-nav>a,.navdrop>a{
    height:auto;min-height:56px;
    display:flex;align-items:center;
    border-bottom:1px solid var(--line);
    letter-spacing:.14em;font-size:11px;
  }
  .navdrop{height:auto;display:block;border-bottom:1px solid var(--line)}
  .navdrop>a{border-bottom:0;justify-content:space-between}
  .navdrop-link span{transition:transform .25s}
  .navdrop.mobile-sub-open .navdrop-link span{transform:rotate(180deg)}
  .dropdown{
    display:block;position:static;min-width:0;
    padding:0 0 7px;background:transparent;
    box-shadow:none;border:0;
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .3s ease,opacity .2s ease;
  }
  .navdrop.mobile-sub-open .dropdown{max-height:500px;opacity:1}
  .dropdown a{
    display:block!important;height:auto!important;
    padding:10px 14px;font-size:10px;
    border-left:1px solid var(--gold);
    margin:2px 0 2px 4px;
  }
  .appointment{display:none}
  body.menu-open{overflow:hidden}

  /* Hero */
  .hero-slider{height:calc(100svh - 78px);min-height:520px;width:100%;max-width:100vw;overflow:hidden;}
  .hero-copy{padding:17vh 7vw 0;max-width:100%;position:relative;z-index:2;}
  .hero-copy h1{font-size:clamp(40px,12vw,58px);max-width:92%;overflow-wrap:break-word}
  .hero-dots{left:7vw;bottom:26px}
  .hero-arrow{width:38px;height:38px;font-size:24px;line-height:32px}
  .hero-prev{left:15px}.hero-next{right:15px}

  /* Content grids */
  .section{padding:58px 20px}
  .sectionhead{align-items:flex-start;flex-direction:column;gap:12px}
  .sectionhead h2{max-width:100%;font-size:clamp(34px,9vw,46px)}
  .product-grid.four,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}
  .product-card,.journal-card{min-width:0}
  .product-image{width:100%;aspect-ratio:3/4}
  .product-meta{padding-top:11px}
  .product-meta h3{font-size:21px;overflow-wrap:anywhere}
  .product-hover{display:none}
  .journal-grid{grid-template-columns:1fr;gap:30px}
  .journal-card h3{font-size:25px}
  .pagehero{padding:70px 20px 60px}
  .pagehero h1{font-size:clamp(44px,12vw,58px)}
  .category-tabs{justify-content:flex-start;gap:12px 20px;padding:20px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .category-tabs a{white-space:nowrap;flex:0 0 auto}

  /* Product detail / contact */
  .detail,.contact{grid-template-columns:1fr;min-height:0}
  .gallery{padding:12px}
  .gallery-main{height:calc(100svh - 170px);min-height:360px;max-height:560px}
  .thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .thumbs img{height:70px}
  .detail article,.contact article,.contact form{padding:48px 22px}
  .options{grid-template-columns:1fr;gap:18px}
  .article{padding:65px 20px;font-size:15px}
  .article>img{height:auto;max-height:420px;margin:28px 0}
  .contact iframe{height:280px}

  /* Footer */
  footer{grid-template-columns:1fr;padding:55px 25px;gap:30px}
  .copyright{padding:15px 25px}

  /* Fixed left contact button - always visible */
  .mobile-contact-float{
    display:flex;
    position:fixed;
    left:0;
    top:55%;
    width:40px;height:112px;
    background:var(--ink);color:#fff;
    z-index:1200;
    align-items:center;justify-content:center;
    border-radius:0 7px 7px 0;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    opacity:1;transform:translateY(-50%);
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-contact-float span{
    font-size:9px;letter-spacing:.14em;line-height:1;
    writing-mode:vertical-rl;transform:rotate(180deg)
  }

  /* Back to top - visible after scrolling */
  .mobile-top-button{
    display:flex;
    position:fixed;
    right:16px;bottom:18px;
    width:48px;height:48px;
    border-radius:50%;
    border:1px solid var(--line);
    background:rgba(255,255,255,.97);
    color:var(--ink);
    align-items:center;justify-content:center;
    font-size:22px;line-height:1;
    cursor:pointer;z-index:1200;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    opacity:0;pointer-events:none;transform:translateY(10px);
    transition:.3s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-top-button.show{opacity:1;pointer-events:auto;transform:none}
}