/* All rules scoped to the dedicated editorial templates. */
body:has(.yu-print){margin:0;background:#123f36}.yu-print{--ink:#102f31;--green:#153f35;--gold:#d5aa55;--paper:#e4c991;--red:#a52d25;color:var(--paper);background-color:var(--green);background-image:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 15px,#d5aa5517 16px 17px,transparent 18px 32px);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:17px;font-weight:500;line-height:1.9}.yu-print *{box-sizing:border-box}.yu-print a{color:inherit;text-decoration:none}.yu-print img{max-width:100%;display:block}.yu-print h1,.yu-print h2,.yu-print h3,.yu-print p{margin:0 0 1em}.yu-print h1,.yu-print h2,.yu-print h3{font-weight:500;line-height:1.35}.yu-print h2{font-size:clamp(34px,4.7vw,68px);letter-spacing:.09em}.yu-print h3{font-size:36px}.yu-print :focus-visible{outline:3px solid #f5d778;outline-offset:5px}.yu-skip{position:absolute;left:12px;top:-90px;z-index:30;background:var(--ink);padding:10px}.yu-skip:focus{top:10px}.yu-sale-notice{text-align:center;background:#a52d25;padding:7px 16px;font-size:14px;letter-spacing:.08em;border-bottom:1px solid var(--gold)}.yu-sale-notice span{margin-left:1.4em}.yu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:4px double var(--gold);background:#123c34f5;position:relative;z-index:10}.yu-brand{display:flex;flex-direction:column;align-items:center;line-height:1.1;flex-shrink:0}.yu-brand>span{font-size:42px;letter-spacing:.2em;padding-left:.2em}.yu-brand small{font-family:Georgia,serif;font-size:13px;letter-spacing:.23em;margin-top:9px}.yu-nav{display:flex;gap:30px;align-items:center;font-size:16px;letter-spacing:.08em}.yu-nav a{border-bottom:1px solid transparent}.yu-nav a:hover{border-color:var(--gold)}.yu-menu{display:none}.yu-eyebrow{font-family:Georgia,serif;font-size:13px;letter-spacing:.19em;line-height:1.5}.yu-hero{position:relative;isolation:isolate;border-bottom:8px double var(--gold)}.yu-scene{position:relative;isolation:isolate;width:100%;overflow:hidden;aspect-ratio:1}.yu-scene-art,.yu-scene-art img{width:100%;height:100%;display:block;object-fit:cover}.yu-scene-product{position:absolute;object-fit:contain;height:auto!important;filter:drop-shadow(0 15px 12px #071a2366)}.yu-scene-yumeurara-1 .yu-scene-product{left:20%;top:11%;width:63%}.yu-scene-yumeurara-2 .yu-scene-product{left:22%;top:11%;width:62%}.yu-scene-yumeurara-1kg{aspect-ratio:3/2}.yu-scene-yumeurara-1kg .yu-scene-product{left:7%;top:59%;width:57%}.yu-product .yu-scene-yumeurara-1kg{aspect-ratio:3/2}.yu-hero-copy{position:absolute;left:7%;top:7%;padding:25px 35px 30px;background:#123d34ed;border:1px solid var(--gold);outline:4px double var(--gold);outline-offset:6px;box-shadow:0 10px 40px #001b2040;max-width:42%;color:#ead39e}.yu-hero-copy h1{font-size:clamp(48px,6.4vw,100px);letter-spacing:.12em;line-height:1.18;margin:.2em 0}.yu-hero-sub{font-size:18px;letter-spacing:.1em;margin:.7em 0!important}.yu-hero-stamp{position:absolute;right:6%;top:7%;writing-mode:vertical-rl;border:3px solid var(--gold);padding:18px 10px;background:var(--red);font-size:36px;letter-spacing:.2em;line-height:1.4}.yu-hero-stamp small{font-size:19px}.yu-button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;border:1px solid var(--gold);padding:14px 22px;line-height:1.4;min-height:50px;background:#173c32;transition:background .2s,color .2s;font-size:16px}.yu-button:hover{background:var(--gold);color:var(--ink)}.yu-button-gold{background:var(--gold);color:var(--ink)!important}.yu-button-gold:hover{background:#edcf8f}.yu-ribbon{display:flex;justify-content:space-around;padding:19px 4%;background:var(--red);border-bottom:4px double var(--gold);font-size:20px;letter-spacing:.2em}.yu-section{padding:95px 6vw}.yu-section-heading{text-align:center;margin-bottom:55px}.yu-section-heading h2{margin:.3em 0}.yu-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.yu-product{border:1px solid var(--gold);outline:1px solid #a4824266;outline-offset:5px;background:#143a32;overflow:hidden}.yu-product-top{display:flex;justify-content:space-between;padding:9px 16px;background:#a52d25;font-size:14px;letter-spacing:.13em}.yu-product-copy{padding:28px}.yu-product-copy h3{margin:.25em 0}.yu-product-copy>p:not(.yu-eyebrow){font-size:16px}.yu-product-volume{border-bottom:1px solid #d5aa554d;padding-bottom:15px}.yu-product-status{font-size:14px;border:1px solid #d5aa5577;padding:9px 12px;display:inline-block}.yu-label-section{position:relative;background:#0b3029;padding:38px 0 0;border-block:6px double var(--gold)}.yu-label-title{text-align:center;padding:10px 6vw 30px}.yu-label-title h2{font-size:clamp(30px,4.8vw,65px);margin:0}.yu-label-art{width:100%;height:auto;max-width:none!important}.yu-label-caption{text-align:center;padding:24px 7vw;font-size:15px;background:#0b3029;margin:0!important}.yu-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background-color:#a72e25;background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 20px,#e4b56538 21px 23px,transparent 24px 43px);border-block:5px double var(--gold)}.yu-story-ornament{display:flex;justify-content:center;gap:30px}.yu-story-ornament span{font-size:clamp(110px,17vw,260px);writing-mode:vertical-rl;line-height:1.3;border:3px double var(--gold);padding:30px 15px;background:#87261fec}.yu-story-copy{background:#8c281fea;padding:40px;border:1px solid #d5aa5566}.yu-notes-promo{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background-color:#122e3c;background-image:repeating-linear-gradient(60deg,#d5aa550f 0 1px,transparent 1px 22px),repeating-linear-gradient(-60deg,#d5aa550f 0 1px,transparent 1px 22px)}.yu-notes-visual{min-height:470px;position:relative;border:8px double var(--gold);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#a53426 0 38%,transparent 38.5%),repeating-radial-gradient(ellipse at 50% 110%,#143b42 0 16px,#b68a443b 17px 20px,#143b42 21px 36px)}.yu-notes-visual>p{font-size:70px;line-height:1.1;text-align:center;letter-spacing:.18em;margin:0}.yu-notes-visual>p span{font-size:40px}.yu-seal{display:inline-block;background:var(--red);border:3px double var(--gold);padding:12px 10px;font-size:23px;writing-mode:vertical-rl;letter-spacing:.18em;margin-bottom:20px}.yu-notes-visual .yu-seal{position:absolute;top:18px;left:18px}.yu-shopping{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-block:5px double var(--gold)}.yu-shopping h2{font-size:40px}.yu-faq details{border-bottom:1px solid #d5aa5580;padding:18px 0}.yu-faq summary{cursor:pointer;font-size:19px}.yu-faq details p{font-size:16px;margin:18px 0 0}.yu-text-link{display:inline-block;border-bottom:1px solid var(--gold);margin-top:25px}.yu-closing{text-align:center;padding:100px 6%;background:#922a24;background-image:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 24px,#e6be6540 25px 27px,transparent 28px 50px);border-bottom:6px double var(--gold)}.yu-closing h2{font-size:clamp(36px,5vw,72px);margin-bottom:.7em}.yu-footer{padding:65px 6vw 35px;background:#102e29}.yu-footer-lead{display:flex;gap:60px;align-items:center;margin-bottom:40px}.yu-footer-lead p{margin:0;font-size:23px;letter-spacing:.1em}.yu-footer nav{display:flex;flex-wrap:wrap;gap:18px 30px;font-size:15px;border-top:1px solid #d5aa5566;padding-top:25px}.yu-footer-note{font-size:14px;margin:25px 0 0!important}.yu-detail-hero{display:grid;grid-template-columns:1.2fr 1fr;border-bottom:5px double var(--gold);align-items:center;background:#10352d}.yu-detail-title{padding:8%;}.yu-detail-title h1{font-size:clamp(36px,4vw,64px);letter-spacing:.07em}.yu-detail-hero .yu-scene-yumeurara-1kg{align-self:center}.yu-product-story{display:grid;grid-template-columns:1fr 1fr;gap:8%}.yu-intro{font-size:23px}.yu-text-panel{background:#10342dec;border:1px solid #d5aa5555;padding:35px}.yu-spec{border-block:1px solid var(--gold);margin:30px 0}.yu-spec>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #d5aa5533}.yu-spec dd{margin:0}.yu-small{font-size:14px}.yu-related .yu-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin:auto}.yu-notes-hero{text-align:center;padding:90px 6%;border-bottom:6px double var(--gold);background:#9a3026;background-image:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 20px,#d5aa5533 21px 23px,transparent 24px 43px)}.yu-notes-hero h1{font-size:clamp(40px,6vw,80px);letter-spacing:.09em}.yu-article{max-width:1050px;margin:auto;padding:70px 6vw}.yu-article section{margin-bottom:55px;padding:35px;background:#10362ff0;border:1px solid #d5aa5555}.yu-article h2{font-size:34px}.yu-article h3{font-size:24px}.yu-article li{margin-bottom:12px}.yu-article a{text-decoration:underline;text-underline-offset:4px}.yu-article dl{margin-bottom:30px}.yu-article dt{font-weight:700;color:#edd49c}.yu-article dd{margin:0 0 15px}.yu-article ol,.yu-article ul{padding-left:1.5em}
@media(min-width:1500px){.yu-hero-copy{top:10%;padding:40px 55px}.yu-hero-copy h1{font-size:110px}}
@media(max-width:1000px){.yu-nav{gap:18px;font-size:14px}.yu-product-grid{gap:20px}.yu-product-copy{padding:20px}.yu-product-copy>p:not(.yu-eyebrow){font-size:15px}.yu-hero-copy{padding:18px 23px}.yu-hero-sub{font-size:16px}.yu-hero-copy .yu-button{padding:10px 15px;font-size:14px}.yu-story-copy{padding:25px}.yu-notes-visual{min-height:380px}}
@media(max-width:700px){.yu-print{font-size:15px;line-height:1.9}.yu-sale-notice{font-size:13px;padding:6px 8px;letter-spacing:0}.yu-sale-notice span{display:block;margin:0}.yu-header{padding:15px 6%}.yu-brand>span{font-size:34px}.yu-brand small{font-size:13px}.yu-menu{display:block;color:var(--paper);border:1px solid var(--gold);padding:11px 15px;background:transparent;font:inherit;font-size:14px}.yu-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#10382ffb;padding:20px 7%;border-bottom:3px double var(--gold);font-size:16px}.yu-nav.yu-open{display:flex;flex-direction:column;align-items:stretch;gap:12px}.yu-nav a{padding:8px}.yu-hero .yu-scene-yumeurara-1kg,.yu-scene-yumeurara-1kg{aspect-ratio:2/3}.yu-scene-yumeurara-1kg .yu-scene-product{left:3%;top:51%;width:94%}.yu-hero-copy{left:7%;top:5%;padding:15px 20px;max-width:75%;background:#123d34ef;outline-offset:4px}.yu-hero-copy h1{font-size:clamp(43px,11vw,73px)}.yu-hero-copy .yu-eyebrow{font-size:13px;letter-spacing:.1em;margin-bottom:8px}.yu-hero-sub{font-size:14px;line-height:1.8;margin:.5em 0!important}.yu-hero-copy .yu-button{font-size:14px;min-height:44px;padding:10px 12px;gap:15px}.yu-hero-stamp{right:4%;top:5%;font-size:20px;padding:10px 5px;border-width:2px}.yu-hero-stamp small{font-size:14px}.yu-ribbon{font-size:14px;padding:13px 5px;letter-spacing:.03em}.yu-section{padding:60px 7%}.yu-section-heading{margin-bottom:35px}.yu-section-heading h2{font-size:38px}.yu-eyebrow{font-size:13px;letter-spacing:.12em}.yu-product-grid{grid-template-columns:1fr;gap:35px}.yu-product-copy{padding:25px}.yu-product-copy>p:not(.yu-eyebrow){font-size:15px}.yu-product h3{font-size:34px}.yu-product .yu-scene-yumeurara-1kg{aspect-ratio:2/3}.yu-button{font-size:15px;min-height:48px}.yu-label-section{padding-top:25px}.yu-label-title{padding-bottom:20px}.yu-label-title h2{font-size:29px}.yu-label-caption{font-size:14px}.yu-story,.yu-notes-promo,.yu-shopping,.yu-product-story,.yu-detail-hero{grid-template-columns:1fr;gap:35px}.yu-story-ornament{gap:25px}.yu-story-ornament span{font-size:100px;padding:15px;writing-mode:horizontal-tb}.yu-story-copy{padding:26px}.yu-story-copy h2,.yu-notes-copy h2{font-size:37px}.yu-notes-visual{min-height:350px}.yu-notes-visual>p{font-size:63px}.yu-shopping h2{font-size:32px}.yu-faq summary{font-size:17px}.yu-faq details p{font-size:15px}.yu-footer{padding:45px 7% 30px}.yu-footer-lead{gap:30px}.yu-footer-lead p{font-size:19px}.yu-footer nav{gap:13px 22px;font-size:14px}.yu-footer-note{font-size:13px}.yu-detail-hero{gap:0}.yu-detail-title{padding:35px 7%}.yu-detail-title h1{font-size:38px}.yu-text-panel{padding:25px}.yu-intro{font-size:20px}.yu-related .yu-product-grid{grid-template-columns:1fr}.yu-small{font-size:14px}.yu-notes-hero{padding:65px 7%}.yu-notes-hero h1{font-size:42px}.yu-article{padding:45px 6%}.yu-article section{padding:25px 20px;margin-bottom:30px}.yu-article h2{font-size:29px}.yu-article h3{font-size:22px}.yu-spec>div{grid-template-columns:80px 1fr;gap:10px}.yu-print p,.yu-print dd,.yu-print a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.yu-print *{scroll-behavior:auto!important;transition:none!important}}
/* Keep the mobile headline clear of the untouched silver pouch. */
@media(max-width:700px){.yu-hero-copy .yu-hero-sub{display:none}.yu-hero-copy h1{line-height:1.1;margin:.15em 0}.yu-hero-copy .yu-button{margin-top:10px}}
.yu-notes-visual{min-height:0;aspect-ratio:1;overflow:hidden}.yu-notes-visual>img{width:100%;height:100%;object-fit:cover}.yu-latte-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:6px double var(--gold);background:#183f35}.yu-latte-banner>img{width:100%;height:auto}.yu-latte-banner>div{padding:10%}.yu-latte-banner h2{font-size:clamp(36px,4vw,62px);color:#ecc5b4}.yu-latte-banner p{font-size:19px}.yu-latte-banner .yu-small,.yu-latte-banner .yu-eyebrow{font-size:14px}@media(max-width:700px){.yu-latte-banner{grid-template-columns:1fr}.yu-latte-banner>div{padding:35px 7%}.yu-latte-banner h2{font-size:38px}.yu-latte-banner p{font-size:17px}}
@media(min-width:701px) and (max-width:1000px){.yu-hero-copy .yu-hero-sub{display:none}.yu-hero-copy{top:6%}.yu-hero-copy .yu-button{margin-top:12px}}
@media(max-width:700px){.yu-hero-copy h1{font-size:clamp(34px,9vw,58px);letter-spacing:.05em}.yu-print{width:100%;min-width:0}.yu-print .yu-section>*,.yu-print .yu-product-grid>*{min-width:0}.yu-hero-copy{max-width:76%;}.yu-ribbon span{white-space:nowrap;letter-spacing:0}.yu-footer-lead{gap:22px}}
@media(max-width:700px){.yu-story-ornament{gap:15px;min-width:0}.yu-story-ornament span{font-size:clamp(70px,21vw,100px);padding:15px 10px;min-width:0}}
@media(min-width:701px){.yu-eyebrow,.yu-brand small{font-size:14px}}

/* v0.3.1: only the homepage hero swaps the pouch for the unchanged two cans. */
.yu-home-can-pair .yu-hero-can{position:absolute;width:24%;height:auto;object-fit:contain;top:62%;filter:drop-shadow(0 15px 12px #071a2366)}
.yu-home-can-pair .yu-hero-can-yumeurara-1{left:7%}.yu-home-can-pair .yu-hero-can-yumeurara-2{left:34%}
@media(max-width:700px){.yu-home-can-pair .yu-hero-can{width:36%;top:49%}.yu-home-can-pair .yu-hero-can-yumeurara-1{left:8%}.yu-home-can-pair .yu-hero-can-yumeurara-2{left:47%}}
/* v0.3.4: common editorial header stays in flow, then sticks below the WP toolbar. */
.yu-print{--yu-admin-offset:0px;--yu-header-height:105px;overflow:visible}
.admin-bar .yu-print{--yu-admin-offset:32px}
.yu-print .yu-header{position:sticky;top:var(--yu-admin-offset);z-index:1000;isolation:isolate}
.yu-print .yu-skip:focus{position:fixed;top:calc(var(--yu-admin-offset) + 10px);z-index:1001}
.yu-print [id]{scroll-margin-top:calc(var(--yu-admin-offset) + var(--yu-header-height) + 16px)}
@media(max-width:782px){.admin-bar .yu-print{--yu-admin-offset:46px}}
@media(max-width:600px){.admin-bar .yu-print{--yu-admin-offset:0px}}
@media(max-width:700px){.yu-print{--yu-header-height:97px}.yu-print .yu-nav{max-height:calc(100vh - var(--yu-admin-offset) - var(--yu-header-height) - 16px);max-height:calc(100dvh - var(--yu-admin-offset) - var(--yu-header-height) - 16px);overflow-y:auto;overscroll-behavior:contain}}
/* v0.3.5: supplied logo proportions and one editorial-only product. */
.yu-print .yu-header .yu-logo{width:120px;height:auto;object-fit:contain}
.yu-print .yu-footer .yu-logo{width:128px;height:auto;object-fit:contain}
.yu-scene-yumeurara-3 .yu-scene-product{left:22%;top:11%;width:62%}
.yu-collection .yu-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin-inline:auto}
@media(max-width:700px){.yu-print .yu-header .yu-logo{width:104px}.yu-print .yu-footer .yu-logo{width:96px}.yu-collection .yu-product-grid{grid-template-columns:1fr}}
/* v0.3.7: contain the upright 1kg pouch; homepage's two-can hero is excluded. */
.yu-scene-yumeurara-1kg:not(.yu-home-can-pair) .yu-scene-product{left:15%;top:8%;width:37%;height:auto!important;object-fit:contain}
@media(max-width:700px){.yu-scene-yumeurara-1kg:not(.yu-home-can-pair) .yu-scene-product{left:14%;top:16%;width:52%}}
/* Original label pixels overlay the generated cutout at exactly the same scale. */
.yu-scene-product.yu-original-label{filter:none;pointer-events:none}

.yu-scene-yumeurara-1kg:not(.yu-home-can-pair):not(.yu-bag-ready) .yu-scene-product{visibility:hidden}

/* v0.3.9: square product canvas; keep portrait pouch and source label at one scale. */
.yu-scene-yumeurara-1kg:not(.yu-home-can-pair){aspect-ratio:1}
.yu-scene-yumeurara-1kg:not(.yu-home-can-pair) .yu-scene-product{left:12%;top:8%;width:52%;height:auto!important;object-fit:contain}

/* v0.4.0: homepage desktop-only edge ornaments; no interaction or layout footprint. */
.yu-edge-clouds{display:none;pointer-events:none}
@media(min-width:1024px){
 .yu-page-home .yu-edge-clouds{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:999}
 .yu-edge-cloud{position:absolute;width:clamp(240px,30vw,480px);pointer-events:none;user-select:none}
 .yu-edge-cloud--left{left:0;top:68%;transform:translate(-25%,-50%)}
 .yu-edge-cloud--right{right:0;top:32%;transform:translate(25%,-50%)}
 .yu-edge-cloud img{display:block;width:100%;height:auto;pointer-events:none;animation:yu-cloud-float 7s ease-in-out infinite alternate}
 .yu-edge-cloud--right img{animation-delay:-3.5s}
}
@keyframes yu-cloud-float{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.yu-edge-cloud img{animation:none!important;transform:none!important}}

/* Keep readable content in front of the enlarged decorative clouds. */
@media(min-width:1024px){
 .yu-page-home .yu-hero{isolation:auto}
 .yu-page-home .yu-hero-copy,.yu-page-home .yu-hero-stamp{z-index:51}
 .yu-page-home .yu-product-copy{position:relative;z-index:51;background:#143a32}
 .yu-page-home .yu-product-top,.yu-page-home .yu-ribbon,.yu-page-home .yu-label-title,.yu-page-home .yu-label-caption,.yu-page-home .yu-story-copy,.yu-page-home .yu-faq,.yu-page-home .yu-section-heading,.yu-page-home .yu-notes-promo>div:last-child,.yu-page-home .yu-shopping>div:first-child,.yu-page-home .yu-closing>*,.yu-page-home .yu-footer{position:relative;z-index:51}
}

/* v0.4.8: editorial detail copy and the two final actions only. */
.yu-page-product .yu-detail-copy h3{font-size:clamp(22px,2.1vw,30px);line-height:1.5}
.yu-page-product .yu-detail-copy>section{margin-bottom:32px}
.yu-page-product .yu-product-actions{padding-top:0;text-align:center}
.yu-page-product .yu-product-action-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.yu-page-product .yu-product-actions .yu-button{font-family:inherit;color:inherit}
.yu-page-product .yu-product-actions .yu-button:disabled{cursor:not-allowed;opacity:.65}
.yu-page-product .yu-product-actions .yu-button:disabled:hover{background:#173c32;color:var(--paper)}
.yu-page-product .yu-product-actions .yu-button-gold:disabled:hover{background:var(--gold);color:var(--ink)}
.yu-page-product .yu-product-actions .yu-small{margin:20px 0 0}
@media(max-width:700px){.yu-page-product .yu-product-action-buttons{flex-direction:column;align-items:stretch}.yu-page-product .yu-product-actions .yu-button{justify-content:center}}
