@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Noto+Sans+JP:wght@400;500;600&display=swap');

:root{--ink:#111b1d;--blue:#75d8df;--deep:#116f83;--cream:#f3f1e9;--white:#fbfcf8;--line:rgba(17,27,29,.18);--sans:'DM Sans','Noto Sans JP',sans-serif;--serif:'Instrument Serif',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:99;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .25s,height .25s,opacity .25s}.cursor.is-hover{width:42px;height:42px;opacity:.16}

/* Opening sequence */
html.is-loading,html.is-loading body{overflow:hidden}.loading-screen{position:fixed;inset:0;z-index:1000;display:none;place-items:center;background:radial-gradient(circle at 50% 44%,#91e4e7 0,#75d8df 36%,#68cad4 100%);color:var(--ink);overflow:hidden;isolation:isolate}.is-loading .loading-screen{display:grid}.loader-halo{position:absolute;width:min(46vw,560px);aspect-ratio:1;border:1px solid rgba(17,27,29,.12);border-radius:50%;opacity:0;transform:scale(.55)}.loader-halo:before,.loader-halo:after{content:'';position:absolute;inset:16%;border:1px solid rgba(17,27,29,.1);border-radius:50%}.loader-halo:after{inset:34%}.loader-bean-wrap{position:relative;width:clamp(112px,11vw,154px);z-index:3;filter:saturate(.95)}.loader-bean{width:100%;overflow:visible}.bean-rotor{transform-box:fill-box;transform-origin:center}.bean-half{transform-box:fill-box;transform-origin:center}.bean-crack{opacity:0;stroke-dasharray:120;stroke-dashoffset:120;filter:drop-shadow(0 0 5px rgba(255,236,203,.8))}.loader-copy{position:absolute;left:50%;bottom:clamp(46px,8vh,88px);transform:translateX(-50%);text-align:center;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}.loader-copy span{font-size:11px;font-weight:600}.loader-copy p{margin:3px 0 0;font-family:var(--serif);font-size:13px;font-style:italic;letter-spacing:.07em;text-transform:none;opacity:.65}.loader-skip{position:absolute;right:clamp(20px,4vw,58px);bottom:clamp(20px,4vw,44px);border:0;border-bottom:1px solid rgba(17,27,29,.38);background:transparent;padding:3px 0;color:inherit;font-size:9px;letter-spacing:.18em;cursor:pointer;opacity:.55;transition:opacity .2s}.loader-skip:hover{opacity:1}.aroma-field,.steam-field{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.aroma-field i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#fff8df;box-shadow:0 0 14px rgba(255,248,223,.75);opacity:0}.steam{position:absolute;width:56px;height:185px;margin-top:-128px;border-left:2px solid rgba(250,252,238,.72);border-radius:48% 0 0 42%;opacity:0;filter:blur(.25px);transform-origin:50% 100%}.steam:after{content:'';position:absolute;inset:16px -24px 30px 15px;border-right:1px solid rgba(250,252,238,.45);border-radius:0 50% 45% 0}.steam-one{margin-left:-70px;transform:rotate(-17deg)}.steam-two{height:220px;margin-top:-165px}.steam-three{height:170px;margin-left:76px;transform:rotate(20deg)}
.loader-running .bean-rotor{animation:bean-turn 3s cubic-bezier(.42,0,.25,1) forwards}.loader-running .bean-half-left{animation:bean-left-open .82s 3s cubic-bezier(.18,.8,.22,1) forwards}.loader-running .bean-half-right{animation:bean-right-open .82s 3s cubic-bezier(.18,.8,.22,1) forwards}.loader-running .bean-seam,.loader-running .bean-seam-light{animation:seam-give .45s 2.85s ease-out forwards}.loader-running .bean-crack{animation:crack-flash .38s 2.72s ease-out forwards}.loader-running .loader-halo{animation:halo-bloom 1.35s 3.02s cubic-bezier(.16,.72,.25,1) forwards}.loader-running .steam{animation:steam-rise 1.4s 3.02s cubic-bezier(.16,.7,.3,1) forwards}.loader-running .steam-two{animation-delay:3.12s}.loader-running .steam-three{animation-delay:3.2s}.loader-running .aroma-field i{animation:aroma-drift 1.25s calc(3s + var(--d)) cubic-bezier(.12,.7,.22,1) forwards}.loader-running .loader-copy{animation:loader-copy-out .55s 2.72s ease forwards}.loader-exiting .loading-screen{display:grid;opacity:0;transform:scale(1.035);transition:opacity 1s cubic-bezier(.3,0,.7,1),transform 1.1s cubic-bezier(.18,.8,.3,1);pointer-events:none}.site-header{transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.hero-media img{transition:transform 1.8s cubic-bezier(.18,.8,.2,1)}.is-loading .site-header{opacity:0!important;transform:translateY(-16px)!important}.is-loading .hero-copy.reveal.visible{opacity:0;transform:translateY(30px)}.is-loading .vertical-note{opacity:0}.is-loading .hero-media img{transform:scale(1.08)}.vertical-note{transition:opacity 1.1s .35s ease}
@keyframes bean-turn{0%{transform:rotate(0) scale(.94)}22%{transform:rotate(155deg) scale(1)}52%{transform:rotate(390deg) scale(.96)}78%{transform:rotate(610deg) scale(1.02)}100%{transform:rotate(720deg) scale(1)}}
@keyframes crack-flash{0%{opacity:0;stroke-dashoffset:120}45%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}
@keyframes seam-give{to{opacity:.08}}
@keyframes bean-left-open{0%{transform:translate(0) rotate(0)}45%{opacity:1}100%{transform:translate(-47px,-5px) rotate(-18deg);opacity:0}}
@keyframes bean-right-open{0%{transform:translate(0) rotate(0)}45%{opacity:1}100%{transform:translate(47px,4px) rotate(18deg);opacity:0}}
@keyframes halo-bloom{0%{opacity:0;transform:scale(.35)}28%{opacity:.7}100%{opacity:0;transform:scale(1.65)}}
@keyframes steam-rise{0%{opacity:0;translate:0 45px;scale:.65}22%{opacity:.74}100%{opacity:0;translate:0 -115px;scale:1.7 1.35}}
@keyframes aroma-drift{0%{opacity:0;transform:translate(0,0) scale(.4)}24%{opacity:.95}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.25)}}
@keyframes loader-copy-out{to{opacity:0;transform:translateX(-50%) translateY(8px)}}
.site-header{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10;color:var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.03em}.brand-mark{width:28px;height:28px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center}.brand-mark i{width:13px;height:8px;border-radius:50% 50% 45% 45%;border:1.5px solid currentColor;transform:rotate(-12deg)}nav{display:flex;gap:34px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:currentColor;transition:right .25s}nav a:hover:after{right:0}.pill{display:inline-flex;align-items:center;gap:24px;border:1px solid currentColor;border-radius:999px;padding:13px 20px;font-size:13px;transition:.25s}.pill:hover{background:var(--ink);color:var(--white)}.pill-small{padding:9px 16px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:24px;height:1px;background:currentColor;margin:6px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:130px clamp(20px,6vw,96px) 7vh;overflow:hidden;background:var(--blue)}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;filter:saturate(.76) contrast(.95);transform:scale(1.015)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,219,225,.93) 0%,rgba(111,219,225,.57) 43%,rgba(111,219,225,.08) 75%),linear-gradient(0deg,rgba(17,27,29,.18),transparent 38%)}.hero-copy{position:relative;width:min(1020px,86vw);z-index:2}.eyebrow{display:flex;gap:36px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600;margin:0 0 4vh}.hero h1{font-size:clamp(78px,13.3vw,204px);line-height:.7;letter-spacing:-.065em;margin:0;font-weight:500}.hero h1 em,.display em,.visit h2 em{font-family:var(--serif);font-weight:400}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:8vh;width:min(800px,80vw)}.hero-bottom p{font-size:14px}.circle-link{width:92px;height:92px;border:1px solid currentColor;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2;gap:7px;font-size:11px;transition:.3s}.circle-link:hover{background:var(--ink);color:var(--blue);transform:rotate(-5deg)}.vertical-note{position:absolute;right:2.4vw;bottom:8vh;z-index:2;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl}
.section{padding:130px clamp(22px,6vw,96px)}.section-label{display:grid;grid-template-columns:42px 1fr;gap:24px;align-items:center;text-transform:uppercase;letter-spacing:.15em;font-size:10px;border-top:1px solid var(--line);padding-top:16px}.section-label span{opacity:.45}.section-label p{margin:0}.display{font-size:clamp(58px,8.6vw,132px);line-height:.84;letter-spacing:-.055em;font-weight:500;margin:0}.intro-grid{display:grid;grid-template-columns:1.6fr .65fr;gap:8vw;align-items:end;margin:75px 0 100px}.intro-body{max-width:470px}.intro-body .lead{font-size:19px;font-weight:500}.intro-body>p:not(.lead){color:#4c5759}.text-link{display:inline-flex;gap:26px;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:24px;font-size:13px}.feature-image{height:min(76vw,900px);position:relative;overflow:hidden;background:#fff}.feature-image>img{height:100%;object-fit:cover;object-position:center 62%;transition:transform 1s ease}.feature-image:hover>img{transform:scale(1.02)}.feature-card{position:absolute;left:26px;bottom:26px;background:rgba(250,250,246,.88);backdrop-filter:blur(12px);width:210px;padding:18px;display:grid;gap:2px}.feature-card span,.feature-card small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.feature-card strong{font-family:var(--serif);font-size:27px;font-weight:400}
.blends{background:#e4f1ef}.blend-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:72px 0 90px}.blend-heading p{margin-right:8vw}.blend-list{border-top:1px solid var(--line)}.blend-card{display:grid;grid-template-columns:50px minmax(160px,280px) 1fr 100px;gap:4vw;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.blend-number{font-size:11px;align-self:start}.blend-art{height:210px;position:relative;overflow:hidden;display:grid;place-items:center}.blend-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.5),transparent 30%)}.art-morning{background:#bcebf0}.art-day{background:#62cad7}.art-night{background:#165b75}.sun{position:absolute;width:130px;height:130px;background:#fff8d7;border-radius:50%}.cloud{position:absolute;width:150px;height:55px;border-radius:50px;background:#d9f4f1;box-shadow:45px -25px 0 5px #d9f4f1}.moon{position:absolute;width:125px;height:125px;border-radius:50%;background:#ddedf2;box-shadow:22px -12px 0 #165b75}.cup-icon{position:relative;z-index:2;font-size:50px;filter:grayscale(1);mix-blend-mode:multiply}.tag,.roast span{font-size:9px;letter-spacing:.16em}.blend-card h3{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1;margin:10px 0;font-weight:400}.blend-card p{margin:0}.blend-card>div:nth-child(3)>p:last-child{color:#667174;font-size:12px}.roast{display:grid;gap:9px;align-self:end}.roast b{letter-spacing:3px;font-size:8px}
.marquee{background:var(--blue);height:170px;display:flex;align-items:center;overflow:hidden;font-family:var(--serif);font-size:80px;white-space:nowrap;font-style:italic}.marquee div{animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}
.journal{background:var(--ink);color:var(--white)}.journal .section-label{border-color:rgba(255,255,255,.2)}.journal-head{display:flex;align-items:flex-end;justify-content:space-between;margin:72px 0 90px}.journal-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:70px 28px}.story-large{grid-row:span 2}.story-card img{aspect-ratio:1.25;object-fit:cover;filter:saturate(.8);transition:.5s}.story-large img{aspect-ratio:.96}.story-card a:hover img{transform:scale(.985);filter:saturate(1)}.story-meta{padding-top:19px;border-top:1px solid rgba(255,255,255,.28);margin-top:18px}.story-meta span{font-size:9px;letter-spacing:.15em;opacity:.6}.story-meta h3{font-size:21px;margin:7px 0;font-weight:500}.story-large h3{font-family:var(--serif);font-size:43px;font-weight:400}.story-meta p{opacity:.65;margin:0}
.visit{min-height:820px;background:var(--blue);position:relative;display:flex;align-items:center;overflow:hidden;padding:100px clamp(22px,8vw,130px)}.visit:before{content:'';position:absolute;width:58vw;height:58vw;border:1px solid rgba(17,27,29,.18);border-radius:50%;right:-13vw;top:-18vw}.visit-inner{position:relative;z-index:2}.visit h2{font-size:clamp(76px,10vw,158px);line-height:.72;letter-spacing:-.06em;margin:0 0 60px;font-weight:500}.visit-inner>p:nth-of-type(2){margin-left:9vw}.visit-actions{display:flex;align-items:center;gap:35px;margin:40px 0 0 9vw}.visit-actions>p{font-size:10px;letter-spacing:.1em}.pill-white{background:var(--white);border:0}.floating-cup{position:absolute;width:min(34vw,520px);right:4vw;bottom:-12%;transform:rotate(14deg);filter:drop-shadow(0 35px 40px rgba(17,27,29,.22))}.floating-cup img{border-radius:50%}
footer{background:#08758a;color:var(--white);padding:100px clamp(22px,6vw,96px) 28px;display:grid;grid-template-columns:1fr 180px 230px;gap:70px}.footer-brand{font-size:clamp(72px,11vw,170px);font-weight:600;line-height:.65;letter-spacing:-.08em}.footer-brand span{font-size:12px;vertical-align:top;letter-spacing:0}.footer-col{display:flex;flex-direction:column;align-self:end;font-size:13px}.footer-col p{font-size:9px;text-transform:uppercase;letter-spacing:.17em;opacity:.55;margin-bottom:18px}.footer-col a{margin-bottom:5px}.footer-col span{opacity:.7}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.25);padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.cursor{display:none}.loader-bean-wrap{width:112px}.loader-halo{width:82vw}.loader-copy{bottom:72px}.site-header{height:70px}.site-header nav,.pill-small{display:none}.menu-button{display:block;position:relative;z-index:12}.site-header nav.mobile-open{display:flex;position:fixed;inset:0;z-index:11;background:var(--blue);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:var(--serif);font-size:16vw}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-button span{transition:.25s}.hero{min-height:840px;padding-bottom:60px}.hero-copy{width:100%}.hero h1{font-size:24vw;line-height:.75}.hero-bottom{width:100%;align-items:center}.circle-link{width:74px;height:74px}.vertical-note{display:none}.section{padding:90px 20px}.intro-grid{grid-template-columns:1fr;margin:55px 0 70px;gap:45px}.feature-image{height:115vw}.blend-heading,.journal-head{align-items:flex-start;flex-direction:column;gap:35px;margin:50px 0 60px}.blend-card{grid-template-columns:32px 1fr;gap:20px;padding:24px 0}.blend-art{height:200px}.blend-card>div:nth-child(3){grid-column:2}.roast{display:none}.marquee{height:120px;font-size:55px}.journal-grid{grid-template-columns:1fr;gap:60px}.story-large{grid-row:auto}.story-large img,.story-card img{aspect-ratio:1.18}.visit{min-height:760px;padding:90px 20px;align-items:flex-start}.visit h2{font-size:21vw;line-height:.76}.visit-inner>p:nth-of-type(2),.visit-actions{margin-left:0}.visit-actions{flex-direction:column;align-items:flex-start}.floating-cup{width:62vw;right:-10vw;bottom:-3%}footer{grid-template-columns:1fr 1fr;gap:60px 24px}.footer-brand{grid-column:1/-1;font-size:24vw}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee div{animation:none}.cursor{display:none}.loader-running .bean-rotor{animation:none}.loading-screen{transition:opacity .2s!important}.loader-skip{display:none}}