@font-face{font-family:FutureboxOnest;src:url(assets/futurebox-case/Onest.ttf) format('truetype');font-weight:100 900;font-display:swap}.futurebox-case{color-scheme:light;--light:#f1f3f3;--pale:#e9edef;--dark:#10161a;--deep:#0b1014;--ink:#171e22;--muted:#7c8991;--smoke:#9ba9b1;--white:#ecf0f2;--orange:#f1531b}.futurebox-case *{box-sizing:border-box}.futurebox-case{scroll-behavior:smooth}.futurebox-case{margin:0;background:var(--light);font-family:FutureboxOnest,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.futurebox-case main{max-width:1600px;margin:auto}.futurebox-case p,.futurebox-case h1,.futurebox-case h2,.futurebox-case h3,.futurebox-case figure{margin:0}.futurebox-case img{display:block;max-width:100%;height:auto}.futurebox-case section{padding:clamp(64px,7.75vw,124px) 7.75%}.futurebox-case h2{font-size:clamp(32px,3.875vw,62px);font-weight:400;line-height:1.18;letter-spacing:-.035em}.futurebox-case h3{font-size:clamp(24px,2.125vw,34px);font-weight:400;line-height:1.25}.futurebox-case .eyebrow{font-size:clamp(12px,1.18vw,19px);color:var(--muted);line-height:1.4;letter-spacing:.025em;text-transform:uppercase}.futurebox-case .heading-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:9%;align-items:start;margin-top:46px}.futurebox-case .intro{font-size:clamp(17px,1.75vw,28px);line-height:1.42;color:var(--muted);padding-top:8px}.futurebox-case .dark{background:var(--dark);color:var(--white)}.futurebox-case .dark .intro,.futurebox-case .dark .eyebrow,.futurebox-case .dark .caption,.futurebox-case .dark small{color:var(--smoke)}.futurebox-case .pale{background:var(--pale)}.futurebox-case .screen{width:100%;border-radius:24px}.futurebox-case .shadow{box-shadow:0 24px 38px -13px #0004}.futurebox-case .caption{font-size:clamp(15px,1.5vw,24px);line-height:1.45;color:var(--muted);margin-top:34px}.futurebox-case .screen-wrap{margin-top:76px}.futurebox-case .pill{display:inline-block;border:1px solid #c7d0d5;border-radius:50px;padding:9px 18px;font-size:18px;line-height:1.2}.futurebox-case .dark .pill{border-color:#3c474f}.futurebox-case .cover{background:var(--pale);min-height:0;aspect-ratio:1600/1260;padding:11.06% 7.75%;position:relative;display:flex;align-items:center;justify-content:center}.futurebox-case .cover .hero-screen{box-shadow:0 24px 42px -12px #0004}.futurebox-case .cover .corner{position:absolute;right:7.75%;bottom:3.5%;color:var(--muted);font-size:clamp(10px,1.125vw,18px)}.futurebox-case .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.futurebox-case .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;border-top:1px solid #d5dde1;margin-top:70px;padding-top:46px}.futurebox-case .paths small{font-size:20px;color:var(--muted)}.futurebox-case .paths h3{margin-top:22px}.futurebox-case .paths p{font-size:clamp(16px,1.55vw,25px);line-height:1.45;color:var(--muted);margin-top:20px}.futurebox-case .catalog-label{margin-top:68px}.futurebox-case .catalog-label+.screen{margin-top:26px}.futurebox-case .viewer{padding-top:94px}.futurebox-case .viewer .screen{margin-top:110px}.futurebox-case .features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin:52px 0 82px;font-size:clamp(16px,1.625vw,26px);line-height:1.35}.futurebox-case .features span{display:flex;align-items:center;gap:20px}.futurebox-case .features svg{width:52px;height:52px;flex:none;stroke:var(--smoke);fill:none;stroke-width:1.2}.futurebox-case .states{display:grid;grid-template-columns:1fr 1fr;gap:4%}.futurebox-case .state{width:100%;border-radius:18px;aspect-ratio:650/320;object-fit:cover}.futurebox-case .states figcaption{margin-top:24px;color:var(--smoke);font-size:clamp(15px,1.375vw,22px)}.futurebox-case .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:70px;font-size:clamp(17px,1.7vw,27px)}.futurebox-case .steps span{font-size:20px;color:var(--muted);margin-right:24px}.futurebox-case .projects{display:grid;grid-template-columns:850fr 456fr;gap:46px;margin-top:90px}.futurebox-case .project-photo{height:100%;width:100%;aspect-ratio:850/570;object-fit:cover;border-radius:22px}.futurebox-case .projects figure{display:flex;flex-direction:column}.futurebox-case .projects figure:last-child img{aspect-ratio:456/570}.futurebox-case .projects figcaption{font-size:28px;margin-top:34px}.futurebox-case .mobiles{display:flex;justify-content:space-around;align-items:start;gap:12%;margin:90px auto 0}.futurebox-case .mobile{width:350px;max-width:36%}.futurebox-case .mobile .pill{margin-bottom:32px}.futurebox-case .mobile-screen{width:100%;border-radius:19px}.futurebox-case .editor-notes{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:64px}.futurebox-case .editor-notes h3{font-size:clamp(21px,1.75vw,28px)}.futurebox-case .editor-notes p{margin-top:24px;color:var(--smoke);font-size:clamp(17px,1.44vw,23px)}.futurebox-case .type-specimen{display:flex;justify-content:space-between;align-items:start;margin-top:66px}.futurebox-case .type-specimen>p{font-size:60px;color:var(--muted)}.futurebox-case .font-name{font-size:63px}.futurebox-case .font-name small{display:block;font-size:22px;color:var(--muted);margin-top:22px}.futurebox-case .palette{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2%;margin-top:68px}.futurebox-case .swatch>span{display:block;aspect-ratio:305/172;background:var(--swatch);border:1px solid #88949b20;border-radius:13px}.futurebox-case .swatch p{font-size:24px;margin-top:26px}.futurebox-case .swatch small{display:block;font-size:18px;margin-top:14px;color:var(--muted)}.futurebox-case .roadmap{background:var(--deep);padding-bottom:100px}.futurebox-case .roadmap-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.futurebox-case .roadmap h2{margin-top:52px;max-width:1000px}.futurebox-case .roadmap-intro{color:var(--smoke);font-size:28px;margin-top:54px}.futurebox-case .timeline{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:140px}.futurebox-case .milestone{position:relative;padding:70px 10% 0 0;border-top:2px solid #8d9ba3}.futurebox-case .milestone:before{content:'';position:absolute;left:-10px;top:-11px;width:20px;height:20px;background:var(--white);border-radius:50%}.futurebox-case .milestone.future{border-top:2px dashed #66737c}.futurebox-case .milestone.future:before{background:var(--orange);box-shadow:0 0 0 12px var(--deep),0 0 0 13px #70402d}.futurebox-case .milestone .stage{font-size:19px;color:var(--smoke)}.futurebox-case .milestone.future .stage{color:var(--orange)}.futurebox-case .milestone h3{font-size:clamp(29px,2.5vw,40px);margin-top:36px}.futurebox-case .milestone p:last-child{font-size:26px;color:var(--smoke);line-height:1.45;margin-top:32px}.futurebox-case .signature{border-top:1px solid #28343c;padding-top:66px;margin-top:120px;display:flex;justify-content:space-between;align-items:center;gap:30px}.futurebox-case .signature p{font-size:18px;color:var(--smoke);line-height:1.8}.futurebox-case .signature strong{font-weight:400;color:var(--white);font-size:20px}.futurebox-case .signature img{width:256px;max-width:35%}.futurebox-case [data-zoom]{cursor:zoom-in;transition:filter .2s}.futurebox-case [data-zoom]:hover{filter:brightness(1.025)}.futurebox-case :focus-visible{outline:2px solid var(--orange);outline-offset:5px}.futurebox-case dialog{border:0;padding:36px;background:#10161af5;max-width:96vw;max-height:96vh;overflow:auto;border-radius:20px}.futurebox-case dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.futurebox-case dialog img{width:auto;max-width:calc(96vw - 72px);max-height:calc(96vh - 72px);object-fit:contain;margin:auto}.futurebox-case dialog button{position:fixed;right:3vw;top:3vh;border:0;border-radius:50%;background:#fff;color:#24282c;width:44px;height:44px;font-size:28px;cursor:pointer;box-shadow:0 3px 18px #0005}@media(min-width:1600px){.futurebox-case{background:#dfe4e7}}@media(max-width:760px){.futurebox-case section{padding:64px 7%}.futurebox-case .heading-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.futurebox-case .intro{max-width:520px}.futurebox-case .screen{border-radius:14px}.futurebox-case .screen-wrap{margin-top:44px}.futurebox-case .cover{padding:11% 7%;aspect-ratio:1600/1260}.futurebox-case .cover .corner{right:7%;bottom:4%}.futurebox-case .paths{gap:20px;margin-top:42px;padding-top:30px}.futurebox-case .paths small{font-size:15px}.futurebox-case .paths h3{font-size:20px}.futurebox-case .paths p{font-size:15px}.futurebox-case .catalog-label{margin-top:44px}.futurebox-case .viewer .screen{margin-top:56px}.futurebox-case .features{gap:20px;margin:35px 0 45px;font-size:15px}.futurebox-case .features span{flex-direction:column;align-items:flex-start;gap:12px}.futurebox-case .features svg{width:34px;height:34px}.futurebox-case .states{gap:20px}.futurebox-case .states figcaption{font-size:14px}.futurebox-case .steps{margin-top:40px;font-size:17px;gap:20px}.futurebox-case .steps span{display:block;margin-bottom:12px}.futurebox-case .projects{margin-top:44px;gap:20px;grid-template-columns:1fr 1fr}.futurebox-case .projects figcaption{font-size:19px;margin-top:20px}.futurebox-case .projects img{aspect-ratio:1/1!important}.futurebox-case .mobiles{gap:8%;margin-top:52px}.futurebox-case .mobile{max-width:44%}.futurebox-case .mobile .pill{font-size:13px;padding:7px 12px;margin-bottom:22px}.futurebox-case .mobile-screen{border-radius:12px}.futurebox-case .editor-notes{gap:30px;margin-top:40px}.futurebox-case .type-specimen>p,.futurebox-case .font-name{font-size:36px}.futurebox-case .font-name small{font-size:16px}.futurebox-case .palette{gap:20px;grid-template-columns:1fr 1fr;margin-top:45px}.futurebox-case .swatch p{font-size:19px;margin-top:18px}.futurebox-case .swatch small{font-size:14px}.futurebox-case .roadmap-top{align-items:flex-start}.futurebox-case .roadmap-top .pill{font-size:11px;white-space:nowrap;padding:7px 10px}.futurebox-case .roadmap h2{margin-top:35px}.futurebox-case .roadmap-intro{font-size:20px;margin-top:30px}.futurebox-case .timeline{margin-top:80px}.futurebox-case .milestone{padding:45px 10% 0 0}.futurebox-case .milestone .stage{font-size:12px}.futurebox-case .milestone h3{font-size:25px;margin-top:24px}.futurebox-case .milestone p:last-child{font-size:17px;margin-top:22px}.futurebox-case .signature{margin-top:75px;padding-top:38px}.futurebox-case .signature p{font-size:12px}.futurebox-case .signature strong{font-size:14px}.futurebox-case .signature img{width:190px}.futurebox-case dialog{padding:12px}.futurebox-case dialog img{max-width:calc(96vw - 24px);max-height:calc(96vh - 24px)}}@media(max-width:440px){.futurebox-case .paths{grid-template-columns:1fr}.futurebox-case .paths h3{margin-top:12px}.futurebox-case .paths p{margin-top:10px}.futurebox-case .paths>div+div{border-top:1px solid #d5dde1;padding-top:24px}.futurebox-case .type-specimen{gap:25px}.futurebox-case .type-specimen>p,.futurebox-case .font-name{font-size:29px}.futurebox-case .editor-notes{grid-template-columns:1fr}.futurebox-case .timeline{display:block;border-left:1px solid #66737c;margin-left:10px}.futurebox-case .milestone{border-top:0!important;padding:0 0 56px 30px}.futurebox-case .milestone:before{top:4px;left:-7px;width:13px;height:13px}.futurebox-case .milestone.future:before{box-shadow:0 0 0 7px var(--deep),0 0 0 8px #70402d}.futurebox-case .milestone h3{font-size:28px}.futurebox-case .milestone .stage{font-size:14px}}@media(prefers-reduced-motion:reduce){.futurebox-case{scroll-behavior:auto}.futurebox-case *{transition:none!important}}@media print{.futurebox-case{background:#fff}.futurebox-case main{max-width:none}.futurebox-case section{break-inside:avoid}.futurebox-case dialog{display:none}.futurebox-case [data-zoom]{cursor:default}}
/* Portfolio shell; screenshot content retains FutureBox's own visual identity. */
.case-document .topbar{border-color:#e2dbcc}.case-route{display:flex;align-items:center;justify-content:space-between;padding-top:29px;padding-bottom:24px;font:11px var(--mono);color:#8f887b}.case-route>a:hover,.case-return a:hover{color:#315ee8}.case-route>span{font-size:9px;letter-spacing:.07em;color:#aaa18e}.futurebox-case{--light:#f8f5ed;--pale:#f1ece1;--ink:#242424;--muted:#8b8477;--dark:#151e27;--deep:#101820;--white:#eef1f3;--smoke:#a6b1bb;--orange:#315ee8;background:#f8f5ed;font-family:Gilroy,Arial,sans-serif;color:#242424;border:1px solid #e3dccd;border-radius:10px;overflow:hidden;margin-bottom:0}.futurebox-case main{width:100%;max-width:none}.futurebox-case section{padding:65px 6%}.futurebox-case h2{font-size:clamp(29px,3.3vw,44px);font-family:Gilroy,Arial,sans-serif;font-weight:400;line-height:1.16;letter-spacing:-.04em}.futurebox-case h3{font-size:24px;font-weight:400}.futurebox-case .eyebrow{font:9px/1.5 var(--mono);letter-spacing:.07em;color:#9b9384}.futurebox-case .dark .eyebrow{color:#8293a5}.futurebox-case .heading-grid{margin-top:29px;gap:8%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.futurebox-case .intro{font-size:15px;line-height:1.7;padding-top:0}.futurebox-case .cover{padding:6% 6% 8%;aspect-ratio:auto;background:#f1ece1}.futurebox-case .cover .hero-screen{border-radius:8px;box-shadow:0 17px 35px #514b3b1c}.futurebox-case .cover .corner{font:9px var(--mono);right:6%;bottom:3.3%;color:#9d9586}.futurebox-case .screen{border-radius:8px}.futurebox-case .shadow{box-shadow:0 15px 32px -14px #0003}.futurebox-case .screen-wrap{margin-top:43px}.futurebox-case .caption{font:11px/1.65 var(--mono);margin-top:24px}.futurebox-case .paths{margin-top:39px;padding-top:25px;gap:5%;border-color:#e0d7c5}.futurebox-case .paths small{font:9px var(--mono);color:#aaa08c}.futurebox-case .paths h3{margin-top:16px;font-size:21px}.futurebox-case .paths p{font-size:13px;line-height:1.6;margin-top:12px}.futurebox-case .catalog-label{margin-top:40px}.futurebox-case .catalog-label+.screen{margin-top:19px}.futurebox-case .viewer .screen{margin-top:40px}.futurebox-case .features{font-size:14px;margin:32px 0 40px;gap:5%}.futurebox-case .features span{gap:13px}.futurebox-case .features svg{width:34px;height:34px}.futurebox-case .states{gap:20px}.futurebox-case .state{border-radius:6px}.futurebox-case .states figcaption{font:10px/1.5 var(--mono);margin-top:14px}.futurebox-case .steps{margin-top:31px;font-size:15px;gap:20px}.futurebox-case .steps span{font:10px var(--mono);margin-right:13px}.futurebox-case .projects{margin-top:40px;gap:25px}.futurebox-case .project-photo{border-radius:7px}.futurebox-case .projects figcaption{font-size:19px;margin-top:19px}.futurebox-case .mobiles{margin-top:48px;gap:12%;justify-content:center}.futurebox-case .mobile{width:260px;max-width:38%}.futurebox-case .pill{font:9px/1.5 var(--mono);padding:7px 12px;border-color:#d9cfbc}.futurebox-case .dark .pill{border-color:#3b4b59}.futurebox-case .mobile .pill{margin-bottom:23px}.futurebox-case .mobile-screen{border-radius:13px}.futurebox-case .editor-notes{margin-top:32px;gap:8%}.futurebox-case .editor-notes h3{font-size:19px;line-height:1.5}.futurebox-case .editor-notes p{font-size:13px;line-height:1.6;margin-top:12px}.futurebox-case .type-specimen{margin-top:40px}.futurebox-case .type-specimen>p,.futurebox-case .font-name{font-family:FutureboxOnest,Arial,sans-serif;font-size:43px;font-weight:400}.futurebox-case .font-name small{font-size:12px;margin-top:14px;font-family:Gilroy,Arial,sans-serif}.futurebox-case .palette{margin-top:40px;gap:3%}.futurebox-case .swatch>span{border-radius:6px}.futurebox-case .swatch p{font-size:15px;margin-top:15px}.futurebox-case .swatch small{font:9px var(--mono);margin-top:9px}.futurebox-case .roadmap{padding-bottom:65px}.futurebox-case .roadmap h2{margin-top:34px}.futurebox-case .roadmap-intro{font-size:15px;line-height:1.6;margin-top:26px}.futurebox-case .timeline{margin-top:69px}.futurebox-case .milestone{padding-top:37px}.futurebox-case .milestone .stage{font:9px var(--mono);letter-spacing:.02em}.futurebox-case .milestone h3{font-size:27px;line-height:1.25;margin-top:24px}.futurebox-case .milestone p:last-child{font-size:15px;line-height:1.7;margin-top:20px}.futurebox-case .milestone:before{width:12px;height:12px;left:-6px;top:-7px}.futurebox-case .milestone.future:before{background:#7995ed;box-shadow:0 0 0 8px var(--deep),0 0 0 9px #405579}.futurebox-case .milestone.future .stage{color:#99b0f3}.futurebox-case :focus-visible{outline-color:#315ee8}.futurebox-case dialog{max-width:94vw;max-height:94dvh;width:auto;border-radius:9px;background:#131e2bf5;padding:20px;box-shadow:0 20px 80px #0006}.futurebox-case dialog img{max-width:calc(94vw - 40px);max-height:calc(94dvh - 40px)}.futurebox-case dialog button{font:28px Arial;z-index:1}.case-return{display:flex;justify-content:space-between;padding-top:29px;padding-bottom:42px;font:11px var(--mono);color:#8b8374}.case-document .footer{margin-top:0}
@media(min-width:1600px){.futurebox-case{background:#f8f5ed}}
@media(max-width:760px){.case-route{padding-top:23px;padding-bottom:20px;font-size:10px}.case-route>span{font-size:8px}.futurebox-case section{padding:38px 6%}.futurebox-case .cover{padding:7% 5% 11%}.futurebox-case .cover .corner{font-size:7px;right:5%;bottom:4%}.futurebox-case h2{font-size:30px;line-height:1.2}.futurebox-case .heading-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.futurebox-case .intro{font-size:14px;line-height:1.65}.futurebox-case .paths{grid-template-columns:1fr;margin-top:29px;padding-top:22px;gap:22px}.futurebox-case .paths>div+div{border-top:1px solid #e0d7c5;padding-top:22px}.futurebox-case .paths h3{font-size:21px;margin-top:11px}.futurebox-case .paths p{font-size:14px;margin-top:9px}.futurebox-case .catalog-label{margin-top:31px;font-size:8px}.futurebox-case .screen,.futurebox-case .state{border-radius:5px}.futurebox-case .viewer .screen{margin-top:29px}.futurebox-case .features{font-size:12px;margin:27px 0 30px;gap:15px}.futurebox-case .features span{gap:10px;align-items:flex-start;flex-direction:column}.futurebox-case .features svg{width:27px;height:27px}.futurebox-case .states{gap:12px}.futurebox-case .states figcaption{font-size:9px;line-height:1.6}.futurebox-case .caption{font-size:10px;margin-top:21px}.futurebox-case .screen-wrap{margin-top:29px}.futurebox-case .steps{font-size:12px;gap:14px;margin-top:26px;line-height:1.6}.futurebox-case .steps span{display:block;margin-bottom:7px}.futurebox-case .projects{gap:13px;margin-top:29px}.futurebox-case .projects figcaption{font-size:16px;margin-top:14px}.futurebox-case .mobiles{gap:8%;margin-top:33px}.futurebox-case .mobile{max-width:44%}.futurebox-case .mobile .pill{font-size:8px;padding:6px 9px;margin-bottom:18px}.futurebox-case .editor-notes{grid-template-columns:1fr;gap:22px;margin-top:27px}.futurebox-case .editor-notes h3{font-size:18px}.futurebox-case .editor-notes p{font-size:13px;margin-top:8px}.futurebox-case .type-specimen>p,.futurebox-case .font-name{font-size:28px}.futurebox-case .type-specimen{gap:25px}.futurebox-case .font-name small{font-size:10px;line-height:1.6}.futurebox-case .palette{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:32px}.futurebox-case .swatch p{font-size:14px}.futurebox-case .roadmap-top{gap:13px;align-items:start}.futurebox-case .roadmap-top .pill{font-size:7px;white-space:nowrap;padding:5px 8px}.futurebox-case .roadmap .eyebrow{font-size:8px}.futurebox-case .roadmap h2{margin-top:27px}.futurebox-case .roadmap-intro{font-size:14px}.futurebox-case .timeline{display:block;border-left:1px solid #596a7c;margin:40px 0 0 6px}.futurebox-case .milestone{padding:0 0 35px 24px;border-top:0}.futurebox-case .milestone:before{left:-6px;top:4px}.futurebox-case .milestone h3{font-size:25px;margin-top:18px}.futurebox-case .milestone p:last-child{font-size:14px;margin-top:15px}.futurebox-case .milestone:last-child{padding-bottom:0}.futurebox-case .roadmap{padding-bottom:40px}.case-return{font-size:10px;padding-top:25px;padding-bottom:32px}.futurebox-case dialog{padding:10px}.futurebox-case dialog img{max-width:calc(94vw - 20px);max-height:calc(94dvh - 20px)}}
.futurebox-case{margin-left:auto;margin-right:auto}.futurebox-case .intro{max-width:none}.futurebox-case section{scroll-margin-top:25px}