:root{--ground:#0b0b09;--raised:#1a1a17;--wax:#f2f2ef;--ink:#161614;--flame:#f6b552;--on-dark-quiet:#a9a8a2;--on-light-quiet:#5c5c57;--on-photo:#d4d3cd;--flame-bright:#ffd08a;--scrollbar:#4a4a44;--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-mark:"Shippori Antique B1", var(--font-sans);--type-wordmark:clamp(3.5rem, 9vw, 6rem);--type-wordmark-small:1.25rem;--type-display:clamp(1.375rem, 6.4vw, 4.25rem);--type-headline:clamp(1.5rem, 3.1vw, 2.875rem);--type-title:clamp(1.25rem, 2.2vw, 1.75rem);--type-lead:clamp(1.0625rem, 1.6vw, 1.3125rem);--type-body:1.0625rem;--type-label:.875rem;--type-micro:.8125rem;--gutter:clamp(1rem, 6vw, 5.5rem);--nav-height:3rem;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);scrollbar-color:var(--scrollbar) var(--ground)}body{background:var(--ground);color:var(--wax);font-family:var(--font-sans);font-size:var(--type-body);font-feature-settings:"palt";font-kerning:normal;letter-spacing:.03em;line-break:strict;word-break:auto-phrase;overflow-wrap:break-word;text-autospace:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}::selection{background:var(--flame);color:var(--ground)}h1,h2,h3,p,ol,dl,dd,figure{margin:0;padding:0}h1,h2,h3{letter-spacing:0;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:2px solid var(--flame);outline-offset:3px;border-radius:2px}img{max-width:100%;display:block}.localnav{z-index:10;height:var(--nav-height);padding-inline:var(--gutter);white-space:nowrap;-webkit-backdrop-filter:saturate(160%)blur(18px);font-size:var(--type-micro);letter-spacing:0;background:#0b0b09db;align-items:center;gap:1.5rem;transition:background-color .3s,color .3s;display:flex;position:sticky;top:0}.localnav.on-wax{color:var(--ink);background:#f2f2eff0}.motion .localnav{margin-bottom:calc(-1 * var(--nav-height))}.motion .localnav.on-film{-webkit-backdrop-filter:none;background:0 0}.motion .on-film nav a{color:var(--wax)}.motion .localnav.on-wax.over-photo{color:var(--wax);background:#0b0b09db}.localnav-brand{font-family:var(--font-mark);font-size:var(--type-wordmark-small);letter-spacing:.1em;margin-inline-end:auto;text-decoration:none}.localnav nav{gap:1.5rem;display:flex}.localnav nav a{color:var(--on-dark-quiet);text-decoration:none;transition:color .2s}.localnav nav a:hover{color:var(--wax)}.on-wax:not(.over-photo) nav a{color:var(--on-light-quiet)}.on-wax:not(.over-photo) nav a:hover{color:var(--ink)}.localnav-shop,.close-action{background:var(--flame);color:var(--ground);font-weight:500;text-decoration:none;transition:background-color .2s}.localnav-shop{border-radius:999px;padding:.1875rem .875rem}.localnav-shop:hover,.close-action:hover{background:var(--flame-bright)}.burn-stage{padding:3rem var(--gutter);gap:3rem;display:grid;position:relative}.burn-poster{aspect-ratio:5/6;object-fit:cover;object-position:50% 12%;width:min(100%,26rem);height:auto;margin-inline:auto;-webkit-mask-image:radial-gradient(closest-side,#000 60%,#0000);mask-image:radial-gradient(closest-side,#000 60%,#0000)}.burn canvas{display:none}.burn-copy{gap:2.5rem;display:grid}.wordmark{font-family:var(--font-mark);font-size:var(--type-wordmark);letter-spacing:.1em;margin-bottom:.5rem;font-weight:400;line-height:1.1;display:block}.beat-title{font-size:var(--type-headline);letter-spacing:0;font-weight:700;line-height:1.35;display:block}.phrase{display:inline-block}.statement span{display:block}.beat-body{color:var(--on-dark-quiet);font-size:var(--type-lead);margin-top:.75rem}.motion .burn{height:520svh}.motion .burn-stage{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.motion .burn-poster{display:none}.motion .burn canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.motion .burn-stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0b0b0980,#0b0b094d 35%,#0b0b091f 70%,#0b0b0900);height:10rem;position:absolute;inset:0 0 auto}.motion .burn-stage:after{content:"";background:linear-gradient(to top, var(--ground) 8%, #0b0b0900);pointer-events:none;height:38%;position:absolute;inset:auto 0 0}.motion .burn-copy{z-index:1;display:block;position:absolute;inset:0}.motion .beat{left:var(--gutter);max-width:min(32rem,30vw);font-weight:inherit;opacity:0;visibility:hidden;position:absolute;bottom:14svh}.motion .beat:nth-child(2n){left:auto;right:var(--gutter)}.motion .beat-title .phrase{white-space:nowrap}.motion .beat:first-child{max-width:none}.motion .beat:first-child .beat-title{font-size:var(--type-title);font-weight:500}.statement{padding:clamp(6rem, 16vw, 11rem) var(--gutter)}.statement-stage{place-items:center;display:grid}.statement p{font-size:var(--type-display);letter-spacing:0;font-weight:700;line-height:1.4}.motion .statement{height:280svh;padding:0 var(--gutter)}.motion .statement-stage{height:100svh;position:sticky;top:0}.motion .statement span{opacity:.2}.scents{background:var(--raised)}.rail-stage{grid-template-rows:auto minmax(0,1fr);gap:1.5rem;padding-block:clamp(4rem,9svh,6rem) clamp(1.5rem,5svh,3rem);display:grid}.rail-stage h2{padding-inline:var(--gutter);font-size:var(--type-headline);font-weight:700;line-height:1.35}.rail-track{padding-inline:var(--gutter);scroll-snap-type:x mandatory;gap:clamp(.75rem,2vw,1.5rem);display:flex;overflow-x:auto}.scent{background:var(--ground);scroll-snap-align:center;border-radius:20px;flex:none;width:min(82vw,68rem);height:min(74svh,44rem);position:relative;overflow:hidden}.scent img{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;transform:scale(1.14)}.scent-copy{background:linear-gradient(#0b0b0900,#0b0b09eb 55%);padding:clamp(5rem,16svh,9rem) clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,3vw,2.25rem);position:absolute;inset:auto 0 0}.scent h3{font-size:var(--type-headline);font-weight:700;line-height:1.35}.scent-notes{color:var(--on-photo);font-size:var(--type-label)}.scent-copy p:nth-of-type(2){margin-top:.75rem}.scent-buy{align-items:baseline;gap:1.5rem;margin-top:.75rem;font-weight:500;display:flex}.scent-buy a{color:var(--flame)}.motion .rail-stage{height:100svh;position:sticky;top:0;overflow:hidden}.motion .rail-track{width:max-content;max-width:none;overflow:visible}.motion .scent{height:100%;max-height:46rem}.product{background:var(--wax);color:var(--ink)}.product-stage{padding:clamp(4rem, 10vw, 7rem) var(--gutter) 0;gap:2rem;display:grid}.product-copy{text-align:center}.product-copy h2{font-size:var(--type-display);font-weight:700;line-height:1.3}.product-copy p{color:var(--on-light-quiet);font-size:var(--type-lead);margin-top:.5rem}.product figure{border-radius:20px;overflow:hidden}.product img{object-fit:cover;object-position:50% 66%;width:100%;height:100%}.motion .product{height:300svh}.motion .product-stage{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.motion .product-copy{inset:0 var(--gutter) auto;height:30svh;padding-top:var(--nav-height);opacity:0;align-content:center;display:grid;position:absolute}.motion .product figure{border-radius:0;position:absolute;inset:0}.details{padding:clamp(3rem, 7vw, 5rem) var(--gutter) clamp(5rem, 12vw, 9rem);background:var(--wax);color:var(--ink)}.specs{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem clamp(1.5rem,3vw,3rem);max-width:76rem;margin-inline:auto;display:grid}.specs dt{color:var(--on-light-quiet);font-size:var(--type-label)}.specs dd{font-size:var(--type-body);font-weight:500;line-height:1.5}.care{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem clamp(2rem,6vw,6rem);max-width:76rem;margin:clamp(5rem,12vw,9rem) auto 0;display:grid}.care h2{top:calc(var(--nav-height) + 2rem);font-size:var(--type-headline);align-self:start;font-weight:700;line-height:1.35;position:sticky}.care ol{counter-reset:step;gap:clamp(2.5rem,6vw,4.5rem);list-style:none;display:grid}.care li{counter-increment:step}.motion .care li{opacity:.25}.care li:before{content:counter(step);color:var(--on-light-quiet);font-size:var(--type-title);font-weight:500;line-height:1.4;display:block}.care h3{font-size:var(--type-title);font-weight:500;line-height:1.4}.care li p{color:var(--on-light-quiet);margin-top:.25rem}.care-warning{grid-column:2;font-weight:500}.close{min-height:120svh;padding:clamp(5rem, 12svh, 8rem) var(--gutter) 3rem;background:var(--ground) url(/images/close.webp) center bottom / auto 150svh no-repeat;text-align:center;align-content:start;justify-items:center;display:grid}.close h2{font-size:var(--type-display);font-weight:700;line-height:1.3}.close p{color:var(--on-photo);margin-top:.5rem}.close-action{font-size:var(--type-body);border-radius:999px;margin-top:1.75rem;padding:.75rem 1.75rem}.close-note{font-size:var(--type-label);margin-top:1rem}footer{padding:1.5rem var(--gutter) 2.5rem;color:var(--on-dark-quiet);font-size:var(--type-micro);text-align:center}@media (width>=761px){html:not(.motion) .burn-copy{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem clamp(1.5rem,3vw,3rem);max-width:76rem;margin-inline:auto}html:not(.motion) .beat:first-child{text-align:center;grid-column:1/-1}html:not(.motion) .beat-title{font-size:var(--type-title)}html:not(.motion) .rail-track{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}html:not(.motion) .scent{width:auto;height:min(68svh,36rem)}}@media (pointer:coarse){.localnav-brand{padding-block:.375rem}.localnav nav a{padding:.75rem .5rem}.localnav-shop{position:relative}.localnav-shop:after{content:"";position:absolute;inset:-.5rem 0}.scent-buy a{padding-block:.625rem;display:inline-block}}@media (width<=760px){:root{--nav-height:3.25rem}.localnav{gap:1rem}.localnav nav{gap:0}.motion .burn{height:400svh}.motion .statement{height:220svh}.motion .product{height:230svh}.scent img{object-position:var(--focus-narrow,var(--focus,50% 50%))}.motion .beat,.motion .beat:nth-child(2n){inset:auto var(--gutter) 9svh;max-width:none}.motion .burn-stage:after{background:linear-gradient(to top, var(--ground) 28%, #0b0b0900);height:40%}.scent{width:86vw}.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.care{grid-template-columns:minmax(0,1fr)}.care h2{position:static}.care-warning{grid-column:1}.close{background-size:auto 120svh;min-height:110svh}}@media (width<=360px){.localnav{gap:.5rem}.localnav nav a{padding-inline:.375rem}.localnav-shop{padding-inline:.625rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scent img{transform:none}}
