:root{color-scheme:dark;--bg:#04111f;--panel:#0a1c2b;--line:#213343;--ink:#f2f6fa;--muted:#a8b8c7;--cyan:#36e2ed;--purple:#be92ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13;letter-spacing:-.045em;font-weight:650;margin:0}p{margin:0 0 20px}h1{font-size:clamp(42px,4.9vw,76px)}h2{font-size:clamp(32px,3.1vw,48px)}h3{font-size:clamp(25px,2.2vw,34px)}em{font-style:normal;color:var(--cyan)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}header{border-bottom:1px solid var(--line);background:#04111ff5;position:sticky;top:0;z-index:20}.nav{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:40px}.wordmark{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.3px;line-height:1.2;display:inline-block}.wordmark:before{content:'';display:inline-block;width:9px;height:25px;margin-right:10px;background:linear-gradient(#ffbf39,#e33bbd,#19dcfa);border-radius:20px;transform:rotate(22deg)}.wordmark span{display:block;margin:9px 0 0 20px;font:500 9px/1.5 'DM Sans',sans-serif;letter-spacing:2.5px;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px}nav a{position:relative;padding:15px 0;color:#b4c2cf}nav a:hover,nav a[aria-current],nav .active{color:white}nav a[aria-current]:after,nav .active:after{content:'';position:absolute;height:2px;bottom:4px;left:0;right:0;background:linear-gradient(90deg,var(--cyan),#c64add)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:690px;gap:30px;padding-top:50px;padding-bottom:65px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase;color:var(--cyan);margin-bottom:24px;display:flex;align-items:center;gap:12px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #36e2ed80}.intro{font-size:18px;line-height:1.8;color:#aebdcb;max-width:590px;margin:30px 0 33px}.hero-visual{min-width:0}.brand-art{width:100%;max-height:610px;object-fit:contain;mix-blend-mode:screen}.hero-visual>img:not(.brand-art):not(.world-art){border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px #0005}.world-art{border-radius:16px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{font-size:13px;font-weight:700;background:var(--cyan);color:#03141e;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;border-radius:5px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#91f6fc;transform:translateY(-2px)}.button.secondary{background:transparent;border:1px solid #405266;color:var(--ink)}.button.secondary:hover{background:#142738}.button span{font-size:19px}.section-heading{max-width:780px;margin-bottom:48px}.section-heading h2{margin-bottom:23px}.section-heading>p:last-child{color:var(--muted);max-width:640px}section.wrap:not(.hero):not(.project-top){padding-top:70px;padding-bottom:70px}section.wrap+section.wrap{border-top:1px solid var(--line)}.group-paths{border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.path-panel{padding:38px 40px 32px;background:linear-gradient(140deg,#102b39,#081b29);border:1px solid #25414e;position:relative;border-radius:8px;transition:transform .2s,border-color .2s}.path-panel.purple{background:linear-gradient(140deg,#211e39,#0d192a);border-color:#3b3558}.path-panel:hover{transform:translateY(-4px);border-color:var(--cyan)}.index{display:block;color:var(--cyan);font-size:10px;letter-spacing:1.8px;margin-bottom:27px}.path-panel h3{margin-bottom:22px}.path-panel p{color:var(--muted);max-width:450px}.text-link{display:inline-flex;gap:22px;align-items:center;color:var(--cyan);font-size:13px;font-weight:600;margin-top:10px}.feature-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;margin:65px 0}.feature-row h3{margin-bottom:25px}.feature-row p{color:var(--muted)}.feature-row img{border:1px solid var(--line);border-radius:10px;max-height:420px;width:100%;object-fit:cover;object-position:top}.feature-row.reverse{grid-template-columns:1.1fr .9fr}.feature-row.reverse>div{order:2}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three-col article,.two-col article{border-top:1px solid #35505e;padding:28px 0 10px}.three-col h3,.two-col article h3{font-size:25px;margin-bottom:20px}.three-col p,.two-col article p{color:var(--muted)}.screen{margin:0 0 65px;border:1px solid #30465b;border-radius:9px;overflow:hidden;background:#0a1b2a}.screen>img{width:100%;max-height:720px;object-fit:contain;background:#04101a}.screen figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;color:var(--muted);font-size:12px;gap:20px}.zoom{background:none;border:0;color:var(--cyan);font-size:12px;white-space:nowrap}.note{padding:22px 25px;border-left:2px solid #9b7bea;background:#101d2e;color:var(--muted);font-size:13px;line-height:1.8;margin:40px 0}.download-panel{margin-top:60px;border:1px solid var(--line);background:linear-gradient(110deg,#132a37,#111b31);padding:35px 40px;display:flex;gap:35px;align-items:center;justify-content:space-between;border-radius:8px}.download-panel h3{margin-bottom:15px}.download-panel p{margin-bottom:0;color:var(--muted)}.download-panel .eyebrow{margin-bottom:14px;color:var(--cyan)}.download-panel>.button{flex-shrink:0}.image-stack{border:1px solid #34475d;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #6e3cb51a;transform:rotate(2deg)}.image-stack img{aspect-ratio:1.15;object-fit:cover;object-position:top left}.visual-label{display:block;padding:15px 20px;background:#112133;color:#a8dfe5;font-size:9px;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:#0b1c2b;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-5px);border-color:#4a7a87}.project>img{width:100%;height:220px;object-fit:cover;object-position:top left}.project>div{padding:25px}.project .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}.project h3{font-size:24px;line-height:1.3;margin-bottom:15px}.project h3 span{color:var(--cyan)}.project p:last-child{color:var(--muted);font-size:14px;margin-bottom:5px}.project-top{padding-top:45px;padding-bottom:0}.back{display:block;color:var(--muted);font-size:12px;margin-bottom:50px}.project-top h1{max-width:1000px}.project-top .intro{max-width:800px}.results-block{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center;margin-top:60px}.results-block h2{margin-bottom:30px}.results-block>a img{border-radius:6px}.results-block p{color:var(--muted)}.stats{display:flex;gap:36px;margin-bottom:30px}.stats strong{font-size:45px;line-height:1.5;display:block;color:var(--cyan);letter-spacing:-2px}.stats span{display:block;font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:45px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;font-size:12px}footer p{margin-bottom:5px}footer .wordmark{font-size:24px}footer .wordmark span{text-transform:none;font-size:10px;letter-spacing:.3px}.footer-links{display:flex;gap:22px}footer small{grid-column:1/-1;color:#7890a2;font-size:10px}.muted{color:var(--muted)}.prose{max-width:850px;min-height:65vh;padding:80px 0}.prose h1{margin-bottom:35px}.prose h2{font-size:27px;margin:35px 0 20px}.prose p{color:var(--muted)}dialog{width:min(1500px,95vw);max-height:95vh;background:#081524;border:1px solid #587187;border-radius:8px;padding:55px 10px 10px}dialog::backdrop{background:#000d}dialog img{max-height:80vh;margin:auto;object-fit:contain}dialog .close{position:absolute;right:15px;top:10px;background:none;color:white;border:1px solid #456079;border-radius:4px;font-size:13px;padding:5px 13px}.skip{position:fixed;left:15px;top:-100px;background:var(--cyan);color:#04111f;padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}a:hover.text-link{color:#adf9ff}
@media(min-width:1600px){.hero{min-height:740px}}@media(max-width:1000px){.wrap{width:calc(100% - 50px)}nav{gap:20px}.nav{gap:20px}.hero{min-height:600px;gap:10px}h1{font-size:49px}.intro{font-size:16px}.project-grid{gap:15px}.project>div{padding:20px}.project h3{font-size:21px}.feature-row{gap:35px}.wordmark{font-size:25px}.three-col{gap:25px}.path-panel{padding:28px}.download-panel{padding:28px}}@media(max-width:760px){.wrap{width:calc(100% - 38px)}.nav{min-height:80px}.wordmark span{font-size:8px;letter-spacing:1.4px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;color:white;border:1px solid #344b5b;border-radius:4px;padding:7px 12px;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#081b2a;padding:20px;flex-direction:column;gap:0;border-bottom:1px solid #344b5b}nav.open{display:flex}nav a{padding:15px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:45px;gap:25px;min-height:auto}h1{font-size:clamp(39px,8.5vw,58px)}.hero-visual{max-width:500px;width:100%;margin:auto}.brand-art{max-height:420px}.hero .eyebrow{font-size:9px}.intro{margin-top:25px}.actions{gap:10px}.button{padding:13px 16px;font-size:12px;gap:18px}.two-col,.three-col,.project-grid,.feature-row,.feature-row.reverse,.results-block{grid-template-columns:1fr}.feature-row.reverse>div{order:0}.feature-row{gap:25px;margin:45px 0}.feature-row img{max-height:380px}.two-col{gap:20px}.three-col{gap:10px}section.wrap:not(.hero):not(.project-top){padding-top:45px;padding-bottom:45px}.section-heading{margin-bottom:30px}.path-panel h3{font-size:30px}.screen{margin-bottom:40px}.screen figcaption{font-size:10px;padding:12px;align-items:flex-start}.zoom{font-size:10px}.download-panel{flex-direction:column;align-items:flex-start;gap:25px}.project>img{height:250px}.project h3{font-size:26px}.project-top{padding-top:30px}.project-top .back{margin-bottom:35px}.results-block{gap:25px}.results-block>a{max-width:380px}.stats{gap:27px}.stats strong{font-size:38px}footer{grid-template-columns:1fr;gap:25px}footer small{grid-column:auto}.footer-links{flex-wrap:wrap}.prose{padding-top:45px}.image-stack{transform:none}.image-stack img{aspect-ratio:1.5}.eyebrow{letter-spacing:1.6px}.world-art{max-height:450px;object-fit:contain;margin:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied brand artwork is displayed intact. */
.brand-lockup{display:flex;align-items:center;gap:18px;flex-shrink:0}.header-logo{width:88px;height:112px;object-fit:contain}.brand-lockup>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav{min-height:128px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:45px 0}.gallery .screen{margin:0;align-self:start}.gallery .screen img{max-height:440px}.gallery figcaption{font-size:10px;padding:12px}.footer-brand .header-logo{height:130px;width:110px}.project-grid{row-gap:28px}@media(max-width:760px){.header-logo{width:61px;height:78px}.brand-lockup{gap:10px}.brand-lockup>span{font-size:8px;letter-spacing:1px}.nav{min-height:90px}nav{top:90px}.gallery{grid-template-columns:1fr}.gallery .screen img{max-height:none}.footer-brand .header-logo{height:110px;width:90px}}
/* Horizontal vector identity: tree left, name right. */
.brand-lockup{gap:13px}.tree-mark{width:55px;height:61px;object-fit:contain}.brand-lockup>.brand-name{display:flex;flex-direction:column;gap:4px;color:#f2f6fa;letter-spacing:0}.brand-name strong{font:700 26px/1.1 Manrope,'Segoe UI',sans-serif;letter-spacing:-.8px}.brand-name>span{font:500 9px/1.3 'Segoe UI',sans-serif;letter-spacing:3.5px;color:#64dce8}.nav{min-height:96px}nav{gap:26px}.footer-brand{align-self:start}.footer-brand .tree-mark{width:55px;height:61px}.footer-brand .brand-name strong{font-size:24px}@media(max-width:760px){.nav{min-height:85px}nav{top:85px}.brand-lockup{gap:10px}.tree-mark{width:44px;height:49px}.brand-name strong{font-size:21px}.brand-name>span{font-size:8px;letter-spacing:2.7px}.brand-lockup>.brand-name{gap:4px}.footer-brand .tree-mark{width:44px;height:49px}}
.tree-original{display:block;width:60px;height:65px;flex:0 0 60px;overflow:hidden;border:1px solid #36566a;border-radius:13px;background:#02101e;position:relative}.tree-original img{position:absolute;width:66px;max-width:none;height:auto;left:-4px;top:-1px}.brand-lockup>.tree-original{letter-spacing:0}@media(max-width:760px){.tree-original{width:47px;height:51px;flex-basis:47px;border-radius:10px}.tree-original img{width:52px;left:-3px;top:-1px}}
.tree-original img{clip-path:inset(0 0 27% 0)}