/* 24projects: quiet graphite, technical type and real work. */
body[data-page="home"]{--paper:#0d0f16;--ink:#e8eaf2;--muted:#a0a5b7;--accent:#9baff6;--line:#2b3040;--soft:#171d2c;--header-bg:rgba(13,15,22,.94);background:var(--paper);color:var(--ink);font-family:Golos,'Segoe UI',sans-serif}
body[data-page="home"] ::selection{background:#a0b3f0;color:#101424}
body[data-page="home"] .header{border-bottom-color:#292d3b}
body[data-page="home"] .brand-word{font-family:'Segoe Print','Bradley Hand',cursive;font-size:21px;letter-spacing:-.06em;font-weight:400;color:#b4c1fa}
body[data-page="home"] .brand-number{font-family:'Courier New',monospace;letter-spacing:-.14em;font-weight:400;font-size:36px}
body[data-page="home"] .brand-number>span{font-family:Golos,sans-serif;color:#9eaff4}
body[data-page="home"] .main-nav,body[data-page="home"] .language,body[data-page="home"] .eyebrow,body[data-page="home"] .project-index,body[data-page="home"] .account-link{font-family:'Courier New',monospace;font-weight:400;letter-spacing:.025em}
body[data-page="home"] .main-nav{font-size:12px}
.account-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;min-height:44px}.account-link>.icon{width:15px;height:15px}.logout-button{font-size:10px;color:var(--muted);padding:8px 0}.header-actions{gap:20px}
body[data-page="home"] .header-contact{border-color:#41485e;color:#dbe1f7;font-family:'Courier New',monospace;font-size:12px;border-radius:2px}
body[data-page="home"] .header-contact:hover{background:#171e31;color:#fff}
body[data-page="home"] .home-hero{position:relative;min-height:685px;padding-block:58px;isolation:isolate}
body[data-page="home"] .home-hero::before{content:'';position:absolute;inset:0 -35px;z-index:-1;background-image:linear-gradient(#91a1df07 1px,transparent 1px),linear-gradient(90deg,#91a1df07 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
body[data-page="home"] .hero-copy h1{font-family:Golos,sans-serif;font-size:clamp(47px,4.7vw,67px);font-weight:400;line-height:1.15;letter-spacing:-.028em}
body[data-page="home"] .hero-copy .eyebrow{font-size:11px;letter-spacing:.035em;color:#aab7df;margin-bottom:27px;text-transform:none}
body[data-page="home"] .hero-description{font-size:15px;line-height:1.95;color:#a8adbf;max-width:450px;margin-top:25px}
body[data-page="home"] .live-dot{background:#9aaef1;box-shadow:0 0 12px #a9bbf140}
body[data-page="home"] .primary{background:#a7b8f0;color:#111728;border-color:#a7b8f0;border-radius:2px;font-weight:500}
body[data-page="home"] .primary:hover{background:#c1cdf5;border-color:#c1cdf5}
body[data-page="home"] .button{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.015em}
body[data-page="home"] .hero-buttons .text-link{color:#bfc5d9;font-size:11px}
body[data-page="home"] .hero-signature>span{color:#969db3;font-family:'Courier New',monospace;font-size:10px;line-height:1.7}
body[data-page="home"] .avatar-stack img{border-color:#0d0f16}
body[data-page="home"] .proof-art{max-width:520px;gap:15px}
body[data-page="home"] .proof-aura{background:radial-gradient(ellipse at 25% 20%,#3d5ab020,transparent 55%),radial-gradient(ellipse at 90% 80%,#865d9220,transparent 55%);filter:blur(15px)}
body[data-page="home"] .proof-label{font-family:'Courier New',monospace;color:#8e99b8;font-size:10px;letter-spacing:.02em}
body[data-page="home"] .proof-label>span:last-child{font-size:8px;max-width:190px}
body[data-page="home"] .proof-window{border:1px solid #38415c;background:#141925;border-radius:5px;box-shadow:0 10px 45px #0003}
body[data-page="home"] .proof-window .project-visual.arena{padding:10px 10px 0;background:#171d2b}
body[data-page="home"] .proof-caption{color:#e2e7fa;padding:14px 17px}
body[data-page="home"] .proof-caption p{color:#a3adc9;font-size:11px}
body[data-page="home"] .proof-caption span{font-family:'Courier New',monospace;font-size:10px;font-weight:400;letter-spacing:.03em}
body[data-page="home"] .proof-mini{border:1px solid #31384d;background:#131823;color:#e3e8fa;border-radius:4px;box-shadow:none}
body[data-page="home"] .proof-mini>div{padding:14px 17px}
body[data-page="home"] .proof-mini>div>span{font-family:Golos,sans-serif;font-size:25px;letter-spacing:-.025em;font-weight:400}
body[data-page="home"] .proof-mini p{font-size:12px;color:#c1c9de}
body[data-page="home"] .proof-mini small{font-size:10px;color:#97a2bd;opacity:1}
body[data-page="home"] .proof-team{font:10px/1.6 'Courier New',monospace;color:#a4afca}
body[data-page="home"] .world-swatches i{height:16px;width:9px;border-radius:2px;transform:none;opacity:.8}
body[data-page="home"] .browser-chrome{background:#1b2130;color:#a4b0cf;box-shadow:none}
body[data-page="home"] .browser-chrome i{background:#65718f}
body[data-page="home"] .capabilities-band{background:#10141f;border-color:#2b3040}
body[data-page="home"] .capabilities-band p{font-family:'Courier New',monospace;font-size:13px;letter-spacing:0;color:#c7d0e8}
body[data-page="home"] .capabilities-band span{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.02em;color:#8895b4}
body[data-page="home"] .capabilities-band i{color:#657aaf}
body[data-page="home"] .section{padding-block:85px}
body[data-page="home"] .section-heading h2{font-family:Golos,sans-serif;font-size:clamp(34px,3.5vw,49px);font-weight:400;letter-spacing:-.025em;line-height:1.16}
body[data-page="home"] .section-heading>p,body[data-page="home"] .section-heading>div>p{font-size:15px;line-height:1.9;color:#a4abc0}
body[data-page="home"] .section-heading .eyebrow{font-size:11px;color:#8d9fce;text-transform:none;letter-spacing:.025em}
body[data-page="home"] .project-visual.arena{background:#191f2d;padding:20px 20px 0}
body[data-page="home"] .project-image-link{border-radius:3px;border:1px solid #353c50}
body[data-page="home"] .project-info h3{font-size:32px;letter-spacing:-.025em;font-weight:400}
body[data-page="home"] .project-info>p{color:#a6aec3;font-size:15px;line-height:1.9}
body[data-page="home"] .project-index{color:#9baacf;font-size:10px}
body[data-page="home"] .status-dot{color:#a6b1ca}
body[data-page="home"] .status-dot::before{background:#9cb5ff}
body[data-page="home"] .tags>span{border-color:#343e56;color:#b6c3e2;font-family:'Courier New',monospace;font-size:10px;font-weight:400;border-radius:2px}
body[data-page="home"] .project-bottom{border-color:#30384b}
body[data-page="home"] .text-link{font-family:'Courier New',monospace;letter-spacing:0;font-weight:400}
body[data-page="home"] .project-open{background:#121a2bbb;color:#d7e0ff;border:1px solid #9cb2e147}
body[data-page="home"] .all-projects-link{font-family:'Courier New',monospace;font-size:13px;border-color:#30384b;color:#bbcbf1}
body[data-page="home"] .service-rows{border-color:#30384b}
body[data-page="home"] .service-rows>article{border-color:#30384b}
body[data-page="home"] .service-rows h3{font-family:Golos,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.02em}
body[data-page="home"] .service-rows article>div>p{color:#a4abc0;font-size:15px}
body[data-page="home"] .service-rows .text-link{color:#a5b9f6}
body[data-page="home"] .service-number{color:#7893d3;font-family:'Courier New',monospace}
body[data-page="home"] .existing-project{background:#151b2b;border:1px solid #2f3a55;border-radius:2px}
body[data-page="home"] .existing-project h3{font-size:23px;font-weight:400;letter-spacing:-.02em}
body[data-page="home"] .existing-project p{color:#a4abc0;font-size:14px}
body[data-page="home"] .approach{background:#111622;border-color:#283248;padding-block:75px}
body[data-page="home"] .steps article{border-color:#3b4863}
body[data-page="home"] .steps h3{font-weight:400;letter-spacing:-.02em;font-size:23px}
body[data-page="home"] .steps p{color:#a4abc0;font-size:15px}
body[data-page="home"] .steps article>span{font-family:'Courier New',monospace;color:#8e9ec4}
body[data-page="home"] .person-caption h3{font-family:Golos,sans-serif;font-size:15px;font-weight:400;letter-spacing:0;line-height:1.35}
body[data-page="home"] .person-caption p{color:#929fbe;font-family:'Courier New',monospace;font-size:10px}
body[data-page="home"] .people-foot{border-color:#30384b}
body[data-page="home"] .people-foot>span{color:#99a5c4!important;font-family:'Courier New',monospace;font-size:10px!important}
body[data-page="home"] .footer{background:#111727;border-top:1px solid #2e3850}
body[data-page="home"] .footer h2{font-family:Golos,sans-serif;font-size:clamp(39px,4.4vw,63px);font-weight:400;letter-spacing:-.03em;line-height:1.13}
body[data-page="home"] .footer-message p{color:#aebbd9;font-size:15px}
body[data-page="home"] .footer .light-button{background:#bac8f0;color:#14203c}
body[data-page="home"] .footer-bottom{border-color:#2e3850}
body[data-page="home"] .footer-bottom>span,body[data-page="home"] .footer-bottom a:not(.brand){color:#a4afcb}
body[data-page="home"] .footer-bottom small{color:#8b99b9}
body[data-page="home"] .light{color:#97a9d2}
body[data-page="home"] input,body[data-page="home"] textarea,body[data-page="home"] select{background:#121827;color:#e3e8fa;border-color:#3c4967}
body[data-page="home"] dialog{border-color:#465272}
body[data-page="home"] .modal-bottom{border-color:#30384b}
body[data-page="home"] .form-error{color:#f0a69b}
body[data-page="home"] .success-symbol{background:#263554;color:#c4d6ff}
body[data-page="home"] .case-lead,body[data-page="home"] .case-story p{color:#a7b0c8}
body[data-page="home"] .case-heading h1,body[data-page="home"] .case-story h2,body[data-page="home"] .case-story h3{font-weight:400;letter-spacing:-.025em}
body[data-page="home"] .case-visual-button .project-visual.arena{background:#171d2b}
body[data-page="home"] .case-next,body[data-page="home"] .case-story article{border-color:#30384b}
body[data-page="home"] .case-next h2{font-size:42px;font-weight:400;letter-spacing:-.025em}
body[data-page="home"] .studio-heading h1,body[data-page="home"] .inbox-page h1{font-size:50px;font-weight:400;letter-spacing:-.025em}
body[data-page="home"] .mobile-nav.open{background:#101622;border-color:#313d58}
body[data-page="home"] .catalog-intro h1{font-weight:400;font-size:52px}
::view-transition-old(root){animation:softOut .16s ease both}::view-transition-new(root){animation:softIn .24s ease both}
@keyframes softOut{to{opacity:0}}@keyframes softIn{from{opacity:0}to{opacity:1}}
@media(max-width:1150px){.header-actions{gap:15px}body[data-page="home"] .main-nav{font-size:11px;gap:17px}body[data-page="home"] .header-contact{font-size:11px;gap:15px}body[data-page="home"] .home-hero{min-height:650px;gap:38px}body[data-page="home"] .hero-copy h1{font-size:56px}body[data-page="home"] .hero-copy .eyebrow{font-size:10px}body[data-page="home"] .hero-description{font-size:15px}body[data-page="home"] .project-info h3{font-size:29px}body[data-page="home"] .header-contact{display:none}}
@media(max-width:900px){.logout-button{display:none}body[data-page="home"] .home-hero{gap:28px;min-height:610px}body[data-page="home"] .hero-copy h1{font-size:48px}body[data-page="home"] .hero-description{font-size:14px;line-height:1.9}.account-link{font-size:10px}body[data-page="home"] .section-heading h2{font-size:38px}.header-actions{gap:15px}body[data-page="home"] .project-info>p{font-size:14px}body[data-page="home"] .footer h2{font-size:48px}}
@media(max-width:640px){body[data-page="home"] .home-hero{padding-block:33px 30px;gap:32px;min-height:0}body[data-page="home"] .hero-copy h1{font-size:44px;line-height:1.18;letter-spacing:-.025em}body[data-page="home"] .hero-copy .eyebrow{font-size:10px;line-height:1.6;max-width:270px;margin-bottom:23px}body[data-page="home"] .hero-description{font-size:15px;line-height:1.9;max-width:none}body[data-page="home"] .hero-buttons .button{font-size:11px;gap:15px}body[data-page="home"] .hero-buttons .text-link{font-size:10px}.account-link .icon{display:none}.account-link{font-size:10px;min-height:40px}body[data-page="home"] .brand-word{font-size:18px}body[data-page="home"] .brand-number{font-size:31px}.header-actions{gap:15px}body[data-page="home"] .hero-signature>span{font-size:10px}body[data-page="home"] .proof-art{max-width:100%;gap:13px}body[data-page="home"] .proof-label{font-size:9px}body[data-page="home"] .proof-label>span:last-child{font-size:7px}body[data-page="home"] .proof-team{font-size:10px}body[data-page="home"] .capabilities-band p{font-size:12px;line-height:2}body[data-page="home"] .capabilities-band span{font-size:10px}body[data-page="home"] .section{padding-block:58px}body[data-page="home"] .section-heading h2{font-size:35px;line-height:1.2}body[data-page="home"] .section-heading>p,body[data-page="home"] .section-heading>div>p{font-size:15px}body[data-page="home"] .project-info h3{font-size:29px}body[data-page="home"] .project-info>p{font-size:15px}body[data-page="home"] .service-rows h3{font-size:23px}body[data-page="home"] .service-rows article>div>p{font-size:15px}body[data-page="home"] .existing-project h3{font-size:23px}body[data-page="home"] .approach{padding-block:58px}body[data-page="home"] .steps h3{font-size:23px}body[data-page="home"] .person-caption h3{font-size:13px}body[data-page="home"] .person-caption p{font-size:9px}body[data-page="home"] .footer h2{font-size:43px}body[data-page="home"] .footer-message p{font-size:15px}body[data-page="home"] .case-heading h1{font-size:42px}body[data-page="home"] .catalog-intro h1{font-size:41px}body[data-page="home"] .home-hero::before{inset:0 -15px}body[data-page="home"] .studio-heading h1,body[data-page="home"] .inbox-page h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}}

/* Controls and captions remain readable at laptop and phone widths. */
body[data-page="home"] .main-nav{font-size:14px}
.account-link,.logout-button{font-size:12px}
body[data-page="home"] .header-contact,body[data-page="home"] .button{font-size:13px}
body[data-page="home"] .hero-copy .eyebrow,body[data-page="home"] .section-heading .eyebrow,body[data-page="home"] .project-index{font-size:12px}
body[data-page="home"] .hero-buttons .text-link,body[data-page="home"] .hero-signature>span,body[data-page="home"] .proof-caption span,body[data-page="home"] .proof-caption p,body[data-page="home"] .proof-team,body[data-page="home"] .proof-mini small{font-size:12px}
body[data-page="home"] .proof-label{font-size:11px}body[data-page="home"] .proof-label>span:last-child{font-size:10px}
body[data-page="home"] .person-caption p,body[data-page="home"] .people-foot>span,body[data-page="home"] .tags>span{font-size:12px!important}
.mobile-logout{text-align:left;min-height:44px;color:var(--muted);font:inherit;border-top:1px solid var(--line)}
@media(max-width:1150px){body[data-page="home"] .main-nav{font-size:12px;gap:14px}.header-actions{gap:14px}}
@media(max-width:640px){body[data-page="home"] .hero-buttons .text-link{font-size:12px}body[data-page="home"] .hero-copy .eyebrow{font-size:11px}body[data-page="home"] .proof-label>span:last-child{display:none}.account-link{font-size:11px}.header-actions{gap:12px}body[data-page="home"] .person-caption p{font-size:11px!important}}

body[data-page="home"] .capabilities-band p{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}body[data-page="home"] .capabilities-band .capability-item{font:inherit;color:inherit;white-space:nowrap}body[data-page="home"] .capabilities-band i{margin:0}
@media(max-width:640px){body[data-page="home"] .hero-buttons{flex-direction:column;align-items:stretch;gap:20px}body[data-page="home"] .hero-buttons>.button{justify-content:space-between}body[data-page="home"] .hero-buttons>.text-link{justify-content:space-between;max-width:none;white-space:nowrap}body[data-page="home"] .capabilities-band p{gap:8px 12px}}

.brand-word{font-family:'Segoe Print','Bradley Hand',cursive;font-size:21px;letter-spacing:-.06em;font-weight:400}.brand-number{font-family:'Courier New',monospace;letter-spacing:-.14em;font-weight:400;font-size:36px}.brand-number>span{font-family:Golos,sans-serif}.profile-more{margin-top:32px;min-height:44px}
@media(max-width:640px){.brand-word{font-size:18px}.brand-number{font-size:31px}}
#main:focus{outline:none}
::view-transition{pointer-events:none}