@import url('./story.css');
@import url('./intro-motion.css');
@import url('./model-controls.css');
@import url('./story-presentation.css');
@import url('./gallery.css');
@import url('./hero.css');
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#0a0f1a;--navy:#10213b;--blue:#1f4a99;--red:#a01020;--paper:#f4f5f7;--white:#fff;--steel:#d9e0e8;--muted:#566174;--wide:1440px;--gutter:clamp(26px,6vw,90px);--radius-lg:40px;--radius-md:28px;--radius-sm:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#8b9bb1 var(--paper)}body{margin:0;padding-top:12px;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:5px}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #5486ce;outline-offset:5px}::selection{background:#ccdef7;color:var(--ink)}img{max-width:100%;display:block}svg{flex-shrink:0}[hidden]{display:none!important}h1,h2,h3{font-weight:600;text-wrap:balance}p{text-wrap:pretty}.section-wrap{max-width:var(--wide);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.skip-link{position:fixed;z-index:120;top:-90px;left:24px;padding:14px 20px;background:var(--white);border-radius:100px}.skip-link:focus{top:20px}
.site-header{position:absolute;z-index:20;top:36px;left:clamp(36px,6.6vw,100px);right:clamp(36px,6.6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;justify-content:center;width:107px;height:73px;background:var(--paper);border-radius:22px;flex-shrink:0}.brand img{width:76px;height:53px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;color:#dce5f2;font-size:13px}.main-nav>a{padding:14px 3px;border-radius:100px;transition:color .2s}.main-nav>a:hover{color:white}.main-nav .nav-contact{background:white;color:var(--ink);display:flex;align-items:center;gap:25px;padding:16px 24px;margin-left:12px;font-weight:600;transition:background .2s}.main-nav .nav-contact:hover{background:#dce6f4}.nav-contact svg{width:18px;height:18px}.menu-button{display:none;background:white;border:0;color:var(--ink);border-radius:100px;padding:13px 20px;font-size:13px;min-height:44px}
.primary-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:600;background:var(--red);color:white;padding:8px 8px 8px 24px;border-radius:100px;transition:background .2s,transform .2s}.primary-link>span{display:grid;place-items:center;background:white;color:var(--red);width:42px;height:42px;border-radius:50%}.primary-link:hover{background:#b21b2b;transform:translateY(-2px)}.primary-link:active{transform:scale(.98)}
.services{padding-top:120px;padding-bottom:110px}.services-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:12%;margin-bottom:68px}.services-heading h2{font-size:clamp(38px,4.2vw,60px);line-height:1.13;letter-spacing:-.03em;margin:0}.services-heading h2 span{color:var(--blue)}.services-heading p{font-size:16px;line-height:1.75;color:var(--muted);max-width:360px;margin:0 0 4px}.services-list{display:grid}.service-row{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;align-items:center;padding:32px 0;border-top:1px solid var(--steel)}.service-row:last-child{border-bottom:1px solid var(--steel)}.service-row h3{font-size:clamp(27px,3.2vw,44px);letter-spacing:-.025em;margin:0;line-height:1.2}.service-row p{font-size:15px;line-height:1.75;color:var(--muted);max-width:380px;margin:0}.story-introduction{display:flex;align-items:end;justify-content:space-between;gap:45px;padding-top:20px;padding-bottom:45px}.story-introduction h2{font-size:clamp(36px,4.1vw,58px);line-height:1.12;letter-spacing:-.03em;margin:0}.story-introduction p{font-size:15px;line-height:1.75;color:var(--muted);max-width:370px;margin:0 0 3px}.story{margin:0 12px}.story-stage{border-radius:40px}.standards{margin:24px auto 0;padding-top:20px;padding-bottom:20px}.standards details{background:#e9edf2;border-radius:28px;padding:26px 32px}.standards summary{font-size:16px;font-weight:600;cursor:pointer;border-radius:10px;min-height:26px;line-height:1.65}.standards summary::marker{color:var(--blue)}.standards-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:30px}.standards p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 20px;max-width:600px}.standards-links{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.standards-links a{font-size:13px;line-height:1.6;text-decoration:underline}.standards-links a:hover{color:var(--blue)}.standards-links p{font-size:12px}
.work{padding-top:95px;padding-bottom:110px}.work h2{letter-spacing:-.03em}.work h2 span{color:var(--blue)}.gallery-photo img{border-radius:28px}.gallery-controls button{box-shadow:none}
.contact{margin:0 12px;background:var(--navy);border-radius:40px;color:white;padding:85px max(34px,calc((100vw - 1260px)/2)) 80px;max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.contact h2{font-size:clamp(40px,4.3vw,64px);line-height:1.12;letter-spacing:-.03em;margin:0}.contact h2 span{color:#b8cbe3}.contact p{font-size:16px;line-height:1.75;color:#c2d1e4;max-width:440px;margin:28px 0 0}.contact-actions{display:flex;flex-direction:column;gap:30px;align-items:flex-start}.contact-actions a{display:flex;align-items:center;gap:20px;font-size:22px;border-radius:100px}.contact-actions .contact-main{font-size:clamp(12px,1.15vw,17px);font-weight:600;padding:20px 25px;background:white;color:var(--ink);gap:16px;transition:background .2s}.contact-actions .contact-main:hover{background:#dce6f4}.contact-actions svg{width:20px;height:20px}.contact-actions>a:last-child{color:#d6e5f7;padding:5px}.contact-actions>a:last-child:hover{color:white}.site-footer{padding:60px var(--gutter) 40px;max-width:var(--wide);margin:auto}.footer-name{font-size:clamp(45px,9.5vw,136px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#9aa8bb}.footer-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:45px;font-size:12px;line-height:1.8;color:var(--muted)}.footer-bottom>a{display:flex;align-items:center;gap:12px;border-radius:100px;background:white;padding:13px 20px;color:var(--ink);font-weight:600}.footer-bottom>a svg{width:16px;height:16px;transform:rotate(-45deg)}
@media(max-width:1000px){.main-nav{gap:18px}.main-nav .nav-contact{margin-left:0;padding:15px 20px}.contact{grid-template-columns:1fr;gap:40px;padding:65px 50px}.contact-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.contact-actions .contact-main{font-size:14px}.services-heading,.service-row{gap:8%}.story-introduction p{max-width:290px}}
@media(max-width:700px){:root{--gutter:28px;--radius-lg:28px;--radius-md:22px}body{padding-top:8px}.site-header{top:26px;left:32px;right:32px;gap:16px}.brand{width:80px;height:57px;border-radius:17px}.brand img{width:58px;height:40px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;color:var(--ink);border-radius:24px;padding:15px;box-shadow:0 18px 40px #0002;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{padding:14px 16px;font-size:15px}.main-nav>a:hover{color:var(--blue)}.main-nav .nav-contact{background:var(--paper);justify-content:space-between;margin-top:8px}.services{padding-top:70px;padding-bottom:65px}.services-heading{display:block;margin-bottom:36px}.services-heading h2{font-size:37px}.services-heading p{font-size:14px;line-height:1.75;margin-top:24px;max-width:330px}.service-row{display:block;padding:25px 0}.service-row h3{font-size:29px}.service-row p{font-size:14px;line-height:1.7;margin-top:12px;max-width:340px}.story-introduction{display:block;padding-top:0;padding-bottom:30px}.story-introduction h2{font-size:36px}.story-introduction p{font-size:14px;margin-top:20px;max-width:340px}.story{margin:0 8px}.story-stage{border-radius:28px}.standards{padding:0 16px;margin-top:18px}.standards details{padding:23px 21px;border-radius:24px}.standards summary{font-size:14px;line-height:1.7}.standards-content{display:block;padding-top:24px}.standards p{font-size:13px}.standards-links a{font-size:12px}.standards-links p{font-size:11px}.work{padding:75px 0}.contact{margin:0 8px;padding:45px 24px;border-radius:28px;gap:32px}.contact h2{font-size:37px}.contact p{font-size:14px;line-height:1.75;margin-top:24px}.contact-actions{flex-direction:column;align-items:flex-start;gap:24px}.contact-actions .contact-main{font-size:12px;padding:17px 16px;gap:12px;max-width:100%}.contact-actions .contact-main svg{width:16px}.contact-actions>a:last-child{font-size:21px}.site-footer{padding:40px 28px 30px}.footer-name{font-size:10.3vw;letter-spacing:-.03em}.footer-bottom{flex-wrap:wrap;align-items:center;gap:25px;font-size:11px;margin-top:30px}.footer-bottom>span:first-child{width:100%}.footer-bottom>a{margin-left:auto;padding:11px 16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none!important}}
