:root{color-scheme: only light}
  *{box-sizing:border-box}
  body{margin:0;background:#F5F2EB}
  .pv{display:block;width:100%;height:auto}
/* ============ D6 品牌版・放手（同色盤，設計全開）============ */
  .site{background:#F5F2EB;color:#0A0A0A;font-family:"Noto Serif TC","Source Han Serif TC",serif}
  .site .nav{display:flex;justify-content:space-between;align-items:center;padding:18px 48px}
  .site .logo{display:flex;gap:12px;align-items:center;font-weight:700;font-size:15.5px;letter-spacing:.12em}
  .site .seal{width:34px;height:34px;background:#8B2D1F;color:#F5F2EB;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;border-radius:2px}
  .site .nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:13.5px;letter-spacing:.12em}
  .site .nav a{color:#0A0A0A;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}
  .site .nav a:hover{border-color:#8B2D1F}
  .site .hero{display:grid;grid-template-columns:56px 11fr 9fr;background:#0A0A0A;color:#F5F2EB}
  .site .redrail{background:#8B2D1F;display:flex;align-items:center;justify-content:center}
  .site .redrail span{writing-mode:vertical-rl;font-size:12px;letter-spacing:.5em;color:#F5F2EB}
  .site .hero-l{padding:72px 28px 72px 44px;display:flex;flex-direction:column;justify-content:center}
  .site .eyebrow{font-size:12.5px;letter-spacing:.34em;color:#8A8682;margin-bottom:22px}
  .site h2{font-size:58px;font-weight:700;line-height:1.28;letter-spacing:.03em;margin:0 0 26px;text-wrap:balance}
  .site h2 em{font-style:normal;color:#8B6F47}
  .site .cta{align-self:flex-start;background:#8B2D1F;color:#F5F2EB;text-decoration:none;padding:15px 52px;font-size:14.5px;letter-spacing:.26em}
  .site .cta:hover{background:#F5F2EB;color:#0A0A0A}
  .site .hero-r{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:400px}
  .site .ghost{position:absolute;font-size:300px;line-height:1;color:rgba(200,202,199,.10);font-weight:700;user-select:none}
  .site .oring{position:absolute;width:280px;height:280px;border:1px solid rgba(200,202,199,.5);border-radius:50%}
  .site .hero-r svg{position:relative;max-width:270px}
  .site .featured{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:center;padding:64px 48px 30px}
  .site .featured .big svg{max-width:420px;display:block;margin:0 auto;filter:drop-shadow(0 24px 26px rgba(107,86,55,.20))}
  .site .flabel{font-size:12px;letter-spacing:.34em;color:#8B6F47;margin-bottom:16px}
  .site .fname{font-size:27px;font-weight:700;letter-spacing:.06em;margin:0 0 14px}
  .site .fdesc{font-size:14.5px;line-height:2.1;letter-spacing:.08em;color:#8A8682;margin-bottom:22px;max-width:34ch}
  .site .fprice{font-size:19px;color:#0A0A0A;letter-spacing:.06em;margin-bottom:20px;font-variant-numeric:tabular-nums}
  .site .flink{font-size:13.5px;letter-spacing:.18em;color:#8B2D1F;text-decoration:none;border-bottom:1px solid #8B2D1F;padding-bottom:3px}
  .site .flink:hover{color:#0A0A0A;border-color:#0A0A0A}
  .site .duo{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:26px 48px 60px;max-width:760px}
  .site .duo .ph{padding:10px 30px 4px}
  .site .duo svg{filter:drop-shadow(0 14px 16px rgba(107,86,55,.16))}
  .site .pname{font-size:15.5px;font-weight:600;letter-spacing:.1em;margin:8px 0 6px}
  .site .price{font-size:13.5px;color:#8B6F47;letter-spacing:.08em;font-variant-numeric:tabular-nums}
  .site .quote{position:relative;background:#0A0A0A;color:#F5F2EB;padding:76px 48px;overflow:hidden}
  .site .quote .ghost2{position:absolute;right:24px;top:-40px;font-size:230px;color:rgba(200,202,199,.08);font-weight:700;line-height:1;user-select:none}
  .site .quote p{position:relative;margin:0;font-size:26px;font-weight:600;line-height:1.9;letter-spacing:.08em;max-width:30ch}
  .site .quote .hl{color:#8B2D1F;filter:brightness(1.6)}
  .site .foot{display:flex;justify-content:space-between;align-items:center;padding:22px 48px;border-top:2px solid #0A0A0A}
  .site .sig{font-size:12px;letter-spacing:.3em;color:#8B6F47}
  .site .fnote{font-size:12px;letter-spacing:.12em;color:#8A8682}


  @media (max-width:720px){
    .site .hero{grid-template-columns:1fr}
    .site .redrail{display:none}
    .site h2{font-size:38px}
    .site .featured,.site .duo{grid-template-columns:1fr}
    .site .quote p{font-size:20px}
  }

/* == product pages == */
.site .phero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:52px 48px 34px}
.site .phero .pic img{max-width:430px;width:100%;display:block;margin:0 auto;filter:drop-shadow(0 22px 26px rgba(107,86,55,.16))}
.site .crumb{font-size:12.5px;letter-spacing:.2em;color:#8A8682;margin-bottom:18px}
.site .crumb a{color:#8A8682;text-decoration:none}
.site .crumb a:hover{color:#0A0A0A}
.site .ptitle{font-size:30px;font-weight:700;letter-spacing:.06em;margin:0 0 14px}
.site .plead{font-size:15px;line-height:2;letter-spacing:.08em;color:#8A8682;margin-bottom:18px;max-width:36ch}
.site .pprice{font-size:24px;letter-spacing:.06em;margin-bottom:10px;font-variant-numeric:tabular-nums}
.site .variant{font-size:13.5px;color:#8B6F47;letter-spacing:.1em;margin:0 0 16px}
.site .buy{display:inline-block;background:#8B2D1F;color:#F5F2EB;text-decoration:none;padding:15px 52px;font-size:14.5px;letter-spacing:.26em}
.site .buy:hover{background:#0A0A0A}
.site .buynote{font-size:12.5px;color:#8A8682;letter-spacing:.08em;margin-top:12px}
.site .thumbs{display:flex;gap:20px;padding:8px 48px 44px}
.site .thumbs img{width:150px;height:150px;object-fit:cover;filter:drop-shadow(0 10px 12px rgba(107,86,55,.12))}
.site .story-band{background:#0A0A0A;color:#F5F2EB;padding:62px 48px;position:relative;overflow:hidden}
.site .story-band .ghost{position:absolute;right:6px;top:-34px;font-size:230px;color:rgba(200,202,199,.08);font-weight:700;line-height:1;user-select:none}
.site .story-band p{position:relative;margin:0 0 20px;font-size:16px;line-height:2.2;letter-spacing:.1em;max-width:40ch}
.site .story-band p:last-child{margin-bottom:0}
.site .sect{padding:50px 48px;border-top:1px solid rgba(139,111,71,.35)}
.site .specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px 46px}
.site .sblock .slabel{font-size:12px;letter-spacing:.3em;color:#8B6F47;margin-bottom:12px}
.site .sblock p{margin:0 0 10px;font-size:14px;line-height:2;letter-spacing:.06em;color:#43403B}
.site .kvlist{display:grid;gap:7px}
.site .kvrow{display:flex;gap:14px;font-size:14px;letter-spacing:.06em}
.site .kvrow span{color:#8A8682;min-width:4em}
.site .kvrow b{font-weight:600}
.site .punchline p{margin:0;font-size:17px;letter-spacing:.1em;line-height:2}
.site .punchline .goldline{width:18px;height:1px;background:#8B6F47;margin-bottom:18px}
.site .punchline .dot{display:inline-block;width:7px;height:7px;background:#8B2D1F;border-radius:50%;margin-left:6px}
/* products listing */
.site .listhead{padding:60px 48px 10px}
.site .ritual2{width:28px;height:2px;background:#8B2D1F;margin-bottom:22px}
.site .listhead h1{font-size:34px;font-weight:700;letter-spacing:.1em;margin:0 0 10px}
.site .listsub{font-size:14px;color:#8A8682;letter-spacing:.12em;margin:0}
.site .catwrap{padding:16px 48px 56px}
.site .catlabel{font-size:12.5px;letter-spacing:.34em;color:#8B6F47;margin:38px 0 18px}
.site .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.site .pcard{display:block;text-decoration:none;color:inherit}
.site .pcard img{width:100%;display:block;filter:drop-shadow(0 14px 16px rgba(107,86,55,.14));transition:transform .25s}
.site .pcard:hover img{transform:translateY(-4px)}
.site .pcard .pname{font-size:15px;font-weight:600;letter-spacing:.08em;margin:14px 0 6px}
.site .pcard .price{font-size:13.5px;color:#8B6F47;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.site .featured .big img{max-width:430px;width:100%;display:block;margin:0 auto;filter:drop-shadow(0 24px 26px rgba(107,86,55,.18))}
.site .duo .item img{width:100%;display:block;filter:drop-shadow(0 14px 16px rgba(107,86,55,.14))}
.site .morelink{display:inline-block;margin:6px 48px 56px;font-size:13.5px;letter-spacing:.18em;color:#8B2D1F;text-decoration:none;border-bottom:1px solid #8B2D1F;padding-bottom:3px}
.site .morelink:hover{color:#0A0A0A;border-color:#0A0A0A}
@media (max-width:720px){
  .site .phero{grid-template-columns:1fr}
  .site .specs{grid-template-columns:1fr}
  .site .pgrid{grid-template-columns:1fr 1fr}
  .site .thumbs{flex-wrap:wrap;padding:8px 20px 34px}
  .site .sect{padding:40px 24px}
  .site .story-band{padding:48px 24px}
  .site .catwrap,.site .listhead{padding-left:24px;padding-right:24px}
}
.site .logo a{display:flex;align-items:center;gap:12px}

/* == cards & line fab == */
.site .pcard{background:#FFFEFB;border:1px solid rgba(139,111,71,.16);border-radius:10px;overflow:hidden;padding-bottom:16px;text-align:center;box-shadow:0 6px 16px rgba(107,86,55,.07)}
.site .pcard img{filter:none;border-radius:0}
.site .pcard .pname{padding:0 12px;margin:14px 0 6px}
.site .pcard:hover{box-shadow:0 12px 24px rgba(107,86,55,.13)}
.site .pcard:hover img{transform:none}
.linefab{position:fixed;right:16px;bottom:16px;width:54px;height:54px;border-radius:50%;background:#06C755;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:Arial,sans-serif;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:90}
.linefab:hover{background:#05B34C}
@media (max-width:720px){
  .site .pgrid{grid-template-columns:1fr 1fr;gap:14px}
  .site .catwrap{padding-left:14px;padding-right:14px}
  .site .pcard .pname{font-size:13.5px}
  .site .duo{grid-template-columns:1fr 1fr;gap:14px;padding-left:14px;padding-right:14px}
}
@media (max-width:720px){
  .site .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site .duo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site .pcard{min-width:0}
  .site .pcard img{width:100%;height:auto}
}
@media (max-width:720px){
  .site{overflow-x:clip}
  .site .nav{padding:14px 16px}
  .site .nav ul{gap:16px;font-size:13px}
  .site .logo{font-size:14px}
  .site .phero{padding:36px 20px 28px;gap:24px}
  .site .featured{padding:40px 20px 16px;gap:24px}
  .site .glabel{padding:0 20px 8px}
  .site .listhead{padding:40px 20px 8px}
  .site .hero-l{padding:48px 24px}
  .site .morelink{margin:6px 20px 44px}
  .site .foot{padding:18px 20px}
  .site .duo{padding-left:14px;padding-right:14px}
}