:root{
  /* パッケージ実測色から採取 */
  --void:#171009;        /* ベース：焦茶（真っ黒ではない） */
  --carbon:#1E1610;
  --graphite:#2A2018;
  --wood:#3A2C20;
  --ash:#8A7A69;
  --bone:#EFE7D9;
  --magnesium:#DCD3C4;
  --gold:#B9903F;
  --gold-soft:rgba(185,144,63,.42);
  --line:rgba(239,231,217,.11);
  --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(120% 70% at 50% 0%, #241a12 0%, rgba(23,16,9,0) 62%),
    var(--void);
  background-attachment:fixed;
  color:var(--bone);
  font-family:"Noto Sans JP",system-ui,sans-serif;
  font-weight:300; line-height:1.95; letter-spacing:.045em;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.prose{max-width:680px}
section{padding:120px 0}
@media(min-width:900px){section{padding:160px 0}}

/* ---------- type ---------- */
.script{font-family:"Pinyon Script",cursive;font-weight:400;letter-spacing:.02em;color:var(--magnesium)}
.serif{font-family:"Cormorant Garamond",serif}
h1,h2,h3{font-weight:300;line-height:1.18;letter-spacing:.01em}
h1{font-family:"Cormorant Garamond",serif;font-weight:300;
   font-size:clamp(2.6rem,6.4vw,5.6rem);letter-spacing:.10em;text-transform:uppercase}
h2{font-size:clamp(1.65rem,3.3vw,2.7rem);font-family:"Noto Serif JP",serif;line-height:1.45;font-weight:300}
h2.en{font-family:"Cormorant Garamond",serif;letter-spacing:.10em;text-transform:uppercase;line-height:1.2}
h3{font-size:clamp(1.02rem,1.5vw,1.28rem);font-family:"Noto Serif JP",serif;font-weight:400}
.eyebrow{font-family:"Cormorant Garamond",serif;font-size:.82rem;letter-spacing:.26em;
  color:var(--gold);text-transform:uppercase}
.lead{font-size:1.02rem;color:var(--magnesium);line-height:2.05}
p{margin-top:1.2em;color:#cfc5b4;font-size:.95rem}
p.tight{margin-top:.6em}
.small{font-size:.8rem;color:var(--ash);line-height:1.85}
.rule{height:1px;background:var(--line);border:0;margin:0}
.grule{width:54px;height:1px;background:var(--gold);opacity:.75;margin:26px 0}

/* ---------- header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(23,16,9,.80);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.nav{max-width:1440px;margin:0 auto;padding:0 28px;height:70px;
  display:flex;align-items:center;justify-content:space-between}
.brandmark{font-family:"Cormorant Garamond",serif;letter-spacing:.20em;font-size:1.05rem;text-transform:uppercase;line-height:1.1}
.brandmark span{color:var(--ash);font-size:.6rem;letter-spacing:.16em;display:block;margin-top:3px;font-family:"Noto Sans JP",sans-serif}
.navlinks{display:none;gap:30px;align-items:center}
.navlinks a{font-size:.78rem;letter-spacing:.1em;color:#c0b5a4;transition:color .3s}
.navlinks a:hover{color:var(--gold)}
.buy{border:1px solid var(--gold-soft);color:var(--gold)!important;padding:10px 20px;
  font-size:.74rem;letter-spacing:.16em;transition:.4s;font-family:"Cormorant Garamond",serif;text-transform:uppercase}
.buy:hover{background:var(--gold);color:var(--void)!important}
.burger{width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;background:none;border:0}
.burger i{display:block;height:1px;background:var(--bone);transition:.35s}
@media(min-width:1000px){.navlinks{display:flex}.burger{display:none}}
#drawer{position:fixed;inset:0;background:var(--void);z-index:99;display:flex;flex-direction:column;
  justify-content:center;padding:0 32px;opacity:0;pointer-events:none;transition:opacity .45s}
#drawer.open{opacity:1;pointer-events:auto}
#drawer a{font-family:"Noto Serif JP",serif;font-size:1.3rem;padding:15px 0;border-bottom:1px solid var(--line)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-bottom:76px}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:58% center;
  filter:brightness(1.30) saturate(.9)}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:
   linear-gradient(90deg,rgba(23,16,9,.90) 0%,rgba(23,16,9,.40) 48%,rgba(23,16,9,.10) 100%),
   linear-gradient(180deg,rgba(23,16,9,.60) 0%,rgba(23,16,9,0) 28%,rgba(23,16,9,.72) 100%)}
.hero-inner{position:relative;z-index:2;width:100%}
.hero .script{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1}
.hero h1{margin:14px 0 8px}
.hero .sub{font-family:"Cormorant Garamond",serif;font-style:italic;letter-spacing:.16em;
  font-size:1rem;color:var(--magnesium)}
.statement{margin-top:40px;font-family:"Cormorant Garamond",serif;font-size:.86rem;letter-spacing:.2em;
  color:var(--gold);line-height:2.1;text-transform:uppercase}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.btn{display:inline-block;padding:15px 32px;font-size:.8rem;letter-spacing:.16em;
  font-family:"Cormorant Garamond",serif;text-transform:uppercase;transition:.4s;border:1px solid}
.btn-solid{background:var(--gold);border-color:var(--gold);color:#1a1209}
.btn-solid:hover{background:transparent;color:var(--gold)}
.btn-ghost{border-color:rgba(239,231,217,.34);color:var(--bone)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- page hero ---------- */
.phero{padding:180px 0 90px;border-bottom:1px solid var(--line)}
.phero h1{font-size:clamp(1.9rem,4.2vw,3.3rem)}
.phero .eyebrow{margin-bottom:18px}

/* ---------- blocks ---------- */
.grid2{display:grid;gap:56px}
@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr;gap:80px;align-items:center}}
.figure{border:1px solid var(--line);background:var(--carbon)}
.figure img{width:100%}
.cap{padding:15px 18px;font-size:.74rem;color:var(--ash);letter-spacing:.06em;border-top:1px solid var(--line)}
.bleed{position:relative;width:100vw;left:50%;transform:translateX(-50%)}
.bleed img{width:100%;height:auto;max-height:80vh;object-fit:cover}

.pill{display:inline-block;border:1px solid var(--gold-soft);color:var(--gold);
  font-size:.68rem;letter-spacing:.16em;padding:5px 12px;font-family:"Cormorant Garamond",serif;text-transform:uppercase}
.tbd{color:var(--ash)}

table{width:100%;border-collapse:collapse;margin-top:28px;font-size:.88rem}
th,td{text-align:left;padding:16px 4px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ash);font-weight:300;width:40%;letter-spacing:.06em}
td{color:#d3c9b8}

.cards{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
@media(min-width:760px){.cards.c2{grid-template-columns:1fr 1fr}.cards.c3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--carbon);padding:36px 30px}
.card h3{margin-bottom:10px}
.num{font-family:"Cormorant Garamond",serif;font-size:.82rem;letter-spacing:.22em;color:var(--gold);
  margin-bottom:16px;display:block;text-transform:uppercase}

.note{border-left:1px solid var(--gold-soft);padding:4px 0 4px 22px;margin-top:34px}
.gallery{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:760px){.gallery{grid-template-columns:1fr 1fr}}
.gallery figure{background:var(--carbon)}
.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover}
.gallery .white img{object-fit:contain;background:#efe9e0}

details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:23px 0;font-size:.94rem;list-style:none;display:flex;justify-content:space-between;gap:18px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-family:"Cormorant Garamond",serif}
details[open] summary::after{content:"–"}
details p{margin:0 0 24px;font-size:.89rem}

footer{border-top:1px solid var(--line);padding:74px 0 52px;background:rgba(0,0,0,.18)}
.fgrid{display:grid;gap:44px}
@media(min-width:820px){.fgrid{grid-template-columns:1.4fr 1fr 1fr}}
footer a{font-size:.82rem;color:#b3a897;display:block;padding:5px 0}
footer a:hover{color:var(--gold)}
.copy{margin-top:56px;font-size:.72rem;color:var(--ash);letter-spacing:.06em}

.reveal{opacity:0;transform:translateY(8px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}