@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#08090b;--panel:#121417;--panel-2:#181a1e;--line:#30333a;--text:#f2f1ec;--muted:#a5a8b0;--accent:#ff5a43;--green:#ccff00;--max:1240px;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.project-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:800 17px Onest,sans-serif;letter-spacing:-.04em}.brand img{width:36px;height:36px;object-fit:contain;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s}.brand:hover img{transform:rotate(-5deg) scale(1.08);filter:drop-shadow(0 0 12px #ff5a4366)}.brand small{display:block;font:700 8px Manrope,sans-serif;letter-spacing:.14em;color:var(--muted);margin-top:3px}.header-links{display:flex;align-items:center;gap:22px}.header-links a,.back-link{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:#d7d8db;transition:color .2s}.header-links a:hover,.back-link:hover{color:var(--accent)}.header-links .header-cta{padding:12px 15px;background:var(--accent);color:#101113}.header-cta:hover{box-shadow:4px 4px 0 #fff3}.project-hero{padding:72px 0 34px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font:800 10px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;background:var(--accent);box-shadow:0 0 16px #ff5a4377;animation:statusPulse 1.8s infinite}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center;margin-top:26px}.project-title{margin:0;font:900 clamp(56px,9vw,116px)/.86 Onest,sans-serif;letter-spacing:-.085em;text-transform:uppercase}.project-title span{color:var(--accent)}.project-lead{max-width:550px;color:#c2c4ca;font-size:16px;line-height:1.75;margin:28px 0 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags span{border:1px solid #42454c;background:#111316;color:#d7d8dc;padding:9px 11px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:29px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:0 17px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s}.button-primary{background:var(--accent);color:#111214;border-color:var(--accent)}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #f2f1ec}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.project-art{min-height:445px;position:relative;overflow:hidden;border:1px solid #3b3e44;background:#111316;isolation:isolate;transform:perspective(1000px) rotateY(-1deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}.project-art:hover{transform:perspective(1000px) rotateY(0) translateY(-3px);border-color:var(--accent)}.project-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ff5a4320,transparent 40%);pointer-events:none}.art-topline{position:absolute;z-index:2;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;gap:14px;color:#aeb1b7;font-size:9px;font-weight:800;letter-spacing:.12em}.art-content{position:absolute;inset:64px 22px 22px;display:flex;flex-direction:column;justify-content:center}.alto-art{background:linear-gradient(140deg,#eee7da 0%,#d8c7ad 100%);color:#1c241d}.alto-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:900}.alto-logo{font:900 33px/.9 Onest,sans-serif;letter-spacing:-.1em}.alto-logo span{color:#e36d45}.alto-headline{font:900 clamp(36px,5vw,58px)/.9 Onest,sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:36px 0 18px}.alto-headline em{font-style:normal;color:#da6343}.alto-cups{display:flex;gap:12px;margin-top:18px;align-items:flex-end}.cup{width:31%;height:78px;border-radius:4px 4px 14px 14px;background:#f3eee4;border:1px solid #a8a092;box-shadow:inset 0 -12px 0 #bc9e79;position:relative}.cup:nth-child(2){height:105px;background:#253d2b;box-shadow:inset 0 -16px 0 #d5b28b}.cup:nth-child(3){height:88px;background:#e36d45;box-shadow:inset 0 -15px 0 #532c20}.cup:after{content:"ALTO";position:absolute;left:0;right:0;top:23px;text-align:center;color:#243428;font:900 9px Onest}.cup:nth-child(2):after,.cup:nth-child(3):after{color:#f3eee4}.phantom-art{background:radial-gradient(ellipse at 70% 35%,#4b1714 0%,#171113 37%,#090a0c 78%);color:#f5f4f0}.phantom-art:before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(120deg,transparent 30%,#ff5a43 30.2%,transparent 30.6%),linear-gradient(60deg,transparent 60%,#e7e7e7 60.2%,transparent 60.5%);transform:scale(1.3)}.phantom-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#cacbd0}.phantom-logo{font:900 24px Onest;letter-spacing:-.07em}.phantom-logo span{color:var(--accent)}.phantom-title{font:900 clamp(44px,6vw,72px)/.83 Onest,sans-serif;letter-spacing:-.08em;margin:42px 0 20px;text-transform:uppercase}.phantom-title span{color:var(--accent)}.phantom-bottom{display:flex;align-items:center;gap:14px;color:#b6b8be;font-size:9px;font-weight:800;letter-spacing:.1em}.phantom-bottom:before{content:"";width:40px;height:2px;background:var(--accent)}.frame-art{background:#111418;color:#f3f4f6}.frame-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #31353d;font-size:9px;letter-spacing:.1em;color:#b6bbc2}.frame-logo{font:900 25px Onest;color:#fff;letter-spacing:-.07em}.frame-logo span{color:var(--green)}.frame-dashboard{display:grid;grid-template-columns:54px 1fr;gap:16px;margin-top:20px}.frame-side{display:flex;flex-direction:column;gap:11px;padding-top:8px}.frame-side i{height:23px;border:1px solid #3a3e47;background:#20242b}.frame-side i:first-child{background:var(--green);border-color:var(--green)}.frame-main>small{color:#aab0b9;font-size:8px;letter-spacing:.12em}.frame-main h3{font:800 26px Onest;margin:7px 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px;background:#1d2228;border:1px solid #333942}.metric strong{display:block;font:800 23px Onest;color:var(--green)}.metric small{font-size:8px;color:#aeb4bf;letter-spacing:.1em}.chart{height:92px;display:flex;align-items:end;gap:8px;margin-top:15px;padding:12px;background:#1d2228;border:1px solid #333942}.chart i{flex:1;background:linear-gradient(180deg,var(--green),#698300);height:var(--h);transform-origin:bottom;animation:chartRise .8s both}.section{padding:70px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.section-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.section h2{margin:12px 0 0;font:900 clamp(34px,5vw,55px)/.95 Onest,sans-serif;letter-spacing:-.07em;text-transform:uppercase}.section h2 span{color:var(--accent)}.section-intro{max-width:430px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card{padding:22px;border:1px solid var(--line);background:#101215;min-height:194px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.detail-card:hover{transform:translateY(-4px);border-color:#ff5a4380;background:#141619}.detail-card b{font:900 11px Onest;color:var(--accent);letter-spacing:.1em}.detail-card h3{margin:24px 0 10px;font:800 18px Onest;letter-spacing:-.03em}.detail-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55;color:#d2d4d9}.spec-list li:before{content:"↗";color:var(--accent);font-weight:900}.spec-note{padding:25px;border:1px solid #3a3d44;background:var(--panel);align-self:start}.spec-note p{margin:0;color:#c4c7ce;font-size:13px;line-height:1.8}.spec-note strong{display:block;color:var(--text);font:800 17px Onest;margin-bottom:12px}.project-bottom{padding:26px 0 36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9699a1;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line)}.project-bottom a{color:var(--text);text-decoration:none}.project-bottom a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #ff5a4333}50%{opacity:.6;box-shadow:0 0 0 7px #ff5a4300}}@keyframes chartRise{from{transform:scaleY(.2);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes tickerGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 20px #ff5a4340}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:34px}.project-art{min-height:400px;transform:none}.project-hero{padding-top:48px}.details-grid{grid-template-columns:1fr 1fr}.section{padding:54px 0}.project-art{max-width:720px;width:100%}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.project-header{height:68px}.header-links{gap:12px}.header-links>a:not(.header-cta){display:none}.header-links .header-cta{font-size:9px;padding:11px}.brand{font-size:15px}.brand img{width:31px;height:31px}.project-hero{padding:44px 0 26px}.project-title{font-size:clamp(48px,15vw,78px)}.project-lead{font-size:14px;margin-top:22px}.project-art{min-height:320px}.art-content{inset:62px 15px 15px}.art-topline{left:15px;right:15px;top:16px;font-size:8px}.alto-headline{font-size:41px;margin:28px 0 12px}.phantom-title{font-size:51px;margin:34px 0 18px}.frame-dashboard{grid-template-columns:35px 1fr;gap:10px}.frame-main h3{font-size:22px}.details-grid,.spec-grid{grid-template-columns:1fr}.detail-card{min-height:145px;padding:18px}.detail-card h3{margin-top:17px}.section-head{display:block}.section-intro{margin-top:17px}.hero-actions{width:100%}.hero-actions .button{flex:1}.project-bottom{padding-bottom:24px}}@media(max-width:390px){.header-links .header-cta{padding:10px 8px}.project-title{font-size:46px}.project-art{min-height:290px}.alto-headline{font-size:35px}.phantom-title{font-size:45px}.project-lead{font-size:13px}}

/* Interactive case-study preview tools: desktop/mobile framing and layout guides. */
.project-art{transition:width .35s ease,min-height .35s ease,aspect-ratio .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}.project-art .art-content{z-index:1;bottom:70px}.project-art .art-topline{z-index:2}.layout-guide-overlay{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:0;transition:opacity .22s;background-image:linear-gradient(#ff806b2e 1px,transparent 1px),linear-gradient(90deg,#ff806b2e 1px,transparent 1px),linear-gradient(#ff806b12 1px,transparent 1px),linear-gradient(90deg,#ff806b12 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px;mix-blend-mode:screen}.project-art.show-layout-guides .layout-guide-overlay{opacity:1}.case-preview-tools{position:absolute;z-index:8;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:5px;min-height:41px;padding:5px 6px;border:1px solid #ffffff22;background:#08090be8;backdrop-filter:blur(10px)}.case-preview-state{margin-right:auto;padding:0 7px;color:#b6bac3;font-size:7px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.case-preview-tools button{min-height:29px;padding:0 10px;border:1px solid #41444c;background:#17191d;color:#cdd0d6;font-size:8px;font-weight:900;letter-spacing:.05em;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.case-preview-tools button:hover,.case-preview-tools button:focus-visible{border-color:var(--accent);outline:none;color:#fff}.case-preview-tools button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#111214}.project-art.is-mobile-preview{width:min(100%,310px);max-width:310px;min-height:555px;aspect-ratio:9/16;margin-inline:auto;transform:none}.project-art.is-mobile-preview .art-topline{left:13px;right:13px;top:14px;font-size:7px;letter-spacing:.08em}.project-art.is-mobile-preview .art-content{inset:57px 14px 66px}.project-art.is-mobile-preview .alto-nav>span:last-child,.project-art.is-mobile-preview .phantom-nav>span:last-child,.project-art.is-mobile-preview .frame-nav>span:last-child{display:none}.project-art.is-mobile-preview .alto-headline{font-size:clamp(24px,6vw,36px);margin:24px 0 12px}.project-art.is-mobile-preview .alto-cups{gap:6px}.project-art.is-mobile-preview .cup{height:56px}.project-art.is-mobile-preview .cup:nth-child(2){height:78px}.project-art.is-mobile-preview .cup:nth-child(3){height:63px}.project-art.is-mobile-preview .phantom-title{font-size:clamp(37px,9vw,49px);margin:30px 0 15px}.project-art.is-mobile-preview .phantom-bottom{font-size:7px;letter-spacing:.06em}.project-art.is-mobile-preview .frame-dashboard{grid-template-columns:25px minmax(0,1fr);gap:8px;margin-top:12px}.project-art.is-mobile-preview .frame-main h3{font-size:20px}.project-art.is-mobile-preview .metric-grid{grid-template-columns:1fr}.project-art.is-mobile-preview .chart{height:75px;gap:4px;padding:8px}.project-preview-help{margin:0 0 20px;padding:13px 15px;border-left:2px solid var(--accent);background:#15171b;color:#c4c7ce;font-size:10px;line-height:1.7;letter-spacing:.02em}.project-preview-help:before{content:"↗  ";color:var(--accent);font-weight:900}@media(max-width:900px){.project-art.is-mobile-preview{min-height:555px}}@media(max-width:620px){.case-preview-tools{left:7px;right:7px;bottom:7px;gap:4px;padding:4px}.case-preview-state{font-size:6px;letter-spacing:.04em;padding-inline:3px}.case-preview-tools button{padding:0 7px;font-size:7px}.project-art.is-mobile-preview{min-height:520px;width:min(100%,290px)}.project-art.is-mobile-preview .art-content{inset:55px 12px 62px}.project-preview-help{font-size:9px}}