/* Local-first typography keeps the site stable and gives it a more lived-in editorial feel. */
:root{--ink:#29342d;--muted:#737d73;--paper:#f3f0e8;--cream:#e7e5d8;--sage:#b6c0aa;--line:rgba(41,52,45,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.logo{display:flex;flex-direction:column;line-height:1;letter-spacing:.1em}.logo span{font-size:27px;letter-spacing:.2em}.logo small{font-size:8px;letter-spacing:.2em;margin-top:8px}.global-nav{display:flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.04em}.global-nav a{opacity:.65;transition:opacity .2s}.global-nav a:hover,.global-nav .active{opacity:1}.nav-icon{font-size:11px;text-transform:uppercase;margin-left:10px}.nav-icon sup{color:#b16c52;font-size:9px}.menu-toggle{display:none;background:none;border:0}.eyebrow{font-size:10px;letter-spacing:.22em;margin:0 0 22px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Noto Serif JP',serif;font-weight:500;line-height:1.35}h1{font-size:clamp(42px,6vw,78px);letter-spacing:.04em;margin-bottom:25px}h2{font-size:clamp(30px,4vw,48px);letter-spacing:.04em}h3{font-size:22px}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:43% 57%;overflow:hidden}.hero-copy{padding:13vh 8vw 10vh 11vw;display:flex;flex-direction:column;justify-content:center}.hero-copy h1 em,.page-hero h1 em,.about-hero h1 em{font-style:normal;color:#9d6e56}.hero-text{color:var(--muted);line-height:2;margin-bottom:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;width:200px;padding:13px 18px;border:1px solid var(--ink);font-size:12px;letter-spacing:.08em;transition:.25s}.button span{font-size:18px;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:transparent;color:var(--ink)}.button-light{border-color:var(--paper);color:var(--paper)}.button-light:hover{background:var(--paper);color:var(--ink)}.hero-art{background:var(--sage);position:relative;overflow:hidden;min-height:570px}.sun{width:33vw;height:33vw;max-width:490px;max-height:490px;min-width:300px;min-height:300px;background:#d7b49a;border-radius:50%;position:absolute;top:10%;left:20%}.incense-box{position:absolute;width:245px;height:330px;bottom:8%;left:42%;background:#eeece3;box-shadow:20px 30px 45px #717c6c77;transform:rotate(8deg);padding:65px 35px;color:#ab765b}.incense-box div{font-size:55px;letter-spacing:.18em;border-bottom:1px solid #ab765b;padding-bottom:11px}.incense-box small{font-size:9px;display:block;letter-spacing:.2em;margin-top:17px}.stick{position:absolute;width:2px;height:280px;background:#7d513e;bottom:23%;left:40%;transform:rotate(28deg)}.stick-two{height:250px;left:61%;bottom:17%;transform:rotate(-17deg)}.ash{position:absolute;width:120px;height:24px;border-radius:50%;background:#837c6c;bottom:12%;left:47%;transform:rotate(-8deg);filter:blur(3px)}.smoke{position:absolute;width:115px;height:290px;border-left:2px solid #f0ede3aa;border-radius:50%;filter:blur(3px);transform:rotate(21deg);z-index:1}.smoke-one{left:41%;top:4%}.smoke-two{left:50%;top:0;transform:rotate(-25deg);height:350px}.vertical-copy{position:absolute;right:6%;bottom:14%;writing-mode:vertical-rl;font-family:'Noto Serif JP';letter-spacing:.2em;color:#465746}.section-pad{padding:125px 11vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#e5e5d9}.intro-body{padding-top:26px;max-width:420px;color:var(--muted)}.intro-body p{margin-bottom:40px}.text-link{font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-flex;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:12px}.product-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-visual{height:390px;position:relative;display:flex;align-items:end;padding:25px;color:#f5f0e7;overflow:hidden}.product-visual:after{content:'';position:absolute;width:2px;height:240px;background:#51473c;left:50%;bottom:15%;transform:rotate(16deg);box-shadow:0 0 0 1px #51473c22}.product-visual span{font-size:10px;letter-spacing:.16em;position:relative;z-index:1}.visual-sora{background:linear-gradient(145deg,#b5c5c0 0%,#d4d5c4 47%,#77908b 100%)}.visual-tsuki{background:linear-gradient(145deg,#69616a,#b5a4a0 55%,#4a5350)}.visual-mori{background:linear-gradient(145deg,#819184,#c1c6a9 52%,#415348)}.product-card{display:block}.product-card:hover .product-visual:before{transform:scale(1.1)}.product-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#ffffff33,transparent 28%);transition:.4s}.product-info{display:flex;justify-content:space-between;gap:10px;padding-top:17px}.product-info h3{font-size:18px;margin-bottom:2px}.product-info p,.product-info strong{font-size:11px;color:var(--muted);font-weight:400}.product-info strong{color:var(--ink);padding-top:7px}.story-banner{min-height:530px;background:linear-gradient(90deg,#38483e 0%,#657466 50%,#aa9d83 100%);color:var(--paper);padding:120px 11vw;display:flex;align-items:center}.story-banner .eyebrow{color:#d9ddcf}.story-banner h2{font-size:clamp(34px,4.5vw,58px);margin-bottom:40px}.site-footer{background:var(--ink);color:var(--paper);padding:65px 7vw 28px}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:30px;padding-bottom:80px}.logo-light{color:var(--paper)}.footer-nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px;font-size:12px;opacity:.8}.newsletter p{font-family:'Noto Serif JP';margin:0 0 13px}.newsletter div{display:flex;border-bottom:1px solid #bfc7bb77}.newsletter input{width:100%;padding:9px 0;background:none;border:0;outline:0;color:#fff}.newsletter button{background:none;border:0;color:#fff;font-size:20px}.footer-bottom{border-top:1px solid #bfc7bb44;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;opacity:.65}
.page-hero{padding:110px 11vw 100px;background:#e2e3d6;min-height:430px}.page-hero h1{font-size:clamp(54px,8vw,100px);margin-bottom:20px}.page-hero>p:last-child{position:absolute;right:13vw;top:245px;color:var(--muted)}.catalog{padding-top:75px}.filter-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:50px}.filter-row p{font-family:'Noto Serif JP';margin:0}.filter-row p span{font:11px 'DM Sans';color:var(--muted)}.filter{border:0;background:transparent;color:var(--muted);margin-left:20px;padding:5px;cursor:pointer}.filter.active{color:var(--ink);border-bottom:1px solid var(--ink)}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:60px 25px}.catalog-grid .product-visual{height:510px}.gift-note,.visit-note{text-align:center;padding:105px 20px;background:#d6ddcf}.gift-note h2,.visit-note h2{margin-bottom:15px}.gift-note p,.visit-note p{color:var(--muted)}.gift-note .text-link{margin-top:20px}.about-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 11vw;background:#e0e1d5}.about-hero h1{font-size:clamp(46px,6vw,78px)}.about-circle{width:min(34vw,430px);height:min(34vw,430px);border-radius:50%;background:#adbea8;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Noto Serif JP';font-size:20px;letter-spacing:.1em}.about-circle .smoke{left:44%;top:3%;height:350px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.manifesto h2{font-size:clamp(33px,4vw,55px);margin:0}.manifesto-copy{padding-top:25px;max-width:440px;color:var(--muted)}.manifesto-copy p{margin-bottom:25px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.values>div{background:#e8e8dc;padding:75px 8vw 95px}.values h3{font-size:29px;margin:0 0 28px}.values p:last-child{color:var(--muted);font-size:13px}.access-title{background:#d9d5c6}.access-content{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center}.map-art{height:500px;background:#d7dacc;position:relative;overflow:hidden}.map-road{position:absolute;background:#f3f0e8;width:125%;height:68px;transform:rotate(35deg);top:40%;left:-10%}.road-two{transform:rotate(-28deg);top:62%;left:-10%;height:45px}.road-three{transform:rotate(78deg);top:-10%;left:49%;height:35px}.map-pin{position:absolute;top:48%;left:50%;width:58px;height:58px;background:#ad765d;color:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;justify-content:center;align-items:center;font-size:25px}.map-pin::first-letter{transform:rotate(45deg)}.map-label{position:absolute;top:16%;left:16%;font-family:'Noto Serif JP';font-size:24px;color:#879485}.label-near{top:76%;left:66%;font-size:13px}.shop-info h2{font-size:36px;margin-bottom:28px}.shop-info>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-bottom:32px}.shop-info dl{border-top:1px solid var(--line);margin:0 0 35px;padding-top:17px;display:grid;grid-template-columns:90px 1fr;font-size:12px}.shop-info dt{color:var(--muted);margin-bottom:10px}.shop-info dd{margin:0 0 10px}.visit-note{background:#b9c5af;padding:110px 20px}.visit-note .eyebrow{color:#586555}
@media(max-width:760px){.site-header{height:75px;padding:0 7vw}.logo span{font-size:23px}.global-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px 7vw 30px;flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 10px 20px #0000000b}.global-nav.open{display:flex}.global-nav .nav-icon{margin-left:0}.menu-toggle{display:block;width:30px;height:25px;padding:2px 0;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0}.hero{display:block;min-height:0}.hero-copy{padding:85px 11vw 80px}.hero-art{min-height:475px}.sun{width:330px;height:330px;left:9%;top:10%}.incense-box{width:190px;height:260px;left:32%;bottom:9%;padding:49px 27px}.incense-box div{font-size:43px}.stick{bottom:22%;left:30%;height:225px}.stick-two{left:66%;height:215px}.vertical-copy{right:6%;bottom:14%;font-size:12px}.section-pad{padding:80px 8vw}.intro,.manifesto,.access-content{display:block}.intro-body,.manifesto-copy{padding-top:20px;margin-top:30px}.section-heading{align-items:start;gap:15px}.section-heading .text-link{margin-top:10px;white-space:nowrap}.product-grid,.catalog-grid{grid-template-columns:1fr;gap:42px}.product-visual{height:360px}.story-banner{min-height:450px;padding:80px 11vw}.footer-top{grid-template-columns:1fr;gap:45px;padding-bottom:55px}.footer-nav{max-width:300px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding:80px 8vw;min-height:350px}.page-hero>p:last-child{position:static;margin-top:45px}.catalog{padding-top:55px}.filter-row{display:block}.filter-row>div{margin-top:15px}.filter{margin-left:0;margin-right:17px}.catalog-grid .product-visual{height:420px}.about-hero{min-height:650px;display:block;padding:80px 8vw}.about-circle{width:290px;height:290px;margin:35px auto 0;font-size:16px}.about-circle .smoke{height:280px}.values{display:block}.values>div{padding:55px 12vw}.access-content{padding-top:55px}.map-art{height:330px;margin-bottom:55px}.shop-info{padding:0 3vw}.visit-note{padding:80px 20px}}

/* Final visual system: warm, quiet and editorial */
:root{--ink:#312a25;--muted:#81766d;--paper:#f7f4ed;--sage:#b8b6a8;--accent:#aa6952;--line:rgba(49,42,37,.16)}
body{line-height:2;color:var(--ink);background:var(--paper)}
.global-nav{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.global-nav .active{color:var(--accent)}
.eyebrow{letter-spacing:.28em;line-height:1.2}.footer-hours{grid-column:1/-1;color:#c5b9ae;font-size:11px;line-height:1.7;margin:14px 0 0!important}
.page-hero,.about-hero{background:#ece8df}.access-title{background:#e5dfd4}.intro{background:#ece8df}.values>div{background:#eeeae2}.gift-note{background:#e4ded3}.visit-note{background:#d2c5b5}.story-banner{background:linear-gradient(105deg,#463a32 0%,#62574c 52%,#9b7764 100%)}
.product-visual{box-shadow:0 14px 28px rgba(49,42,37,.08)}.product-card:hover .product-visual{box-shadow:0 20px 36px rgba(49,42,37,.15)}
.hero-art{background-image:linear-gradient(90deg,rgba(49,42,37,.38),rgba(49,42,37,.02) 65%),url('images/hero-store.jpg');background-size:cover;background-position:center}.hero-art .sun,.hero-art .incense-box,.hero-art .stick,.hero-art .stick-two,.hero-art .ash{display:none}.hero-art .smoke{display:none}.access-cta p:not(.eyebrow){color:#e8ded5;margin:0 0 28px}.access-cta{background:linear-gradient(105deg,#463a32 0%,#62574c 52%,#9b7764 100%)}
.global-nav{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:500;letter-spacing:.16em}.eyebrow{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:600;letter-spacing:.3em}h1,h2,h3{font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:400;letter-spacing:.01em}h1{font-size:clamp(44px,6.6vw,82px);line-height:1.12}.hero-text,.intro-body,.manifesto-copy,.shop-info,.visit-note,.gift-note{font-family:Arial,'Helvetica Neue','Yu Gothic',sans-serif}.product-info h3{font-family:Arial,'Helvetica Neue','Yu Gothic',sans-serif;font-weight:500;letter-spacing:.03em}.text-link,.button{font-family:Arial,'Helvetica Neue',sans-serif;font-size:11px;letter-spacing:.14em}.product-info p{font-family:Arial,'Helvetica Neue','Yu Gothic',sans-serif;letter-spacing:.03em}.site-footer{font-family:Arial,'Helvetica Neue','Yu Gothic',sans-serif}
