:root{color-scheme:light dark;--surface:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#626267;--line:#d2d2d7;--accent:#0066cc;--glass:rgba(255,255,255,.84)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--surface);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#a8d4ff;color:#14233b}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--card);padding:16px}.skip:focus{top:12px}.navigation{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 40px));height:64px;padding:0 24px;border:1px solid rgba(128,128,128,.2);border-radius:22px;background:var(--glass);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 8px 30px #00000008;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:26px;letter-spacing:-1.5px}.brand span{font-size:11px;vertical-align:top;margin-left:3px;letter-spacing:0}.navigation nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:550}.navigation nav a{display:flex;align-items:center;min-height:44px}.navigation nav a:hover{color:var(--accent)}.nav-contact{gap:20px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;line-height:1.7}.hero{height:145svh;min-height:1000px}.hero-sticky{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;padding-top:130px}.hero-copy{text-align:center;position:relative;z-index:2}.hero-copy .eyebrow{color:var(--muted);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.2vw,82px);line-height:1.12;letter-spacing:-.065em;margin-bottom:20px;font-weight:650}h1 span{background:linear-gradient(110deg,#1459ac,#5569bd 70%,#865aa6);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:19px;line-height:1.5;color:var(--muted);margin-bottom:18px}.text-link{font-size:15px;color:var(--accent);display:inline-flex;align-items:center;gap:15px;min-height:44px}.hero-media{position:absolute;top:56%;left:12%;width:76%;height:61%;border-radius:28px 28px 0 0;overflow:hidden;transform-origin:center top;will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#020713b0)}.media-caption{position:absolute;bottom:18%;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;color:white;gap:20px}.media-caption span:first-child{font-size:clamp(28px,4vw,58px);font-weight:600;letter-spacing:-2px}.media-caption span:last-child{font-size:10px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:1px;z-index:3}.hero-bottom a{padding:12px}.section{padding:140px max(7vw,24px);max-width:1600px;margin:auto}h2{font-size:clamp(38px,4.5vw,68px);font-weight:600;line-height:1.16;letter-spacing:-.055em;margin-bottom:55px}h2 span{color:var(--muted)}.section-heading .eyebrow,.projects .eyebrow,.approach>.eyebrow{color:var(--muted);margin-bottom:25px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.statement{font-size:clamp(25px,2.6vw,38px);line-height:1.45;font-weight:500;letter-spacing:-1px}.statement strong{font-weight:600;color:var(--accent)}.about-detail{font-size:18px;color:var(--muted);line-height:1.8}.disciplines{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.disciplines span{font-size:12px;padding:9px 13px;border:1px solid var(--line);border-radius:30px}.focus{height:155svh;min-height:1000px;background:#080d14;color:#f5f5f7}.focus-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center}.focus-image{position:absolute;width:100%;height:120%;object-fit:cover;opacity:.68;will-change:transform}.focus-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030810e8 10%,#03081060 80%)}.focus-copy{position:relative;padding:80px 9%;width:100%}.focus-copy h2{font-size:clamp(45px,6.5vw,100px);margin:30px 0;max-width:850px}.focus-copy>p:last-child{font-size:18px;line-height:1.7;color:#ced5e0}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.projects-heading h2{margin-bottom:0}.projects-heading>p{color:var(--muted);font-size:17px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{display:block;border-radius:24px;overflow:hidden;background:var(--card);transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #0000000c}.project-art{height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.learning .project-art{background:#e4eafa}.staff .project-art{background:#deebe7}.learning-window{background:#fff;width:76%;height:230px;border-radius:12px;box-shadow:0 24px 50px #364f8225;transform:rotate(-7deg);position:relative;color:#1d2940}.window-dots{font-size:8px;padding:10px 14px;color:#c4cbd7;border-bottom:1px solid #edf0f5}.lesson-sidebar{position:absolute;left:15px;top:53px;width:20%}.lesson-sidebar i{display:block;background:#e7ecf7;height:8px;margin-bottom:18px;border-radius:4px}.lesson-content{position:absolute;top:52px;left:30%;right:18px}.lesson-content>span{font-size:20px;font-weight:650;letter-spacing:-.6px}.play{margin-top:15px;border-radius:8px;background:#3c64b9;color:white;font-size:20px;padding:15px;text-align:center}.lesson-content i{display:block;width:80%;height:5px;background:#e5eaf2;margin-top:12px}.art-label{position:absolute;bottom:27px;left:30px;font-size:19px;font-weight:600;letter-spacing:-.6px;color:#31415f}.staff-window{background:#fbfdfb;width:65%;height:270px;border-radius:15px;padding:24px;box-shadow:0 20px 50px #304c3b20;transform:rotate(7deg);color:#254b3d}.staff-window>span{font-size:9px;letter-spacing:2px}.staff-window h4{font-size:36px;margin:16px 0 23px;letter-spacing:-2px;line-height:1.1}.schedule{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;font-size:9px}.schedule b{font-weight:500}.schedule i{height:20px;background:#ddebe5;border-radius:5px}.schedule-bar{height:7px;background:#779b87;width:65%;border-radius:5px;margin-top:15px}.staff .art-label{color:#315748}.project-info{padding:30px;display:flex;justify-content:space-between;gap:15px;align-items:center}.project-info .eyebrow{font-size:9px;margin:0 0 10px;letter-spacing:1.5px}.project-info h3{font-size:27px;letter-spacing:-1px;margin-bottom:12px}.project-info p:last-child{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;margin-top:35px;border-bottom:1px solid var(--line)}.project-row h3{font-size:26px;letter-spacing:-1px;margin:0}.project-row .eyebrow{font-size:10px;margin:0 0 10px}.project-row>span:not(.arrow){font-size:15px;color:var(--muted)}.approach{padding-top:45px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article>span{font-size:32px;color:var(--accent);display:block;margin-bottom:28px}.principles h3{font-size:23px;letter-spacing:-.6px}.principles p{font-size:16px;color:var(--muted);line-height:1.8;max-width:280px}.contact{text-align:center;padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line)}.contact .eyebrow{color:var(--muted)}.contact h2{font-size:clamp(50px,6.5vw,96px);margin:25px 0 40px}.contact-button{display:inline-flex;align-items:center;gap:40px;padding:16px 25px;background:var(--ink);color:var(--surface);border-radius:40px;font-size:16px;transition:opacity .2s}.contact-button:hover{opacity:.8}.copy-email{display:flex;gap:12px;align-items:center;margin:22px auto 0;min-height:44px;background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px}.copy-status{font-size:13px;min-height:20px;color:var(--accent)}footer{margin:0 max(7vw,24px);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p{font-size:12px;color:var(--muted);margin:0}footer>div{display:flex;gap:22px;align-items:center;font-size:12px}footer>div a{display:inline-flex;align-items:center;min-height:44px}footer>div>span{color:var(--muted)}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(prefers-color-scheme:dark){:root{--surface:#101113;--card:#1c1d20;--ink:#f5f5f7;--muted:#a6a6ad;--line:#3c3c43;--accent:#7ab7ff;--glass:rgba(28,29,32,.86)}h1 span{background:linear-gradient(110deg,#84baff,#a5aff5 70%,#d5a9ee);background-clip:text;-webkit-background-clip:text}.navigation{border-color:#ffffff20}}
@media(min-width:1600px){.hero-media{top:53%}}
@media(max-width:760px){.navigation{width:calc(100% - 24px);top:12px;height:60px;padding:0 18px;border-radius:19px}.brand{font-size:24px}.navigation nav{gap:15px;font-size:12px}.nav-contact{gap:5px}.hero{height:130svh;min-height:900px}.hero-sticky{min-height:690px;padding-top:135px}.hero-copy{padding:0 18px}h1{font-size:clamp(40px,8vw,58px);letter-spacing:-.06em}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:17px}.hero-media{top:55%;left:5%;width:90%;height:55%;border-radius:20px 20px 0 0}.hero-media img{object-position:58% center}.media-caption{bottom:20%}.media-caption span:last-child{display:none}.hero-bottom{font-size:9px;bottom:12px;left:7%;right:7%}.hero-bottom>span{display:none}.hero-bottom>a{margin-left:auto}.section{padding:85px 24px}.eyebrow{font-size:9px;letter-spacing:1.5px}h2{font-size:38px;margin-bottom:35px}.about-grid{grid-template-columns:1fr;gap:20px}.statement{font-size:28px}.about-detail{font-size:17px}.focus{height:130svh;min-height:850px}.focus-sticky{min-height:620px}.focus-copy{padding:70px 24px}.focus-copy h2{font-size:46px}.focus-copy>p:last-child{font-size:16px}.focus-image{object-position:65%}.focus-shade{background:linear-gradient(90deg,#030810e0,#03081060)}.projects-heading{display:block;margin-bottom:30px}.projects-heading>p{margin-top:25px;font-size:16px}.project-grid{grid-template-columns:1fr;gap:25px}.project-art{height:340px}.project-info{padding:25px}.project-info p:last-child{font-size:13px}.project-row>span:not(.arrow){display:none}.project-row h3{font-size:24px}.principles{grid-template-columns:1fr;gap:30px}.principles article{border-top:1px solid var(--line);padding-top:25px}.principles article>span{margin-bottom:15px}.principles h3{font-size:22px}.principles p{max-width:none}.contact h2{font-size:50px}footer{margin:0 24px;align-items:start;flex-wrap:wrap;gap:15px}footer>p{width:100%;order:2}footer>div{gap:14px;flex-wrap:wrap}footer>div>span{width:100%}}
@media(prefers-reduced-transparency:reduce){.navigation{background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:var(--ink);--line:var(--ink);--glass:var(--card)}.navigation{backdrop-filter:none;-webkit-backdrop-filter:none}.project-info .eyebrow{color:var(--ink)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:auto;min-height:0}.hero-sticky{position:relative}.focus{height:auto;min-height:0}.focus-sticky{position:relative}.hero-media,.hero-copy,.focus-image{transform:none!important;opacity:1!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}