#home-view:has(#scene-home:not([hidden])) .home-header{position:sticky;top:0;z-index:20;width:100%;max-width:none;margin:0;padding:28px max(40px,calc((100% - 1360px)/2));gap:18px;flex-wrap:wrap;background:#fff;transition:padding .18s ease,min-height .18s ease,box-shadow .18s ease}
#home-view:has(#scene-home:not([hidden])) .home-header.is-compact{min-height:64px;padding-block:8px;box-shadow:0 1px 0 var(--atlas-line),0 6px 18px #20242a0a}
#home-view:has(#scene-home:not([hidden])) .home-header .shell-brand{transition:font-size .18s ease}
#home-view:has(#scene-home:not([hidden])) .home-header .shell-icon{transition:width .18s ease,height .18s ease,font-size .18s ease}
#home-view:has(#scene-home:not([hidden])) .home-header.is-compact .shell-brand{font-size:22px}
#home-view:has(#scene-home:not([hidden])) .home-header.is-compact .shell-icon{width:40px;height:40px;font-size:23px}
#scene-home [id]{scroll-margin-top:calc(var(--landing-header-offset,104px) + 16px)}
.landing-nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-left:auto;font-size:14px;min-width:0}
.header-contact-icon{display:none}
@media(max-width:600px){.landing-nav .header-contact{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #cbd5e1;border-radius:50%;color:#152538;background:#fff}.header-contact-label{display:none}.header-contact-icon{display:block}.landing-nav .header-contact:hover{background:var(--atlas-soft)}.landing-nav .header-contact:focus-visible{outline:3px solid var(--atlas-blue);outline-offset:3px}}
.landing-nav a,.landing-nav button,.landing-footer a{color:var(--atlas-muted);text-decoration:none}
.site-shell .landing-nav button{border:0;padding:8px 0;background:transparent;font:inherit}
.landing-nav a:hover,.landing-nav button:hover,.landing-footer a:hover{color:#0730f5}
#home-view:has(#scene-home[hidden]) .landing-nav{display:none}
.home-main:has(#scene-home:not([hidden])){display:block;min-height:0;padding:0}
#scene-home{display:block;overflow:clip;width:100%}
.landing-hero{min-height:calc(78svh - 104px);display:grid;align-items:center;padding:32px 48px 60px}
#scene-home .home-content{width:100%}
.landing-hero-art{min-width:0}
.landing-hero-art,#landing-origin .story-art,#landing-bridge .story-art{scale:.8;transform-origin:center}
.built-hero-art{scale:.7;transform-origin:center}
.landing-hero-art .home-illustration{aspect-ratio:1320/976;max-width:none;width:100%}
.landing-scroll{display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:#0730f5!important;text-decoration:none;font-size:14px;min-height:32px}
.landing-band{width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:84px 48px;border-top:1px solid #edf0f4;background:#fff}
#landing-hello-world{padding-top:32px}
#scene-home #home-title .hello-accent{color:#0730f5}
#scene-home .landing-accent{color:#0730f5}
#landing-built-title .landing-brand-lockup{font-family:var(--atlas-font);font-size:inherit;font-weight:500;color:var(--atlas-text);white-space:nowrap}
.landing-origin{background:linear-gradient(120deg,#f7f9fc,#fff);padding-top:56px;padding-bottom:64px}
.landing-snapshot-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.snapshot-art{aspect-ratio:1.35}
.snapshot-copy{min-width:0}
.snapshot-title{font-family:"Bodoni MT","Didot","Georgia",serif;font-size:56px;line-height:1.08;font-weight:700;color:#09111d;margin:0 0 22px;overflow-wrap:anywhere}
.snapshot-title span{color:#0730f5}
.snapshot-description{font-size:18px;line-height:1.55;color:#59677f;max-width:620px;margin:0 0 26px}
.snapshot-description p{margin:0 0 14px}
.snapshot-description p:last-child{margin-bottom:0}
.snapshot-skills{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}
.snapshot-skills li{display:flex;align-items:center;gap:14px;min-height:74px;min-width:0;padding:12px 16px;border:1px solid var(--atlas-line);border-radius:6px;background:#fff;color:#59677f;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.snapshot-skills .atlas-control-icon{flex:0 0 24px;width:24px;height:24px;color:#0730f5}
.snapshot-ideas{width:28%;left:-2%;top:30%;z-index:4}
.snapshot-build{width:36%;right:-1%;top:12%;z-index:3}
.snapshot-person{width:60%;left:20%;bottom:0;z-index:2}
.snapshot-books{width:30%;left:0;bottom:-1%;z-index:3}
.snapshot-plant{width:22%;right:0;bottom:-1%;z-index:3}
.snapshot-note{width:42%;left:-3%;top:1%;z-index:5;--entry-x:-14px;--entry-rotate:-3deg}
.snapshot-accents{width:12%;left:39%;top:0;z-index:6}
.icon-laptop-minimal{--control-icon:url('./icons/laptop-minimal.svg')}.icon-sparkles{--control-icon:url('./icons/sparkles.svg')}.icon-layers{--control-icon:url('./icons/layers.svg')}.icon-code-xml{--control-icon:url('./icons/code-xml.svg')}.icon-pencil{--control-icon:url('./icons/pencil.svg')}
.landing-question{display:grid;width:100%;place-items:center;padding:0 24px;background:#fff;text-align:center}
.landing-question-inner{width:100%;max-width:1120px}
.landing-question-mark{display:block;height:32px;color:#59677f;font-family:Georgia,serif;font-size:64px;line-height:.85}
.landing-question h2{margin:0;color:#09111d;font-family:"Bodoni MT","Didot","Georgia",serif;font-size:56px;line-height:1.12}
.landing-inner{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:72px}
.landing-inner-reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.story-copy{min-width:0}
.bridge-art{aspect-ratio:1.2}
#landing-bridge .story-copy h2{font-size:56px;line-height:1.08}
.bridge-cloud{width:82%;left:-4%;top:8%;z-index:1}
.bridge-window{width:70%;left:14%;top:-9%;z-index:2}
.bridge-navigation{width:29%;left:0%;top:-6%;z-index:4}
.bridge-plant{width:33%;left:-10%;bottom:-18%;z-index:5}
.bridge-books{width:32%;right:-6%;bottom:-4%;z-index:5}
.bridge-person{width:62%;left:-6%;bottom:4%;z-index:4}
.bridge-note{width:44%;left:49%;top:-12%;z-index:1;--entry-rotate:3deg}
.bridge-accents{width:38%;left:54%;top:-10%;z-index:5}
.chapter-number{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;color:#59677f;margin:0 0 22px}
.chapter-number>span{height:1px;width:52px;background:#8c99ad}
.story-copy h2{font-family:"Bodoni MT","Didot","Georgia",serif;font-size:48px;line-height:1.1;font-weight:700;color:#09111d;margin:0 0 22px;overflow-wrap:anywhere}
.story-copy h2 .brand-ux{color:#0730f5}
.story-copy>p:not(.chapter-number){font-size:18px;line-height:1.55;color:#59677f;max-width:490px;margin:0 0 18px}
.story-copy>p.story-emphasis{font-weight:600;color:#303b4d}
.story-art{position:relative;width:100%;aspect-ratio:1.38;isolation:isolate}
.art-piece{position:absolute;min-width:0}
.art-piece img{display:block;width:100%;height:auto}
.hello-world-art{aspect-ratio:1.12;scale:.8;transform-origin:center}
#landing-hello-world h2{font-size:56px;line-height:1.08}
#landing-hello-world .hello-support{font-size:16px;font-weight:400;margin-top:28px;color:#6a7890}
.hello-park{width:100%;left:0;bottom:8%;z-index:0}
.hello-tree{width:44%;right:1%;top:-2%;z-index:1}
.hello-nico{width:50%;left:16%;bottom:1.5%;z-index:3}
.hello-clouds{width:53%;left:24%;top:12%;z-index:2;--entry-y:-16px}
.hello-ideas{width:21%;left:1%;top:9%;z-index:4;--entry-x:-20px;--entry-rotate:-4deg}
.hello-paths{width:18%;right:0;top:50%;z-index:4;--entry-x:18px;--entry-rotate:3deg}
.hello-plants{width:27%;right:8%;bottom:9%;z-index:2}
.hello-chuko-signature{width:44.1%;left:-40%;top:44%;z-index:6;--entry-y:14px;--entry-rotate:-2deg}
@media(max-width:1100px){#landing-hello-world h2{font-size:44px}}
@media(max-width:600px){#landing-hello-world h2{font-size:34px}.hello-world-art{aspect-ratio:1.08}#landing-hello-world .hello-support{font-size:15px;margin-top:22px}}
.problem-person{width:60.8%;left:15.6%;bottom:0;z-index:2}
.problem-seo{width:20%;left:0;top:25%;z-index:3;--entry-x:-25px;--entry-rotate:-8deg}
.problem-performance{width:25%;left:25%;top:0;--entry-y:-28px;--entry-rotate:5deg}
.problem-checklist{width:27%;right:1%;top:1%;--entry-x:28px;--entry-rotate:7deg}
.problem-note{width:17%;right:0;bottom:2%;z-index:3;--entry-x:18px}
.solution-map{width:59%;left:20%;top:0}
.solution-overview{width:22%;left:0;top:24%;z-index:2;--entry-x:-28px}
.solution-note{width:21%;right:0;top:31%;--entry-x:18px;--entry-rotate:-4deg}
.landing-pillars{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:26px 0 0}
.landing-pillars li{display:grid;justify-items:center;align-content:center;gap:12px;min-height:100px;border:1px solid var(--atlas-line);border-radius:6px;background:#fff;font-size:12px;color:#4d5c73;min-width:0;overflow-wrap:anywhere}
.landing-pillars .atlas-control-icon{width:26px;height:26px;color:#0730f5}
.icon-structure{--control-icon:url('./icons/workflow.svg')}.icon-performance{--control-icon:url('./icons/chart-no-axes-column-increasing.svg')}.icon-accessibility{--control-icon:url('./icons/accessibility.svg')}.icon-arrow-down{--control-icon:url('./icons/arrow-down.svg')}.icon-arrow-right{--control-icon:url('./icons/arrow-right.svg')}
.site-shell .landing-primary{background:#0730f5;color:#fff;border-color:#0730f5;min-height:48px;padding:12px 20px;gap:12px;font-size:15px;font-weight:500}
.site-shell .landing-primary:hover{background:#0526bd}
.landing-atlases .landing-inner{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:none}
.landing-atlases .story-copy{width:100%;max-width:960px;text-align:center}
.landing-atlases .chapter-number{justify-content:center}
.landing-atlases .story-copy>p:not(.chapter-number){max-width:800px;margin:0 auto 24px}
.landing-atlases .landing-primary{margin:0 auto}
.landing-atlases .atlas-carousel{width:100%;max-width:1600px;margin-inline:auto;justify-self:center;grid-template-columns:48px minmax(0,1fr) 48px;gap:22px}
.landing-atlases .atlas-preview-page{gap:20px;padding:12px 6px}
.landing-atlases .atlas-carousel-pagination{align-self:center}
#landing-atlases.is-empty .landing-inner{display:block;max-width:760px;text-align:center}
#landing-atlases.is-empty .chapter-number{justify-content:center}
#landing-atlases.is-empty .story-copy>p:not(.chapter-number){max-width:580px;margin-left:auto;margin-right:auto}
.atlas-carousel{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;min-width:0;width:100%}
.atlas-carousel-viewport{min-width:0;overflow:hidden;outline-offset:4px}
.atlas-carousel-viewport:focus-visible{outline:3px solid #0730f5}
.atlas-preview-scene{display:flex;align-items:stretch;min-width:0;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.atlas-preview-page{display:flex;flex:0 0 100%;align-items:stretch;justify-content:center;gap:12px;padding:8px 2px}
.atlas-preview-page>.atlas-preview{flex:0 0 calc((100% - 60px)/6)}
.atlas-carousel-arrow{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--atlas-line);border-radius:50%;background:#fff;color:#0730f5;cursor:pointer}
.atlas-carousel-arrow .atlas-control-icon{width:19px;height:19px}
.atlas-carousel-arrow:disabled{color:#a5afbf;cursor:default}
.atlas-carousel-arrow:focus-visible,.atlas-carousel-dot:focus-visible{outline:3px solid #0730f5;outline-offset:3px}
.atlas-carousel-pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}
.atlas-carousel-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c6ceda;cursor:pointer}
.atlas-carousel-dot[aria-current=true]{width:24px;border-radius:6px;background:#0730f5}
.icon-arrow-left{--control-icon:url('./icons/arrow-right.svg');transform:rotate(180deg)}
.atlas-carousel[hidden],.atlas-carousel-pagination[hidden]{display:none}
.atlas-preview-scene[aria-live=polite]{contain:layout}
.site-shell .atlas-preview{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;min-width:0;min-height:214px;border:1px solid var(--atlas-line);border-radius:6px;background:#fff;padding:10px;color:var(--atlas-text);box-shadow:0 6px 16px #20242a08}
.atlas-preview:hover{border-color:#7c8cab}
.atlas-preview:nth-child(1){--preview-rotate:-5deg;--entry-x:-25px}
.atlas-preview:nth-child(2){--preview-rotate:2deg;--entry-y:-28px}
.atlas-preview:nth-child(3){--preview-rotate:6deg;--entry-x:25px}
.atlas-preview:nth-child(4){--preview-rotate:-5deg;--entry-x:-25px}
.atlas-preview:nth-child(5){--preview-rotate:2deg;--entry-y:-28px}
.atlas-preview img{width:100%;height:78px;object-fit:cover;object-position:top;border:1px solid var(--atlas-line);border-radius:3px;background:#f0f3f7}
.atlas-preview strong{font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.atlas-preview small{font-size:11px;line-height:1.35;color:#59677f;overflow-wrap:anywhere}
.atlas-preview-scene>p{grid-column:1/-1;color:#59677f;font-size:18px}
.landing-footer{display:flex;align-items:center;gap:26px;width:calc(100% - 96px);max-width:1240px;margin:0 auto;padding:30px 0 40px;border-top:1px solid var(--atlas-line);font-size:13px}
.landing-footer .shell-brand{color:#09111d}
.landing-footer p{margin:0;color:#59677f}
.landing-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto}
.landing-motion-ready [data-reveal]{opacity:0;transform:translate(var(--entry-x,0px),var(--entry-y,24px)) rotate(var(--entry-rotate,0deg));transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.landing-motion-ready [data-reveal].is-visible{opacity:1;transform:translate(0,0) rotate(var(--preview-rotate,0deg))}
.landing-motion-ready [data-parallax]{transform:translateY(var(--parallax-y,0px));will-change:transform}
.landing-nav a:focus-visible,.landing-footer a:focus-visible,.landing-scroll:focus-visible{outline:3px solid #0730f5;outline-offset:4px}
@media(min-width:901px){.home-main:has(#scene-home:not([hidden])) .home-copy{transform:translateY(-12px)}.landing-bridge .landing-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(max-width:1100px){.landing-inner{gap:40px}.story-copy h2{font-size:40px}.landing-footer{margin:0 40px}.landing-pillars{gap:6px}.landing-pillars li{font-size:11px}}
@media(max-width:1100px){#landing-bridge .story-copy h2{font-size:44px}}
@media(max-width:1100px){.snapshot-title{font-size:44px}.snapshot-skills li{gap:10px;padding:10px 12px;font-size:13px}}
@media(max-width:900px){.landing-hero{padding:24px 28px 48px;min-height:0}.landing-inner,.landing-inner-reverse{grid-template-columns:minmax(0,1fr);gap:36px;max-width:640px}.landing-band{padding:64px 28px}.story-art{max-width:580px;justify-self:center}.landing-snapshot{padding:64px 28px}.landing-snapshot-inner{grid-template-columns:minmax(0,1fr)}.snapshot-art{max-width:580px;justify-self:center}.snapshot-copy{grid-row:1}.snapshot-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.hello-chuko-signature{width:29%;left:-8%;top:46%}.landing-inner-reverse .story-copy{grid-row:1}.atlas-preview-page{gap:14px}.landing-footer{flex-wrap:wrap}.landing-footer nav{margin-left:0}.atlas-preview-scene{min-height:0}.story-copy h2{font-size:40px}}
@media(max-width:600px){
 #home-view:has(#scene-home:not([hidden])) .home-header{padding:16px;gap:10px;min-height:88px}
 #home-view:has(#scene-home:not([hidden])) .home-header.is-compact{padding:8px 16px;gap:8px;min-height:64px}
 #home-view:has(#scene-home:not([hidden])) .home-header.is-compact .shell-brand{font-size:18px}
 .landing-nav{gap:10px;font-size:12px}.landing-nav a,.landing-nav button{padding:6px 0}
 .home-header .landing-nav [data-open-atlases]{display:none}
 #home-view:has(#scene-home:not([hidden])) .shell-brand{font-size:20px}
 #home-view:has(#scene-home:not([hidden])) #landing-built-title .landing-brand-lockup{font-size:40px}
 #landing-built .built-hero-art{scale:1;aspect-ratio:1320/976}
 #landing-built .built-hero-art .home-illustration{width:100%;max-width:none}
 .landing-hero{padding:12px 20px 40px}.landing-band{padding:48px 20px}.landing-snapshot{padding:48px 20px}.landing-atlases{padding:48px 20px}.landing-atlases .landing-inner{gap:28px}.landing-atlases .story-copy>p:not(.chapter-number){font-size:16px}.landing-atlases .atlas-carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}.landing-atlases .atlas-preview-page{gap:12px;padding:8px 2px}.snapshot-title{font-size:36px}.snapshot-description{font-size:16px}.snapshot-skills{gap:8px}.snapshot-skills li{gap:8px;padding:10px;font-size:12px;min-height:68px}.snapshot-skills .atlas-control-icon{flex-basis:21px;width:21px;height:21px}.story-copy h2{font-size:34px}#landing-bridge .story-copy h2{font-size:34px}.story-copy>p:not(.chapter-number){font-size:16px}
 .landing-question{padding:0 24px}.landing-question-mark{height:26px;font-size:54px}.landing-question h2{font-size:34px}
 .chapter-number{margin-bottom:16px}.landing-inner{gap:28px}.story-art{aspect-ratio:1.22}.problem-person{width:66.4%;left:12.3%}.problem-performance{left:23%}.solution-map{width:62%;left:20%}.solution-note{width:18%;top:35%}
 .landing-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-pillars li{font-size:13px;min-height:90px}
 .atlas-carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}.atlas-carousel-arrow{width:32px;height:32px}.atlas-preview-page{gap:8px;padding:8px 2px}.atlas-preview-scene{max-width:none;width:100%}
 .site-shell .atlas-preview{min-height:0;--preview-rotate:0deg;padding:10px}.atlas-preview img{height:80px}.atlas-preview strong{font-size:13px}.atlas-preview small{font-size:10px;line-height:1.3}
 .landing-footer{width:calc(100% - 40px);margin:0 20px;padding:28px 0 32px;gap:18px}.landing-footer .shell-brand{font-size:22px}.landing-footer nav{gap:18px;width:100%}
 .landing-motion-ready [data-parallax]{transform:translateY(calc(var(--parallax-y,0px) * .35))}
}
@media(prefers-reduced-motion:reduce){.landing-motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.landing-motion-ready [data-parallax]{transform:none!important;will-change:auto}}
@media(prefers-reduced-motion:reduce){.atlas-preview-scene{transition:none}}
@media(max-width:360px){#scene-home .url-field input{flex-basis:90px}#scene-home .url-submit{width:auto}}
@media(max-width:600px) and (max-height:750px){.landing-hero{padding-bottom:16px}#scene-home .home-content{gap:12px}.landing-hero-art{width:140px;justify-self:center}.landing-origin{padding-top:24px}.landing-scroll{margin-top:0}}
@media(min-width:1200px){.atlas-preview-page{gap:12px}.atlas-preview-page>.atlas-preview{flex-basis:calc((100% - 48px)/5)}}
@media(min-width:768px) and (max-width:1199px){.atlas-preview-page{gap:12px}.atlas-preview-page>.atlas-preview{flex-basis:calc((100% - 36px)/4)}}
@media(max-width:767px){.atlas-preview-page{gap:8px}.atlas-preview-page>.atlas-preview{flex-basis:calc((100% - 8px)/2)}}