/* Ufosnack · quiet, readable presentation. Original product content stays intact. */
:root{--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--mono:'DM Sans',Arial,sans-serif;--night:#100d0b;--panel:#1b1714;--ink:#fffaf3;--muted:#c5bdb5;--line:#ffffff20;--pad:clamp(24px,6vw,96px)}
body{font:17px/1.65 var(--body);background:var(--night);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--body);font-weight:600;letter-spacing:-.045em;line-height:1.12;overflow-wrap:normal}
h2{font-size:clamp(38px,4.5vw,64px)}
button,a,input,textarea,select{touch-action:manipulation}
button,a{transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
p{overflow-wrap:break-word}
/* Remove visual metadata and repetitions, not the linked information. */
.hero-topline,.hero-bottom,.scene-coordinate,.landing-caption,.alien-sticker,.transmission,.section-index,.cargo-word,.scan-label,.scan-line,.cargo-radar,.selector-orbit,.machine-side-label,.machine-marker,.drag-hint,.pass-top,.pass-route,.pass-rule,.pass-barcode,.pass-caption,.process-watermark,.boarding-label,.preview-label,.cursor-aura,.wormhole{display:none!important}
#starfield{opacity:.2;pointer-events:none}
.site-header{position:relative;height:96px;max-width:1600px;margin:auto;padding:18px var(--pad);border-bottom:1px solid var(--line);gap:28px;background:transparent}
.brand{gap:8px}.brand img{width:60px}.brand>span{font-family:var(--body);font-size:21px;letter-spacing:-.025em;font-weight:700}
.site-header nav{gap:30px;align-items:center}
.site-header nav a{font:500 16px/1.5 var(--body);letter-spacing:0;min-height:44px;display:flex;align-items:center}
.site-header nav a span{display:none}
.mission-button,.button,.header-cta{font:600 16px/1.4 var(--body);letter-spacing:0;min-height:50px;padding:14px 24px;border-radius:12px;clip-path:none;gap:12px;justify-content:center;box-shadow:none;transform:none}
.mission-button>span,.button>span,.text-link>span,.signal-link>span,.all-content-link>span{display:none}
.mission-button:hover,.button:hover{transform:none;background:#ffe26d;box-shadow:0 5px 22px #ffd43b18}
.header-cta{background:#ed3830;color:white;border-color:#ed3830;min-height:46px;padding:11px 21px}
.header-cta:hover{background:#ff4e43}
.text-link,.cargo-copy .text-link,.machine-control-bar>.text-link,.all-content-link,.cargo-copy .all-content-link,.signal-link{font:500 16px/1.5 var(--body);letter-spacing:0;gap:8px;color:var(--lime);text-decoration:underline;text-underline-offset:5px;padding:9px 0}
.eyebrow{font:500 15px/1.5 var(--body);letter-spacing:0;text-transform:none}
.section-pad{padding:88px var(--pad);max-width:1600px;margin:auto}
/* One headline, one product and two clear next steps. */
.hero{height:auto;min-height:650px;max-height:none;max-width:1600px;margin:auto;padding:104px var(--pad) 116px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;overflow:hidden}
.cosmic-background{opacity:.3;inset:0;background-position:center;transform:none!important;filter:saturate(.7)}
.hero-vignette{background:linear-gradient(90deg,#100d0b 0%,#100d0b66 55%,#100d0b33),linear-gradient(0deg,var(--night),transparent 45%)}
.hero-copy{padding:0;width:auto;position:relative;z-index:5}
.hero-copy>.eyebrow{display:none}
.hero h1{font-size:clamp(46px,5vw,72px);line-height:1.05;letter-spacing:-.055em;text-shadow:none;max-width:660px}
.hero h1 span{white-space:nowrap}
.hero h1 em{color:var(--lime);padding:4px 0 0}
.hero-description{font-size:19px;line-height:1.7;color:#d3cac1;margin-top:26px;max-width:440px}
.hero-actions{gap:24px;margin-top:32px}
.hero-actions .text-link{font-size:16px}
.hero-stage{position:relative;inset:auto;width:100%;height:460px;min-height:0;z-index:2}
.snack-scene{height:100%;width:100%}
.replay-button{bottom:0;left:50%;transform:translateX(-50%);font:500 14px/1.5 var(--body);border:1px solid #ffffff35;border-radius:999px;padding:9px 18px;background:#17110dde;color:var(--ink);white-space:nowrap}
.replay-button span{display:none}
/* Product selection is a simple row, with a readable description alongside. */
.cargo{padding-top:64px;background:none;border-top:1px solid var(--line)}
.cargo-heading,.roaster-top{gap:48px;align-items:end}
.cargo-heading h2{max-width:650px}
.cargo-heading>p,.roaster-top p{font-size:18px;line-height:1.65;max-width:350px;color:var(--muted)}
.cargo-explorer{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px 64px;margin-top:38px;min-height:0}
.orbit-selector{grid-column:1/-1;position:static;height:auto;display:flex;flex-direction:row;justify-content:flex-start;gap:10px}
.cargo-tab,.cargo-tab:nth-of-type(2),.cargo-tab:nth-of-type(3){width:auto;min-width:108px;min-height:48px;border-radius:999px;padding:12px 24px;font:500 16px/1.4 var(--body);transform:none;background:transparent;gap:0;border-color:#ffffff35}
.cargo-tab small{display:none}
.cargo-tab.is-active,.cargo-tab:hover{background:var(--lime);color:var(--night);border-color:var(--lime)}
.cargo-art,.cargo-art.is-original-poster{min-height:0;height:430px;margin:0;border-radius:24px;background:#201913;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}
.cargo-art img,.cargo-art.is-original-poster img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;transform:none;filter:none;margin:0}
.art-caption{display:none}
.cargo-copy{padding:0}
.cargo-copy>.eyebrow{display:none}
.cargo-copy h3{font:600 36px/1.15 var(--body);letter-spacing:-.035em;margin:0 0 20px}
.cargo-copy>p:not(.source-note){font-size:18px;line-height:1.7;max-width:430px;margin-bottom:20px}
.source-note,.cargo-copy .source-note{font:400 14px/1.65 var(--body);color:var(--muted);max-width:520px}
.cargo-copy .source-note{margin-top:16px}
.cargo-copy .all-content-link{margin-top:12px;display:flex;width:fit-content}
.original-foodline{margin-top:64px;padding-top:48px;gap:40px;border-top:1px solid var(--line)}
.original-foodline h3{font-size:30px;line-height:1.2;letter-spacing:-.035em}
.original-foodline .eyebrow{display:none}
.original-foodline>a span{font-size:15px;letter-spacing:0}
/* Device details are outside the model, with no floating micro-labels. */
.roaster{background:linear-gradient(180deg,#21171155,transparent);overflow:visible;border-top:1px solid var(--line)}
.roaster-top h2 em{color:var(--lime)}
.machine-stage{height:550px;margin-top:30px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;isolation:isolate}
.roaster-scene{inset:0 0 90px;width:auto;height:auto}
.machine-orbital,.floor-grid{opacity:.25}
.machine-facts{position:relative;inset:auto;display:flex;width:auto;gap:42px;grid-column:1;z-index:4;padding:16px 0;background:var(--night)}
.machine-facts>div{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:5px}
.machine-facts b{font:600 24px/1.2 var(--body);letter-spacing:-.025em;color:var(--ink)}
.machine-facts b br{display:none}.machine-facts b br:after{content:' / '}
.machine-facts b>span{font:500 15px/1.4 var(--body);letter-spacing:0}
.machine-facts p{font-size:15px;line-height:1.5;margin:0}
.machine-facts p br{display:none}
.real-roaster-reference{position:relative;inset:auto;display:flex;flex-direction:row;gap:12px;align-items:center;width:auto;padding:8px 0;background:var(--night);border:0;transform:none;grid-column:2}
.real-roaster-reference img{width:42px;height:60px;object-fit:contain;background:white;border-radius:6px}
.real-roaster-reference span{font:500 14px/1.5 var(--body);color:var(--muted)}
.machine-control-bar{margin:12px 0 20px;padding-top:20px;gap:24px;align-items:center}
.machine-controls{gap:10px;flex-wrap:wrap}
.machine-controls button{font:500 15px/1.5 var(--body);min-height:46px;padding:10px 18px;border-radius:10px;border-color:#ffffff30;background:transparent}
.machine-controls button:hover,.machine-controls button[aria-pressed=true]{background:#fff8ee;color:var(--night)}
.machine-footnotes{gap:30px;margin-top:16px}
.machine-footnotes p{font:400 14px/1.65 var(--body);max-width:620px}
/* A simple sequence and invitation, instead of a boarding-pass graphic. */
.operation{background:none;border-top:1px solid var(--line)}
.operation-grid{gap:72px}
.operation-title h2{font-size:clamp(38px,4.5vw,58px)}
.operation-title>p{font-size:18px;line-height:1.7;max-width:460px;margin-top:24px}
.step{padding:18px 0;gap:0;min-height:64px}
.step strong{font:500 21px/1.4 var(--body);letter-spacing:-.015em}
.step>span{display:none}
.step.is-active,.step:hover{color:var(--lime);padding-left:0}
.process-visual{transform:none;border-radius:24px;background:#251c14;box-shadow:none;width:100%;height:400px;padding:48px}
.process-visual>.eyebrow{top:24px;left:28px;font-size:16px;color:var(--ink)}
.process-visual img{transform:none;max-height:270px;object-fit:contain;max-width:100%}
#process-tag{font:400 15px/1.6 var(--body);bottom:24px;left:28px;color:var(--muted);max-width:calc(100% - 56px)}
.boarding{border-top:1px solid var(--line)}
.boarding-grid{gap:64px;align-items:center}
.boarding-copy h2{font-size:clamp(38px,4.5vw,64px)}
.boarding-copy>p{font-size:18px;line-height:1.7;max-width:480px;margin-top:24px}
.boarding-copy>.mission-button{font-size:16px}
.boarding-pass{background:#f7f1e8;color:#21160d;border:0;border-radius:24px;box-shadow:none;transform:none;max-width:100%;width:100%;padding:36px}
.boarding-pass:before,.boarding-pass:after{display:none}
.boarding-pass h3{font:600 30px/1.2 var(--body);letter-spacing:-.035em;margin:0 0 26px}
.boarding-pass ol{list-style:none;padding:0;counter-reset:none}
.boarding-pass li{display:flex;flex-direction:column;gap:7px;padding:18px 0;border-top:1px solid #21160d22}
.boarding-pass li:before{display:none}
.boarding-pass li b{font:600 18px/1.4 var(--body)}
.boarding-pass li>span{font:400 16px/1.65 var(--body);color:#5d5147}
.original-boarding{gap:64px;margin-top:64px;border-top:1px solid var(--line);padding-top:48px}
.original-boarding .eyebrow{display:none}
.original-boarding h3{font-size:32px;letter-spacing:-.035em;line-height:1.2}
.original-boarding p{font-size:18px;line-height:1.7;max-width:500px}
.original-boarding-image{transform:none;box-shadow:none}
.original-boarding-image>span{font:400 14px/1.5 var(--body)}
.signals{border-top:1px solid var(--line);padding-top:48px;padding-bottom:48px}
.signals>.eyebrow,.signals>.source-note{display:none}
.signals>div{gap:36px;align-items:center}
.signals h2{font:600 32px/1.2 var(--body);letter-spacing:-.03em}
.signal-link{font-size:16px}
.faq{gap:70px;border-top:1px solid var(--line)}
.faq>.eyebrow,.faq>div>.eyebrow{display:none}
.faq h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em}
.faq summary{font:500 18px/1.5 var(--body);gap:24px}
.faq details{padding:22px 0}
.faq details p{font:400 17px/1.75 var(--body)}
.contact{padding-top:90px;padding-bottom:72px;text-align:left;border-top:1px solid var(--line)}
.contact>.eyebrow{display:none}
.contact h2{font-size:clamp(40px,5vw,72px);margin:0 0 30px;letter-spacing:-.045em}
.contact>.mission-button{font-size:16px}
.contact-data{margin-top:48px;padding-top:32px;gap:24px 40px;align-items:start;justify-content:start}
.contact-data a{font:500 17px/1.6 var(--body)}
.contact-data p{font:400 16px/1.7 var(--body)}
.full-content-nav{padding:36px var(--pad);gap:24px;background:#17120e;border-top:1px solid var(--line);align-items:start}
.full-content-nav>span{font:600 18px/1.4 var(--body);letter-spacing:-.015em}
.full-content-nav>span br{display:none}
.full-content-nav>div{gap:14px 26px}
.full-content-nav a{font:400 15px/1.6 var(--body);padding:4px 0}
.site-footer{gap:24px;padding:32px var(--pad);max-width:1600px;margin:auto;align-items:center;flex-wrap:wrap}
.site-footer>p{font:500 18px/1.5 var(--body);margin-right:auto}
.site-footer>p>span{display:none}
.site-footer>a:not(.brand){font:400 14px/1.5 var(--body)}
.back-top{width:44px;height:44px;flex-shrink:0}
.motion-control{font:400 14px/1.5 var(--body);border:1px solid #ffffff30;border-radius:10px;width:auto;height:auto;padding:10px 14px;min-height:44px;flex-shrink:0}
.mobile-action{display:none!important}
/* Editorial pages: consistent type and clear hierarchy, all original text retained. */
.content-main{max-width:1600px}
.content-hero{padding:64px var(--pad) 48px}
.breadcrumb{font:400 14px/1.6 var(--body);margin-bottom:28px;gap:12px}
.breadcrumb>span:last-child{display:none}
.breadcrumb>span:nth-last-child(2){display:none}
.content-hero>.eyebrow{display:none}
.content-hero h1{font:600 clamp(42px,5vw,70px)/1.1 var(--body);letter-spacing:-.045em}
.content-hero>p:not(.eyebrow){font-size:18px;line-height:1.7;margin-top:24px;max-width:680px}
.page-links{margin-top:28px;gap:10px}
.page-links a{font:500 15px/1.5 var(--body);border-radius:10px;padding:10px 16px;min-height:46px}
.content-body{padding:48px var(--pad) 80px}
.content-layout{grid-template-columns:200px minmax(0,1fr);gap:56px}
.content-nav a{font:400 15px/1.5 var(--body);padding:14px 0}
.content-nav a:before{display:none}
.content-note{font:400 16px/1.75 var(--body);padding:20px 24px;border-radius:0 12px 12px 0;margin-bottom:40px}
.article p,.article li,.article .original-copy p,.article .original-copy{font-size:17px;line-height:1.8}
.article h2{font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.15;letter-spacing:-.035em}
.article h3{font:600 22px/1.4 var(--body);letter-spacing:-.015em}
.source-disclosure{padding:20px 24px;border-radius:14px}
.source-disclosure summary{font:500 16px/1.6 var(--body)}
.content-original-note{font-size:14px;line-height:1.65}
.product-vocabulary{gap:10px}
.product-vocabulary span{font:400 15px/1.5 var(--body);padding:8px 14px}
.content-product p{font-size:17px}
.offer-number{font-size:64px;letter-spacing:-.04em}
.offer-number small{font:400 15px/1.5 var(--body)}
.original-chapter-heading>.eyebrow{display:none}
.original-chapter-heading p{font-size:17px;line-height:1.7}
.original-card{border-radius:16px;overflow:hidden;box-shadow:none;transform:none}
.original-card figcaption{padding:18px 20px}
.original-card figcaption strong{font:500 17px/1.5 var(--body)}
.original-card figcaption>span{display:none}
.original-image,.press-image{border-radius:12px;overflow:hidden}
.original-image img,.press-image img{transform:none}
.press-item:hover .press-image{transform:none}
.press-item .eyebrow{font-size:14px;letter-spacing:0}
.press-item h2{font-size:26px;line-height:1.2}
.press-item .text-link{font-size:16px}
.press-item p{font-size:15px;line-height:1.7}
.media-filter{font:500 16px/1.5 var(--body)}
.media-filter input{font:400 17px/1.5 var(--body);border-radius:10px;min-height:48px}
.video-play{font:500 16px/1.5 var(--body)}
.video-item h2{font-size:25px;letter-spacing:-.025em}
.video-item .video-meta{font:400 14px/1.5 var(--body);gap:20px}
.video-status{font-size:16px;line-height:1.6}
.media-item{border-radius:14px;overflow:hidden}
.media-item figcaption,.media-item figcaption strong{font:400 15px/1.6 var(--body)}
.media-item figcaption strong{font-weight:500;font-size:17px}
.universe-links{gap:20px 36px}
.universe-link{grid-template-columns:1fr;gap:0;padding:28px 0}
.universe-link>span:first-child,.universe-link>span:last-child{display:none}
.universe-link strong{font:600 28px/1.2 var(--body);letter-spacing:-.025em}
.universe-link small{font:400 17px/1.7 var(--body);max-width:560px}
.contact-information p{font-size:17px;line-height:1.75}
.social-links a{font:400 15px/1.5 var(--body);border-radius:8px}
.contact-form{border-radius:20px;padding:32px}
.contact-form h2{font-size:32px;line-height:1.2}
.contact-form label,.inquiry-dialog label{font:500 16px/1.5 var(--body)}
.contact-form input,.contact-form textarea,.contact-form select,.inquiry-dialog input,.inquiry-dialog textarea,.inquiry-dialog select{font:400 17px/1.5 var(--body);border-radius:8px;padding:12px 14px}
.contact-form small,.contact-form .form-note,.demo-note,.privacy-note,.form-error{font-size:15px;line-height:1.7}
.content-footer{padding:40px var(--pad);max-width:1600px;margin:auto}
.content-footer-top nav{gap:12px 24px}
.content-footer-top nav a{font:400 15px/1.5 var(--body);padding:6px 0}
.content-footer-bottom{gap:24px;flex-wrap:wrap}
.content-footer-bottom span{font:400 14px/1.7 var(--body)}
.content-footer>.motion-control{margin-top:24px}
.inquiry-dialog,.study-dialog{border-radius:20px;max-width:700px;padding:40px}
dialog h2{font-size:38px;line-height:1.15;letter-spacing:-.035em}
dialog p,.dialog-intro,.study-dialog>.source-note{font-size:17px;line-height:1.75}
.dialog-close{font-size:30px;min-width:44px;min-height:44px}
.dialog-intro{margin-top:20px}
@media(min-width:1601px){.full-content-nav{padding-left:max(96px,calc((100vw - 1408px)/2));padding-right:max(96px,calc((100vw - 1408px)/2))}}
@media(max-width:1100px){
 .site-header nav{gap:20px}.site-header nav a{font-size:15px}.hero{min-height:600px;padding-top:72px;padding-bottom:80px}.hero h1{font-size:56px}.hero-stage{height:400px}.hero-actions{gap:18px}
 .cargo-explorer{gap:28px 36px}.machine-control-bar{flex-wrap:wrap}.machine-footnotes{display:block}.original-foodline{gap:24px}.content-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}
}
@media(max-width:800px){
 .site-header{height:84px;gap:18px}.site-header nav{gap:16px}.site-header nav a{font-size:15px}.site-header .header-cta{font-size:15px;padding:10px 16px}.brand img{width:52px}.brand>span{font-size:18px}
 .hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:48px;gap:20px;min-height:0}.hero-copy{max-width:620px}.hero h1{font-size:clamp(42px,8vw,64px);max-width:600px}.hero h1 em{max-width:550px}.hero-description{font-size:18px;max-width:520px}.hero-stage{height:360px;max-width:600px;justify-self:center}.hero-actions{margin-top:26px}.hero-vignette{background:linear-gradient(0deg,var(--night),transparent 55%),#100d0b88}
 .section-pad{padding-top:64px;padding-bottom:64px}.cargo-heading,.roaster-top{display:block}.cargo-heading>p,.roaster-top p{margin-top:22px;max-width:520px;font-size:18px}.cargo-explorer{grid-template-columns:1fr;gap:28px;margin-top:28px}.orbit-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cargo-tab,.cargo-tab:nth-of-type(2),.cargo-tab:nth-of-type(3){min-width:0;width:100%;padding:11px 8px;justify-content:center;font-size:15px;min-height:46px;transform:none}.cargo-art,.cargo-art.is-original-poster{height:370px;width:100%;margin:0;padding:24px}.cargo-copy h3{font-size:32px;margin-bottom:16px}.cargo-copy>p:not(.source-note){max-width:540px}.cargo-copy .source-note{margin-top:12px}.original-foodline{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;padding-top:36px}.original-foodline>div{grid-column:1/-1}.original-foodline h3{font-size:28px}
 .roaster-top h2,.boarding-copy h2{font-size:42px}.machine-stage{height:520px;margin:24px 0 0;grid-template-columns:1fr}.roaster-scene{inset:0 -16px 170px}.machine-facts{grid-column:1;gap:32px;margin-top:auto;padding:14px 0;align-self:end;background:transparent}.machine-facts b{font-size:23px}.machine-facts b>span{font-size:15px}.machine-facts p{font-size:15px}.real-roaster-reference{grid-column:1;align-self:end;justify-self:start;background:transparent}.real-roaster-reference img{height:42px;width:32px}.machine-control-bar{display:block;padding-top:20px;margin-top:24px}.machine-controls{display:flex;width:100%;gap:8px;justify-content:start}.machine-controls button{flex:0 1 auto;min-width:0;font-size:15px;padding:10px 14px;min-height:46px}.machine-control-bar>.text-link{display:inline-flex;margin-top:18px;font-size:16px}.machine-footnotes p{font-size:14px;line-height:1.7;margin-bottom:12px}
 .operation-grid{grid-template-columns:1fr;gap:36px}.operation-title h2{font-size:42px}.operation-title>p{font-size:18px;margin-top:22px}.step strong{font-size:21px}.process-visual{width:100%;height:340px;margin:0;padding:50px 28px}.process-visual img{max-height:240px;width:100%}.process-visual.is-machine img{max-height:225px}#process-tag{font-size:15px}
 .boarding-grid{grid-template-columns:1fr;gap:36px}.boarding-copy>p{font-size:18px;margin-top:22px}.boarding-pass{width:100%;padding:28px;margin:0;transform:none}.boarding-pass h3{font-size:28px}.boarding-pass li b{font-size:18px}.boarding-pass li>span{font-size:16px}.original-boarding{grid-template-columns:1fr;gap:32px;margin-top:44px;padding-top:36px}.original-boarding h3{font-size:30px}.original-boarding p{font-size:18px}.original-boarding-image{max-width:340px;margin:0;transform:none}.signals>div{display:flex;flex-wrap:wrap;gap:18px 30px}.signals h2{width:100%;font-size:32px}.signal-link{flex:0 1 auto;font-size:16px;gap:8px}
 .faq{display:block}.faq h2{font-size:40px}.faq-list{margin-top:28px}.faq summary{font-size:18px}.faq details p{font-size:17px}.contact h2{font-size:44px;margin-bottom:28px}.contact .mission-button{font-size:16px;padding:14px 24px}.contact-data{margin-top:36px;gap:20px;flex-direction:column;padding-top:28px}.contact-data a{font-size:17px}.contact-data p{font-size:16px}.full-content-nav{display:block;padding:32px var(--pad)}.full-content-nav>div{margin-top:22px;gap:16px 24px}.full-content-nav a{font-size:16px}.site-footer{padding:28px var(--pad);gap:20px}.site-footer>p{width:auto;font-size:18px}.site-footer>a:not(.brand){font-size:14px}.motion-control{font-size:14px}
 .content-hero{padding:40px var(--pad) 32px}.content-hero h1{font-size:44px}.content-hero>p:not(.eyebrow){font-size:18px}.breadcrumb{font-size:14px;margin-bottom:22px}.page-links a{font-size:15px;padding:10px 14px}.content-body{padding:32px var(--pad) 56px}.content-layout{grid-template-columns:1fr;gap:32px}.content-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;border:0}.content-nav a{border:1px solid var(--line);border-radius:10px;font-size:15px;padding:9px 14px}.article h2{font-size:34px}.article h3{font-size:22px}.article p,.article li,.article .original-copy p{font-size:17px}.content-note{font-size:16px;padding:18px 20px}.content-product{grid-template-columns:1fr;gap:20px}.source-disclosure summary{font-size:16px}.source-disclosure{padding:18px}.press-grid,.video-grid{grid-template-columns:1fr;gap:32px}.press-item h2,.video-item h2{font-size:26px}.press-item .text-link{font-size:16px}.press-item p{font-size:15px}.media-grid{columns:2;column-gap:16px}.media-item figcaption,.media-item figcaption strong{font-size:15px}.universe-links{grid-template-columns:1fr;gap:0}.universe-link strong{font-size:26px}.universe-link small{font-size:17px}.contact-columns{grid-template-columns:1fr;gap:36px}.contact-information h2{font-size:32px}.contact-form{padding:24px}.contact-form label,.inquiry-dialog label{font-size:16px}.contact-form p{font-size:16px}.contact-form small{font-size:15px}.content-footer{padding:32px var(--pad)}.content-footer-bottom span{font-size:14px}
 dialog{padding:32px 24px;width:calc(100% - 28px)}dialog h2{font-size:34px}dialog p,.dialog-intro{font-size:17px}.form-grid{grid-template-columns:1fr}.inquiry-dialog input,.inquiry-dialog select,.inquiry-dialog textarea{font-size:17px}.inquiry-dialog .button{font-size:16px}
}
@media(max-width:650px){
 .site-header{height:78px;padding:14px var(--pad);gap:14px}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;bottom:auto;background:#17110ff7;border-bottom:1px solid var(--line);padding:18px var(--pad) 24px;margin:0;max-height:calc(100svh - 78px);overflow:auto}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{font-size:19px;padding:12px 0;min-height:48px}.site-header .header-cta{display:none}.menu-button{display:flex;margin-left:auto;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:46px;height:46px;border:1px solid #ffffff35;border-radius:12px;background:transparent;padding:12px}.menu-button span{height:2px;width:20px;background:var(--ink)}
 .hero{padding-top:40px;gap:10px}.hero h1{font-size:clamp(37px,10vw,52px);line-height:1.08}.hero-description{font-size:18px;margin-top:22px}.hero-stage{height:320px}.hero-actions{gap:14px 22px}.hero-actions .mission-button{font-size:16px;padding:14px 20px;min-height:50px}.hero-actions .text-link{font-size:16px}.section-pad{padding-top:52px;padding-bottom:52px}.cargo-heading h2,.roaster-top h2,.operation-title h2,.boarding-copy h2{font-size:38px}.cargo-art,.cargo-art.is-original-poster{height:320px}.machine-controls{gap:8px}.machine-controls button{font-size:14px;padding:10px 12px}.original-foodline>a span{font-size:14px}.media-grid{columns:1}.site-footer{padding-bottom:28px}.contact h2{font-size:40px}.offer-inventory{columns:1}
}
@media(max-width:360px){:root{--pad:20px}.hero h1{font-size:36px}.hero-stage{height:280px}.cargo-tab{font-size:14px;padding:10px 6px}.cargo-art,.cargo-art.is-original-poster{height:280px}.roaster-top h2,.boarding-copy h2,.operation-title h2{font-size:36px}.machine-facts{gap:20px}.machine-controls button{font-size:14px;padding:10px}.content-hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Final fixes found at the tablet breakpoint. */
body .hero-actions .mission-button,body .mission-button,body .button{font-size:16px}
body .hero-actions .text-link{font-size:16px}
.roaster{overflow:hidden}
.hero-actions{max-width:none}
.original-image:after{display:none}
@media(max-width:650px){body .hero-actions .mission-button,body .hero-actions .text-link{font-size:16px}}
.inquiry-dialog .eyebrow{display:none}
.inquiry-dialog .demo-note{font:400 15px/1.65 var(--body);padding:14px 16px;border-radius:10px}
.inquiry-dialog h2 br{display:none}
.original-gif .mission-button{font-size:16px}
/* Keep device specifications in normal flow, below the interactive model. */
.machine-stage{display:block;height:440px;margin:28px 0 0}
.roaster-scene{inset:0;width:auto;height:auto}
.device-details{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding:24px 0 10px}
.device-details .machine-facts{position:static;inset:auto;display:flex;gap:48px;flex:1;margin:0;padding:0;background:transparent;align-items:start}
.device-details .machine-facts>div{min-width:0;max-width:280px}
.device-details .real-roaster-reference{position:static;inset:auto;background:transparent;flex-shrink:0}
@media(max-width:800px){.machine-stage{height:380px}.roaster-scene{inset:0 -12px}.device-details{align-items:start;flex-wrap:wrap;gap:24px;padding-top:24px}.device-details .machine-facts{flex:1 1 100%;gap:24px}.device-details .machine-facts>div{flex:1}.device-details .machine-facts b{font-size:22px;line-height:1.35}.device-details .machine-facts b>span{white-space:nowrap}.device-details .machine-facts p{font-size:15px;line-height:1.65}.device-details .real-roaster-reference{margin:0}}
/* B2B: fewer captions, generous reading space, purposeful product motion. */
.content-hero>.eyebrow,.breadcrumb>span:last-child{display:none}
.content-hero h1{max-width:1000px;text-transform:none}
.content-hero>p:not(.eyebrow){max-width:760px}
.article section{scroll-margin-top:32px}
.b2b-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.b2b-benefits>div{border-top:2px solid var(--lime);padding:22px 0}
.b2b-benefits h3{font-size:23px;margin:0 0 14px}
.b2b-benefits p{font-size:17px;margin:0}
.b2b-steps{list-style:none;counter-reset:steps;display:grid;gap:22px;margin:30px 0}
.b2b-steps li{padding-left:0;border-bottom:1px solid var(--line);padding-bottom:22px}
.b2b-steps strong{display:block;font-size:22px;color:var(--ink);margin-bottom:8px}
.b2b-steps span{display:block;color:var(--muted)}
.original-card figcaption{padding:18px;font-size:16px}
.original-card figcaption strong{font:500 16px/1.5 var(--body)}
.original-chapter-heading>.eyebrow{display:none}
.original-chapter-heading h2{text-transform:none}
.original-grid{gap:24px}
.video-short-grid .video-play,.video-grid .video-play{font:500 16px/1.5 var(--body)}
.video-short-grid .video-meta,.video-item .video-meta{font:400 15px/1.5 var(--body);gap:16px}
.video-short-grid .source-note,.video-item .source-note{font:400 14px/1.6 var(--body)}
.video-short-grid .text-link,.video-actions .text-link{font:500 15px/1.5 var(--body);padding:8px 0;min-height:40px}
.video-actions{gap:16px;flex-wrap:wrap}
.external-video span{background:#15110ee8;border:1px solid #ffffff55;border-radius:999px;padding:12px 18px;color:var(--ink);max-width:calc(100% - 24px);text-align:center}
.external-video:hover span{background:var(--lime);color:var(--night);border-color:var(--lime)}
.video-item h2,.video-short-grid .video-item h2{font:500 24px/1.25 var(--body);letter-spacing:-.025em;text-transform:none}
.video-chapter>.eyebrow{font-size:22px;color:var(--ink);margin-bottom:24px}
.location-landing{display:block;max-width:850px}
.content-machine .floor-grid{display:none}
.universe-link{grid-template-columns:1fr auto;gap:16px}
.universe-link>div{grid-column:1}.universe-link>span{display:none}
.media-item figcaption,.media-item figcaption strong{font:500 16px/1.5 var(--body)}
.artwork-note{margin-bottom:32px;max-width:800px}
.press-item .eyebrow{display:none}
.article .source-note a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
body .original-boarding .mission-button,body .original-boarding .text-link{font:500 16px/1.5 var(--body)}
@media(max-width:800px){.b2b-benefits{grid-template-columns:1fr;gap:8px}.video-short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-short-grid .video-item h2{font-size:21px}.video-short-grid .video-play{font-size:15px}.content-hero h1{font-size:clamp(38px,8vw,58px)}}
@media(max-width:450px){.video-short-grid{grid-template-columns:1fr}.external-video span{padding:12px 16px}.article h2{font-size:32px}}