:root{--ink:#171714;--paper:#f1efe7;--red:#a33a2b;--line:#1717142b;--sans:"Noto Sans JP",sans-serif;--serif:"Noto Serif JP",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.kasane-menu-open{overflow:hidden}body.kasane-body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.kasane-progress{height:2px;position:fixed;inset:0 0 auto;z-index:100000}.kasane-progress i{display:block;background:var(--red);height:100%;transform:scaleX(0);transform-origin:left}
.kasane-nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);position:absolute;z-index:30;width:100%}.kasane-wordmark{font-size:25px;letter-spacing:.34em;font-weight:560}.kasane-nav-note,.kasane-eyebrow,.kasane-label{font-size:9px;letter-spacing:.22em}.kasane-menu{justify-self:end;width:46px;height:46px;border:0;background:transparent;display:grid;place-content:center;gap:7px;cursor:pointer;z-index:32}.kasane-menu i{width:25px;height:1px;background:currentColor;display:block;transition:.4s}.kasane-menu.is-open i:first-child{transform:translateY(4px) rotate(45deg)}.kasane-menu.is-open i:last-child{transform:translateY(-4px) rotate(-45deg)}
.kasane-overlay{position:fixed;inset:0;background:#20241f;color:#efede5;z-index:25;padding:18vh 8vw 6vh;display:flex;justify-content:space-between;align-items:flex-end;visibility:hidden;opacity:0;transition:.5s}.kasane-overlay.show{visibility:visible;opacity:1}.kasane-overlay nav{width:min(800px,75%)}.kasane-overlay nav a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-bottom:1px solid #ffffff35;padding:14px 0;transform:translateY(20px);transition:.45s}.kasane-overlay.show nav a{transform:none}.kasane-overlay nav small{font-size:9px}.kasane-overlay nav span{font-family:var(--serif);font-size:clamp(34px,5vw,70px)}.kasane-overlay nav b{font-weight:400}.kasane-overlay>p{font-size:9px;line-height:1.9;letter-spacing:.18em}
.kasane-hero{min-height:100svh;padding:clamp(130px,15vh,190px) 3vw 4vh;display:grid;grid-template-columns:45% 55%;align-items:end}.kasane-hero-copy{align-self:center;padding:5vh 3vw 0 4vw}.kasane-eyebrow{margin:0 0 12vh}.kasane-hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:1.05;font-size:clamp(56px,7vw,118px);margin:0}.kasane-hero h1 em{color:var(--red);font-style:normal}.kasane-intro{margin:8vh 0 0 10vw;font-family:var(--serif);line-height:2.1;letter-spacing:.08em;font-size:14px}.kasane-hero-visual{margin:0;height:min(76vh,850px);overflow:hidden;position:relative}.kasane-image-wrap{height:calc(100% - 38px);overflow:hidden;background:#d7d2c7}.kasane-hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(.93);animation:heroIn 1.6s cubic-bezier(.2,.8,.2,1) both}.kasane-hero-visual figcaption{height:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:30px;font-size:8px;letter-spacing:.17em}
.kasane-philosophy{min-height:110vh;padding:24vh 8vw 16vh;display:grid;grid-template-columns:10% 55% 35%;align-items:center}.kasane-vertical{writing-mode:vertical-rl;font-size:9px;letter-spacing:.23em;align-self:start}.kasane-big-ja{font-family:var(--serif);font-size:clamp(48px,6.4vw,104px);line-height:1.24;letter-spacing:-.07em;margin:0}.kasane-big-ja span{color:var(--red)}.kasane-philo-copy{align-self:end;max-width:330px;padding-bottom:5vh}.kasane-philo-copy b{font-family:var(--serif);font-size:18px;font-weight:500}.kasane-philo-copy p{font-family:var(--serif);font-size:13px;line-height:2.25;letter-spacing:.06em;margin:28px 0}.kasane-text-link{font-size:10px;letter-spacing:.18em;border-bottom:1px solid;padding-bottom:9px}.kasane-text-link span{margin-left:28px}
.kasane-collection{padding:15vh 3vw 20vh;border-top:1px solid var(--line)}.kasane-section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:12vh}.kasane-section-head p,.kasane-section-head span{font-size:9px;letter-spacing:.2em;margin:0}.kasane-section-head span{text-align:right}.kasane-section-head h2{font-family:var(--serif);font-size:clamp(36px,4.2vw,70px);font-weight:400;margin:0;letter-spacing:-.04em}.kasane-collection-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2vw;align-items:start}.kasane-card.wide{grid-column:1/8}.kasane-card.tall{grid-column:9/13;margin-top:26vh}.kasane-card.small{grid-column:3/7;margin-top:12vh}.kasane-card-image{overflow:hidden;position:relative;background:#ddd8ce}.wide .kasane-card-image{aspect-ratio:1.3}.tall .kasane-card-image{aspect-ratio:.72}.small .kasane-card-image{aspect-ratio:1.05}.kasane-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .5s}.kasane-card-image span{position:absolute;inset:auto 16px 16px auto;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--paper);font-size:8px;line-height:1.7;letter-spacing:.12em;opacity:0;transform:scale(.6);transition:.5s}.kasane-card a:hover .kasane-card-image img{transform:scale(1.045);filter:saturate(.9)}.kasane-card a:hover .kasane-card-image span{opacity:1;transform:scale(1)}.kasane-card-meta{display:grid;grid-template-columns:38px 1fr;gap:4px;padding-top:20px}.kasane-card-meta small{font-size:9px}.kasane-card-meta h3{font-family:var(--serif);font-size:clamp(30px,3vw,48px);font-weight:400;margin:0}.kasane-card-meta h3 sup{font-family:var(--sans);font-size:8px;letter-spacing:.17em;margin-left:12px}.kasane-card-meta p{grid-column:2;font-family:var(--serif);font-size:12px;letter-spacing:.07em;margin:8px 0}
.kasane-interlude{height:100svh;position:relative;overflow:hidden;color:white}.kasane-interlude:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e100e96,transparent 65%)}.kasane-interlude>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.75);transition:transform 8s ease}.kasane-interlude:hover>img{transform:scale(1.035)}.kasane-interlude-copy{position:absolute;inset:auto auto 12vh 8vw;z-index:1}.kasane-interlude-copy p{font-size:9px;letter-spacing:.22em}.kasane-interlude-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,94px);line-height:1.2;letter-spacing:-.06em;margin:5vh 0}.kasane-interlude-copy span{font-family:var(--serif);font-size:13px;letter-spacing:.1em}
.kasane-featured{padding:20vh 6vw;display:grid;grid-template-columns:38% 62%;gap:5vw}.kasane-feature-copy{position:sticky;top:14vh;height:max-content;padding:5vh 5vw 0 3vw}.kasane-feature-copy h2{font-family:var(--serif);font-size:clamp(60px,7vw,110px);font-weight:400;line-height:1.02;letter-spacing:-.08em;margin:6vh 0}.kasane-maker{font-size:8px;letter-spacing:.18em;line-height:1.8}.kasane-description{font-family:var(--serif);font-size:13px;line-height:2.2;letter-spacing:.06em;max-width:380px;margin:5vh 0}.kasane-price{font-size:15px;letter-spacing:.08em}.kasane-price small{font-size:8px;margin-left:6px}.kasane-circle-link{width:112px;height:112px;border:1px solid currentColor;border-radius:50%;background:transparent;margin-top:4vh;font-family:var(--serif);cursor:pointer;transition:.45s;display:grid;place-content:center;text-align:center}.kasane-circle-link:hover{background:var(--ink);color:var(--paper);transform:rotate(-7deg)}.kasane-circle-link span{margin-left:9px}.kasane-feature-images{display:grid;gap:18vh}.kasane-feature-images figure{margin:0}.kasane-feature-images figure:first-child{width:78%;margin-left:auto}.kasane-feature-images figure:last-child{width:60%}.kasane-feature-images img{width:100%;display:block;max-height:100vh;object-fit:cover;filter:saturate(.6)}.kasane-feature-images figcaption{font-size:8px;letter-spacing:.2em;padding-top:10px;text-align:right}
.kasane-quote{min-height:95vh;background:#9e382b;color:#f4eee4;display:grid;place-content:center;text-align:center;padding:10vw}.kasane-quote p{font-family:var(--serif);font-size:clamp(40px,5vw,82px);line-height:1.45;letter-spacing:-.045em;margin:0}.kasane-quote em{font-style:normal;color:#171714}.kasane-quote span{font-size:8px;letter-spacing:.25em;margin-top:10vh}
.kasane-journal{padding:20vh 6vw}.kasane-journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.kasane-journal-grid article:nth-child(2){margin-top:24vh}.kasane-journal-img{overflow:hidden;margin-bottom:18px}.kasane-journal-grid article:first-child .kasane-journal-img{aspect-ratio:1.25}.kasane-journal-grid article:nth-child(2) .kasane-journal-img{aspect-ratio:.9}.kasane-journal-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform 1s}.kasane-journal-grid a:hover img{transform:scale(1.04)}.kasane-journal-grid small{font-size:8px;letter-spacing:.17em}.kasane-journal-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.5vw,40px);margin:20px 0 12px;letter-spacing:-.03em}.kasane-journal-grid p{font-family:var(--serif);font-size:12px;letter-spacing:.08em}
.kasane-newsletter{margin:0 3vw 3vw;padding:14vh 8vw;background:#d9d4c5;display:grid;grid-template-columns:1fr 2fr;gap:6vw}.kasane-newsletter>p{font-size:9px;letter-spacing:.2em}.kasane-newsletter h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.6vw,70px);line-height:1.35;margin:0 0 7vh}.kasane-newsletter form{grid-column:2;display:flex;border-bottom:1px solid}.kasane-newsletter label{flex:1}.kasane-newsletter label span{display:none}.kasane-newsletter input{width:100%;border:0;background:transparent;padding:18px 4px;outline:none;font-size:10px;letter-spacing:.17em}.kasane-newsletter button{border:0;background:transparent;cursor:pointer;font-size:10px;letter-spacing:.12em}
.kasane-footer{background:#1f231f;color:#eeece3;padding:14vh 4vw 3vh}.kasane-footer-mark{font-size:clamp(80px,18vw,280px);letter-spacing:.18em;line-height:.8;border-bottom:1px solid #ffffff40;padding-bottom:8vh;white-space:nowrap}.kasane-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:4vw;padding:8vh 0 12vh}.kasane-footer-grid p,.kasane-footer-grid a{font-size:9px;line-height:2;letter-spacing:.13em}.kasane-footer-grid nav{display:flex;flex-direction:column}.kasane-copyright{border-top:1px solid #ffffff40;padding-top:3vh;font-size:8px;letter-spacing:.16em;display:flex;justify-content:space-between}
[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}[data-reveal].seen{opacity:1;transform:none}@keyframes heroIn{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.kasane-nav{height:70px;padding:0 20px}.kasane-nav-note{display:none}.kasane-wordmark{font-size:20px}.kasane-overlay{padding:16vh 24px 5vh;display:block}.kasane-overlay nav{width:100%}.kasane-overlay>p{position:absolute;bottom:5vh}.kasane-hero{display:block;padding:118px 20px 28px}.kasane-hero-copy{padding:0}.kasane-eyebrow{margin-bottom:52px}.kasane-hero h1{font-size:15.5vw}.kasane-intro{margin:38px 0 52px 18vw}.kasane-hero-visual{height:58svh}.kasane-hero-visual figcaption{gap:8px}.kasane-hero-visual figcaption span:nth-child(2){display:none}.kasane-philosophy{padding:18vh 24px;display:grid;grid-template-columns:12% 88%;min-height:100svh}.kasane-big-ja{font-size:14vw}.kasane-philo-copy{grid-column:2;padding:16vh 0 0 18vw}.kasane-collection{padding:12vh 20px}.kasane-section-head{display:block;margin-bottom:8vh}.kasane-section-head h2{margin:20px 0}.kasane-section-head span{display:none}.kasane-collection-grid{display:block}.kasane-card{margin:0 0 18vh!important}.kasane-card.tall{width:78%;margin-left:auto!important}.kasane-card.small{width:75%}.kasane-interlude{height:85svh}.kasane-interlude-copy{left:24px;bottom:10vh}.kasane-interlude-copy h2{font-size:12vw}.kasane-featured{padding:14vh 24px;display:block}.kasane-feature-copy{position:relative;top:auto;padding:0 0 12vh}.kasane-feature-images{gap:10vh}.kasane-feature-images figure:first-child{width:86%}.kasane-feature-images figure:last-child{width:70%}.kasane-quote{min-height:76svh}.kasane-quote p{font-size:9.8vw}.kasane-journal{padding:14vh 20px}.kasane-journal-grid{display:block}.kasane-journal-grid article{margin:0 0 14vh!important}.kasane-newsletter{margin:0;padding:12vh 24px;display:block}.kasane-newsletter form{margin-top:8vh}.kasane-footer-mark{font-size:20vw;letter-spacing:.1em}.kasane-footer-grid{grid-template-columns:1fr 1fr}.kasane-footer-grid p:first-child{grid-column:1/3}.kasane-copyright{line-height:1.6}.kasane-copyright a{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}