@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1;1,600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f1f4f7;background:#08111b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b9e6ef;outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding:0 5%}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:2.3px;color:#596c7c;text-transform:uppercase}.eyebrow.green{color:#c3f2a2}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1 em,h2 em{font-family:Playfair Display,Georgia,serif;font-weight:400;color:#b9e8a5}button{border:0}.light-btn,.outline-btn{display:inline-flex;gap:13px;align-items:center;justify-content:center;padding:14px 19px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.2px}.light-btn{background:#c6eea9;color:#132b31}.light-btn:hover{background:#e2ffd1}.outline-btn{border:1px solid #96a8b2;color:#ecf7fa;background:#0a1a288c}.outline-btn:hover{background:#204256}.museum{height:100dvh;min-height:580px;overflow:hidden;position:relative;background:#08111b;color:#fff}.museum-canvas,.museum-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.museum-canvas canvas{display:block;width:100%;height:100%}.museum-vignette{pointer-events:none;background:linear-gradient(90deg,rgba(4,12,21,.96),rgba(4,12,21,.54) 35%,transparent 70%),linear-gradient(0deg,rgba(3,10,18,.86) 0%,transparent 25%,transparent 73%,rgba(3,10,18,.56))}.museum-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:30px 4%;pointer-events:none}.museum-top>div{pointer-events:auto}.museum-top h1{font-size:16px;letter-spacing:0;margin:8px 0 0;color:#ecf7f8}.museum-mode{display:flex;align-items:center;gap:8px}.museum-mode button,.museum-mode .museum-contact-link{border:1px solid #405567;border-radius:30px;background:#101d2cbb;color:#fff;padding:12px 15px;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.museum-panel{position:absolute;left:4%;top:34%;width:min(440px,50%);pointer-events:none}.museum-panel h2{font-size:clamp(40px,4.2vw,72px);line-height:1.08;margin:20px 0 24px;max-width:500px}.museum-panel p{font-size:15px;line-height:1.9;color:#bdcad5;max-width:410px}.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;pointer-events:auto}.tour-progress{position:absolute;left:4%;right:4%;bottom:76px;max-width:900px}.tour-topline{display:flex;justify-content:space-between;font-size:10px;color:#cad7df;letter-spacing:2px;margin-bottom:12px}.tour-track{height:2px;background:#69798868;position:relative}.tour-fill{height:100%;background:#c5f19e}.tour-stations{display:flex;justify-content:space-between;margin-top:11px;gap:10px}.tour-stations button{background:transparent;color:#8a9bac;text-align:left;padding:4px 0;min-width:0}.tour-stations span{display:block;font-size:11px;font-weight:800}.tour-stations small{font-size:10px;display:block;margin-top:3px}.tour-stations .active{color:#d3fbb5}.tour-hint{position:absolute;bottom:19px;left:4%;display:flex;align-items:center;gap:11px;color:#abbfc9;font-size:11px}.tour-hint button{display:inline-flex;color:#eaf8f9;background:#1c3441;border-radius:5px;padding:6px}.tour-hint button:first-of-type{margin-left:12px}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;padding:20px}.museum-dialog{width:min(450px,100%);position:relative;padding:30px;border-radius:15px;background:#112234;border:1px solid #416070;box-shadow:0 24px 65px #0009}.museum-dialog h3{font-size:29px;margin:15px 0}.museum-dialog p{color:#b8cad6;line-height:1.8}.close-btn{position:absolute;right:14px;top:14px;background:#253c4b;color:#fff;border-radius:6px;padding:7px}.classic-view{background:#0b1622}.site-header{height:78px;position:sticky;top:0;background:#0b1622ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #263747;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:15}.brand{font-weight:800;font-size:20px;letter-spacing:2px}.brand span{font-size:10px;color:#a7c7c9;letter-spacing:1px}.site-header nav{display:flex;gap:28px;font-size:12px;color:#b9c7d4}.header-right{display:flex;gap:10px;align-items:center}.enter-tour{display:inline-flex;align-items:center;gap:9px;color:#142c2a;background:#c3eda7;padding:12px 16px;border-radius:5px;font-size:12px;font-weight:800}.nav-menu{display:none;background:transparent;color:#fff}.classic-hero{min-height:650px;padding-top:100px;padding-bottom:90px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.classic-hero h1{font-size:clamp(58px,5.9vw,97px);line-height:1.03;margin:27px 0}.classic-hero h2{font-size:18px;letter-spacing:0;color:#d0e5ee}.classic-hero p{color:#a7bbcb;max-width:600px;line-height:1.8}.hero-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-scene{height:470px;position:relative;overflow:hidden;border:1px solid #4e6375;background:radial-gradient(circle at 70% 30%,#274953,#102133 62%,#091625)}.plan-grid,.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#9fcedc0d 1px,transparent 1px),linear-gradient(90deg,#9fcedc0d 1px,transparent 1px);background-size:28px 28px}.scene-orbit{position:absolute;top:13%;left:18%;width:64%;aspect-ratio:1;border:1px solid #a3cdcf83;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 36px #adf0e506,0 0 0 70px #adf0e508}.scene-orbit span{font-size:180px;font-family:Georgia,serif;font-style:italic;color:#bff0a8}.hero-photo-copy{position:absolute;bottom:20px;left:20px;right:20px;background:#071724b9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:18px;display:grid;gap:5px}.hero-photo-copy span{color:#b9e9a7;font-size:10px;letter-spacing:2px}.hero-photo-copy strong{font-size:14px}.hero-photo-copy small{color:#b0bec8}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:45px}.stats-strip div{border-top:1px solid #4b6173;padding:17px}.stats-strip strong{display:block;font-size:40px;color:#d4f6be}.stats-strip span{color:#aabccc;font-size:12px}.light-section,.dark-section,.contact-section{padding:100px 0}.light-section{background:#f1f4f1;color:#172735}.dark-section{background:#102333}.columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.light-section h2,.dark-section h2,.contact-section h2{font-size:clamp(40px,4vw,64px);line-height:1.1;margin:17px 0 32px}.light-section h2 em{color:#49766a}.columns p{color:#526677;line-height:2;font-size:17px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.skills-grid article{border:1px solid #3a5466;background:#182f41;padding:25px;min-height:240px}.skills-grid h3{font-size:19px;margin:33px 0 14px}.skill-n{font-size:12px;color:#a5e4a7}.skills-grid p{font-size:13px;color:#abbdcd;line-height:1.8}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-intro p{max-width:280px;color:#617080;line-height:1.7}.project-list{display:grid;gap:20px;margin-top:25px}.project-row{background:#fff;display:grid;grid-template-columns:40% 60%;border:1px solid #dbe2e2}.project-art{position:relative;min-height:240px;background:linear-gradient(135deg,#18334b,#406778);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d6f2e8}.project-row:nth-child(2n) .project-art{background:linear-gradient(135deg,#254b52,#51746b)}.project-art>span{position:absolute;top:20px;left:25px;font-size:11px;letter-spacing:2px}.art-icon{border:1px solid #91c5c4;width:120px;height:120px;display:grid;place-items:center;transform:rotate(-10deg)}.project-body{padding:28px 32px}.project-body h3{font-size:27px;margin:14px 0}.project-body p{color:#526b7b;line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span{font-size:11px;border:1px solid #aabec2;border-radius:50px;padding:7px 11px;color:#426170}.timeline{border-top:1px solid #4a6073;margin-top:40px}.timeline article{display:grid;grid-template-columns:25% 75%;border-bottom:1px solid #4a6073;padding:30px 0;gap:20px}.timeline article>span{font-size:12px;color:#beec9c;letter-spacing:1px}.timeline svg{color:#c5eba2}.timeline h3{font-size:23px;margin:14px 0}.timeline p{color:#a7bbc8;line-height:1.8}.footnote{color:#8da4b2;font-size:11px;margin-top:30px}.contact-section{background:#c2e7aa;color:#142b25}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-section h2 em{color:#426a52}.contact-section p{line-height:1.8;color:#446254}.contact-grid>div:last-child{display:grid;align-content:center;gap:14px}.contact-grid a{display:flex;align-items:center;gap:14px;border:1px solid #6d9979;padding:18px 16px;border-radius:6px;font-weight:700}.contact-grid a svg:last-child{margin-left:auto}.footer{background:#0b1622}.footer>div{display:flex;justify-content:space-between;padding-top:28px;padding-bottom:28px;color:#a2bbc7;font-size:12px}@media(max-width:1000px){.site-header nav{gap:12px}.classic-hero{grid-template-columns:1fr;gap:40px}.hero-scene{height:380px}.skills-grid{grid-template-columns:repeat(2,1fr)}.museum-panel{width:60%}.tour-progress{bottom:90px}}@media(max-width:720px){.museum{min-height:620px}.museum-top{padding:19px 4%}.museum-top h1{font-size:12px}.museum-mode{gap:4px}.museum-mode button,.museum-mode .museum-contact-link{font-size:10px;padding:9px}.museum-panel{top:26%;width:88%}.museum-panel h2{font-size:35px}.museum-panel p{font-size:13px}.museum-vignette{background:linear-gradient(90deg,#04101ce5,#04101c6b),linear-gradient(0deg,#03121be0,transparent 45%)}.tour-progress{bottom:96px}.tour-stations small{display:none}.tour-hint{font-size:10px}.site-header{height:65px}.brand{font-size:16px}.brand span{font-size:8px}.enter-tour{font-size:10px;padding:10px}.nav-menu{display:block}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;padding:24px 5%;background:#0b1622;flex-direction:column;gap:22px}.site-header nav.open{display:flex}.classic-hero{padding-top:65px;padding-bottom:50px}.classic-hero h1{font-size:53px}.hero-scene{height:280px}.scene-orbit span{font-size:110px}.stats-strip{grid-template-columns:1fr;gap:0}.stats-strip div{padding:12px 0}.light-section,.dark-section,.contact-section{padding:65px 0}.columns,.contact-grid{grid-template-columns:1fr;gap:15px}.skills-grid{grid-template-columns:1fr}.section-intro{display:block}.project-row{grid-template-columns:1fr}.project-art{min-height:160px}.project-body{padding:24px}.timeline article{grid-template-columns:1fr;gap:15px}.footer>div{flex-direction:column;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.exhibit-focus-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.exhibit-focus-head{position:absolute;top:95px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:16px}.exhibit-return{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;background:#d2f4b8;color:#102132;border-radius:6px;padding:13px 17px;font-size:13px;font-weight:800;box-shadow:0 10px 30px #0007}.exhibit-return:hover{background:#efd}.exhibit-caption{position:absolute;bottom:145px;left:4%;max-width:340px;background:#071726ee;border:1px solid #587388;color:#fff;border-radius:10px;padding:20px 22px;box-shadow:0 22px 70px #0009}.exhibit-caption h3{font-size:26px;margin:12px 0}.exhibit-caption p{font-size:13px;line-height:1.75;color:#cbdce3;margin:0 0 12px}.exhibit-instruction{font-size:11px;color:#bde7a7}@media(max-width:720px){.exhibit-focus-head{top:75px}.exhibit-caption{bottom:118px;max-width:min(310px,80%);padding:14px}.exhibit-caption h3{font-size:20px}.exhibit-caption p{font-size:12px}.exhibit-return{padding:11px;font-size:11px}}.museum-panel--welcome{top:auto;bottom:188px;left:4%;width:min(405px,42%);background:linear-gradient(90deg,#05121ecc,#05121e00);padding:16px 0}.museum-panel--welcome h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.museum-panel--welcome .eyebrow{font-size:11px}.museum-panel--welcome p{font-size:12px;line-height:1.55;max-width:345px;margin:10px 0;color:#bacbd6}.museum-panel--welcome .panel-actions{margin-top:12px}.museum-panel--welcome .light-btn{box-shadow:0 10px 30px #0005}@media(max-width:720px){.museum-panel--welcome{left:4%;bottom:164px;width:89%;padding:10px 0}.museum-panel--welcome p{max-width:290px;font-size:11px}.museum-panel--welcome .panel-actions{margin-top:8px}}.exhibit-email-link{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;margin:2px 0 12px;background:#c7f0ab;color:#102433;border-radius:6px;font-size:12px;font-weight:800}.exhibit-email-link:hover{background:#e5ffd5}.final-scroll-back{position:absolute;right:4%;bottom:18px;color:#c4f3a6;font-size:12px;letter-spacing:.03em;text-align:right;text-shadow:0 2px 8px #000;pointer-events:none}@media(max-width:720px){.final-scroll-back{right:5%;bottom:14px;font-size:11px}}
