@charset "UTF-8";:root{--green:#15392d;--green2:#0e2a21;--cream:#f2ecd9;--orange:#e86e3c;--yellow:#f2c94c;--ink:#17221c;--line:#9d9a80;--sans:"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit;color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--orange);padding:.7rem 1rem}.skip:focus{top:1rem}.sample-ribbon{height:32px;position:fixed;inset:0 0 auto;z-index:60;background:var(--orange);color:#101c16;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.5vw;font-size:.54rem;font-weight:800;letter-spacing:.14em}.sample-ribbon strong{text-align:center}.sample-ribbon a{text-align:right;text-decoration:underline}.cafe-header{position:fixed;top:32px;left:0;right:0;height:88px;z-index:50;display:flex;align-items:center;padding:0 3vw;color:var(--cream);border-bottom:1px solid rgba(242,236,217,.32);background:rgba(21,57,45,.78);backdrop-filter:blur(12px)}.cafe-logo{display:flex;align-items:center;gap:.65rem;line-height:.9}.cafe-logo i{width:40px;height:40px;border-radius:50% 50% 45% 55%;display:grid;place-items:center;background:var(--orange);font-style:normal;color:var(--green);font-weight:900;font-size:1.4rem}.cafe-logo span{font-size:.73rem;font-weight:900;letter-spacing:.05em}.cafe-header nav{display:flex;gap:2rem;margin-left:auto;font-size:.7rem;font-weight:700}.cafe-header nav a:hover{color:var(--yellow)}.cafe-header>button{margin-left:2rem;border:0;background:var(--yellow);color:var(--green);font-size:.65rem;font-weight:900;padding:.75rem 1rem;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.cafe-hero{min-height:max(790px,100svh);background:var(--green);color:var(--cream);padding:140px 3vw 3vw;display:grid;grid-template-columns:1.2fr 1fr;gap:3vw;position:relative}.hero-image{position:relative;height:calc(100svh - 180px);min-height:610px;border-radius:9rem 9rem 0 0;overflow:hidden}.hero-image::after{content:"YOHIRA\A COFFEE";white-space:pre;position:absolute;left:0;bottom:0;width:47%;min-height:172px;background:var(--cream);color:var(--green);display:flex;align-items:center;padding:1.2rem 1.4rem;font-size:clamp(1.25rem,2.3vw,2.7rem);font-weight:900;line-height:.82;letter-spacing:-.06em;border-top-right-radius:4.5rem}.hero-image img{height:100%;object-fit:cover;object-position:center}.image-label{position:absolute;left:1.2rem;bottom:1.2rem;z-index:2;background:var(--cream);color:var(--green);padding:.55rem .7rem;font-size:.54rem;letter-spacing:.16em}.hero-copy{align-self:center;position:relative;z-index:2}.open-line{font-size:.59rem;letter-spacing:.18em;color:var(--yellow)}.hero-copy h1{font-size:clamp(4.4rem,9.6vw,10rem);line-height:.72;letter-spacing:-.075em;margin:2rem 0}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{color:var(--orange);margin-left:-5vw}.hero-jp{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.5rem);line-height:1.35}.hero-actions{display:flex;gap:1.3rem;align-items:center;margin-top:2rem}.hero-actions button,.access-copy button,.cafe-contact button{border:0;background:var(--orange);padding:.9rem 1.2rem;font-weight:900;cursor:pointer}.hero-actions a{font-size:.7rem;border-bottom:1px solid}.sun-stamp{position:absolute;right:3vw;bottom:3vw;width:150px;height:150px;border-radius:50%;background:var(--yellow);color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);z-index:3;line-height:1}.sun-stamp span,.sun-stamp small{font-size:.5rem;letter-spacing:.16em}.sun-stamp strong{font-size:2.1rem}.ticker{overflow:hidden;background:var(--yellow);border-top:2px solid var(--green);border-bottom:2px solid var(--green);padding:.9rem 0}.ticker div{width:max-content;white-space:nowrap;font-size:.75rem;font-weight:900;letter-spacing:.12em;animation:ticker 25s linear infinite}.ticker i{color:var(--orange);font-style:normal;margin:0 2rem}@keyframes ticker{to{transform:translateX(-50%)}}.story{padding:10rem 5vw;display:grid;grid-template-columns:5fr 3fr 2fr;gap:4vw;align-items:center}.story-title>p,.menu header>p,.hours-card>p,.access-copy>p{font-size:.57rem;letter-spacing:.18em;font-weight:900;color:var(--orange)}.story-title h2,.menu header h2,.hours-card h2,.access-copy h2,.cafe-contact h2{font-size:clamp(3.2rem,7vw,7.6rem);line-height:.9;letter-spacing:-.07em;margin:1.2rem 0}.story-title h2 em{font-family:var(--serif);font-weight:400;color:var(--orange)}.story-copy p{font-size:.86rem;color:#4d554e}.bean-mark{width:210px;height:275px;border-radius:50%;background:var(--green);position:relative;display:grid;place-items:center;transform:rotate(8deg)}.bean-mark::before{content:"";position:absolute;width:2px;height:85%;background:var(--cream);transform:rotate(18deg)}.bean-mark b{color:var(--yellow);font-size:4rem;z-index:2}.bean-mark span{position:absolute;width:60px;height:60px;border:1px solid var(--orange);border-radius:50%;top:25px;left:20px}.bean-mark span:nth-child(2){top:auto;left:auto;right:20px;bottom:25px}.photo-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:2vw;padding:0 5vw 10rem}.photo-pair figure{margin:0;position:relative}.photo-pair figure:first-child{margin-top:7rem}.photo-pair img{height:680px;object-fit:cover}.photo-pair figure:first-child img{border-radius:0 8rem 0 0}.photo-pair figure:last-child img{border-radius:8rem 8rem 0 0}.photo-pair figcaption{position:absolute;bottom:1rem;left:1rem;background:var(--cream);padding:.5rem .7rem;font-size:.52rem;letter-spacing:.15em}.menu{background:var(--green);color:var(--cream);padding:9rem 5vw}.menu header{display:grid;grid-template-columns:1fr 4fr 3fr;gap:2rem;align-items:end;margin-bottom:4rem}.menu-tabs{display:flex;justify-content:flex-end;gap:.6rem}.menu-tabs button{border:1px solid #8aa095;background:transparent;color:var(--cream);padding:.6rem .9rem;cursor:pointer;font-size:.68rem}.menu-tabs button[aria-selected="true"]{background:var(--yellow);color:var(--green);border-color:var(--yellow)}.menu-panels{border-top:1px solid #879b91}.menu-panel article{display:grid;grid-template-columns:65px 1fr auto;gap:1rem;align-items:center;min-height:120px;border-bottom:1px solid #879b91}.menu-panel article>span{font-size:.57rem;color:var(--orange)}.menu-panel h3{font-size:1.45rem;margin:0}.menu-panel p{font-size:.67rem;letter-spacing:.08em;color:#aebbb5;margin:.2rem 0 0}.menu-panel strong{font-size:1rem}.menu-panel[hidden]{display:none}.fiction{text-align:right;font-size:.58rem;color:#a8b4ae}.hours{padding:10rem 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.hours-card dl{margin-top:3rem;border-top:2px solid}.hours-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid;padding:1rem 0;font-size:.84rem}.hours-card dd{font-weight:900}.hours aside{align-self:center;background:var(--orange);padding:3rem;transform:rotate(1.5deg);box-shadow:18px 18px 0 var(--green)}.hours aside>p:first-child{font-size:.58rem;letter-spacing:.18em;font-weight:900}.week{display:grid;grid-template-columns:repeat(7,1fr);margin:2rem 0;border-top:1px solid;border-bottom:1px solid}.week span{display:flex;flex-direction:column;align-items:center;padding:1rem .3rem;border-right:1px solid;font-size:.65rem}.week span:last-child{border:0}.week b{font-size:1.2rem;color:var(--cream)}.week span:nth-child(3) b{color:var(--green)}.note{font-size:.68rem}.access{display:grid;grid-template-columns:1.1fr 1fr;background:#d9d3b9;min-height:700px}.access-art{position:relative;overflow:hidden;background:#e5dfc8}.block{position:absolute;background:#b4b19c}.b1{left:7%;top:8%;width:32%;height:27%}.b2{right:9%;top:20%;width:38%;height:20%}.b3{left:20%;bottom:8%;width:56%;height:25%}.path{position:absolute;background:var(--cream);border:2px solid var(--green)}.p1{left:-10%;top:48%;width:125%;height:80px;transform:rotate(-9deg)}.p2{left:52%;top:-10%;width:65px;height:120%;transform:rotate(4deg)}.access-art i{position:absolute;left:51%;top:48%;z-index:3;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-style:normal;font-size:2rem;font-weight:900;color:var(--green)}.access-art b{position:absolute;left:59%;top:56%;z-index:3;font-size:.68rem}.access-copy{padding:8rem 6vw}.access-copy dl{margin:3rem 0;border-top:1px solid}.access-copy dl div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid;padding:1rem 0;font-size:.76rem}.access-copy dt{font-weight:900}.access-copy button{background:var(--green);color:var(--cream)}.access-copy>a{font-size:.68rem;text-decoration:underline;margin-left:1rem}.cafe-contact{min-height:720px;background:var(--orange);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:5rem}.cafe-contact::before,.cafe-contact::after{content:"";position:absolute;border:2px solid var(--green);border-radius:50%;width:650px;height:650px}.cafe-contact::after{width:410px;height:410px}.cafe-contact>div{position:relative;z-index:2}.cafe-contact p{font-size:.58rem;letter-spacing:.18em;font-weight:900}.cafe-contact button{background:var(--green);color:var(--cream)}footer{background:var(--green);color:var(--cream);padding:2.5rem 3vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:.62rem}footer p{text-align:center;color:#9fb0a8}.demo-toast{position:fixed;right:1rem;bottom:1rem;background:var(--yellow);color:var(--green);padding:.8rem 1rem;font-size:.72rem;z-index:80;transform:translateY(150%);transition:transform .3s}.demo-toast.show{transform:none}
@media(max-width:850px){.sample-ribbon{grid-template-columns:1fr auto}.sample-ribbon span{display:none}.cafe-header{height:70px}.cafe-header nav{display:none}.cafe-header>button{margin-left:auto}.cafe-hero{grid-template-columns:1fr;padding-top:120px}.hero-image{height:520px}.hero-copy{margin-top:-9rem;background:var(--green);padding:2rem;width:92%;margin-left:auto}.hero-copy h1 span:last-child{margin-left:0}.sun-stamp{width:110px;height:110px}.story{grid-template-columns:1fr}.bean-mark{justify-self:end}.photo-pair{grid-template-columns:1fr 1fr}.photo-pair img{height:520px}.menu header{grid-template-columns:1fr}.menu-tabs{justify-content:flex-start}.hours{grid-template-columns:1fr}.access{grid-template-columns:1fr}.access-art{min-height:500px}footer{grid-template-columns:1fr}}
@media(max-width:540px){.sample-ribbon{font-size:.46rem;padding:0 .8rem}.cafe-header{padding:0 1rem}.cafe-header>button{padding:.55rem .7rem}.cafe-hero{padding:112px 1rem 3rem}.hero-image{height:470px;border-radius:5rem 5rem 0 0}.hero-copy{padding:1.5rem;margin-top:-6rem}.hero-copy h1{font-size:17vw}.hero-actions{flex-direction:column;align-items:flex-start}.story,.menu,.hours{padding:6rem 1rem}.story-title h2,.menu header h2,.hours-card h2,.access-copy h2,.cafe-contact h2{font-size:3.5rem}.bean-mark{width:150px;height:200px}.photo-pair{padding:0 1rem 6rem;gap:.7rem}.photo-pair figure:first-child{margin-top:3rem}.photo-pair img{height:390px}.menu-tabs{width:100%}.menu-tabs button{flex:1}.menu-panel article{grid-template-columns:38px 1fr auto}.hours aside{padding:1.2rem;box-shadow:9px 9px 0 var(--green)}.week span{padding:.7rem .1rem}.access-copy{padding:6rem 1rem}.access-copy>a{display:block;margin:1.2rem 0 0}.cafe-contact{min-height:600px;padding:3rem 1rem}footer{padding:2rem 1rem}.ticker div{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.demo-toast{transition:none}}

/* Keep Japanese display headings on intentional phrase boundaries. */
.hero-jp,.story-title h2{word-break:keep-all;overflow-wrap:normal}
@media(max-width:540px){
  .story-title h2{font-size:2.55rem}
}