.hero h1{font-size:clamp(42px,5.9vw,80px)}.hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:45px}.hero-media{opacity:.22;background-position:center}.hero-shade{background:linear-gradient(90deg,#050806f2,#050806b0 65%,#05080640)}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-chips span{font-size:10px;letter-spacing:.06em;color:#cbd3cc;border:1px solid #ffffff2b;padding:7px 12px}.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.machine-card{background:#0c110d;color:white;overflow:hidden;border:1px solid #273129;transition:border-color .3s}.machine-card:hover{border-color:var(--green)}.machine-photo-slot{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 90%,#7db92826,transparent 70%),linear-gradient(135deg,#141c16,#050806);overflow:hidden;display:flex;align-items:center;justify-content:center}.model-numeral{position:absolute;left:22px;top:-30px;font-size:180px;font-weight:900;color:#ffffff06;letter-spacing:-.08em}.station-symbol{display:flex;gap:clamp(8px,1.5vw,24px);position:relative;border-bottom:1px solid #7db92870;padding:30px 15px}.station-symbol i{font-size:30px;font-style:normal;width:clamp(40px,5vw,60px);height:70px;display:grid;place-items:center;color:var(--acid);border:1px solid #7db92866;border-radius:9px 9px 20px 20px;box-shadow:inset 0 0 25px #7db9280d}.photo-caption{position:absolute;bottom:16px;left:22px;font-size:10px;color:#899b8c;letter-spacing:.08em}.machine-info{padding:30px}.model-label{font-size:10px;letter-spacing:.18em;color:var(--acid)}.machine-info h3{font-size:30px;line-height:1.15;letter-spacing:-.03em;margin:15px 0}.machine-info p{color:#99a49b;font-size:13px}.model-inquiry{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;margin-top:25px;padding-top:20px;font-size:12px;color:#eef4ec}.model-inquiry span{color:var(--acid)}.machine-photo-slot>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.machine-photo-slot.has-image .model-numeral,.machine-photo-slot.has-image .station-symbol,.machine-photo-slot.has-image .photo-caption{display:none}.coffee{padding:100px 0;display:block}.coffee:before{display:none}.coffee:after{background:radial-gradient(ellipse at 85% 10%,#7db92812,transparent 55%);pointer-events:none}.coffee>.shell{position:relative;z-index:2}.coffee .section-head>p{color:#aab6ac}.screen-preview{margin:0;border:1px solid #53683b;border-radius:12px;overflow:hidden;box-shadow:0 0 100px #7db92816;background:#030503}.screen-preview img{width:100%;height:auto}.screen-preview figcaption{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;color:#9faf9f;padding:15px 20px;background:#0f160f}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.coffee .coffee-copy{display:flex;justify-content:center}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22;margin-top:48px}.feature-strip>div{padding:25px 15px;border-right:1px solid #ffffff22}.feature-strip strong,.feature-strip span{display:block}.feature-strip strong{font-size:16px}.feature-strip span{font-size:11px;color:#8f9b91;margin-top:7px}.feature-note{color:#8c998e;font-size:12px;margin:25px 0 0}.quality article i{margin-top:22px}.process{background:#e8ebe3}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none;gap:25px}.process-steps li{border-top:1px solid #a9b89a;padding-top:22px}.process-steps span{color:#5b8528;font-size:11px}.process-steps h3{font-size:24px;letter-spacing:-.03em}.process-steps p{font-size:13px;color:#636e66}.brand-panel{min-height:500px;padding:50px;background:radial-gradient(ellipse at 100% 100%,#496c234a,transparent),#080d09;color:white;display:flex;justify-content:space-between;flex-direction:column}.brand-panel img{width:230px}.brand-panel p{font-size:clamp(35px,3.5vw,50px);line-height:1.1;font-weight:700;letter-spacing:-.04em;margin:60px 0 0}.brand-panel em{color:var(--green);font-style:normal}.corporate-link{font-size:12px;color:#507c1f;text-decoration:underline}.faq{padding-top:30px}.faq-list{margin-top:40px}.faq details{border-top:1px solid #c5cfc0;padding:22px 0}.faq details:last-child{border-bottom:1px solid #c5cfc0}.faq summary{font-size:17px;font-weight:600;cursor:pointer;padding-right:25px}.faq details p{max-width:800px;font-size:14px;color:#657068}.footer-bottom nav{flex-wrap:wrap}.footer-bottom{gap:20px}.reveal{opacity:1;transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,7vw,65px)}.machine-info h3{font-size:25px}.coffee{padding:70px 0}.feature-strip{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr}.brand-panel{min-height:380px}}@media(max-width:600px){.hero{min-height:760px}.hero h1{font-size:43px}.hero-chips{gap:7px}.hero-chips span{padding:6px 8px}.machine-grid{grid-template-columns:1fr;gap:20px}.machine-info{padding:24px}.machine-photo-slot{aspect-ratio:16/9}.station-symbol i{width:48px}.feature-strip strong{font-size:13px}.process-steps{grid-template-columns:1fr 1fr;gap:20px}.process-steps h3{font-size:20px}.brand-panel{padding:35px}.section-head h2{font-size:38px}.screen-preview figcaption{font-size:9px;padding:12px}.faq summary{font-size:15px}}
/* The hero is a brand atmosphere; machine photography is loaded separately. */
body .hero-media{background:radial-gradient(ellipse at 80% 45%,#4c751a70,transparent 50%),linear-gradient(120deg,#030603,#102011);opacity:1}