:root{--color-red: #c9171d;--color-text-dark: #333333;--color-text-white: #ffffff;--font-main: "Inter", "Noto Sans JP", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background-color:#1a1a1a;color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-break{display:none}.app-container{width:100%;max-width:750px;margin:0 auto;background-color:#fff;position:relative;overflow:hidden;box-shadow:0 0 30px #00000080}.img-fluid{width:100%;height:auto;display:block}.store-btn-container{position:relative;width:282px;max-width:80%;margin:20px auto;cursor:pointer;transition:opacity .3s ease;display:block}.store-btn-container:hover{opacity:.7}.store-btn-bg{width:100%;height:auto;display:block}.section-dark{background-size:cover;background-position:center;position:relative;color:#fff;padding:80px 40px 10px;display:flex;flex-direction:column}.design-blueprint{display:flex;justify-content:space-between;margin-bottom:30px}.vertical-title{writing-mode:vertical-rl;text-orientation:upright;font-size:43px;font-weight:900;line-height:1.2;letter-spacing:10px;margin:0;color:#fff;padding-top:21px}.vertical-title-container{padding-left:20px}.design-text{font-size:14px;line-height:2;flex:1;margin-left:40px;padding-top:10px}.design-text p{margin:0 0 10px}.section-videos{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0 0}.coffee-beans-img{width:100%;max-width:550px;align-self:flex-start;margin-left:-40px;margin-top:-30px;margin-bottom:-20px;z-index:10;box-shadow:none;filter:none}.video-thumb{width:80%;max-width:517px;aspect-ratio:16 / 9;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000080;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.video-thumb iframe{width:100%;height:100%;border:none;pointer-events:none}.video-thumb:hover{transform:scale(1.02);opacity:.9}.video-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-modal-content{position:relative;width:90%;max-width:900px;aspect-ratio:16 / 9;background:#000;box-shadow:0 20px 50px #00000080}.video-modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:35px;cursor:pointer;background:transparent;border:none;line-height:1;padding:0;opacity:.8;transition:opacity .3s ease}.video-modal-close:hover{opacity:1}.section-title{font-size:43px;font-weight:700;text-align:center;margin:20px 0;letter-spacing:2px}.title-white{color:#fff}.title-red{color:var(--color-red)}.interview-white-bg{background-color:#fff;padding:60px 0;display:flex;flex-direction:column;align-items:center}.section-red{background-size:cover;background-position:center;color:#fff;padding:80px 40px;position:relative}.red-layout{display:flex;justify-content:space-between}.chevron-heading-img{width:327px;max-width:90%;margin-left:40px;margin-bottom:20px;display:block}.red-section-body{font-size:13px;line-height:2;margin-left:40px;margin-bottom:50px}.red-section-body p{margin:0 0 8px}.author-note{font-size:13px;text-align:right;margin-top:40px;opacity:.9}.section-bottom{background-color:#fff;padding:60px 0;display:flex;flex-direction:column;align-items:center}.logo-stripe{width:554px;max-width:90%;margin-bottom:40px}.product-bag{width:409px;max-width:80%;margin-bottom:60px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15))}.ratio-chart{width:515px;max-width:90%;margin-bottom:60px}.footer{text-align:center;padding:20px 0 40px;font-size:12px;color:var(--color-red)}.fade-in{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mobile-break{display:initial}.section-red,.interview-white-bg{padding:60px 4%}.section-dark{padding:60px 4% 40px}.store-btn-container{width:225px}.design-blueprint{margin-bottom:15px}.vertical-title br{display:none}.vertical-title{font-size:28px;letter-spacing:6px;padding-top:14px}.design-text{margin-left:15px}.design-text p{margin-bottom:8px}.video-thumb{width:96%;box-shadow:0 5px 15px #0000004d}.red-layout{gap:15px}.red-layout>div:first-child{flex:1}.vertical-title-container{padding-left:0;width:auto;display:flex;justify-content:flex-end}.chevron-heading-img,.red-section-body{margin-left:0}.author-note{font-size:12px}}