/* OyaJava: forest ink, clear surfaces, a warm welcome and a softer future. */
.studio-home{--ink:#203f34;--oak:#865e58;--rose:#b7837d;--line:#dce4df;background:#fff}
.studio-home .mast{padding:16px 40px;min-height:100px;border-bottom:0}.studio-home .mast nav{gap:20px}.studio-home .mast .button{border-radius:100px;box-shadow:none}
.studio-home .affiliate-note{position:relative;margin:0 0 0 -12px;color:#56645c;font-size:10px}.studio-home .affiliate-note summary{font:500 10px/1.4 system-ui;min-height:44px;display:flex;align-items:center;padding:0 3px;cursor:pointer;text-decoration:none}.studio-home .affiliate-note p{position:absolute;top:36px;right:0;width:240px;background:#fff;border:1px solid #dce4df;border-radius:14px;padding:15px;font:13px/1.5 system-ui;box-shadow:0 12px 35px #1b3d2e14;z-index:10}
.coffee-opening{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;max-width:1200px;margin:18px auto 42px;padding:24px 0 15px;gap:42px;text-align:left}.coffee-opening-copy{max-width:460px;padding:0;margin:0;position:relative;z-index:2}.coffee-opening h1{font-size:clamp(72px,8vw,112px);font-weight:400;line-height:.92;letter-spacing:-.055em;margin:0 0 25px}.coffee-opening h1 br{display:block}.coffee-opening h1 em{font-style:italic;color:var(--oak);background:none;-webkit-text-fill-color:currentColor}.coffee-opening .lead{font-size:18px;line-height:1.5;margin:0 0 26px;max-width:30ch;color:#4b514b}.hero-actions{justify-content:flex-start;gap:20px;margin:0}.studio-home .hero-actions .button{border-radius:100px;padding:14px 24px;box-shadow:none}.studio-home .hero-text-link{border:0;font-size:13px;min-height:44px;text-decoration:none}
.coffee-hero-photo{width:100%;max-width:none;margin:0;padding:0;position:relative;isolation:isolate}.coffee-hero-photo:before{display:none}.coffee-hero-photo img{display:block;position:relative;z-index:1;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:90px 16px 90px 16px;box-shadow:none}.studio-home .cloud-object-one{z-index:2;left:auto;right:20px;top:-8px;width:75px;height:27px;scale:.8;box-shadow:0 5px 12px #29463612,inset 0 -2px 4px #d5ddd54a}.studio-home .cloud-controls{margin-top:15px;justify-content:flex-end;gap:8px}.studio-home .cloud-controls button{background:#fff;border:0;font-size:11px;min-height:44px;padding:9px 12px;color:#4a6053}.studio-home .cloud-controls button:hover{background:#f4f7f4}
.studio-home #browse{padding:24px 0 45px}.studio-home .section-head{margin-bottom:24px}.studio-home .section-head h2{font-size:44px}.studio-home .section-head>a{border:0;text-decoration:none}.studio-home .coffee-tools{gap:10px;flex-wrap:wrap;margin:12px 0}.studio-home .coffee-tools input{background:#f5f7f4;border:1px solid #e0e6df;border-radius:100px;min-height:48px;padding:12px 20px}.studio-home .coffee-tools button{border-radius:100px;min-height:44px;padding:10px 17px;font-size:12px;border-color:#dce4df}.studio-home #result-status{color:#627064;font-size:11px;margin:14px 4px 22px}.studio-home #browse>.grid{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.studio-home .coffee-card{display:block;margin:0 0 18px}.studio-home .coffee-card .media-link{display:block;overflow:hidden;border-radius:22px;background:transparent;aspect-ratio:auto}.studio-home .coffee-card .media-link img{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:22px;box-shadow:none;margin:0;transform:none}.studio-home .coffee-card .media-link:hover img{transform:none;box-shadow:none}.studio-home .coffee-card .card-meta{font-size:10px;letter-spacing:.1em;color:var(--oak);margin:16px 0 8px}.studio-home .coffee-card h3{font-size:27px;line-height:1.12;letter-spacing:-.025em}.studio-home .coffee-card .card-description{font-size:14px;line-height:1.5;color:#556055}.studio-home .coffee-card .card-actions a{font-size:12px;text-decoration:none}.studio-home .coffee-card [data-save]{min-height:44px;border:1px solid #dce4df;border-radius:100px;padding:9px 16px;color:#365343;font-size:11px}.studio-home .coffee-card [data-save][aria-pressed=true]{background:#eaf1ea;color:#203f34}.studio-home #more-coffee{margin:15px auto 0;border:1px solid #c9d4cb;border-radius:100px;min-height:46px;padding:11px 25px;font-size:12px}
.studio-home .coffee-shelf{margin:10px 0 20px;padding:40px 42px;border:0;border-radius:36px 100px 36px 36px;background:#f3f6f1}.studio-home .coffee-shelf .grid.two{gap:56px}.studio-home .coffee-shelf h2{font-size:40px}.studio-home .coffee-shelf h3{font-size:30px;color:var(--oak)}.studio-home .coffee-shelf .small{font-size:12px;line-height:1.5;max-width:34ch;margin-top:18px;color:#566156}.studio-home .coffee-shelf .button{border-radius:100px}.studio-home .section.grid.two{gap:65px;padding:40px 0 20px}.studio-home .section.grid.two h2{font-size:39px;max-width:14ch}.studio-home #about-oya{margin-top:0}.studio-home #about-oya summary{font-size:17px;font-weight:500;padding:0 0 10px}.studio-home .journal-footnote{margin:24px auto 35px;padding:12px 0;font-size:13px;color:#546653}.studio-home .journal-footnote a{text-decoration:none}.studio-home .directory{border:0;margin-top:8px;padding-top:24px;padding-bottom:30px}.studio-home .directory .label{color:var(--oak)}.studio-home .directory nav{gap:2px 24px}.studio-home .directory a{border:0}
@media(min-width:761px) and (max-width:1050px){.studio-home .mast{padding:16px 28px}.studio-home .mast nav{gap:14px}.studio-home .mast .brand img{width:170px}.coffee-opening{gap:28px}.coffee-opening h1{font-size:80px}.coffee-opening .lead{font-size:16px}.hero-actions{gap:14px}.studio-home .coffee-card h3{font-size:25px}}
@media(max-width:760px){.studio-home .mast{padding:14px 20px 12px;gap:8px;min-height:0}.studio-home .mast nav{gap:2px 15px;align-items:center}.studio-home .mast .brand img{width:160px;height:58px}.studio-home .mast nav .button{font-size:11px;padding:10px 15px}.studio-home .affiliate-note{margin-left:-7px}.studio-home .affiliate-note summary{font-size:9px}.studio-home .affiliate-note p{left:-120px;right:auto;width:240px}.coffee-opening{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:34px;margin:15px auto 20px;padding:15px 0 0}.coffee-opening-copy{padding:0;max-width:none}.coffee-opening h1{font-size:clamp(64px,16vw,88px);line-height:.95;margin:0 0 18px}.coffee-opening h1 br{display:none}.coffee-opening .lead{font-size:16px;margin:0 0 20px}.hero-actions{gap:18px}.studio-home .hero-actions .button{padding:12px 22px;font-size:12px}.coffee-hero-photo img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:48px 12px 48px 12px}.studio-home .cloud-object-one{right:10px;top:-12px;scale:.58}.studio-home .cloud-controls{margin-top:10px;gap:5px;justify-content:flex-end}.studio-home #browse{padding:22px 0 30px}.studio-home .section-head{margin-bottom:18px;flex-direction:row;align-items:baseline;gap:12px}.studio-home .section-head h2{font-size:34px;margin:0}.studio-home .section-head>a{font-size:12px;white-space:nowrap}.studio-home .coffee-tools{gap:7px}.studio-home .coffee-tools input{flex-basis:100%;min-width:0;min-height:46px}.studio-home .coffee-tools button{flex:1;min-width:0;padding:9px 10px;font-size:11px}.studio-home #result-status{margin:14px 0 20px}.studio-home #browse>.grid{grid-template-columns:1fr;gap:24px}.studio-home .coffee-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;align-items:start;margin:0}.studio-home .coffee-card .media-link,.studio-home .coffee-card .media-link img{border-radius:13px}.studio-home .coffee-card .card-meta{font-size:9px;margin:0 0 8px;letter-spacing:.06em}.studio-home .coffee-card h3{font-size:24px;line-height:1.1}.studio-home .coffee-card .card-description{font-size:12px;line-height:1.45;margin:8px 0}.studio-home .coffee-card .card-actions{gap:3px 12px;flex-wrap:wrap}.studio-home .coffee-card .card-actions a{font-size:11px}.studio-home .coffee-card [data-save]{font-size:10px;min-height:42px;padding:8px 12px}.studio-home #more-coffee{margin-top:25px}.studio-home .coffee-shelf{padding:28px 25px;border-radius:25px 65px 25px 25px;margin:8px 0 20px}.studio-home .coffee-shelf .grid.two{grid-template-columns:1fr;gap:30px}.studio-home .coffee-shelf h2{font-size:34px}.studio-home .coffee-shelf h3{font-size:28px}.studio-home .coffee-shelf p{font-size:14px}.studio-home .coffee-shelf .small{font-size:12px}.studio-home .section.grid.two{grid-template-columns:1fr;padding:26px 0 12px;gap:28px}.studio-home .section.grid.two h2{font-size:33px}.studio-home .journal-footnote{margin:20px 0 22px;padding:0;line-height:1.6}.studio-home .directory{padding-top:15px}.studio-home .directory nav{gap:2px 19px}}
@media(max-width:360px){.studio-home .coffee-card{grid-template-columns:94px minmax(0,1fr);gap:12px}.studio-home .mast nav{gap:2px 12px}.coffee-opening h1{font-size:61px}.hero-actions{gap:12px}.studio-home .coffee-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.studio-home .cloud-object{animation:none!important}}

.studio-home a,.studio-home button{touch-action:manipulation}.studio-home :is(a,button,input):focus-visible{outline:2px solid #865e58;outline-offset:5px}.studio-home .coffee-card .card-title{display:inline-block;transition:color .2s,translate .2s}.studio-home .coffee-card .card-title:hover{color:#865e58;translate:0 -2px}.studio-home .hero-actions .button{transition:background .2s,translate .2s}.studio-home .hero-actions .button:hover{translate:0 -2px}.studio-home .hero-text-link{display:inline-flex;align-items:center}.studio-home .coffee-card .card-actions a{display:inline-flex;align-items:center;min-height:44px}.studio-home .mast nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}.studio-home .coffee-card .card-title,.studio-home .hero-actions .button{transition:none;translate:none}}