.manifesto{padding:14vw 12vw;background:#181815;color:#fff;display:grid;grid-template-columns:1fr 3fr;gap:8vw}.manifesto span{font-size:9px;letter-spacing:.18em}.manifesto p{font-size:clamp(32px,4.5vw,70px);line-height:1.08;letter-spacing:-.045em;margin:0}.timeline{padding:120px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.timeline-sticky{position:sticky;top:100px;height:max-content}.timeline h2,.process-intro h2,.catalog h2,.blend-copy h2,.config-head h2,.network-copy h2,.brand-wall h2,.contact-router h2,.brand-showcase h2{font-size:clamp(44px,5.8vw,86px);line-height:.95;letter-spacing:-.06em;font-weight:500;margin:28px 0}.timeline-track article{min-height:260px;border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr auto;align-content:start}.timeline-track b{font-size:50px;font-weight:500}.timeline-track h3{font-size:28px;margin:45px 0 10px}.timeline-track p{color:#6b6963;line-height:1.7}.values-orbit{padding:120px 8vw;background:#ded9cf;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.orbit{aspect-ratio:1;position:relative;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center}.orbit:before{content:"";position:absolute;inset:18%;border:1px solid #aaa;border-radius:50%}.orbit button{position:absolute;border:0;background:transparent;text-transform:uppercase;font-size:10px;letter-spacing:.12em;cursor:pointer}.orbit button:nth-child(1){top:5%}.orbit button:nth-child(2){right:0;top:48%}.orbit button:nth-child(3){bottom:5%}.orbit button:nth-child(4){left:0;top:48%}.orbit button.active{color:var(--orange);font-weight:800}.orbit-core{width:42%;text-align:center;line-height:1.5;z-index:2}.process-lab{padding:120px 8vw;background:#111;color:#fff}.process-intro{display:grid;grid-template-columns:.35fr 1fr .55fr;gap:4vw;align-items:end}.process-intro p{color:#aaa;line-height:1.7}.process-console{display:grid;grid-template-columns:280px 1fr;margin-top:70px;min-height:650px;border:1px solid #444}.process-console nav{display:flex;flex-direction:column}.process-console nav button{flex:1;text-align:left;background:#181816;color:#aaa;border:0;border-bottom:1px solid #3a3a35;padding:22px;cursor:pointer;transition:.3s}.process-console nav button span{display:block;font-size:9px}.process-console nav button.active{background:var(--orange);color:#fff;padding-left:35px}.process-stage{position:relative;overflow:hidden}.process-stage article{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:.55s;pointer-events:none}.process-stage article.active{opacity:1;transform:none}.process-stage img{width:100%;height:100%;object-fit:cover}.process-stage article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 65%)}.process-stage article div{position:absolute;z-index:2;left:45px;right:45px;bottom:40px}.process-stage h3{font-size:45px;margin:10px 0}.process-stage p{max-width:620px;color:#ccc}.capacity-ribbon{display:grid;grid-template-columns:repeat(4,1fr);background:var(--orange);color:#fff}.capacity-ribbon div{padding:45px;border-right:1px solid #ffffff55}.capacity-ribbon strong{display:block;font-size:46px}.catalog{padding:120px 6vw}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:5vw}.filter-bar{display:flex;flex-wrap:wrap}.filter-bar button{border:1px solid var(--line);background:transparent;padding:13px 17px}.filter-bar button.active{background:#111;color:#fff}.catalog-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.catalog-grid article{min-height:430px;background:#e7e2d9;padding:20px;position:relative;transition:.4s}.catalog-grid article:hover{background:#fff;transform:translateY(-8px)}.catalog-grid article.hidden{display:none}.catalog-grid img{height:290px;width:100%;object-fit:contain;transition:.45s;filter:drop-shadow(0 22px 18px #0003)}.catalog-grid article:hover img{transform:scale(1.08) rotate(-2deg)}.catalog-grid article div{display:flex;justify-content:space-between;border-top:1px solid #aaa}.blend-builder{min-height:780px;padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#ede8df}.blend-copy p{color:#666}.sliders{margin-top:55px}.sliders label{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line);padding:23px 0;font-size:11px}.sliders input{accent-color:var(--orange)}.flavor-cup{position:relative;display:grid;place-items:center;align-content:center;text-align:center}.aroma-ring{position:absolute;width:75%;aspect-ratio:1;border:1px solid #aaa;border-radius:50%;box-shadow:0 0 0 60px #ddd8cf,0 0 0 61px #aaa;animation:pulse 3s infinite}.cup{z-index:2;width:250px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#26130c;color:#fff;font-size:90px;font-family:serif;box-shadow:inset 0 0 0 18px #f8f4eb,0 35px 40px #0003}.flavor-cup h3,.flavor-cup p,.flavor-notes{z-index:2}.flavor-cup h3{font-size:28px;margin:45px 0 5px}.flavor-notes,.brand-tags{display:flex;gap:8px;flex-wrap:wrap}.flavor-notes span,.brand-tags span{font-size:9px;text-transform:uppercase;border:1px solid #aaa;padding:8px 12px}.origin-strip,.steps-marquee{white-space:nowrap;overflow:hidden;padding:32px;background:#161613;color:#fff;font-size:clamp(22px,4vw,56px);word-spacing:5vw}.origin-strip span{margin-right:6vw}.configurator{padding:120px 8vw}.config-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;margin-top:60px;border:1px solid var(--line)}.config-grid fieldset{border:0;border-right:1px solid var(--line);padding:25px;display:flex;flex-direction:column;gap:10px}.config-grid legend{font-size:22px;padding:25px 0}.config-grid legend b{display:block;font-size:9px}.config-grid button{padding:18px;text-align:left;border:1px solid var(--line);background:transparent}.config-grid button.active{background:#111;color:#fff;transform:translateX(7px)}.config-grid aside{background:var(--orange);color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:center}.config-grid aside h3{font-size:28px}.config-grid aside .button{background:#fff;color:#111}.network{padding:110px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;background:#e8e4dc}.network-detail{margin-top:45px;border-top:1px solid #aaa;padding-top:22px;display:flex;flex-direction:column}.network-map{position:relative;aspect-ratio:1.35;background:#171714;overflow:hidden}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(55deg) scale(1.4)}.map-pin{position:absolute;background:none;border:0;color:#fff}.map-pin i{display:block;width:18px;height:18px;background:var(--orange);border-radius:50%;animation:ping 2s infinite}.map-pin span{position:absolute;left:24px;top:1px}.channel-deck{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff}.channel-deck article{min-height:330px;padding:32px;border-right:1px solid #444;transition:.35s}.channel-deck article:hover{background:var(--orange);padding-top:55px}.channel-deck h3{font-size:30px;margin-top:90px}.brand-wall{padding:120px 7vw}.brand-wall-head{display:grid;grid-template-columns:.4fr 1fr}.brand-rail>a{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;min-height:250px;border-top:1px solid var(--line);padding:20px;position:relative;overflow:hidden}.brand-rail>a:before{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-101%);transition:.45s}.brand-rail>a:hover:before{transform:none}.brand-rail>a>*{position:relative;z-index:2}.brand-rail img{height:210px;width:100%;object-fit:contain;transition:.45s}.brand-rail>a:hover{color:#fff}.brand-rail>a:hover img{transform:translateX(8%) scale(1.12)}.brand-rail h3{font-size:48px;margin:0}.contact-router{padding:110px 8vw;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:5vw}.contact-options{display:flex;flex-direction:column}.contact-options button{display:grid;grid-template-columns:35px 1fr auto;padding:23px 0;background:none;border:0;border-top:1px solid var(--line);text-align:left}.contact-options button:hover{padding-left:12px;color:var(--orange)}.contact-card{background:#171714;color:#fff;padding:45px;display:flex;flex-direction:column;gap:22px;min-height:430px;justify-content:center}.contact-card h3{font-size:38px}.brand-showcase{padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.brand-pack{min-height:620px;background:#ddd8cf;display:grid;place-items:center}.brand-pack img{max-height:520px;filter:drop-shadow(0 40px 25px #0004);transition:.6s}.brand-pack:hover img{transform:scale(1.1) rotate(-4deg)}.brand-showcase p{line-height:1.8;color:#666}.brand-detail-hero .hero-bg img{object-fit:contain;object-position:75% 55%;padding:100px 5vw 30px 52vw;background:#171714}@keyframes pulse{50%{transform:scale(1.05);opacity:.65}}@keyframes ping{70%{box-shadow:0 0 0 24px #ef4d2200}}
@media(max-width:900px){.manifesto,.timeline,.values-orbit,.blend-builder,.network,.contact-router,.brand-showcase{grid-template-columns:1fr}.process-intro,.catalog-head,.brand-wall-head{display:block}.process-console{grid-template-columns:1fr}.process-console nav{display:grid;grid-template-columns:repeat(5,1fr)}.process-console nav button{font-size:0}.capacity-ribbon,.catalog-grid,.channel-deck{grid-template-columns:1fr 1fr}.config-grid{grid-template-columns:1fr 1fr}.config-grid aside{grid-column:1/-1}.brand-rail>a{grid-template-columns:45px 1fr}.brand-rail>a div{grid-column:2}.timeline-sticky{position:static}}
@media(max-width:560px){.capacity-ribbon,.catalog-grid,.channel-deck,.config-grid{grid-template-columns:1fr}.process-console{min-height:570px}.process-stage h3{font-size:32px}.brand-rail h3{font-size:34px}.manifesto{padding:100px 7vw}.cup{width:190px}.contact-router{padding:80px 7vw}}
.solution-section{padding-bottom:130px}.solution-tabs button{position:relative;font-size:15px;transition:background .3s,color .3s,padding .3s}.solution-tabs button span{display:block;margin-bottom:13px;font-size:9px;color:#8b877f;letter-spacing:.14em}.solution-tabs button.active span{color:#aaa}.solution-experience{min-height:640px;background:#151513;display:none;grid-template-columns:1.08fr .92fr;color:#fff;isolation:isolate}.solution-experience.active{display:grid;animation:solutionIn .55s cubic-bezier(.2,.8,.2,1)}.solution-experience:after{display:none}.solution-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#5e493c 0,#28221d 34%,#131311 72%)}.solution-halo{position:absolute;width:72%;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;left:14%;top:8%;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff035;animation:haloBreath 5s ease-in-out infinite}.solution-pack{position:absolute;z-index:3;width:64%;height:72%;object-fit:contain;left:18%;top:9%;filter:drop-shadow(0 45px 28px #0009);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.solution-experience:hover .solution-pack{transform:translateY(-14px) rotate(-2deg) scale(1.04)}.solution-ghost{position:absolute!important;width:34%!important;height:34%!important;object-fit:contain!important;right:-4%;top:5%;opacity:.45;filter:blur(.2px) drop-shadow(0 20px 20px #0008);animation:ghostFloat 5s ease-in-out infinite alternate}.solution-stat{position:absolute;z-index:4;left:34px;bottom:30px;padding-top:15px;border-top:1px solid #ffffff55;width:190px}.solution-stat strong{font-size:40px;font-weight:500;display:block}.solution-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#bbb}.solution-copy{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;padding:70px 6vw;display:flex;flex-direction:column;justify-content:center;background:#f0ece4;color:#171714}.solution-copy h3{font-size:clamp(39px,4vw,62px)!important;line-height:.98;margin:22px 0!important;letter-spacing:-.055em}.solution-copy p{color:#69665f!important;line-height:1.75;max-width:540px}.solution-copy ul{list-style:none;padding:0;margin:26px 0 35px;border-top:1px solid #c7c1b7}.solution-copy li{padding:13px 0;border-bottom:1px solid #c7c1b7;font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}.solution-copy li:after{content:'+';color:var(--orange);font-size:16px}.solution-link{align-self:flex-start;padding:16px 18px;background:#171714;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.solution-link b{margin-left:35px}.solution-counter{position:absolute;right:22px;bottom:18px;color:#777;font-size:9px;letter-spacing:.14em}@keyframes solutionIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes haloBreath{50%{transform:scale(1.06);opacity:.55}}@keyframes ghostFloat{to{transform:translate(-12px,18px) rotate(14deg)}}
@media(max-width:900px){.solution-experience{grid-template-columns:1fr;min-height:980px}.solution-visual{min-height:480px}.solution-copy{padding:55px 8vw}.solution-tabs button{font-size:12px}}
@media(max-width:560px){.solution-tabs button{padding:18px 14px;min-height:78px}.solution-experience{min-height:860px}.solution-visual{min-height:390px}.solution-pack{width:76%;left:12%}.solution-copy{padding:42px 7vw}.solution-copy h3{font-size:38px!important}.solution-stat{left:20px;bottom:18px}.solution-counter{display:none}}
.solution-experience .solution-pack{position:absolute;z-index:3;inset:auto;width:64%;height:72%;object-fit:contain;left:18%;top:9%;filter:drop-shadow(0 45px 28px #0009);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.solution-experience .solution-ghost{inset:auto;right:-4%;top:5%}
.solution-experience .solution-visual{position:relative!important;z-index:auto;inset:auto!important;left:auto!important;bottom:auto!important;width:auto!important}.solution-experience .solution-stat{position:absolute!important;left:34px!important;bottom:30px!important;width:190px!important}.solution-experience .solution-copy{position:relative!important;inset:auto!important;left:auto!important;bottom:auto!important;width:auto!important}
