:root{--paper:#f5f1e7;--ink:#2f281e;--ochre:#eac158;--brown:#483528;--line:#d7d0c2;--muted:#706657;--space:clamp(80px,9vw,130px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #936c19;outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}a,button{touch-action:manipulation}.skip-link{position:absolute;top:-100px;left:24px;background:var(--ink);color:var(--paper);padding:12px;z-index:20}.skip-link:focus{top:12px}.announcement{background:var(--ochre);text-align:center;font-size:12px;letter-spacing:.13em;padding:7px 20px}.announcement span{margin-left:22px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.16em}.header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;flex-direction:column;line-height:1.3}.brand-jp{font-family:"Yu Mincho",serif;letter-spacing:.19em;font-size:28px}.brand-en{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.25em;margin-top:9px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:"";display:block;position:absolute;bottom:-6px;height:1px;background:var(--ink);width:0;transition:width .25s}.header nav a:hover:after{width:100%}.header-note{font:11px Arial,sans-serif;letter-spacing:.12em}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{padding:22px 4% 0}.hero-top{display:flex;justify-content:space-between;font:11px Arial,sans-serif;letter-spacing:.13em;margin-bottom:26px}.hero-top span:last-child{font-family:inherit}.hero-grid{display:grid;grid-template-columns:42% 58%;min-height:470px;gap:0}.hero-copy{display:flex;flex-direction:column;padding:24px 28px 0 0}.eyebrow{font-size:12px;letter-spacing:.15em}.hero h1{font-size:clamp(37px,3.7vw,60px);line-height:1.58;letter-spacing:.06em;margin:17px 0 21px}.hero-description{font-size:14px;line-height:2.15;letter-spacing:.035em}.round-link{display:flex;align-items:center;justify-content:space-between;max-width:272px;gap:16px;font-size:14px;margin-top:28px}.arrow{border:1px solid var(--ink);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font:22px Georgia;transition:background .25s,transform .25s}.round-link:hover .arrow{background:var(--ochre);transform:rotate(45deg)}.hero-caption{display:flex;align-items:center;justify-content:space-between;max-width:310px;margin-top:auto;padding-top:30px;font:10px/1.7 Arial;letter-spacing:.11em}.sun-mark{font:60px Georgia;line-height:1;color:#9a701d}.hero-photo{position:relative;overflow:hidden;min-height:470px}.hero-photo img{height:100%;max-height:590px}.hero-photo figcaption{position:absolute;bottom:22px;left:26px;right:26px;color:white;display:flex;justify-content:space-between;font-size:12px;text-shadow:0 1px 8px #000}.hero-photo figcaption span{font:10px Arial;letter-spacing:.14em}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:clamp(80px,18vw,270px);line-height:1.05;letter-spacing:-.067em;text-align:center;position:relative;margin:22px 0 0;font-weight:400}.wordmark span{display:inline-block;vertical-align:top;font:20px Arial;letter-spacing:0;margin-top:3.5%;margin-left:10px}.section-pad{padding-block:var(--space);padding-inline:4%}.story{border-top:1px solid var(--line);display:grid;grid-template-columns:25% 57% 18%;margin-top:30px}.story h2{font-size:clamp(27px,3vw,43px);line-height:1.8;letter-spacing:.06em;margin-top:-13px;margin-bottom:30px}.story-text p{line-height:2.3;color:var(--muted);margin-bottom:24px}.story-side{font:15px/1.5 Georgia;text-align:right;padding-top:10px}footer{padding:48px 4% 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.footer-brand{font-family:"Yu Mincho",serif;font-size:27px;letter-spacing:.14em}.footer-brand span{display:block;font:10px Arial;letter-spacing:.2em;margin-top:8px}footer p{font-size:12px;color:var(--muted);text-align:right}footer small{font:10px Arial;letter-spacing:.1em}.back-top{font-size:12px;text-align:right}
.coffee{background:var(--ochre)}.coffee-intro{display:grid;grid-template-columns:35% 65%;gap:0;align-items:center}.coffee-intro>div{padding-right:30px}.coffee h2{font-size:clamp(36px,4vw,60px);line-height:1.55;letter-spacing:.05em;margin:23px 0}.coffee-intro p:not(.eyebrow){font-size:16px;line-height:2.1}.coffee-note{display:block;font:11px/1.8 Arial;letter-spacing:.1em;margin-top:28px}.coffee-photo{overflow:hidden}.coffee-photo img{aspect-ratio:1.5;object-fit:cover}.coffee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}.coffee-item{border-top:1px solid #947327;padding-top:22px}.coffee-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font:11px Arial;letter-spacing:.07em}.roast{font-family:"Yu Gothic",sans-serif;font-size:12px;border:1px solid #aa873c;border-radius:30px;padding:3px 10px;white-space:nowrap}.coffee-item h3{font-family:"Yu Mincho",serif;font-weight:500;font-size:27px;letter-spacing:.05em;margin:17px 0 12px}.coffee-item p{font-size:15px;line-height:2}.taste{display:flex;flex-direction:column;gap:15px;margin-top:28px;font:10px Arial;letter-spacing:.09em}.taste span:last-child{font-size:14px;letter-spacing:.02em}.demo-note{font-size:12px;margin-top:32px;color:#574520}.ritual{background:var(--brown);color:var(--paper)}.ritual-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.ritual h2{font-size:clamp(32px,3.5vw,49px);line-height:1.75;letter-spacing:.055em;margin-top:25px}.ritual-heading>p{font-size:16px;line-height:2.2;color:#e2d5c2;padding-bottom:10px}.ritual-steps{list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.ritual-steps li{border-top:1px solid #85725e;padding-top:22px}.step-number{font:italic 31px Georgia;color:var(--ochre)}.ritual-steps h3{font:500 23px "Yu Mincho",serif;margin:18px 0}.ritual-steps p{font-size:16px;line-height:2.1;color:#e2d5c2;max-width:340px}.step-caption{display:block;font:10px Arial;letter-spacing:.12em;color:#d5bf9e;margin-top:30px}.ritual-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #85725e;padding-top:28px;margin-top:65px}.ritual-bottom>span{font:12px Georgia;letter-spacing:.06em}.ritual-bottom a{font-size:14px}.ritual-bottom a span{display:inline-block;margin-left:22px;font-size:23px}.hero-description,.story-text p{font-size:16px}.header nav{font-size:14px}
@media(min-width:1600px){.hero,.header,.section-pad,footer{padding-inline:max(4%,calc((100vw - 1480px)/2))}}
@media(max-width:800px){.header{padding:20px 24px}.header nav{gap:20px}.header-note{display:none}.hero{padding-inline:24px}.hero-grid{grid-template-columns:45% 55%;min-height:450px}.hero-copy{padding-right:20px}.hero h1{font-size:34px}.hero-description{font-size:13px}.hero-photo{min-height:450px}.hero-photo figcaption span{display:none}.story{grid-template-columns:25% 75%;padding-inline:24px}.story-side{display:none}.story h2{font-size:29px}.story-text p{font-size:15px}footer{padding-inline:24px}}
@media(max-width:600px){.announcement{font-size:11px}.announcement span{display:none}.header nav{display:none}.brand-jp{font-size:23px}.brand-en{font-size:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;background:var(--ochre);padding:20px 24px;gap:18px;font-size:15px}.hero{padding-top:20px}.hero-top{font-size:9px;letter-spacing:.08em;margin-bottom:16px}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:15px 0 24px;position:relative}.hero h1{font-size:39px;line-height:1.5;margin:14px 0 18px}.hero-description{font-size:14px;line-height:2.15}.round-link{margin-top:22px;max-width:270px}.hero-caption{position:absolute;right:0;bottom:35px;padding:0}.hero-caption>span:first-child{display:none}.sun-mark{font-size:42px}.hero-photo{min-height:0;aspect-ratio:1.12}.hero-photo img{height:100%}.hero-photo figcaption{font-size:10px;left:17px;bottom:17px}.wordmark{font-size:20vw;margin:17px 0 0;line-height:1.12}.wordmark span{font-size:9px;margin-left:5px}.story{margin-top:25px;display:block}.story .eyebrow{margin-bottom:35px}.story h2{font-size:27px;letter-spacing:.03em;margin-top:0;margin-bottom:24px}.story-text p{font-size:14px}footer{grid-template-columns:1fr;gap:25px}footer p,footer small,.back-top{text-align:left}.back-top{justify-self:start}}
@media(max-width:800px){.coffee-intro{grid-template-columns:36% 64%}.coffee h2{font-size:35px}.coffee-intro p:not(.eyebrow){font-size:15px}.coffee-grid{gap:20px}.coffee-item h3{font-size:24px}.coffee-item p{font-size:14px}.coffee-meta{align-items:flex-start;flex-direction:column;gap:10px}.ritual-steps{gap:25px}.ritual-steps h3{font-size:20px}.ritual-steps p{font-size:15px}.hero-description,.story-text p{font-size:16px}.hero-photo img{max-height:none}}
@media(max-width:600px){.section-pad{padding-inline:24px}.coffee-intro{display:flex;flex-direction:column;align-items:stretch;gap:34px}.coffee-intro>div{padding-right:0}.coffee h2{font-size:37px;margin:18px 0}.coffee-intro p:not(.eyebrow){font-size:16px}.coffee-note{margin-top:22px}.coffee-photo{margin-inline:-24px}.coffee-photo img{aspect-ratio:1.3}.coffee-grid{grid-template-columns:1fr;gap:32px;margin-top:36px}.coffee-meta{flex-direction:row;align-items:center}.coffee-item h3{font-size:27px}.coffee-item p{font-size:16px}.taste{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:9px;letter-spacing:.025em}.taste span:last-child{font-size:14px;white-space:nowrap}.demo-note{font-size:12px;line-height:1.9}.ritual-heading{display:block}.ritual-heading>p{margin-top:25px;font-size:16px;padding-bottom:0}.ritual h2{font-size:32px;margin-top:20px}.ritual-steps{grid-template-columns:1fr;gap:34px;margin-top:40px}.ritual-steps h3{font-size:23px;margin:14px 0}.ritual-steps p{font-size:16px;max-width:none}.step-caption{margin-top:20px}.ritual-bottom{flex-direction:column;margin-top:45px;gap:18px}.ritual-bottom a{font-size:16px}.hero-description,.story-text p{font-size:16px}.hero h1{font-size:37px}.hero-caption{bottom:35px}.hero-caption .sun-mark{display:none}.hero-photo img{max-height:none}.hero-photo figcaption{font-size:12px}.hero-top{font-size:10px}.brand-en{font-size:10px}.eyebrow{font-size:12px}.footer-brand span,footer small{font-size:12px;line-height:1.8}.back-top{font-size:14px}.announcement span{font-size:12px}.announcement{font-size:12px}}
.coffee-photo img{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}