:root{--bg:#070a0d;--panel:#0b1015;--text:#eef1f3;--muted:#b3bdc5;--blue:#79b8e2;--line:rgba(220,232,240,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:rgba(5,8,11,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:block;width:230px;height:68px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d6dce1}.nav a{transition:color .2s}.nav a:hover,.nav .active,.language span{color:var(--blue)}.language{margin-left:18px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.slide{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.hero{padding:120px 5.2vw 70px;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden;min-height:100svh}.hero-copy{position:relative;z-index:2;max-width:610px;padding:15px 0 30px}.eyebrow,.section-index{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--blue);margin:0 0 26px}.hero h1{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(48px,5.2vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 30px}.hero h1 em,.section h2 em,.closing h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:14px;line-height:1.55;color:#e0e5e9;max-width:455px;margin:0 0 34px}.hero-button{display:inline-flex;align-items:center;gap:28px;border:1px solid rgba(121,184,226,.8);padding:15px 27px;font-size:10px;letter-spacing:.18em;transition:background .2s}.hero-button:hover{background:rgba(121,184,226,.12)}.hero-button span{font-size:18px;color:var(--blue)}.hero-portrait{position:absolute;inset:88px 0 0 36%;background-image:linear-gradient(90deg,#070a0d 0%,rgba(7,10,13,.45) 20%,rgba(7,10,13,.02) 48%),linear-gradient(0deg,rgba(7,10,13,.45),transparent 30%),url("assets/michael-portrait-cutout.png");background-size:cover;background-position:center 25%;z-index:1}.philosophy{padding:130px 5.2vw 80px;background:linear-gradient(180deg,#080c10,#0b1117)}.philosophy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}.philosophy h2,.services h2,.about h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,60px);font-weight:300;letter-spacing:-.045em;line-height:1.12;margin:0}.state-diagram{width:100%;max-width:620px;height:auto;margin-top:42px;overflow:visible}.state-diagram path{fill:none;stroke-width:2}.state-before{stroke:#dce4e9}.state-after{stroke:var(--blue);stroke-width:3!important;filter:drop-shadow(0 0 5px rgba(121,184,226,.5))}.state-marker{stroke:#dce4e9;stroke-width:1;stroke-dasharray:4 4}.state-diagram circle{fill:var(--blue);filter:drop-shadow(0 0 5px var(--blue))}.state-diagram text{fill:#c4d0d8;font:10px "DM Sans",sans-serif;letter-spacing:2px}.state-diagram text:nth-of-type(2){fill:var(--blue)}.philosophy-copy{border-left:1px solid var(--line);padding-left:42px;max-width:550px}.philosophy-copy p{font-size:13px;line-height:1.75;color:#d7dfe4;margin:0 0 14px}.approach{padding:135px 8vw 85px;background:#080c10}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5.5vw;margin:20px auto 0;max-width:1200px}.step{padding:15px 0 15px 0;border-right:1px solid var(--line)}.step:last-child{border:0}.step span{font-family:Manrope,sans-serif;font-size:46px;font-weight:300;color:var(--blue);line-height:1}.step h3{font-family:Manrope,sans-serif;font-weight:400;font-size:22px;margin:18px 0 10px}.step p{font-size:14px;line-height:1.65;color:#c1cbd2;margin:0}.closing{display:flex;align-items:center;padding:100px 8vw;background:linear-gradient(90deg,rgba(5,8,11,.25),rgba(5,8,11,.15)),url("assets/mountain-closing.jpg") center/cover no-repeat;min-height:72svh}.closing-inner{display:grid;grid-template-columns:1fr 340px;align-items:center;width:100%;max-width:1260px;margin:auto}.closing h2{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(35px,4vw,58px);line-height:1.15;letter-spacing:-.04em;margin:0}.closing-principle{border-left:1px solid rgba(255,255,255,.35);padding-left:55px}.closing-principle h2{font-size:36px}.closing-principle span{display:block;width:55px;height:1px;background:var(--blue);margin-top:24px}.services,.about,.contact{padding:130px 8vw 90px;background:#080c10}.services-heading,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end}.services-heading>p,.contact-grid>div p,.about-copy p{color:var(--muted);font-size:14px;line-height:1.8;max-width:490px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:75px;border-top:1px solid var(--line)}.service{padding:25px 22px 0 0;border-right:1px solid var(--line)}.service:last-child{border:0}.service>span{color:var(--blue);font-size:11px;letter-spacing:.15em}.service h3{font-family:Manrope,sans-serif;font-weight:400;font-size:20px;margin:24px 0 12px}.service p{color:var(--muted);font-size:12px;line-height:1.8}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-image{min-height:460px;background:linear-gradient(0deg,rgba(7,10,13,.18),rgba(7,10,13,.18)),url("assets/hero-editing-suite.jpg") center/cover}.about-copy h2{margin-bottom:28px}.contact-grid>div{max-width:430px}.contact-grid a{display:inline-block;border-bottom:1px solid var(--blue);padding-bottom:10px;margin-top:20px;font-size:20px}.contact-grid a span{color:var(--blue);padding-left:15px}.footer{min-height:100px;padding:18px 5.2vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8f9ba4;font-size:9px;letter-spacing:.12em}.footer img{width:175px;height:58px;object-fit:contain}.footer div{display:flex;gap:25px}.footer a:hover{color:var(--blue)}
@media(max-width:900px){html{scroll-snap-type:y proximity}.site-header{height:76px}.brand{width:185px;height:58px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080c10;padding:25px 7vw;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:130px 7vw 70px;min-height:100svh}.hero-portrait{inset:76px 0 0 25%;opacity:.5;background-position:58% center}.hero-copy{max-width:620px}.philosophy-grid,.services-heading,.contact-grid,.about{grid-template-columns:1fr;gap:40px}.philosophy-copy{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.steps{gap:30px}.service-grid{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.closing-inner{grid-template-columns:1fr 240px}.closing-principle{padding-left:30px}.about-image{min-height:320px}}
@media(max-width:600px){.hero h1{font-size:clamp(42px,12vw,62px)}.hero-lead{max-width:380px}.hero-portrait{inset:76px 0 0 0;opacity:.88;background-position:60% center}.philosophy,.approach,.services,.about,.contact{padding:110px 7vw 70px}.philosophy h2,.services h2,.about h2,.contact h2{font-size:40px}.steps{grid-template-columns:1fr;gap:28px}.step{border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px}.step:last-child{border-bottom:0}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line);padding-bottom:22px}.closing{padding:90px 7vw;min-height:70svh}.closing-inner{grid-template-columns:1fr;gap:40px}.closing-principle{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:28px 0 0}.footer{flex-wrap:wrap;gap:18px;padding:24px 7vw}.footer div{gap:14px;flex-wrap:wrap}.state-diagram{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
