@charset "UTF-8";
@font-face{font-family:Unbounded;src:url('fonts/unbounded.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
:root{color-scheme:dark;--paper:#101112;--ink:#f6f6f5;--muted:#b2b4b7;--line:#303235;--orange:#ff5b24;--lime:#ff5b24;--forest:#78331b;--white:#242629;--display:Unbounded,'Arial Black',Arial,sans-serif}
body{background:var(--paper);color:var(--ink)}.wrap{width:min(1400px,calc(100% - 96px))}.header{position:relative;z-index:3}.header-in{min-height:104px;border-bottom:1px solid var(--line)}.header{border:0}.brand{font-size:23px;font-weight:800;letter-spacing:-.7px}.brand-mark{background:none;display:block;width:43px;height:43px;padding:0;letter-spacing:0;flex-shrink:0}.brand-mark img{width:100%;height:100%;display:block}.brand small{font:9px/1.4 monospace;letter-spacing:2px;color:var(--muted)}nav a:hover{color:var(--orange)}.nav-button{border-color:#55585d}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:0;border-bottom:1px solid var(--line)}.hero-art{position:absolute;z-index:-2;inset:0 0 0 24%;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101112 0%,rgba(16,17,18,.25) 25%,transparent 60%),linear-gradient(0deg,#101112 0%,transparent 18%)}.hero-content{position:relative;padding-top:42px;padding-bottom:42px}.eyebrow{font:10px/1.6 monospace;letter-spacing:2px;color:var(--muted);font-weight:400;margin-bottom:23px}.dot{width:6px;height:6px;border-radius:0}.hero h1{font-family:var(--display);font-size:clamp(56px,6.1vw,92px);font-weight:850;line-height:1.1;letter-spacing:-3.7px;max-width:700px;margin:0 0 27px}.hero h1 span{color:var(--orange)}.hero .lead{max-width:410px;font-size:20px;line-height:1.45;color:#d4d5d6;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{background:var(--orange);border-color:var(--orange);color:#101112;font-weight:700}.button:hover{background:#ff793e;border-color:#ff793e}.button.light{background:transparent;color:var(--ink);border-color:#5b5d61}.button.light:hover{background:#242629;border-color:var(--orange)}.button.lime{color:#101112}.hero-note{max-width:160px;font:9px/1.8 monospace;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0}.hero-side{position:absolute;right:48px;bottom:55px;writing-mode:vertical-rl;font:9px/1.5 monospace;text-transform:uppercase;letter-spacing:3px;color:#c0c2c5}.hero-side:before{content:'';display:inline-block;height:40px;width:1px;background:var(--orange);margin-bottom:16px}
.section{padding:66px 0}.section-title h2{font-family:var(--display);font-size:clamp(27px,3.2vw,46px);line-height:1.25;font-weight:750;letter-spacing:-1.5px}.section-index{font-size:10px;letter-spacing:1.7px;color:#aaaeb5}.projects{grid-template-columns:1fr 1fr;gap:25px}.project{border:1px solid var(--line);background:#191b1e;min-width:0}.project-info{padding:25px}.project-info h3{font-weight:800;letter-spacing:-1px;font-size:29px}.project-info p{font-size:15px}.project-meta{font:9px/1.6 monospace;letter-spacing:1px}.project-meta span:last-child{color:#ff956f}.project-note{color:#999ca2;line-height:1.7}.project-art{height:345px}.market-art{background:radial-gradient(ellipse at 100% 100%,#4e2619,#1d2024 65%)}.vision-art{background:radial-gradient(ellipse at 100% 100%,#3c2119,#191b1e 65%);color:#f1f2f4}.art-label{font-size:9px;color:#c4c6ca;letter-spacing:1.7px}.art-label span:last-child{color:var(--orange)}.art-shell,.vision-art .art-shell{background:#151619;border-color:#4d5055;color:#f3f3f4;top:65px}.mini-browser{background:#1d1f22;border-color:#33363b}.mini-browser i{background:#72747a}.mini-browser span{color:#a3a6ac}.shop-head{color:#f3f3f4}.shop-logo b{background:var(--orange);color:#101112;border-radius:0}.shop-head small{color:#b1b3b8}.shop-hero{background:#282523}.shop-hero span{color:#c0b9b4}.shop-product{border-color:#35373b;color:#c3c5ca;border-radius:0}.mini-phone{background:#1c1e21;color:var(--ink);border-color:#55575b}.mini-phone:before{background:#55575b}.mini-phone .phone-promo{background:#71331c;color:#f8f0ec}.phone-line{background:#424348;border-radius:0}.dash-head{border-color:#36383c}.dash-head small{color:#a3a6ac}.plan-zone{background:#343238;color:#d3ccc9;border-color:#5d4c46}.plan-zone.hot{background:#874021;color:white}.plan-zone.dark{background:#5e3021;color:#fff}.plan-zone.corridor{background:#302d2c}.dash-stats{color:#b2b4b8}.dash-stats b{color:#f0f1f4}.mini-bars i{background:#ab4b28}.mini-bars i:nth-child(3n){background:#ff6b2c}
.text-link{border-bottom:1px solid #666a70}.text-link:hover{border-color:var(--orange)}.intro-title{font-family:var(--display);font-size:clamp(25px,2.5vw,35px);font-weight:700;line-height:1.35;letter-spacing:-1px}.services-layout,.about{grid-template-columns:1fr 1.7fr;gap:70px}.service-row h3{font-weight:700}.service-row>span,.process-item>span{color:var(--orange)}.service-row p{font-size:14px}.process-item{border-color:#69402b}.process-item h3{font-weight:700}.about>p{font-size:26px}.footer{background:#0b0c0d}.footer-in{font:11px/1.6 monospace;color:#a4a6ab}.footer a{color:var(--ink)}
.case-hero h1{font-family:var(--display);font-size:clamp(35px,4.5vw,66px);font-weight:800;line-height:1.2;letter-spacing:-2.5px;max-width:1180px}.case-hero h1 em{color:var(--orange)}.case-facts dt{font-family:monospace;letter-spacing:1px;color:#aaaeb5}.case-facts dd{font-size:15px}.case-visual .project-art{border:1px solid var(--line)}.story h2{font-weight:700}.story li b{font-weight:700;color:var(--ink)}.demo-callout{background:#211a17;border:1px solid #67402e;border-left:4px solid var(--orange)}.demo-callout h2{font-weight:700}.demo-callout p{color:#c0b7b2}.demo-callout .button.light{border-color:#62656b}.demo-callout .button.light:hover{background:#2d2521}.other-project small{color:var(--orange)}.other-project>span{color:var(--orange)}
@media(min-width:1700px){.hero{min-height:740px}.hero-content{padding-top:65px}.hero h1{font-size:100px;max-width:780px}.hero .lead{font-size:22px}.hero-art{left:27%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-in{min-height:94px}.brand{font-size:21px}nav{gap:22px}.hero{min-height:605px}.hero h1{font-size:clamp(57px,6.2vw,75px);letter-spacing:-2.8px}.hero-art{left:18%;right:-12%}.hero .lead{font-size:18px;max-width:370px}.hero-side{right:30px}.project-art{height:300px}.services-layout,.about{gap:35px}.project-info{padding:22px}.project-info h3{font-size:25px}.case-hero h1{font-size:clamp(35px,4.7vw,54px);letter-spacing:-1.8px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-in{min-height:82px;gap:18px}.brand{font-size:18px;gap:10px}.brand-mark{width:33px;height:36px}.brand small{font-size:7px;letter-spacing:1.4px;margin-top:6px}nav{gap:18px;font-size:12px}nav .about-nav,nav .nav-button{display:none}.hero{min-height:auto}.hero-content{padding-top:30px;padding-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:21px}.hero h1{font-size:clamp(40px,9vw,65px);letter-spacing:-1.8px;line-height:1.12;margin-bottom:24px;max-width:100%}.hero .lead{font-size:17px;max-width:310px;margin-bottom:25px}.hero-art{position:relative;inset:auto;z-index:0;height:300px;margin-top:-15px}.hero-art img{object-fit:cover;object-position:83% 55%;height:100%;width:100%}.hero-art:after{background:linear-gradient(180deg,#101112,transparent 15%,transparent 80%,#101112)}.hero-content{z-index:1}.hero-actions{gap:19px}.hero-note{font-size:8px;max-width:95px;letter-spacing:1px}.hero-side{display:none}.section{padding:42px 0}.section-title{align-items:flex-start;gap:16px;flex-direction:column-reverse;margin-bottom:25px}.section-title h2{font-size:29px;letter-spacing:-.9px}.section-title .section-index{margin:0;font-size:9px}.projects{grid-template-columns:1fr;gap:26px}.project-art{height:320px}.art-shell{top:60px;left:6%;right:6%}.project-info{padding:21px}.project-info h3{font-size:28px}.project-info p{font-size:14px}.project-meta{font-size:9px}.project-note{font-size:11px;margin-top:24px}.services-layout,.about{display:block}.intro-title{font-size:29px;margin:17px 0 28px;letter-spacing:-.8px}.service-row{grid-template-columns:22px 1fr;gap:9px 16px;padding:21px 0}.service-row h3{font-size:21px}.service-row p{grid-column:2;font-size:14px}.process-item h3{font-size:24px}.about>p{font-size:23px;letter-spacing:-.4px}.about small{font-size:14px}.footer-in{align-items:flex-start;gap:13px;font-size:10px}.case-hero h1{font-size:clamp(27px,7.1vw,44px);line-height:1.25;letter-spacing:-1px;overflow-wrap:break-word;hyphens:none}.case-hero .lead{font-size:16px}.case-facts dd{font-size:13px}.story h2{font-size:23px}.demo-callout{padding:25px 21px}.demo-callout h2{font-size:26px;letter-spacing:-.7px}.demo-callout p{font-size:13px}}
@media(max-width:370px){nav{gap:12px}.brand{font-size:17px}.brand small{font-size:6px}.brand-mark{width:28px}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-note{max-width:95px}.hero-art{height:265px}.project-info h3{font-size:25px}}

/* Review 2026-10-24: real cover assets and readable dark callouts. */
.cover-art{height:auto!important;aspect-ratio:3/2;overflow:hidden;background:#151617}.cover-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project>a:hover .cover-art img{transform:scale(1.025)}.case-visual .cover-art{aspect-ratio:16/9}.case-visual .cover-art img{object-position:center 52%}.demo-callout{color:var(--ink)}.demo-callout .button.light{color:var(--ink)}.project-note{font-size:13px;color:#b0b3b8}.section-index{font-size:11px}.story p,.story small{color:#c1c3c7}.project-meta{font-size:10px}.case-facts dt{font-size:11px}.cover-art:before,.cover-art:after{display:none}
@media(max-width:760px){.case-visual .cover-art{aspect-ratio:3/2}.section-title .section-index{font-size:10px}.project-note{font-size:12px}.case-visual{margin-bottom:25px}.hero-art{height:265px}.demo-callout h2{color:#f6f6f5}.project-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cover-art img{transition:none}}

.visual-caption{color:#aeb1b6;font-size:12px;line-height:1.6;margin:-20px 0 40px}.case-visual .cover-art{aspect-ratio:3/2}