:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif;--themecolor-1: #754c3b;--themecolor-2: #573628;--themecolor-3: #ffbc2b;--themecolor-4: #eab170;--themecolor-5: #f2ce9d;--themecolor-6: #e16114;--themecolor-7: #f7f0e5;color:var(--themecolor-2);background-color:#e7e0d4}.App{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-weight:800}body{margin:0}main{flex:1}.space-header{height:68px;width:auto}.space-footer{height:80px;width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.3rem;border:none;font-size:1rem;cursor:pointer;text-decoration:none;background:var(--themecolor-1);transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease,color .1s ease}.btn.primary{color:#fff;font-weight:800}.btn.primary:hover{transform:translateY(-1.8px);color:var(--themecolor-5);background:var(--themecolor-2);box-shadow:0 8px 18px #00000014}.contact-icons{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.icon-pill{border-radius:999px;border:1px solid rgba(148,27,154,.16);padding:.35rem .9rem;background:#fff;font-size:.8rem;cursor:pointer}.placeholder-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.placeholder-inner{text-align:center}.placeholder-inner h1{margin-bottom:.75rem}.top-button{position:fixed;right:1.5rem;bottom:1.5rem;box-shadow:0 8px 18px #00000041;cursor:pointer;z-index:30}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--themecolor-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:68px}.logo-link-image{display:flex;align-items:center}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:6px}.hamburger-btn span{display:block;height:3px;width:100%;background:#fff;border-radius:999px}.logo-image{height:52px;width:auto;display:block}.main-nav{margin-left:40px;margin-right:24px;flex:1;min-width:0;display:flex;justify-content:start}.nav-link{text-decoration:none;color:#fff;padding:.3rem .6rem;transition:background-color .15s ease,color .15s ease,transform .1s ease;font-size:20px;font-weight:800}.nav-link:hover{color:var(--themecolor-5);transform:translateY(-.5px)}.nav-link.active{color:var(--themecolor-3)}.nav-link-button{background:transparent;border:none;cursor:pointer}.nav-dropdown{position:fixed}.nav-dropdown-arrow{width:14px;height:14px;margin:0 auto;background:var(--themecolor-4);transform:translateY(7px) rotate(45deg);border-radius:2px;position:relative;z-index:2}.nav-dropdown-inner{background:var(--themecolor-4);border-radius:12px;padding:10px;box-shadow:0 10px 30px #9f7b4c82;position:relative;z-index:1}.nav-dropdown-item{width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;font-size:18px;font-weight:600;color:var(--themecolor-2);cursor:pointer;border-radius:10px}.nav-dropdown-item:hover{color:var(--themecolor-6);background:var(--themecolor-5)}.nav-scroll-wrapper{position:relative;width:100%}.nav-scroll{width:100%;max-width:100%;gap:8px;display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;scroll-snap-type:x proximity}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll-wrapper.has-overflow .nav-scroll{justify-content:flex-start}.nav-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;background:#fff}.nav-scroll-btn-left{left:-40px}.nav-scroll-btn-right{right:-46px}.nav-scroll .nav-link{flex:0 0 auto;scroll-snap-align:start}.nav-scroll-icon{width:40px;height:auto}.nav-scroll-icon-left{transform:scaleX(-1)}.header-right{display:flex;align-items:center}.lang-switch{display:flex;flex-direction:column;align-items:center;padding:8px}.lang-btn{width:44px;height:20px;border:none;background:transparent;color:#fff;padding:0;font-size:14px;font-weight:800;letter-spacing:.05em;cursor:pointer}.lang-btn:hover{color:var(--themecolor-5)}.lang-btn.active{color:var(--themecolor-3)}.drawer-overlay{position:fixed;inset:0;background:#00000061;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:2000}.drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;height:100vh;width:80vw;max-width:320px;background:var(--themecolor-1);color:#fff;transform:translate(-100%);transition:transform .2s ease;z-index:2100;display:flex;flex-direction:column;padding:18px 18px 28px}.mobile-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drawer-title{margin:0;font-size:18px;letter-spacing:.08em;font-weight:800}.drawer-close{background:transparent;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1}.drawer-lang{display:flex;gap:10px;margin-bottom:16px}.drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.drawer-item,.drawer-sub-item{list-style:none}.drawer-parent,.drawer-leaf{width:100%;text-align:left;background:#ffffff0f;border:none;color:#fff;padding:12px 14px;border-radius:12px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s ease,transform .15s ease}.drawer-parent:hover,.drawer-leaf:hover{background:#ffffff1f;transform:translateY(-1px)}.drawer-caret{font-size:18px;line-height:1}.drawer-sub{list-style:none;padding:8px 0 0 10px;margin:0;display:flex;flex-direction:column;gap:6px}.drawer-sub .drawer-leaf{background:#ffffff0a;font-weight:600;font-size:15px}@media(max-width:768px){.hamburger-btn{display:inline-flex}.main-nav{display:none}.logo{flex:1;display:flex;justify-content:center}.header-right{margin-left:auto}.lang-switch{flex-direction:row;padding:0;gap:4px}.lang-btn{width:auto;height:auto}}.site-footer{padding:1.5rem;width:100%;color:#fff;background:var(--themecolor-1);height:auto;min-height:300px}.footer-inner{max-width:1200px;margin:0 auto;padding:28px 24px;min-height:72vh;display:flex;flex-direction:column}.footer-top{display:grid;grid-template-columns:1.4fr 1.2fr .8fr;gap:28px;align-items:start}.footer-block{line-height:1.8;letter-spacing:.02em}.footer-center{line-height:1.5}.footer-title{font-size:18px;font-weight:800;margin:0 0 2px}.footer-line{font-size:12px;margin:0}.footer-right{display:flex;justify-content:flex-end}.footer-social{display:flex;gap:12px;align-items:center}.social-btn{text-decoration:none;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.social-btn:hover{opacity:1;color:var(--themecolor-5);transform:translateY(-1px)}.social-icon{width:28px;height:28px;display:block}.footer-brand{display:flex;justify-content:center;align-items:center;gap:clamp(10px,8vw,28px);flex-wrap:nowrap;width:clamp(200px,70vw,720px);padding-top:28px;margin:auto auto 118px}.footer-brand-image{display:block;height:clamp(100px,12vw,160px);width:auto;flex:0 1 auto;margin-top:50px}.footer-brand-logo{height:clamp(140px,18vw,200px)}.footer-brand-left{animation:sway-left .8s ease-in-out infinite alternate}.footer-brand-right{animation:sway-right .8s ease-in-out infinite alternate}@media(max-width:768px){.footer-brand{margin-bottom:48px;gap:clamp(20px,2vw,60px);width:clamp(200px,90vw,720px)}.footer-brand-image{height:clamp(68px,15vw,110px);object-fit:contain}.footer-brand-logo{height:clamp(80px,24vw,120px)}}@media(max-width:768px){.footer-inner{min-height:60vh}.footer-top{grid-template-columns:1fr}.footer-right{justify-content:flex-start}.footer-brand-text{font-size:clamp(24px,8vw,48px)}}.hero-notice{width:100%;max-width:980px;margin:0 auto 12px;padding:0 18px;gap:12px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;background:var(--themecolor-7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08)}.hero-notice-text{font-size:16px;font-weight:700;color:var(--themecolor-6);line-height:1.3}.hero-notice-btn{flex:0 0 auto;text-decoration:none;font-weight:700;font-size:14px;padding:8px 12px;border-radius:999px;color:var(--themecolor-1);background:var(--themecolor-5);border:2px solid rgba(201,114,0,.08)}.hero-notice-btn:hover{transform:translateY(-1px)}@media(max-width:520px){.hero-notice{flex-direction:column;align-items:flex-start;padding-bottom:12px;gap:0px}.hero-notice-btn{width:100%;text-align:center}}.hero-center-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto}.hero-main-image{width:100%;height:auto;object-fit:contain;transform:translate(-28px)}.anim-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes blink{0%,90%,to{opacity:1}92%,98%{opacity:0}}.anim-layer.blink{animation:blink 5s infinite}@keyframes handPoint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.anim-layer.hand{animation:handPoint 1.2s ease-in-out infinite}.hero-text-bottom{margin-top:.5rem}.hero-title{font-size:2.8rem;color:var(--themecolor-2)}.hero-subtitle{font-size:1.2rem;margin-top:-1.2rem;color:var(--themecolor-1)}.home-section{padding:2.8rem 1.5rem}.home-section-inner{margin:0rem 1.8rem 1.8rem;display:flex;flex-direction:column}.home-row-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.8rem;font-size:20px}.home-scroll-row-wrapper{position:relative}.home-scroll-row{overflow-x:hidden;overflow-y:hidden;touch-action:pan-y;overscroll-behavior-x:none;display:flex;gap:1.8rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.home-scroll-row::-webkit-scrollbar{display:none}.home-card-link{text-decoration:none;color:inherit;display:block;padding:8px 0 28px}.home-card-link:hover .home-card{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}.home-card-link:focus-visible .home-card{outline:3px solid var(--themecolor-2);outline-offset:4px}.home-card{width:280px;height:440px;overflow:hidden;flex-shrink:0;cursor:pointer;scroll-snap-align:start}.home-card-image{height:320px;background:#fff;position:relative}.home-card-play{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;background:#0003;display:flex;align-items:center;justify-content:center;pointer-events:none}.home-card-play-icon{color:#fff;font-size:20px;line-height:1;transform:translate(2px)}.home-card-image img{width:100%;height:100%;object-fit:cover;display:block}.home-card-info{padding:.2rem .4rem;text-align:start}.home-card-info h3{margin:0 0 .4rem;font-size:clamp(14px,3.5vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--themecolor-2)}.home-card-info p{margin:0rem;font-size:clamp(8px,3vw,14px);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--themecolor-1)}.scroll-btn{position:absolute;top:37%;transform:translateY(-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:none;cursor:pointer;padding:0;background:#fff;box-shadow:none;appearance:none}.scroll-btn-left{left:-30px}.scroll-btn-right{right:-30px}.scroll-arrow{width:52px;height:auto}.scroll-btn-left .scroll-arrow{transform:scaleX(-1)}.blocked-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.blocked-modal{background:var(--themecolor-7);padding:18px 20px;border-radius:18px;box-shadow:0 14px 30px #0000002e;max-width:480px;width:100%;display:grid;gap:18px;text-align:center}.blocked-modal-text1,.blocked-modal-text2{margin:0;font-size:16px;color:var(--themecolor-2)}.it-bread-link{text-decoration:none;color:inherit;display:block}.it-bread-link:hover .it-bread{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}.it-bread-link:focus-visible .it-bread{outline:3px solid var(--themecolor-2);outline-offset:4px}.it-bread{display:grid;grid-template-columns:minmax(420px,500px) minmax(0,1fr);align-items:start;padding:28px 40px;margin-bottom:28px;transition:transform .16s ease,box-shadow .16s ease;will-change:transform}.it-bread-image{background:#fff;width:clamp(380px,58vw,420px);aspect-ratio:4 / 5;height:auto;object-fit:cover}.it-bread-image img{width:100%;height:100%;object-fit:cover;display:block}.it-bread-info{min-width:0}.it-bread-name{margin:8px 0 12px;font-size:clamp(20px,2.8vw,30px);color:var(--themecolor-2)}.it-bread-desc{margin:0 18px;font-size:clamp(14px,2.4vw,18px);font-weight:600;color:var(--themecolor-1)}.it-bread-subtitle{margin:18px 0;font-size:clamp(18px,2.6vw,28px);color:var(--themecolor-2)}@media(max-width:820px){.it-bread{grid-template-columns:1fr;row-gap:16px}.it-bread-image{width:clamp(200px,68vw,420px)}}.ingredient-sections{margin:0 18px;display:grid;gap:12px}.ingredient-section-title{margin:0 0 8px;font-size:clamp(14px,2.4vw,18px);color:var(--themecolor-2)}.it-bread-ingredients-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}.it-bread-ingredients-grid li{position:relative;padding-left:18px;color:var(--themecolor-1);font-size:clamp(14px,2.4vw,18px);line-height:1.3}.it-bread-ingredients-grid li:before{content:"•";position:absolute;left:0;top:0;opacity:.8}@media(max-width:900px){.it-bread-ingredients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.it-bread-ingredients-grid{grid-template-columns:1fr}}.items-page{padding:24px}.page-title{display:flex;margin-left:28px;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.page-title h2{margin:0;font-size:32px;font-weight:700;letter-spacing:.08em}.magic-yeast-link{text-decoration:none;color:inherit;display:block}.magic-yeast-link:hover .magic-yeast{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}.magic-yeast-link:focus-visible .magic-yeast{outline:3px solid var(--themecolor-2);outline-offset:4px}.magic-yeast{display:grid;grid-template-columns:minmax(420px,500px) minmax(0,1fr);align-items:start;padding:28px 88px;margin-bottom:28px;transition:transform .16s ease,box-shadow .16s ease;will-change:transform}.magic-yeast-image-bg{background:#fff;width:clamp(380px,58vw,420px);aspect-ratio:4 / 5;height:auto;object-fit:cover;position:relative;overflow:hidden}.magic-yeast-image-bg img{width:100%;height:100%;object-fit:cover;display:block}.magic-yeast-image-y1,.magic-yeast-image-y2,.magic-yeast-image-y3{position:absolute;pointer-events:none;display:block;bottom:150px}.magic-yeast-image-y1{left:20px;animation:yeast-bounce-1 .6s ease-in infinite}.magic-yeast-image-y2{left:120px;animation:yeast-bounce-2 1s ease-in infinite}.magic-yeast-image-y3{left:240px;animation:yeast-bounce-3 .8s ease-in infinite}.magic-yeast-image-y1 img,.magic-yeast-image-y2 img,.magic-yeast-image-y3 img{width:120px;height:auto;display:block}@keyframes yeast-bounce-1{0%{transform:translateY(0)}25%{transform:translateY(-32px)}50%{transform:translateY(0)}75%{transform:translateY(-28px)}to{transform:translateY(0)}}@keyframes yeast-bounce-2{0%{transform:translateY(0)}20%{transform:translateY(-42px)}50%{transform:translateY(0)}70%{transform:translateY(-52px)}to{transform:translateY(0)}}@keyframes yeast-bounce-3{0%{transform:translateY(0)}30%{transform:translateY(-24px)}55%{transform:translateY(0)}80%{transform:translateY(-30px)}to{transform:translateY(0)}}.magic-yeast-name{margin:8px 0 12px;font-size:clamp(20px,2.8vw,30px);color:var(--themecolor-2)}.magic-yeast-subtitle{margin:18px 0;font-size:clamp(18px,2.6vw,28px);color:var(--themecolor-2)}.magic-yeast-desc,.magic-yeast-text{margin:0 18px;font-size:clamp(14px,2.4vw,18px);font-weight:700;color:var(--themecolor-1)}@media(max-width:820px){.magic-yeast{grid-template-columns:1fr}}.bakery-page{padding:88px 24px}.bakery-intro{max-width:980px;margin:0 auto;text-align:center}.bakery-desc{margin:18px auto 0;font-size:18px;line-height:1.8;color:var(--themecolor-2)}.bakery-brand{display:flex;justify-content:center;align-items:center;gap:clamp(180px,8vw,280px);flex-wrap:nowrap;width:clamp(200px,70vw,720px);margin-left:auto;margin-right:auto}.bakery-brand-image{display:block;height:clamp(100px,12vw,160px);width:auto;flex:0 1 auto;margin-top:50px}.bakery-brand-left{animation:sway-left .8s ease-in-out infinite alternate}.bakery-brand-right{animation:sway-right .8s ease-in-out infinite alternate}@media(max-width:768px){.bakery-brand{margin-bottom:48px;gap:clamp(50px,2vw,80px);width:clamp(200px,90vw,720px)}.bakery-brand-image{height:clamp(54px,15vw,110px);object-fit:contain}}.character-section{padding:1.8rem 2.8rem}.character-section-inner{margin:0rem 1.8rem;display:flex;flex-direction:column}.character-row-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:0rem}.character-row-header h2{margin:18px 0 24px;font-size:32px}.character-grid{display:grid;column-gap:28px;row-gap:58px;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,28vw,360px),360px));justify-content:start}.character-card-link{text-decoration:none;color:inherit;display:block}.character-card-link:hover .character-card{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}.character-card-link:focus-visible .character-card{outline:3px solid var(--themecolor-2);outline-offset:4px}.character-card{width:320px;height:500px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease;will-change:transform}.character-card-image{height:400px;background:#fff}.character-card-image img{width:100%;height:100%;object-fit:cover;display:block}.character-card-body{padding:12px 14px 8px}.character-card-body h3{margin:0 0 4px;color:var(--themecolor-2);font-size:clamp(18px,3.5vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-body p{margin:0;color:var(--themecolor-1);font-size:clamp(8px,3vw,14px);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:820px){.character-section{padding:1.2rem 1rem}}.character-detail{padding:24px 16px}.character-detail-card{margin:0 auto;max-width:1080px;gap:clamp(18px,8vw,100px);display:grid;grid-template-columns:minmax(220px,360px) 1fr;align-items:start;padding:clamp(16px,3vw,28px)}.character-detail-image{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px}.character-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.character-detail-body{display:grid;gap:12px;margin-top:30px}.character-detail-name{margin:0;font-size:clamp(28px,4vw,40px);color:var(--themecolor-2)}.character-detail-desc{margin:0;padding:0 20px;font-size:clamp(16px,2.3vw,18px);line-height:1.6;font-weight:600;color:var(--themecolor-1)}.character-detail-actions{margin:40px 20px 0;width:clamp(200px,5vw,280px);height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--themecolor-1)}.character-detail-backbtn{width:100%;height:100%;border:none;background:transparent;color:#fff;padding:0;font-size:20px;font-weight:700;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.character-detail-backbtn:hover{color:var(--themecolor-5);transform:translateY(-.5px)}.character-detail-backbtn.active{color:var(--themecolor-3)}@media(max-width:820px){.character-detail-card{grid-template-columns:1fr;gap:18px}.character-detail-body{gap:12px;margin-top:0}.character-detail-name,.character-detail-actions{margin:0 auto}}.world-page{padding:24px}.world-page-title{display:flex;flex-direction:column;align-items:flex-start;margin-left:28px;margin-bottom:8px}.world-page-title h2{margin:0;font-size:32px;font-weight:700;letter-spacing:.08em}.world-page-title p{margin:0;font-weight:600}.cd-world-link{text-decoration:none;color:inherit;display:block}.cd-world-link:hover .cd-world{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}.cd-world-link:focus-visible .cd-world{outline:3px solid var(--themecolor-2);outline-offset:4px}.cd-world{display:grid;grid-template-columns:minmax(420px,500px) minmax(0,1fr);align-items:start;padding:28px 40px;margin-bottom:28px;transition:transform .16s ease,box-shadow .16s ease;will-change:transform}.cd-world-image{position:relative;background:#fff;width:clamp(380px,58vw,420px);aspect-ratio:4 / 5;height:auto;object-fit:cover}.cd-world-image img{width:100%;height:100%;object-fit:cover;display:block}.cd-world-image-note{position:absolute;top:60px;left:20px;right:20px;background:var(--themecolor-7);color:var(--themecolor-6);padding:10px 14px;font-size:clamp(12px,2.2vw,16px);font-weight:700;line-height:1.3;max-width:calc(100% - 40px);box-shadow:0 8px 16px #00000014;display:flex;align-items:center;justify-content:center;text-align:center}.cd-world-info{min-width:0}.cd-world-name{margin:8px 0 12px;font-size:clamp(20px,2.8vw,30px);color:var(--themecolor-2)}.cd-world-desc{margin:0 18px;font-size:clamp(14px,2.4vw,18px);font-weight:600;color:var(--themecolor-1)}.cd-world-subtitle{margin:18px 0;font-size:clamp(18px,2.6vw,28px);color:var(--themecolor-2)}@media(max-width:820px){.cd-world{grid-template-columns:1fr;row-gap:16px}.cd-world-image{width:clamp(200px,68vw,420px)}}.cd-world-ingredients-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}.cd-world-ingredients-grid li{position:relative;padding-left:18px;color:var(--themecolor-1);font-size:clamp(14px,2.4vw,18px);line-height:1.3}.cd-world-ingredients-grid li:before{content:"•";position:absolute;left:0;top:0;opacity:.8}@media(max-width:900px){.cd-world-ingredients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cd-world-ingredients-grid{grid-template-columns:1fr}}.journey-page{padding:0 24px 24px}.journey-hero{display:grid;grid-template-columns:auto auto auto;grid-template-areas:"left msg right";align-items:center;column-gap:0px;max-width:clamp(640px,80vw,980px);margin:0 auto;justify-content:center}.journey-msgbox{width:clamp(400px,50vw,800px);max-width:100%;margin:18px auto 30px;text-align:center;justify-self:center}.journey-msg{margin:0 auto;font-size:18px;line-height:1.8;color:var(--themecolor-2)}.journey-hero-image{display:block;height:clamp(100px,12vw,120px);width:auto;flex:0 1 auto;margin-top:20px;object-fit:contain}.journey-hero-left{grid-area:left;animation:sway-left .8s ease-in-out infinite alternate}.journey-hero-right{grid-area:right;animation:sway-right .8s ease-in-out infinite alternate}.journey-msgbox{grid-area:msg}.journey-journal{margin:32px auto;max-width:1080px;display:grid;gap:28px}.journey-entry-link{text-decoration:none;color:inherit;display:block}.journey-entry{padding:18px;background:var(--themecolor-7);box-shadow:0 6px 12px #00000014;transition:transform .16s ease,box-shadow .16s ease}.journey-entry:hover,.journey-entry:focus-visible{transform:translateY(-6px);box-shadow:0 8px 18px #0000001f}.journey-entry-header{display:flex;gap:18px;align-items:baseline;margin-bottom:8px;color:var(--themecolor-2);font-size:clamp(18px,2.6vw,20px)}.journey-entry-date{letter-spacing:.05em}.journey-entry-title{margin:0}.journey-entry-descs{margin:0 0 1px 8px;font-size:clamp(14px,2vw,16px);line-height:1.6;color:var(--themecolor-1);font-weight:600}.journey-entry-descs p{margin:2px 0;line-height:1.8}.journey-entry-gallery{margin-top:18px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.journey-entry-gallery img{object-fit:cover}.journey-entry-gallery.count-1 img{width:min(860px,100%);height:320px}.journey-entry-gallery.count-2 img{width:min(420px,100%);height:280px}.journey-entry-gallery.count-3 img{width:min(280px,100%);height:240px}@keyframes sway-left{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes sway-right{0%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}@media(max-width:820px){.journey-hero{grid-template-columns:1fr 1fr;grid-template-areas:"msg msg" "left right";row-gap:0px;column-gap:0px;margin-bottom:0;width:clamp(200px,94vw,1080px)}.journey-msgbox{width:100%;justify-self:center}.journey-hero-image{margin-top:-28px;height:100px;object-fit:contain;justify-self:center}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%}#root{width:100%;min-height:100vh}