@font-face{font-family:'LUCOL Sans';src:url('lucol-sans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f6f4f1;--ink:#222222;--muted:#68645e;--line:#d3cec5;--yellow:#f2c200}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'LUCOL Sans',sans-serif;font-size:16px;font-weight:300;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #8c6a00;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:20;background:white}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:28px}.logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.logo span{font-family:Georgia,serif;font-size:34px;letter-spacing:.1em}.logo small{font:11px 'LUCOL Sans',sans-serif;letter-spacing:.5em;padding-left:.5em;margin-top:8px}nav{display:flex;gap:38px;font:15px 'LUCOL Sans',sans-serif}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ink)}.header-link{font-size:14px}.header-link span{padding-left:20px}.hero{position:relative;padding:0 5%;display:grid;grid-template-columns:44% 56%;min-height:740px}.hero-copy{align-self:center;padding:50px 0 70px;z-index:1}.eyebrow{font:14px 'LUCOL Sans',sans-serif;letter-spacing:.17em;margin:0 0 32px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.3vw,80px);font-weight:300;line-height:1.6;letter-spacing:.09em;margin-bottom:26px}.hero-desc{font-size:18px;line-height:2;letter-spacing:.13em;margin-bottom:36px}.text-link{display:inline-flex;gap:54px;align-items:center;border-bottom:1px solid var(--ink);font-size:14px;padding:12px 0}.text-link:hover{color:#816300}.hero-visual{align-self:center;position:relative;margin:25px -2vw 45px 0}.hero-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.image-label{display:flex;justify-content:space-between;padding:0 8%;font:12px 'LUCOL Sans',sans-serif;letter-spacing:.12em}.hero-bottom{grid-column:1/-1;width:100%;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:12px 'LUCOL Sans',sans-serif;letter-spacing:.12em}.section{padding:100px 8%}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-bottom:76px;font-size:13px;letter-spacing:.1em}.section-label span:first-child{font-family:'LUCOL Sans',sans-serif}.story{background:#eeebe6}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}h2{font-size:clamp(34px,3.5vw,52px);font-weight:300;line-height:1.7;letter-spacing:.09em}.story-copy{max-width:540px}.story-copy p{margin-bottom:28px;line-height:2.2}.story-copy .lead{font-size:25px;margin-bottom:35px}.philosophy{margin-top:86px;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:10px 60px}.philosophy .eyebrow{grid-column:1}.philosophy>p{grid-column:1;font-size:28px;letter-spacing:.1em;margin:0}.philosophy>div{grid-column:2;grid-row:1/3;line-height:2.2}.product-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:9%}.product-photo{align-self:start;position:sticky;top:60px}.product-photo img{width:100%;height:auto;mix-blend-mode:multiply}.product-photo p{font:12px 'LUCOL Sans',sans-serif;letter-spacing:.14em;text-align:center}.yellow-label{display:inline-block;border-left:24px solid var(--yellow);padding-left:14px;margin-bottom:25px}.product-copy h2{font:300 clamp(56px,6vw,88px)/1.04 'LUCOL Sans',sans-serif;letter-spacing:-.035em;margin-bottom:20px}.period{color:#b88d00}.jp-name{font-size:14px;color:var(--muted)}.product-lead{font-size:24px;line-height:1.8;margin:40px 0 22px}.product-copy>p:not(.eyebrow){max-width:460px}.traits{display:flex;gap:0;margin:28px 0 35px}.traits span{border-right:1px solid var(--line);padding:0 24px;font-size:14px}.traits span:first-child{padding-left:0}.traits span:last-child{border:0}details{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 0;font-size:14px}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p,dl{font-size:14px;color:var(--muted);padding-bottom:20px}dl div{display:grid;grid-template-columns:120px 1fr;padding:8px 0}dd{margin:0}.button{display:flex;justify-content:space-between;background:var(--ink);color:white;padding:19px 25px;margin-top:20px;font-size:15px}.button:hover{background:#4b463e}.howto{background:#eae7e1}.howto-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.howto-intro>p{align-self:center;line-height:2.2}.steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:60px;margin:55px 0 28px}.steps li{display:flex;gap:34px;border-top:1px solid #bcb6ac;padding-top:30px}.step-number{font:300 70px/1 'LUCOL Sans',sans-serif;color:#928a7e}.steps .eyebrow{margin-bottom:10px}.steps h3{font-size:24px;font-weight:400;margin-bottom:18px}.steps p{margin-bottom:0}.note{font-size:13px;color:var(--muted);margin-top:34px}.release{text-align:center;padding-top:115px;padding-bottom:115px;border-bottom:4px solid var(--yellow)}.release .eyebrow{margin-bottom:25px}.release h2{font-size:42px;margin-bottom:25px}.release>p{line-height:2}.stores{display:flex;justify-content:center;gap:20px;margin-top:38px}.stores>span{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);padding:16px 25px;width:255px;font:24px 'LUCOL Sans',sans-serif}.stores small{font:13px 'LUCOL Sans',sans-serif;color:var(--muted)}.company{display:grid;grid-template-columns:1fr 1fr;gap:60px}.company h2{font-size:34px}.company>div:last-child{max-width:530px}footer{padding:45px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{margin:0;font-size:15px;letter-spacing:.12em}footer>small{font:12px 'LUCOL Sans',sans-serif;color:var(--muted)}
@media(min-width:1600px){.hero,.section,header,footer{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:760px){html{scroll-padding-top:24px}header{height:84px;padding:0 6%;gap:15px}.logo span{font-size:29px}.logo small{font-size:10px}nav{gap:18px;font-size:13px}nav a:last-child{display:none}.header-link{display:none}.hero{display:flex;flex-direction:column;padding:0 6%;min-height:0}.hero-copy{align-self:stretch;padding:52px 0 10px}.eyebrow{font-size:12px;margin-bottom:22px}h1{font-size:48px;line-height:1.55;margin-bottom:22px}.hero-desc{font-size:16px;margin-bottom:14px}.text-link{font-size:14px}.hero-visual{width:100%;margin:5px 0 35px}.hero-visual img{width:100%}.image-label{font-size:11px;padding:0 2%}.hero-bottom{font-size:10px;padding:20px 0}.hero-bottom a{font-size:10px}.section{padding:65px 7%}.section-label{font-size:12px;margin-bottom:44px;gap:14px}h2{font-size:36px}.story-grid,.product-grid,.howto-intro,.company{grid-template-columns:1fr;gap:25px}.story-copy .lead{font-size:23px}.story-copy p{line-height:2.1}.philosophy{margin-top:38px;display:block;padding-top:30px}.philosophy>p{font-size:26px;margin-bottom:20px}.philosophy>div{font-size:15px}.product-photo{position:static}.product-grid{gap:45px}.product-copy h2{font-size:64px}.product-lead{margin-top:30px}.howto-intro h2{margin-bottom:0}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps li{gap:27px}.step-number{font-size:56px}.steps h3{font-size:22px}.note{font-size:13px}.release h2{font-size:30px}.release>p{font-size:15px}.stores{flex-direction:column;align-items:center;gap:12px}.stores>span{width:100%;max-width:350px}.company h2{margin-bottom:0}footer{padding:36px 7%;flex-wrap:wrap}footer>small{width:100%}footer p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Supplied brand references */

.logo .logo-art{display:block;position:relative;width:156px;height:48px;overflow:hidden;letter-spacing:0;mix-blend-mode:multiply}
.logo-art img{position:absolute;width:364px;height:auto;max-width:none;left:-104px;top:-97px}
h1,h2:not(.product-copy h2),.story-copy .lead,.product-lead{font-family:'LUCOL Sans',sans-serif;font-weight:400}
.hero.hero-ref{display:block;padding:0;min-height:0}.hero-desktop img{width:100%;height:auto;display:block}.hero-mobile{display:none}.hero-ref .hero-bottom{width:90%;margin:auto}
.story{background:#211e18;color:#f6f4f1}.story .section-label,.story .philosophy{border-color:#5b554c}.story .eyebrow{color:#f9c63c}.story-copy p,.philosophy>div{color:#ddd6cb}
.product-photo img{mix-blend-mode:multiply}.howto-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:35px}.sachet-photo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.howto-layout .steps{grid-template-columns:1fr;gap:35px;margin:0}.howto-layout .steps li{padding-top:25px}.sachet-photo{max-width:480px}
@media(max-width:760px){.logo .logo-art{width:128px;height:40px}.logo-art img{width:299px;left:-86px;top:-80px}header nav{gap:16px}.hero-desktop{display:none}.hero-mobile{display:block;text-align:center;padding:40px 6% 0}.hero-mobile h1{font-size:clamp(25px,7.5vw,37px);white-space:nowrap;letter-spacing:.03em;margin-bottom:16px}.hero-mobile p:not(.eyebrow){font-size:14px}.hero-mobile img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero-mobile .eyebrow{margin-bottom:18px}.howto-layout{grid-template-columns:1fr;gap:36px}.sachet-photo{max-width:420px;margin:auto}.hero-ref .hero-bottom{width:88%}}

/* Unified campaign typography */
body{font-weight:400;line-height:1.95;letter-spacing:.025em}
h1,h2,h3,.product-copy h2,.story-copy .lead,.product-lead{font-family:'LUCOL Sans',sans-serif;font-weight:500;letter-spacing:.035em}
h2{font-size:clamp(32px,3.5vw,50px);line-height:1.65}.product-copy h2{font-size:clamp(52px,5.4vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.025em}
.eyebrow,.section-label{font-weight:500}.eyebrow{font-size:13px;letter-spacing:.12em}nav{font-weight:500}.story-copy p{line-height:2.15}.story-copy .lead,.product-lead{font-weight:500}.step-number{font-weight:400}.steps h3{font-weight:500}
.hero.hero-unified{display:grid;grid-template-columns:43% 57%;gap:0;padding:55px 5% 0;min-height:680px;align-items:center}.hero-unified .hero-copy{padding:20px 30px 55px 0}.hero-unified h1{font-size:clamp(46px,5.4vw,78px);font-weight:500;line-height:1.5;letter-spacing:.035em}.hero-unified .hero-desc{font-size:24px;font-weight:500;line-height:1.8;letter-spacing:.03em;margin-bottom:18px}.hero-sub{color:var(--muted);margin-bottom:20px}.hero-unified .hero-bottom{margin-top:40px}
.campaign-crop{position:relative;overflow:hidden;min-width:0}.campaign-crop img{position:absolute;display:block;width:100%;height:auto;max-width:none}.hero-image{aspect-ratio:1.72}.hero-image img{bottom:0}.howto-image{aspect-ratio:1.65}.howto-image img{top:-44%}.daily-strip{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin-top:75px;padding-top:55px;border-top:1px solid var(--line)}.daily-image{aspect-ratio:1.65}.daily-image img{bottom:0}.daily-strip h3{font-size:30px;line-height:1.7}.daily-strip p{font-size:16px}
@media(max-width:760px){header{height:auto;min-height:84px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}nav{flex-wrap:wrap}.hero.hero-unified{display:flex;padding:38px 6% 0;min-height:0;gap:0}.hero-unified .hero-copy{padding:0 0 24px;align-self:stretch}.hero-unified h1{font-size:46px;line-height:1.5}.hero-unified .hero-desc{font-size:21px}.hero-sub{font-size:16px}.hero-image{width:100%;aspect-ratio:1.72}.hero-unified .hero-bottom{margin-top:28px;gap:12px;flex-wrap:wrap;font-size:12px}.hero-bottom a{font-size:12px}.section{padding:60px 7%}.section-label{margin-bottom:38px}.howto-layout{gap:32px}.daily-strip{grid-template-columns:1fr;gap:28px;margin-top:45px;padding-top:35px}.daily-strip h3{font-size:27px}.product-copy h2{font-size:56px}.image-label{font-size:12px}.stores small{font-size:14px}.logo .logo-art{min-width:128px}}

.product-photo img{display:block;width:100%;height:auto;mix-blend-mode:normal}

/* Phrase-aware Japanese wrapping at every viewport width. */
.phrase{display:inline-block;max-width:100%;vertical-align:baseline;white-space:normal;overflow-wrap:anywhere}
p,.philosophy>div,dd{line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
h1,h2,h3{line-break:strict;word-break:normal;text-wrap:balance}
.story-copy p{line-height:2}.philosophy>div{line-height:2}
.story-grid>*,.product-grid>*,.howto-intro>*,.company>*,.daily-strip>*{min-width:0}
@media(max-width:760px){body{letter-spacing:.015em}.story-copy p,.philosophy>div{line-height:1.95}.company p,.product-copy>p{line-height:1.95}.section-label{flex-wrap:wrap}.hero-unified .hero-desc{letter-spacing:.02em}.product-copy .jp-name{font-size:14px;letter-spacing:0}.daily-strip p{line-height:1.95}}

/* Refined key visual and intentional product-copy lines. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero.hero-keyvisual{display:block;padding:0;min-height:0}.keyvisual-desktop img{display:block;width:100%;height:auto}.keyvisual-mobile{display:none}.hero-keyvisual .hero-bottom{width:90%;margin:0 auto;gap:18px;flex-wrap:wrap}
.product-copy .product-lead{font-size:clamp(18px,2vw,24px);line-height:1.85;letter-spacing:.015em}.copy-line{display:block}
@media(max-width:760px){.keyvisual-desktop{display:none}.keyvisual-mobile{display:block}.keyvisual-copy{padding:40px 7% 18px}.keyvisual-copy .eyebrow{margin-bottom:20px}.keyvisual-copy h2{font-size:clamp(24px,6.8vw,42px);letter-spacing:.025em;margin-bottom:20px}.keyvisual-copy p:last-child{font-size:18px;line-height:1.9;margin:0}.keyvisual-product{position:relative;overflow:hidden;aspect-ratio:1.1}.keyvisual-product img{display:block;position:absolute;width:200%;height:auto;max-width:none;right:0;bottom:0}.product-copy .product-lead{font-size:clamp(18px,5.1vw,24px);letter-spacing:0;line-height:1.85}.hero-keyvisual .hero-bottom{width:86%;font-size:12px}}