@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#24231f;--dark:#181816;--gold:#d6bb7a;--sand:#f6f3ed;--line:#e4dfd5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.notice{background:#d8c394;color:#28241b;text-align:center;font-size:11px;letter-spacing:.04em;padding:9px 12px}.site-header{position:sticky;top:0;z-index:10;background:var(--dark);display:flex;align-items:center;gap:30px;min-height:80px;padding:16px clamp(22px,6vw,100px)}.brand img{display:block;width:155px;height:auto}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{color:#e7e2d7;font-size:13px}.site-header nav a:hover{color:var(--gold)}#language{background:transparent;border:1px solid #625b4c;color:#f3e8cc;border-radius:0;padding:8px}#language option{color:#111}.menu-toggle{display:none;background:none;border:0;color:#e9d7a8;font-size:25px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--sand)}.hero-copy{padding:clamp(55px,9vw,150px) clamp(30px,8vw,145px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.25em;color:#9c8154;font-weight:700}.hero h1,.section h2,.modal h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.04em}.hero h1{font-size:clamp(52px,5.8vw,92px);line-height:1.09;margin:18px 0 20px;max-width:750px}.hero-sub{font-size:16px;line-height:1.85;max-width:450px;color:#625e55}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:22px;flex-wrap:wrap}.button{padding:16px 28px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.button.gold{background:var(--dark);color:#efdbad}.text-link{font-size:13px;border-bottom:1px solid #9d845a;padding:7px 0}.hero-art{background:#24231f;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-arch{width:72%;height:76%;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#8e7959,#dbc18c 50%,#5c4b3c);box-shadow:inset 0 0 110px #2c2827;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff4dc}.hero-art-label{font-family:Georgia,serif;font-size:clamp(19px,3vw,48px);letter-spacing:.18em}.hero-art-caption{font-size:9px;letter-spacing:.4em;margin-top:25px}.section{padding:100px clamp(24px,7vw,120px)}.section-heading{text-align:center;margin:0 auto 50px}.section-heading h2,.section h2{font-size:clamp(38px,4vw,62px);margin:14px 0}.section-heading>p:last-child,.section p:not(.eyebrow){color:#69665e;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{background:#fff;text-align:left}.product-visual{height:390px;background:linear-gradient(140deg,#f4f1e9,#d8d0c1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-visual::before{content:'';position:absolute;border:1px solid rgba(77,65,49,.16);width:70%;height:75%;border-radius:48% 48% 0 0}.product-visual img{height:100%;width:100%;object-fit:cover;position:relative}.product-visual .den{font-family:Georgia,serif;font-size:clamp(55px,7vw,100px);color:#82715a;position:relative}.product-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.product-meta strong{font-weight:500;font-size:17px}.product-meta button{border:0;border-bottom:1px solid #c4a66b;background:transparent;padding:8px 0;font-size:12px}.muted{background:var(--sand)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split p{max-width:550px}.guide-graphic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-graphic span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfd4bf,#a9987b);font-family:Georgia,serif;font-size:26px}.about{text-align:center;max-width:850px;margin:auto}.about p:not(.eyebrow){font-size:17px}.contact{text-align:center;background:#e9e1d3}.contact a{display:inline-block;margin-top:12px;border-bottom:1px solid #806d4e}footer{background:var(--dark);color:#d4d0c7;padding:55px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;font-size:12px;line-height:1.8}footer .footer-brand img{width:150px;display:block;margin-bottom:20px}footer a{display:block}footer .fine{font-size:11px;color:#9d9a93}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#0009}.modal-panel{position:relative;background:#fff;width:min(940px,94vw);max-height:90vh;overflow:auto;padding:38px}.close{position:absolute;right:20px;top:10px;border:0;background:transparent;font-size:30px}.modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.modal-image{min-height:370px;background:linear-gradient(135deg,#ede7dc,#bba98d);display:grid;place-items:center;font:70px Georgia,serif;color:#6b5b44}.modal-image img{width:100%;height:100%;object-fit:cover}.modal dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}.modal dt{font-weight:700}.modal dd{margin:0;color:#716e68}.shop-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.shop-links a{background:#24231f;color:#fff;padding:12px 18px;font-size:12px}.shop-links span{font-size:12px;color:#777}.legal-page{max-width:850px;margin:80px auto;padding:0 24px;line-height:1.8}.legal-page h1{font:50px Georgia,serif}.legal-page .warning{padding:20px;background:#f5ebd8;border-left:3px solid #ae8950}@media(max-width:1000px){.site-header{gap:16px;padding:15px 25px}.site-header nav{gap:14px}.hero{min-height:550px}.hero-copy{padding:50px}.product-visual{height:300px}}@media(max-width:720px){.site-header{min-height:70px;flex-wrap:wrap}.brand img{width:125px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;order:3;width:100%;flex-direction:column;margin:0;padding:18px 0}.site-header nav.open{display:flex}#language{margin-left:0}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 26px}.hero-art{min-height:360px}.hero-arch{height:300px;width:65%}.section{padding:70px 24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-visual{height:245px}.product-meta{display:block}.product-meta button{display:block}.split{grid-template-columns:1fr;gap:28px}footer{grid-template-columns:1fr}.modal-layout{grid-template-columns:1fr}.modal-image{min-height:250px}.modal-panel{padding:24px}.modal dl{grid-template-columns:90px 1fr}}@media(max-width:410px){.product-grid{grid-template-columns:1fr}.product-visual{height:340px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* SETAVEL V2 鈥� CREAM / CHAMPAGNE EDITORIAL DESIGN */
:root{--ink:#302b27;--dark:#302b27;--gold:#cbb27b;--sand:#f6f2eb;--line:#e6ded1}
body{background:#fffdf9;color:var(--ink)}
.notice{background:#eee5d6;color:#655748}
.site-header{background:#fffdf9;border-bottom:1px solid #e8e1d7;min-height:88px;box-shadow:0 2px 20px #33281906}
.site-header nav a{color:#504a42}
.site-header nav a:hover{color:#a88a54}
.brand{background:#302b27;padding:13px 20px;display:flex;align-items:center;min-height:52px}
.brand img{width:153px}
#language{border:1px solid #d7caba;color:#423a30;background:#fffdf9}
.menu-toggle{color:#302b27}
.hero{background:#f6f2eb;min-height:690px;grid-template-columns:53% 47%}
.hero-copy{padding:clamp(55px,9vw,150px) clamp(30px,7vw,130px)}
.hero h1{font-size:clamp(50px,5.5vw,87px);line-height:1.1}
.eyebrow{color:#9b8055}
.hero-sub{color:#6f685f}
.button.gold{background:#302b27;color:#f7ebd3;transition:background .2s}
.button.gold:hover{background:#594e40}
.text-link{border-color:#cbb27b}
.hero-art{background:#e9dfd0;position:relative;min-height:560px}
.hero-photo-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(28px,5vw,80px);background:linear-gradient(155deg,#f0e8dd,#ded0be)}
.photo-frame{height:100%;min-height:480px;width:min(100%,560px);position:relative;overflow:hidden;background:linear-gradient(160deg,#e9dcc8,#c5b6a4 72%,#b7a48f);border:9px solid #f8f4ed;box-shadow:0 22px 45px #58432c16}
.photo-frame:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff8c;pointer-events:none}
.photo-caption{position:absolute;top:36px;left:38px;font-size:11px;letter-spacing:.3em;color:#685749;z-index:2}
.photo-small{position:absolute;bottom:36px;left:38px;font-size:9px;letter-spacing:.2em;color:#786b60;z-index:2}
.photo-figure{position:absolute;bottom:-7%;left:50%;transform:translateX(-50%);height:86%;width:48%;opacity:.48;filter:blur(1px)}
.figure-head{position:absolute;top:2%;left:38%;width:24%;height:16%;border-radius:50%;background:#7e6b60}
.figure-body{position:absolute;top:17%;left:24%;width:52%;height:36%;border-radius:42% 42% 20% 20%;background:#7e6b60;transform:skew(-6deg)}
.figure-legs{position:absolute;top:50%;left:32%;height:56%;width:34%;background:linear-gradient(90deg,#7e6b60 0 45%,transparent 45% 55%,#7e6b60 55%);clip-path:polygon(0 0,100% 0,88% 100%,65% 100%,48% 26%,30% 100%,8% 100%)}
.section{padding-top:110px;padding-bottom:110px}
.section-heading{margin-bottom:60px}
.product-grid{gap:30px}
.product-visual{background:linear-gradient(150deg,#f2ece3,#dcd0c1);height:410px}
.product-visual::before{border:1px solid #b5a58d6b;border-radius:0;width:77%;height:85%}
.product-visual .den{font-size:clamp(56px,6vw,96px);color:#98836b}
.product-meta{border-bottom:1px solid #eee7dd}
.product-meta button{color:#6b5640}
.muted{background:#f7f2eb}
.guide-graphic span{background:linear-gradient(135deg,#f1e9dc,#c7b59c);color:#5a4c3c}
.contact{background:#efe6d9}
footer{background:#302b27}
footer .footer-brand img{width:150px}
.modal-image{background:linear-gradient(135deg,#f5efe6,#cbbca6)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.photo-frame{min-height:400px}.hero-copy{padding:50px}}
@media(max-width:720px){.site-header{min-height:75px}.hero{grid-template-columns:1fr}.hero-art{min-height:450px}.hero-photo-placeholder{padding:26px}.photo-frame{min-height:400px}.brand{padding:9px 12px}.brand img{width:130px}.section{padding:70px 24px}.product-visual{height:260px}}
@media(max-width:410px){.product-visual{height:340px}}
/* SetaVel V2 — transparent logo on cream header */
.site-header .brand {
  background: transparent;
  padding: 0;
  min-height: auto;
  box-shadow: none;
}

.site-header .brand img {
  width: 155px;
  height: auto;
}
/* SetaVel logo — transparent background */
.site-header .brand {
  background: transparent !important;
  padding: 0 !important;
  min-height: auto !important;
  box-shadow: none !important;
}

.site-header .brand img {
  display: block;
  width: 155px;
  height: auto;
}
/* =========================================
   SetaVel V2 — Desktop Typography Upgrade
   ========================================= */

@media (min-width: 1024px) {

  /* Logo */
  .site-header .brand {
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important;
    box-shadow: none !important;
    flex-shrink: 0;
  }

  .site-header .brand img {
    width: 220px !important;
    height: auto !important;
  }

  /* Header */
  .site-header {
    min-height: 105px;
  }

  .site-header nav a {
    font-size: 16px;
  }

  #language {
    font-size: 15px;
    padding: 10px 14px;
  }

  /* Hero */
  .hero-sub {
    font-size: 19px;
    line-height: 1.85;
    max-width: 520px;
  }

  .eyebrow {
    font-size: 13px;
  }

  .button {
    font-size: 14px;
    padding: 18px 30px;
  }

  .text-link {
    font-size: 15px;
  }

  /* Collection */
  .section-heading > p:last-child {
    font-size: 18px;
  }

  .product-meta strong {
    font-size: 20px;
  }

  .product-meta button {
    font-size: 15px;
  }

  /* General content */
  .section p:not(.eyebrow) {
    font-size: 18px;
    line-height: 1.85;
  }

  /* Footer */
  footer {
    font-size: 14px;
  }

  footer .fine {
    font-size: 12px;
  }

  footer .footer-brand img {
    width: 190px;
  }
}