:root{--inc-navy:#233d55;--inc-ink:#243344;--inc-cream:#f3f0e8;--inc-stone:#e8e2d7;--inc-line:#d5cbbd;--inc-muted:#66716f;--inc-bronze:#a77755}
.incense-detail-page{background:var(--inc-cream);color:var(--inc-ink)}
.incense-detail-page .site-header{color:var(--inc-cream);background:linear-gradient(180deg,rgba(10,30,46,.42),transparent)}
.incense-detail-page .site-nav>a[aria-current="page"]{opacity:1;border-bottom:1px solid #d8c8ac;padding-bottom:5px}
.incense-masthead{position:relative;overflow:hidden;background:var(--inc-navy);color:var(--inc-cream);padding:146px 0 91px}
.incense-masthead:after{content:"";position:absolute;width:min(68vw,850px);aspect-ratio:1;right:-18%;top:-86%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 130px rgba(255,255,255,.018),0 0 0 260px rgba(255,255,255,.012);pointer-events:none}
.incense-masthead .container{position:relative;z-index:1}
.incense-back{display:inline-block;color:#d9caba;font-size:13px;font-weight:700;letter-spacing:.03em;border-bottom:1px solid #b6ab9d;padding-bottom:7px;margin-bottom:55px}
.incense-masthead-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.36);padding-top:15px;color:#c9d1d1;font-size:11px;font-weight:700;letter-spacing:.16em}
.incense-masthead h1{font-size:clamp(48px,5vw,78px);font-weight:700;line-height:1.17;letter-spacing:-.075em;margin:32px 0 18px}
.incense-masthead h1 em{font-style:normal;color:#d9caba}
.incense-masthead p{max-width:560px;color:#d9e0de;font-size:18px;line-height:1.7;margin:0}
.incense-gallery{background:var(--inc-cream);padding:87px 0 98px}
.incense-gallery-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(42px,6vw,98px);align-items:center}
.incense-visual-frame{min-width:0}
.incense-visual{position:relative;width:100%;aspect-ratio:1.2;overflow:hidden;background:#d2bc9c}
.incense-visual img{display:block;position:absolute;top:0;left:0;width:100%;max-width:none;height:auto}
.incense-visual[data-image-type="source"] img{width:163%}
.incense-visual[data-image-type="leaf"] img{width:120%;left:-10%;top:-35%}
.incense-visual-caption{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--inc-line);padding:14px 0;color:#69716f;font-size:10px;font-weight:700;letter-spacing:.17em;font-variant-numeric:tabular-nums}
.incense-selected{padding:18px 0 0}
.incense-kicker{display:flex;align-items:center;gap:12px;color:#58717b;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.16em;margin:0}
.incense-kicker-line{height:1px;width:27px;background:var(--inc-bronze)}
.incense-selected h2{font-size:clamp(47px,4.5vw,68px);font-weight:700;line-height:1.16;letter-spacing:-.075em;margin:29px 0 23px}
.incense-selected-description{color:#5b6563;font-size:clamp(17px,1.45vw,20px);line-height:1.8;max-width:450px;margin:0 0 51px}
.incense-specs{border-top:1px solid var(--inc-line);border-bottom:1px solid var(--inc-line)}
.incense-specs>div{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:baseline;padding:20px 0}
.incense-specs>div+div{border-top:1px solid var(--inc-line)}
.incense-specs span{color:#818781;font-size:10px;font-weight:800;letter-spacing:.13em}
.incense-specs strong{color:var(--inc-ink);font-size:15px;line-height:1.55;font-weight:600;font-variant-numeric:tabular-nums}
.incense-support-note{margin:18px 0 0;color:#795942;font-size:14px;line-height:1.5;font-weight:600}
.incense-design-link{display:inline-flex;align-items:center;gap:27px;margin-top:33px;color:var(--inc-navy);font-size:14px;font-weight:700;border-bottom:1px solid var(--inc-navy);padding-bottom:7px}
.incense-gallery-controls{display:flex;align-items:center;gap:8px;margin-top:72px}
.incense-gallery-controls button{display:grid;place-items:center;width:49px;height:49px;border:1px solid #9facae;background:transparent;color:var(--inc-navy);font-size:22px;line-height:1;transition:background .2s,color .2s}
.incense-gallery-controls button:hover{background:var(--inc-navy);color:#fff}
.incense-gallery-controls span{margin-left:auto;color:#7c8681;font-size:10px;font-weight:700;letter-spacing:.14em}
.incense-designs{background:#e9e4da;padding:76px 0 73px}
.incense-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.incense-section-top h2{font-size:clamp(29px,3.1vw,43px);line-height:1.22;letter-spacing:-.065em;margin:12px 0 0}
.incense-section-top>p{color:#747a75;font-size:14px;margin:0 0 3px;line-height:1.6}
.incense-design-list{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.incense-design-option{display:flex;min-width:0;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #d2c9bd;background:#f3f0e8;color:var(--inc-ink);padding:5px 5px 11px;transition:border-color .2s,background .2s,transform .2s}
.incense-design-option:hover{border-color:#9b775a;transform:translateY(-2px)}
.incense-design-option[aria-pressed="true"]{border-color:var(--inc-navy);background:#fff;box-shadow:inset 0 0 0 1px var(--inc-navy)}
.incense-design-option:focus-visible,.incense-gallery-controls button:focus-visible,.incense-design-link:focus-visible{outline:3px solid #6b9ecb;outline-offset:3px}
.incense-option-thumb{position:relative;display:block;aspect-ratio:1.15;overflow:hidden;background:#c8b291}
.incense-option-thumb img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none}
.incense-design-option[data-image-type="source"] .incense-option-thumb img{width:163%}
.incense-design-option[data-image-type="leaf"] .incense-option-thumb img{width:120%;left:-10%;top:-35%}
.incense-option-code{color:#8b8d86;font-size:10px;font-weight:700;letter-spacing:.1em;margin:11px 6px 3px;font-variant-numeric:tabular-nums}
.incense-option-name{font-size:12px;font-weight:700;line-height:1.3;margin:0 6px}
.incense-photo-note{font-size:12px;color:#7b817b;line-height:1.6;margin:16px 0 0}
.incense-information{background:var(--inc-cream);padding:98px 0 105px}
.incense-information-grid{display:grid;grid-template-columns:.75fr 1fr;gap:12%}
.incense-information-heading h2{font-size:clamp(39px,3.8vw,54px);line-height:1.23;letter-spacing:-.07em;margin:23px 0 24px}
.incense-information-heading>p:last-child{max-width:370px;color:#68716e;font-size:16px;line-height:1.8;margin:0}
.incense-accordions{border-top:1px solid #aeb3ac}
.incense-accordions details{border-bottom:1px solid #aeb3ac}
.incense-accordions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 0;font-size:18px;font-weight:700;letter-spacing:-.03em}
.incense-accordions summary::-webkit-details-marker{display:none}
.incense-accordions summary span{color:#627381;font-size:23px;font-weight:400;transition:transform .2s}
.incense-accordions details[open] summary span{transform:rotate(45deg)}
.incense-accordions summary:focus-visible{outline:3px solid #6b9ecb;outline-offset:3px}
.incense-accordion-body{padding:0 0 28px;color:#606b68;font-size:14px;line-height:1.8}
.incense-accordion-body ol{padding-left:22px;margin:0}.incense-accordion-body li+li{margin-top:8px}
.incense-accordion-body dl{margin:0}.incense-accordion-body dl>div{display:grid;grid-template-columns:135px 1fr;gap:15px;padding:9px 0}.incense-accordion-body dt{color:#7b827c}.incense-accordion-body dd{margin:0;color:#344750}
.incense-ending{background:var(--inc-navy);color:var(--inc-cream);padding:76px 0 87px;text-align:center}
.incense-ending span{font-size:10px;font-weight:700;letter-spacing:.18em;color:#c2d1d2}
.incense-ending p{font-size:clamp(32px,4.5vw,58px);font-weight:700;line-height:1.3;letter-spacing:-.065em;margin:26px 0 30px}
.incense-ending a{display:inline-flex;align-items:center;gap:25px;padding-bottom:7px;border-bottom:1px solid #d7c8b6;color:#e5d7c8;font-size:14px;font-weight:700}
@media(max-width:1100px){.incense-design-list{overflow-x:auto;grid-template-columns:repeat(10,106px);scrollbar-width:thin;padding-bottom:10px}.incense-gallery-grid{gap:5vw}}
@media(max-width:760px){
  .incense-detail-page .site-nav{background:var(--inc-navy)}
  .incense-detail-page .site-nav>a[aria-current="page"]{padding-bottom:15px}
  .incense-masthead{padding:108px 0 67px}
  .incense-back{margin-bottom:39px}
  .incense-masthead-line span:last-child{display:none}
  .incense-masthead h1{font-size:clamp(42px,9vw,58px);margin-top:25px}
  .incense-masthead p{font-size:16px}
  .incense-gallery{padding:47px 0 69px}
  .incense-gallery-grid{grid-template-columns:1fr;gap:34px}
  .incense-selected{padding:0}
  .incense-selected h2{font-size:clamp(42px,10vw,58px);margin:18px 0}
  .incense-selected-description{margin-bottom:29px;font-size:17px}
  .incense-gallery-controls{margin-top:38px}
  .incense-designs{padding:60px 0}
  .incense-section-top{display:block;margin-bottom:25px}
  .incense-section-top>p{margin-top:15px}
  .incense-design-list{margin-right:calc(-1 * (100vw - 100%) / 2);padding-right:19px}
  .incense-information{padding:73px 0 82px}
  .incense-information-grid{grid-template-columns:1fr;gap:37px}
  .incense-information-heading h2{font-size:41px;margin:19px 0}
}
@media(max-width:420px){.incense-specs>div{grid-template-columns:100px 1fr;gap:12px}.incense-specs strong{font-size:14px}.incense-gallery-controls span{font-size:9px}.incense-accordion-body dl>div{grid-template-columns:105px 1fr;gap:9px}}
@media(prefers-reduced-motion:reduce){.incense-design-option,.incense-gallery-controls button{transition:none}}