/* Interior pages share the brand, not a single page template. */
.header-inner { gap:24px; position:relative; }
#navigation { gap:23px; }
.nav-actions { gap:18px; margin-left:0; }
.products-nav { position:static; }
.mega-products { left:0; top:calc(100% + 10px); width:760px; padding:20px; grid-template-columns:1.35fr 1fr; gap:20px; }
.products-nav[open] .mega-products { display:grid; }
.mega-list a { display:flex; align-items:center; gap:14px; border-radius:12px; }
.mega-list strong,.mega-list small { display:block; }
.mega-list small { margin-top:4px; font-size:10px; letter-spacing:.06em; }
.nav-product-icon { width:40px; height:40px; background:#ffffff09; border:1px solid #ffffff12; display:grid; place-items:center; color:#c6f56f; border-radius:12px; font-size:25px; }
.nav-arrow { margin-left:auto; color:#b8abc8; }
.nav-dropdown .mega-promo { display:flex; flex-direction:column; justify-content:space-between; background:#30234d; padding:25px; border-radius:14px; min-height:270px; }
.mega-promo strong { font-size:30px; line-height:1.2; }
.mega-promo .pill-label { padding:5px 10px; font-size:12px; align-self:flex-start; }
.mega-promo > span:last-child { color:#d6c2ff; font-size:13px; }
.product-intro { padding-block:100px 75px; }
.product-intro h1,.article-heading h1 { font-size:clamp(44px,5.2vw,72px); line-height:1.08; letter-spacing:-.045em; font-weight:400; margin:25px 0; max-width:1050px; }
.product-intro h1 em,.brand-poster em { font-style:normal; color:#b899ff; }
.product-intro p { color:var(--muted); font-size:18px; max-width:620px; }
.product-intro .button { margin-top:20px; }
.product-intro .hero-actions .button { margin-top:0; }
.centered-copy { text-align:center; }
.centered-copy h1,.centered-copy p { margin-left:auto; margin-right:auto; }
.centered-copy p { max-width:730px; color:var(--muted); }
.centered-copy h2 { margin:24px 0; }
.split-intro { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; padding-bottom:100px; }
.split-intro .hero-actions { flex-wrap:wrap; gap:24px; }
.visual-panel { min-height:470px; border-radius:26px; overflow:hidden; position:relative; }
.visual-caption { position:absolute; top:26px; left:28px; font-size:10px; letter-spacing:.1em; color:#d2c5e8; }
.core-collage { background:radial-gradient(ellipse at 50% 25%,#7051a6 0%,#322344 60%,#211c2d 100%); }
.loyalty-orbit { position:absolute; width:290px; height:290px; border:1px solid #ffffff35; border-radius:50%; top:80px; left:50%; transform:translateX(-50%); display:grid; place-items:center; }
.loyalty-orbit:before { content:""; position:absolute; inset:45px; border:1px dashed #ffffff35; border-radius:50%; }
.loyalty-orbit strong { font-size:125px; font-weight:300; color:#d1ffa0; line-height:1; }
.loyalty-orbit > span { position:absolute; background:#423056; border:1px solid #ffffff30; padding:8px 18px; border-radius:30px; font-size:13px; }
.loyalty-orbit > span:first-child { top:-18px; }
.loyalty-orbit > span:nth-child(2) { right:-25px; top:140px; }
.loyalty-orbit > span:nth-child(3) { left:-25px; top:120px; }
.floating-card { display:flex; align-items:center; gap:15px; background:#f5f3f9; color:#202029; border-radius:16px; padding:20px; position:absolute; box-shadow:0 20px 50px #0003; }
.floating-card strong { font-size:17px; font-weight:500; }
.floating-card small { display:block; color:#62606b; margin-top:6px; font-size:12px; }
.avatar-circle { display:inline-grid; place-items:center; width:43px; height:43px; border-radius:50%; background:#d5c0ff; color:#292033; flex-shrink:0; }
.core-member { left:24px; bottom:90px; transform:rotate(-5deg); }
.core-gift { right:24px; bottom:20px; background:#c6f56f; transform:rotate(4deg); }
.core-gift > span { font-size:45px; }
.editorial-heading { margin-bottom:45px; max-width:760px; }
.editorial-heading h2 { margin:20px 0; }
.editorial-heading p { color:var(--muted); }
.journey-ribbon { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.journey-ribbon article { padding:35px 40px 0 0; }
.journey-ribbon b { display:inline-block; color:#b899ff; font-size:40px; font-weight:300; margin-bottom:24px; }
.journey-ribbon h3 { font-size:27px; margin:0 0 14px; }
.journey-ribbon p { color:var(--muted); }
.core-bento { display:grid; grid-template-columns:1.5fr 1fr; gap:24px; }
.core-bento article { border-radius:24px; padding:50px; background:#191e27; }
.core-bento h2 { margin:24px 0; }
.core-bento p { color:var(--muted); max-width:530px; }
.core-bento .bento-lime { background:#c6f56f; color:#172013; }
.bento-lime h3 { font-size:44px; line-height:1.12; margin:32px 0; }
.bento-lime .eyebrow,.bento-lime p { color:#4b612e; }
.bento-lime a { display:block; margin-top:30px; }
.feedback-chips { display:flex; flex-wrap:wrap; gap:10px; margin:32px 0; }
.feedback-chips span,.product-tags span { border:1px solid #ffffff20; border-radius:30px; padding:9px 16px; font-size:13px; color:#c8c9d3; }
.restaurant-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:90px; align-items:center; }
.restaurant-intro h1 em { color:#c6f56f; }
.kitchen-showcase { background:#202630; border-radius:25px; padding:30px; }
.board-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:25px; }
.board-heading small { color:#aeb2bd; font-size:12px; }
.board-heading i { display:inline-block; height:8px; width:8px; border-radius:50%; background:#c6f56f; margin-right:8px; }
.kitchen-board { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.kitchen-board h2 { font-size:18px; letter-spacing:0; margin:10px 0 20px; }
.kitchen-board h2 span { margin-right:8px; color:#9198a4; font-size:13px; }
.ticket { background:#f0efea; color:#24252a; padding:28px; border-radius:15px; min-height:300px; display:flex; flex-direction:column; }
.ticket small { font-size:11px; letter-spacing:.08em; opacity:.7; }
.ticket h3 { font-size:29px; margin:24px 0; }
.ticket p { margin:5px 0; color:#58575c; }
.ticket footer { display:flex; justify-content:space-between; border-top:1px dashed #0003; padding-top:20px; margin-top:auto; font-size:12px; }
.ticket-purple { background:#ab8af2; }
.ticket-lime { background:#c6f56f; }
.ticket-lines { display:flex; gap:7px; margin:20px 0; }
.ticket-lines i { width:35px; height:5px; border-radius:20px; background:#34224c; }
.operations-steps,.branch-editorial { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; align-items:start; }
.sticky-title { position:sticky; top:135px; }
.sticky-title h2 { margin:20px 0; }
.sticky-title p,.numbered-features p { color:var(--muted); }
.numbered-features article { display:flex; gap:25px; padding:30px 0; border-bottom:1px solid var(--line); }
.numbered-features b { font-size:14px; color:#c6f56f; font-weight:400; }
.numbered-features h3 { font-size:28px; margin:0 0 15px; }
.product-bridge { display:grid; grid-template-columns:1.25fr 1fr; gap:80px; align-items:center; padding:65px; background:#181d26; border-radius:24px; }
.product-bridge h2 { margin:24px 0; font-size:44px; }
.product-bridge p { color:var(--muted); }
.receipt { background:#eeeae0; color:#25252b; padding:35px; transform:rotate(3deg); border-radius:4px; box-shadow:0 15px 40px #0002; }
.receipt > span { font-size:25px; font-weight:650; }
.receipt h3 { font-size:20px; border-bottom:1px dashed #0005; padding:20px 0; }
.receipt p { color:#4b4b51; font-size:13px; display:flex; justify-content:space-between; }
.receipt small { display:block; border-top:1px dashed #0005; padding-top:22px; font-size:10px; }
.module-note { color:var(--muted); text-align:center; font-size:13px; padding-block:35px; }
.hotspot-hero { background:radial-gradient(ellipse at 50% 90%,#332451 0%,#181d26 55%); overflow:hidden; }
.hotspot-hero .product-intro { padding-bottom:10px; }
.connection-universe { position:relative; height:455px; display:flex; justify-content:center; align-items:flex-end; }
.signal-ring { position:absolute; border:1px solid #9c78d32b; border-radius:50%; top:80px; width:650px; height:650px; }
.ring-two { width:920px; height:920px; top:5px; }
.connection-phone { background:#f3f0f9; border:9px solid #0e1015; border-bottom:0; border-radius:35px 35px 0 0; width:265px; height:365px; z-index:1; display:flex; align-items:center; flex-direction:column; padding:18px 18px 10px; color:#20202a; box-shadow:0 0 80px #9a66ff25; }
.phone-speaker { height:5px; width:40px; background:#181d26; border-radius:10px; margin-bottom:25px; }
.connection-phone small { font-size:8px; letter-spacing:.06em; }
.connection-phone svg { width:90px; margin:20px 0; fill:none; stroke:#864ffe; stroke-width:6; stroke-linecap:round; }
.connection-phone strong { font-size:26px; font-weight:450; text-align:center; line-height:1.2; }
.connection-button { background:#864ffe; color:white; border-radius:25px; width:100%; text-align:center; padding:11px; font-size:13px; margin:20px 0 15px; }
.signal-tag { position:absolute; top:185px; background:#282435; border:1px solid #5d496d; padding:18px 25px; border-radius:16px; z-index:2; }
.tag-left { left:12%; transform:rotate(-8deg); }
.tag-right { right:13%; transform:rotate(8deg); }
.hotspot-features { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; }
.hotspot-features article > span { color:#b899ff; font-size:11px; letter-spacing:.08em; }
.hotspot-features h2 { font-size:34px; margin:25px 0; }
.hotspot-features p { color:var(--muted); }
.setup-band { display:flex; gap:70px; justify-content:space-between; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:65px; }
.setup-band h2 { margin:24px 0; }
.setup-band p { color:var(--muted); max-width:660px; }
.setup-band .button { flex-shrink:0; }
.stock-intro { padding-right:25%; }
.stock-intro h1 em { color:#c6f56f; }
.stock-workspace { display:grid; grid-template-columns:1fr 1.6fr; gap:24px; }
.stock-summary { background:#c6f56f; color:#182016; border-radius:23px; padding:35px; }
.stock-summary .eyebrow { color:#435936; }
.stock-summary h2 { font-size:42px; margin:20px 0; }
.stock-summary p { font-size:13px; margin:0; }
.stock-bars { display:flex; gap:12px; height:125px; align-items:flex-end; margin:25px 0; }
.stock-bars i { height:var(--bar); background:#223624; flex:1; border-radius:8px 8px 0 0; }
.stock-ledger { background:#1a2029; border:1px solid #ffffff0a; padding:35px; border-radius:23px; }
.stock-ledger table { width:100%; border-collapse:collapse; margin-top:35px; font-size:14px; }
.stock-ledger th { color:#929ba9; font-size:11px; font-weight:400; text-align:left; padding:15px 0; }
.stock-ledger td { padding:20px 0; border-top:1px solid #ffffff12; }
.stock-ledger td:last-child,.stock-ledger th:last-child { text-align:right; }
.ingredient-dot { display:inline-block; width:12px; height:12px; border-radius:4px; margin-right:10px; }
.green{background:#c6f56f}.cream{background:#e2d8bc}.purple{background:#ab8af2}.orange{background:#e6aa7e}
.ledger-bottom { display:flex; gap:20px; padding-top:28px; font-size:11px; color:#929ba9; }
.recipe-section { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.recipe-section h2 { margin:24px 0; }
.recipe-section p { color:var(--muted); }
.recipe-visual { background:#222630; padding:35px; border-radius:24px; overflow:hidden; }
.recipe-visual h3 { font-size:27px; margin:14px 0; }
.recipe-visual small { color:#a4a7ae; font-size:11px; display:block; margin-top:20px; }
.coffee-drawing { position:relative; height:190px; display:grid; place-items:center; }
.coffee-drawing div { width:130px; height:130px; background:radial-gradient(circle,#e7d1ad 0 8%,#b77743 10% 38%,#7e4729 42% 48%,#faf0dd 50% 62%,#d9c5a9 64% 68%,transparent 70%); border-radius:50%; filter:drop-shadow(10px 20px 10px #0003); transform:rotate(-30deg); }
.coffee-drawing div:after { content:""; width:37px; height:28px; background:#e6d7be; position:absolute; right:-14px; top:50px; border-radius:0 10px 10px 0; z-index:-1; }
.recipe-ingredient { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid #ffffff1a; font-size:14px; }
.recipe-ingredient strong { color:#c6f56f; font-weight:400; }
.stock-tiers { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:45px; border-top:1px solid var(--line); padding-top:50px; }
.stock-tiers h2 { font-size:38px; margin:20px 0; }
.stock-tiers article { padding-top:10px; }
.stock-tiers article > span { color:#c6f56f; }
.stock-tiers h3 { font-size:30px; margin:20px 0; }
.stock-tiers p { color:var(--muted); }
.branch-intro h1 { font-size:clamp(45px,6.5vw,90px); }
.branch-intro-bottom { display:flex; justify-content:space-between; align-items:center; gap:50px; }
.branch-intro-bottom p { max-width:530px; }
.branch-network { background:#1b2029; padding:50px; border-radius:24px; }
.branch-hub { display:flex; align-items:center; flex-direction:column; padding:20px; border:1px solid #7b5da3; background:#30263f; width:270px; margin:auto; border-radius:18px; }
.branch-hub strong { font-size:30px; font-weight:550; margin:10px 0; }
.branch-hub > span:last-child { font-size:12px; color:#b8abc9; }
.branch-spokes { width:67%; height:55px; border:1px solid #776489; border-bottom:none; border-radius:20px 20px 0 0; margin:35px auto 0; position:relative; }
.branch-spokes:before { content:""; width:1px; height:90px; background:#776489; position:absolute; left:50%; top:-36px; }
.branch-locations { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.branch-locations article { background:#11151b; padding:25px; border-radius:15px; position:relative; }
.branch-building { font-size:48px; color:#c6f56f; display:block; margin-bottom:20px; line-height:1; }
.branch-locations small { font-size:10px; color:#9ca3b0; letter-spacing:.06em; }
.branch-locations h2 { font-size:30px; margin:10px 0; }
.branch-locations p { color:#a4a7ae; font-size:13px; }
.branch-status { display:block; border-top:1px solid var(--line); margin-top:25px; padding-top:15px; color:#cdb8f2; font-size:12px; }
.branch-editorial h2 { margin:24px 0; }
.branch-editorial article { position:relative; border-top:1px solid var(--line); padding:28px 0 28px 48px; }
.branch-editorial article > span { position:absolute; left:0; top:32px; color:#b899ff; font-size:12px; }
.branch-editorial h3 { font-size:28px; margin:0 0 15px; }
.branch-editorial p { color:var(--muted); }
.branch-report { background:#232031; padding:55px; display:grid; grid-template-columns:1fr 1fr; gap:70px; border-radius:25px; }
.branch-report h2 { font-size:40px; margin:20px 0; }
.branch-report p { color:var(--muted); }
.comparison-bars { padding-top:20px; }
.comparison-bars small { color:#a99cbd; font-size:10px; letter-spacing:.1em; }
.comparison-bars > div { display:grid; grid-template-columns:60px 1fr; align-items:center; gap:16px; margin:24px 0; font-size:12px; }
.comparison-bars i { display:block; height:25px; width:var(--bar); background:#b899ff; border-radius:5px; }
.comparison-bars > div:nth-child(3) i { background:#c6f56f; }
.about-intro { padding-bottom:65px; }
.about-diptych { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.brand-poster { padding:45px; background:#bda1fa; color:#251b34; border-radius:25px; min-height:510px; position:relative; overflow:hidden; }
.brand-poster > span { font-size:12px; }
.brand-poster h2 { font-size:76px; line-height:1; margin:50px 0 30px; position:relative; z-index:1; }
.brand-poster em { color:#fff; }
.brand-poster p { position:relative; font-size:16px; }
.poster-orbits { position:absolute; right:-100px; top:100px; width:360px; height:360px; }
.poster-orbits i { border:1px solid #51357455; border-radius:50%; position:absolute; inset:0; }
.poster-orbits i:nth-child(2){inset:40px}.poster-orbits i:nth-child(3){inset:80px}
.about-product-image { background:#1e242e; border-radius:25px; padding:30px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
.about-product-image img { width:110%; max-width:none; border-radius:12px; transform:rotate(-4deg); margin:15px 0 25px; }
.about-product-image > div { padding:15px; }
.about-product-image h3 { font-size:30px; line-height:1.2; margin:16px 0; }
.about-manifesto { display:grid; grid-template-columns:1fr 2fr; gap:80px; }
.about-manifesto > .eyebrow { padding-top:15px; }
.about-manifesto h2 { margin:0 0 35px; }
.about-manifesto p { color:#b2b5be; font-size:18px; }
.about-manifesto blockquote { margin:45px 0 0; border-left:2px solid #b899ff; padding-left:25px; font-size:24px; line-height:1.5; }
.about-manifesto em { color:#b899ff; font-style:normal; }
.values-section { background:#191e27; padding:100px 0; }
.values-section h2 { margin:25px 0 60px; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; }
.values-grid article > span { color:#c6f56f; font-size:15px; }
.values-grid h3 { font-size:28px; margin:25px 0 15px; }
.values-grid p { color:var(--muted); }
.customer-section { padding-bottom:60px; }
.customer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.filter-pills { display:flex; gap:10px; flex-wrap:wrap; }
.filter-pills button { background:none; border:1px solid #343b47; color:#b3b7c1; padding:12px 22px; border-radius:30px; font:inherit; font-size:14px; cursor:pointer; }
.filter-pills button[aria-pressed="true"] { background:#c6f56f; color:#172013; border-color:#c6f56f; }
.filter-count { color:#9ea5b3; font-size:12px; }
.sample-notice { font-size:12px; color:#959da9; margin:25px 0 35px; }
.customer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.customer-card { background:#191e27; border-radius:22px; overflow:hidden; }
.customer-card[hidden] { display:none; }
.customer-art { height:280px; padding:30px; overflow:hidden; color:#1d2229; }
.customer-art > span { font-size:30px; line-height:1.12; letter-spacing:-.03em; }
.cafe-art { background:#d7c7aa; }
.cafe-art .coffee-drawing { height:160px; transform:translate(50px,-5px); }
.restaurant-art { background:#c6f56f; }
.mini-tickets { display:flex; gap:10px; transform:rotate(-8deg); margin-top:40px; }
.mini-tickets i { font-style:normal; background:#1d2620; color:#c6f56f; padding:30px 15px; border-radius:8px; font-size:12px; }
.branches-art { background:#ac8ae9; }
.mini-buildings { display:flex; gap:25px; margin-top:25px; align-items:flex-end; }
.mini-buildings i { font-style:normal; font-size:85px; line-height:1; }
.mini-buildings i:nth-child(2) { font-size:120px; }
.customer-card-copy { padding:30px; }
.customer-card h2 { font-size:28px; line-height:1.2; margin:18px 0; }
.customer-card p { color:#adb3bd; font-size:15px; }
.product-tags { display:flex; flex-wrap:wrap; gap:6px; margin:24px 0; }
.product-tags span { font-size:10px; padding:5px 10px; }
.blog-intro { text-align:center; }
.blog-intro h1,.blog-intro p { margin-left:auto; margin-right:auto; }
.featured-post { display:grid; grid-template-columns:1.15fr 1fr; gap:55px; align-items:center; padding:25px; background:#1b2029; border-radius:26px; }
.featured-post > div:last-child { padding:20px 30px 20px 0; }
.featured-post h2 { font-size:38px; margin:20px 0; }
.featured-post p { color:#afb3bd; }
.post-meta { color:#a5adbb; font-size:12px; }
.round-arrow { display:grid; place-items:center; width:45px; height:45px; border:1px solid #ffffff30; border-radius:50%; font-size:22px; margin-top:25px; }
.featured-post:hover .round-arrow { background:#c6f56f; color:#19201c; }
.blog-art { min-height:310px; height:100%; padding:30px; border-radius:18px; overflow:hidden; position:relative; }
.art-loyalty { background:#ae8feb; color:#272033; }
.art-stock { background:#c6f56f; color:#202820; }
.art-caption { font-size:10px; letter-spacing:.12em; position:relative; z-index:1; }
.art-loyalty-card { background:#f2ede4; padding:30px; border-radius:18px; margin:35px 25px -45px; transform:rotate(-8deg); box-shadow:10px 15px 40px #291a4222; }
.art-loyalty-card > span { display:block; font-size:55px; line-height:1; color:#864ffe; margin-bottom:15px; }
.art-loyalty-card strong { font-size:38px; line-height:1.05; display:block; font-weight:450; }
.art-loyalty-card > div { font-size:11px; margin-top:25px; border-top:1px solid #0002; padding-top:15px; }
.art-star { position:absolute; color:#c6f56f; font-size:120px; right:20px; top:110px; font-style:normal; text-shadow:0 0 1px #293621; }
.art-stock-card { background:#253025; padding:30px; color:#c6f56f; border-radius:18px; margin:40px 15px -60px; transform:rotate(6deg); }
.art-stock-card strong { font-size:27px; font-weight:400; line-height:1.2; }
.art-stock-card .stock-bars i { background:#c6f56f; }
.blog-grid { display:grid; grid-template-columns:1fr 1fr; gap:35px; }
.blog-card > div { padding:28px 5px; }
.blog-card h3 { font-size:30px; line-height:1.25; margin:18px 0; }
.blog-card p { color:#aeb3bd; margin-bottom:25px; }
.blog-card .blog-art { height:310px; }
.blog-card h3 a:hover { color:#c6f56f; }
.article-heading { padding:90px 0 55px; max-width:960px; }
.article-heading .post-meta { margin-top:45px; }
.article-heading h1 { font-size:clamp(40px,4.5vw,62px); }
.article-heading > p { color:#b2b7c1; font-size:19px; max-width:800px; }
.author-line { display:flex; align-items:center; gap:15px; margin-top:30px; color:#b2b7c1; font-size:12px; }
.article-cover { max-width:960px; }
.article-cover .blog-art { height:360px; padding-inline:20%; }
.article-layout { display:grid; grid-template-columns:260px minmax(0,720px); gap:90px; justify-content:center; padding-block:85px 100px; }
.article-toc { position:sticky; top:125px; align-self:start; }
.article-toc strong { display:block; font-size:15px; font-weight:500; margin-bottom:20px; }
.article-toc a { display:block; font-size:13px; color:#a4aebe; padding:12px 0; border-bottom:1px solid #ffffff12; }
.article-toc a:hover { color:#c6f56f; }
.article-body section { scroll-margin-top:120px; margin-bottom:50px; }
.article-body h2 { font-size:32px; margin:0 0 24px; }
.article-body p { font-size:17px; line-height:1.85; color:#b7bdc8; }
.article-takeaway { padding:35px; border-radius:20px; background:#212731; margin-top:65px; }
.article-takeaway h2 { margin:25px 0; }
.related-post { display:block; margin-top:40px; padding-top:35px; border-top:1px solid var(--line); }
.related-post h3 { font-size:25px; margin-top:20px; }
@media(min-width:901px) and (max-width:1150px) {
  #navigation{gap:15px}.nav-actions{gap:12px}.header-inner{gap:18px;padding-left:20px}.wordmark{font-size:26px}.nav-actions .button{padding:10px 16px}.login-link{display:none}
}
@media(max-width:1000px) {
  .split-intro{gap:30px}.core-collage{min-height:430px}.floating-card{padding:14px}.core-member{left:10px}.core-gift{right:10px}.floating-card strong{font-size:15px}.loyalty-orbit{width:240px;height:240px}
  .restaurant-intro{gap:40px}.ticket{padding:20px}.ticket h3{font-size:25px}.product-bridge{gap:40px;padding:40px}.operations-steps,.branch-editorial{gap:45px}.recipe-section{gap:45px}.tag-left{left:5%}.tag-right{right:6%}.about-manifesto{gap:45px}.customer-card-copy{padding:24px}.article-layout{gap:40px}
}
@media(max-width:900px) {
  .header-inner{position:static}#navigation{gap:12px}.mega-products{width:auto;max-width:100%;grid-template-columns:1fr;position:static;padding:10px}.products-nav[open] .mega-products{display:block}.nav-dropdown .mega-promo{min-height:170px;margin-top:10px;gap:20px}.mega-promo strong{font-size:24px}.nav-actions{margin:10px 0 0}.mega-list small{font-size:9px}.products-nav{position:relative}
  .product-intro{padding-top:75px}.product-intro h1{font-size:54px}.split-intro{grid-template-columns:1fr}.split-intro>div:first-child{max-width:650px}.visual-panel{max-width:620px;width:100%;margin:auto;min-height:440px}
  .core-bento article{padding:35px}.core-bento h2{font-size:40px}.bento-lime h3{font-size:36px}.journey-ribbon article{padding-right:25px}.kitchen-board{gap:15px}.ticket{min-height:285px}.ticket p{font-size:14px}.restaurant-intro h1{font-size:50px}.kitchen-showcase{padding:22px}
  .stock-intro{padding-right:0}.stock-workspace{grid-template-columns:1fr 1.5fr}.stock-summary,.stock-ledger{padding:25px}.stock-summary h2{font-size:32px}.stock-ledger td{font-size:12px}.ledger-bottom{gap:10px;font-size:9px}.recipe-section h2{font-size:42px}.stock-tiers{gap:25px}.stock-tiers h2{font-size:32px}
  .branch-intro h1{font-size:66px}.branch-network{padding:30px}.branch-locations article{padding:20px}.branch-report{gap:30px;padding:35px}.branch-intro-bottom{align-items:flex-start}.branch-intro-bottom .button{flex-shrink:0}
  .brand-poster{padding:30px;min-height:440px}.brand-poster h2{font-size:65px}.about-product-image{padding:20px}.customer-grid{grid-template-columns:1fr 1fr}.customer-toolbar{align-items:flex-start}.customer-art{height:260px}.featured-post{gap:25px}.featured-post h2{font-size:30px}.featured-post > div:last-child{padding-right:5px}.blog-art{padding:20px}.art-loyalty-card{margin-inline:0}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.article-cover .blog-art{padding-inline:15%}
}
@media(max-width:650px) {
  .product-intro{padding-block:60px 45px}.product-intro h1,.branch-intro h1{font-size:44px;line-height:1.1}.product-intro p{font-size:16px}.split-intro{gap:40px}.split-intro .hero-actions{align-items:flex-start}.visual-panel{min-height:400px}.visual-caption{font-size:8px;left:20px}.loyalty-orbit{top:75px;width:220px;height:220px}.loyalty-orbit>span{font-size:11px;padding:7px 12px}.loyalty-orbit strong{font-size:100px}.core-member{bottom:80px}.core-gift{bottom:15px}.floating-card small{font-size:10px}.core-gift>span{font-size:35px}
  .editorial-heading h2,.centered-copy h2{font-size:36px}.journey-ribbon{grid-template-columns:1fr}.journey-ribbon article{padding:30px 0;border-bottom:1px solid var(--line)}.journey-ribbon b{font-size:30px;margin-bottom:15px}.journey-ribbon h3{font-size:25px}.core-bento{grid-template-columns:1fr}.core-bento article{padding:30px}.core-bento h2{font-size:36px}.bento-lime h3{font-size:40px}.feedback-chips{margin:25px 0}
  .restaurant-intro{grid-template-columns:1fr;gap:5px}.restaurant-intro h1{margin-bottom:10px}.kitchen-board{grid-template-columns:1fr}.board-heading{align-items:flex-start}.board-heading small{max-width:120px;text-align:right}.ticket{min-height:245px}.ticket h3{margin:20px 0}.ticket p{font-size:16px}.kitchen-board h2{margin-top:15px}.operations-steps,.branch-editorial{grid-template-columns:1fr;gap:30px}.sticky-title{position:static}.sticky-title h2{font-size:36px}.numbered-features h3{font-size:25px}.product-bridge{grid-template-columns:1fr;padding:30px;gap:40px}.product-bridge h2{font-size:36px}.receipt{padding:25px;transform:rotate(2deg)}.module-note{text-align:left;line-height:1.7}
  .connection-universe{height:410px}.connection-phone{width:230px;height:340px}.signal-tag{top:50px;font-size:10px;padding:10px 14px}.tag-left{left:0}.tag-right{right:0;top:140px}.signal-ring{width:480px;height:480px}.ring-two{width:680px;height:680px}.hotspot-features{grid-template-columns:1fr;gap:40px}.hotspot-features article{padding-bottom:30px;border-bottom:1px solid var(--line)}.hotspot-features h2{font-size:32px;margin:20px 0}.setup-band{display:block;padding-block:45px}.setup-band h2{font-size:36px}.setup-band .button{margin-top:20px}
  .stock-workspace{grid-template-columns:1fr}.stock-summary{padding:30px}.stock-summary h2{font-size:40px}.stock-summary .stock-bars{height:100px}.stock-ledger{padding:22px}.stock-ledger td{font-size:12px;padding-block:20px}.stock-ledger th{font-size:10px}.ledger-bottom{font-size:10px;justify-content:space-between;gap:5px}.ingredient-dot{width:8px;height:8px;margin-right:6px}.recipe-section{grid-template-columns:1fr;gap:40px}.recipe-section h2{font-size:36px}.recipe-visual{padding:25px}.stock-tiers{grid-template-columns:1fr;gap:10px}.stock-tiers article{padding:25px 0;border-top:1px solid var(--line)}
  .branch-intro-bottom{display:block}.branch-network{padding:25px}.branch-hub{width:100%}.branch-spokes{display:none}.branch-locations{grid-template-columns:1fr;gap:16px;margin-top:25px}.branch-locations article{padding:25px}.branch-building{float:right;font-size:60px}.branch-locations h2{font-size:28px}.branch-status{margin-top:20px}.branch-editorial h2{font-size:36px}.branch-report{grid-template-columns:1fr;padding:30px;gap:10px}.branch-report h2{font-size:36px}
  .about-diptych{grid-template-columns:1fr}.brand-poster{min-height:450px}.brand-poster h2{font-size:72px}.about-product-image{padding:25px}.about-product-image>div{padding:15px 0}.about-product-image h3{font-size:28px}.about-manifesto{grid-template-columns:1fr;gap:25px}.about-manifesto h2{font-size:36px}.about-manifesto p{font-size:16px}.about-manifesto blockquote{font-size:22px}.values-section{padding-block:65px}.values-section h2{font-size:36px;margin-bottom:35px}.values-grid{grid-template-columns:1fr;gap:30px}.values-grid article{border-top:1px solid var(--line);padding-top:25px}
  .customer-toolbar{display:block}.filter-pills{gap:8px}.filter-pills button{padding:10px 15px;font-size:12px}.filter-count{margin-top:20px}.customer-grid{grid-template-columns:1fr}.customer-art{height:275px}.customer-card-copy{padding:28px}.sample-notice{line-height:1.65}
  .featured-post{grid-template-columns:1fr;padding:16px;gap:8px}.featured-post>div:last-child{padding:22px 12px}.featured-post h2{font-size:29px}.blog-art{min-height:290px}.art-loyalty-card{margin-top:30px}.art-loyalty-card strong{font-size:34px}.art-star{font-size:90px;right:10px}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-card h3{font-size:27px}.blog-card>div{padding-top:25px}.article-heading{padding-top:60px}.article-heading h1{font-size:39px}.article-heading>p{font-size:17px}.article-heading .post-meta{margin-top:30px}.article-cover .blog-art{padding:25px;height:310px}.article-layout{grid-template-columns:1fr;padding-block:50px;gap:45px}.article-toc{position:static;border:1px solid var(--line);padding:25px;border-radius:15px}.article-body h2{font-size:28px}.article-body p{font-size:16px}.article-takeaway{padding:25px}
}

/* Editorial artwork for customer insight and digital behaviour articles. */
.art-insight{background:#bba4ed;color:#292337;isolation:isolate}
.art-insight-orbit{position:absolute;width:330px;height:330px;border:1px solid #ffffff70;border-radius:50%;left:50%;top:70px;transform:translateX(-50%);z-index:-1}
.art-insight-card{position:relative;max-width:360px;margin:25px auto -24px;padding:24px 27px;background:#222833;color:#fbfcff;border:1px solid #ffffff20;border-radius:18px;transform:rotate(-5deg);box-shadow:0 22px 40px #35214525}
.art-person{display:grid;place-items:center;width:42px;height:42px;background:#c6f56f;border-radius:50%;margin-bottom:16px;color:#263023}.art-person svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.5}
.art-insight-card strong{font-weight:450;font-size:clamp(24px,2.6vw,35px);line-height:1.08;letter-spacing:-.035em;display:block;max-width:270px}
.art-insight-signals{height:28px;display:flex;gap:6px;align-items:end;margin-top:18px}.art-insight-signals i{height:35%;width:32px;border-radius:3px 3px 0 0;background:#aa89ed}.art-insight-signals i:nth-child(2){height:60%}.art-insight-signals i:nth-child(3){height:50%}.art-insight-signals i:nth-child(4){height:80%}.art-insight-signals i:nth-child(5){height:100%;background:#c6f56f}
.art-insight-card small{display:block;font-size:9px;color:#c6c5d3;margin-top:13px;line-height:1.5}.art-insight-spark{position:absolute;right:9%;top:70px;font-size:73px;color:#f7f3ea;line-height:1}
.art-digital{background:#daeabf;color:#283123;isolation:isolate}.art-digital-orbit{position:absolute;width:320px;height:220px;border:1px solid #89a46780;border-radius:50%;right:-35px;top:75px;transform:rotate(-35deg);z-index:-1}
.art-digital-phone{position:absolute;width:146px;height:235px;padding:22px 13px 15px;right:13%;top:74px;background:#f8f7f2;border:6px solid #252e2c;border-radius:24px;transform:rotate(12deg);box-shadow:0 20px 35px #20332522}
.art-digital-phone>span{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:38px;height:7px;background:#252e2c;border-radius:10px}.art-digital-phone>i{display:grid;place-items:center;font:24px Georgia,serif;color:#5a7443;width:33px;height:33px;background:#e6eddc;border-radius:9px;margin:7px 0 19px}.art-digital-phone>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.art-digital-phone b{height:53px;background:#d6c8e9;border-radius:6px}.art-digital-phone b:nth-child(2n){background:#d5dfc7}
.art-digital-message{position:relative;margin:60px 0 20px;width:66%;max-width:290px;padding:20px 23px;background:#263229;color:#f3f7ec;border-radius:15px;transform:rotate(-5deg);box-shadow:0 17px 40px #26322325}.art-digital-message>span{display:block;font-size:26px;color:#c6f56f;margin-bottom:13px;line-height:1}.art-digital-message strong{font-size:clamp(24px,2.3vw,32px);line-height:1.13;font-weight:450;letter-spacing:-.025em;display:block}.art-digital-journey{position:relative;font-size:10px;display:block;max-width:75%;line-height:1.5}
.article-cover .art-insight-card{margin-top:20px;padding:22px 28px}.article-cover .art-digital-phone{right:20%}.article-cover .art-digital-message{margin-top:60px}
@media(max-width:700px){.art-insight-card{padding:23px;margin-top:25px;max-width:320px}.art-insight-card strong{font-size:29px}.art-insight-spark{right:5%;font-size:60px}.art-digital-phone{right:10%;width:130px;height:220px}.art-digital-message{padding:18px;width:72%;margin-top:55px}.art-digital-message strong{font-size:27px}.art-digital-journey{font-size:9px}.article-cover .art-digital-phone{right:8%}.article-cover .art-insight-card{margin-top:25px;padding:22px}.art-insight .art-caption,.art-digital .art-caption{font-size:8px;letter-spacing:.07em}}