/* Cosmos: shared editorial precision and sculptural light, with two brand voices. */
:root{--bg:#070d19;--raised:#111e32;--ink:#eef4ff;--muted:#a5b8d0;--line:#30435d;--gold:#e5bc76;--blue:#82bce8}
html,body{background:#070d19}
.header-shell{background:#080f1de8;border-color:#49607e38}.site-header{min-height:82px}
.site-header .brand-mark{color:#dce8f9}.brand small{color:#91a7c5}
#primary-nav a{position:relative}#primary-nav a[aria-current]{color:var(--gold)}#primary-nav a[aria-current]:after{content:'';position:absolute;bottom:0;right:0;width:18px;height:2px;background:currentColor}
.header-cta>span{border-color:#8fa9c366}.button{border-radius:9px;box-shadow:inset 0 1px 0 #ffffff55;min-height:52px}
.solar-home{position:relative;background:radial-gradient(ellipse at 18% 32%,#1d315233,transparent 65%)}
.solar-home .hero-copy .person-label{color:#c7d5e8;font-size:.8rem;letter-spacing:0}
.solar-home .hero-copy .person-label:before{background:#d9b87a;width:26px}
.selected-work,.projects-collection{position:relative}.selected-work>.section-heading{margin-bottom:2.8rem}
.section-heading>p{line-height:2.15;color:#a6b9d1}.section-heading h2{letter-spacing:-.025em}
.engineering-model{min-width:0;margin:0;position:relative}.engineering-model .project-art{aspect-ratio:1.12;border-radius:24px;border:1px solid #5c739548;background:radial-gradient(ellipse at 45% 45%,#1c3455,#0c1627 76%);box-shadow:0 35px 80px #0003}.engineering-model figcaption{font-size:.67rem;color:#a7bbd3;margin-top:.8rem;text-align:right;padding-inline:.2rem;line-height:1.9}
.engineering-model .project-art-caption{right:1.4rem;bottom:1.4rem}.engineering-model .project-art-note{left:1.4rem;bottom:1.4rem}
.inner-hero:has(.engineering-model){gap:2rem}.inner-copy .inner-lead{line-height:2.2;color:#adbed5}.inner-copy h1{letter-spacing:-.03em}
.learning-bridge{padding:2rem;gap:2rem;background:#101d30;border:1px solid #3d536f66;border-radius:22px;overflow:hidden}.learning-bridge>.project-art{border-radius:16px;min-height:280px;aspect-ratio:1.3}.learning-bridge h2{letter-spacing:-.025em}.learning-bridge .project-art-note{color:#adbed4}
.mk-project-card{border-radius:22px;background:linear-gradient(145deg,#15233a,#0d1728 70%);border-color:#3c536e66;box-shadow:0 20px 60px #0002}
.project-art{background:radial-gradient(ellipse at 50% 40%,#27405e77,transparent 65%),linear-gradient(145deg,#14263e,#0b1425 82%)}.project-art-voice,.project-art-phone{background:radial-gradient(ellipse at 45% 36%,#4b423666,transparent 66%),#101a2c}.project-art-vision{background:radial-gradient(ellipse at 45% 40%,#42375d66,transparent 67%),#101a2c}
.project-art-network,.project-art-learn{background:radial-gradient(ellipse at 45% 40%,#203b5b88,transparent 67%),#101a2c}
.mk-project-card .work-copy h2{letter-spacing:-.025em}.mk-project-card .work-copy p{line-height:2.15;color:#acbfd8}
.engineering-band{background:linear-gradient(115deg,#121f34,#0b1424);border-color:#3b526e66}.method-steps li{border-color:#354b6680}.method-steps li>span{border-color:#8da7c077;background:#182a43;color:#e4c088}
.collaboration{border-top:1px solid #38516b77;margin-top:3rem}.collaboration h2{letter-spacing:-.03em}.collaboration p{line-height:2.2}
.site-footer{background:#050a13;border-color:#344b6677}.footer-name{letter-spacing:-.035em}.footer-main p{color:#a7bad4}.footer-bottom{border-color:#30445e77}
.note-image,.note-tile{border-radius:12px}.note-tile .note-image{border:1px solid #3c557466}.note-tile h3{letter-spacing:-.02em}.note-tile time{font-size:.7rem}
.principle-grid article{border-top:1px solid #536c8a;padding-top:1.5rem}.principle-grid .studio-icon{color:#b7cce7}.principle-grid h3{margin-top:1rem}
.company .brand-javan{font-size:1.7rem;letter-spacing:-.07em;line-height:1.4;color:#e3c187;font-weight:900;display:block}.company .brand-description{display:block;font-size:.61rem;color:#b0c1d8;line-height:1.8;font-weight:400;letter-spacing:0}
.company .hero-copy h1{font-weight:700}.company .product-direction{margin-top:1.5rem;color:#9eb4cf;font-size:.74rem;line-height:2}
.company .product-direction a{border-bottom:1px solid #526986;color:#d7e6f9}
.company .product-cosmos-grid{display:grid;gap:1.5rem}.company .company-products{padding-block:4rem}.company .product-cosmos-grid .work-copy h2{font-size:1.3rem}
.company .company-process{padding-block:4rem}.company .company-process .method-steps{margin-top:2rem}.company .company-about{display:grid;gap:2rem;padding-block:4rem}.company .company-about p{color:#aabed5;line-height:2.2;max-width:52ch}.company .company-about .project-art{border:1px solid #4c64814d;border-radius:22px}
.company .product-detail-art{max-width:100%;margin:0}.company .product-detail-art .project-art{aspect-ratio:1.25;border-radius:24px;border:1px solid #50698755}
.company .product-detail-intro{display:grid;gap:2rem;padding-block:2.5rem}.company .product-detail-intro .breadcrumb{margin-bottom:1.5rem}.company .product-detail-intro h1{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.7;letter-spacing:-.025em}.company .product-detail-intro p{color:#adbed5;line-height:2.1;margin-top:1rem;max-width:45ch}
@media(min-width:640px){.company .product-cosmos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.company .company-about,.company .product-detail-intro{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.inner-hero:has(.engineering-model){grid-template-columns:1fr 1fr;gap:3rem}.learning-bridge{padding:2.5rem 3rem}}
@media(min-width:1024px){.header-shell .site-header{min-height:88px}.wrap{max-width:92rem}.solar-home .hero{padding-top:3.25rem}.selected-work,.latest-notes,.company .company-products{padding-block:6rem}.inner-hero:has(.engineering-model){min-height:610px;padding-block:3rem}.engineering-model .project-art{min-height:430px;aspect-ratio:1.15}.company .company-about{padding-block:6rem}.company .company-process{padding-block:5rem}.company .product-detail-intro{padding-block:4rem}.company .company-process .method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 4rem}.company .company-products .section-heading{margin-bottom:3rem}}
@media(max-width:599px){.solar-home .hero-copy .person-label{margin-bottom:.6rem}.company .brand-javan{font-size:1.5rem}.company .brand-description{font-size:.55rem}.engineering-model .project-art{aspect-ratio:1.08}.learning-bridge{padding:1.5rem;gap:1rem}.learning-bridge>.project-art{min-height:230px}.solar-explorer figcaption .model-caption{max-width:none}}

@media(min-width:1024px){.company .solar-home .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.5rem}.company .solar-home .hero-copy h1{font-size:clamp(2.8rem,3.8vw,3.65rem);line-height:1.7}.company .solar-home .hero-copy{padding-bottom:2rem}}