:root{--blue:#003e93;--petrol:#003e93;--ink:#0f0f0f;--pad:clamp(24px,6.8vw,130px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:white;font-family:Vinila,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}em{font-style:normal;font-weight:300}a:focus-visible,button:focus-visible{outline:2px solid #003e93;outline-offset:7px}.wrap{padding-inline:var(--pad)}.eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.14em}.skip{position:fixed;top:-100px;left:25px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:15px}::selection{background:#003e93;color:white}
.header{position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;gap:35px;justify-content:space-between;height:105px;padding-inline:var(--pad);transition:height .5s var(--ease),background .5s}.header.scrolled{height:78px;background:#0f0f0fe8;backdrop-filter:blur(16px)}.logo{width:165px;flex-shrink:0}.desktop-nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem}.desktop-nav a{padding-block:10px;position:relative;color:#fff9;transition:color .3s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:white}.desktop-nav a:after{content:"";height:1px;position:absolute;left:0;right:0;bottom:4px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.nav-cta{background:white;color:var(--ink);padding:13px 20px;display:flex;gap:30px;font-size:.875rem;transition:background .3s,color .3s}.nav-cta:hover{background:var(--blue);color:white}.reading-progress{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ffffff60;transform:scaleX(var(--read,0));transform-origin:left}.menu-button,.mobile-nav{display:none}
.hero{height:100svh;min-height:760px;max-height:1350px;position:relative;isolation:isolate;overflow:clip}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-photo{overflow:hidden;animation:frame-open 1.7s var(--ease)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;transform:translateY(var(--hero-y,0px)) scale(1.045);will-change:transform}.hero-shade{z-index:-1;background:linear-gradient(0deg,#0f0f0f 0%,#0f0f0f00 30%),linear-gradient(90deg,#0003,transparent 85%)}.hero-content{position:absolute;inset:36% 0 auto;transform:translateY(var(--title-y,0px));opacity:var(--title-opacity,1)}.hero-content>.eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(3.5rem,6.5vw,8.5rem);line-height:1.06;letter-spacing:-.055em;font-weight:500}.line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.line>span{display:block;animation:line-in 1.3s .15s var(--ease) both}.line:nth-child(2)>span{animation-delay:.28s}.hero-actions{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:34px}.hero-actions p{font-size:1rem;line-height:1.75;color:#fffc}.cut-button{display:inline-flex;align-items:stretch;flex-shrink:0;background:white;color:var(--ink);min-height:78px;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.cut-button>span:first-child{padding:28px 32px;font-size:.875rem}.button-arrow{border-left:1px solid #0f0f0f20;width:78px;display:grid;place-items:center;font-size:1.7rem;transition:transform .4s}.cut-button:hover{background:var(--blue);color:white}.cut-button:hover .button-arrow{transform:translate(3px,-3px)}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.1em;color:#fff9}.intro{animation:soft-in 1.2s .5s var(--ease) both}
.essence{position:relative;background:var(--ink)}.manifesto{padding-top:100px;padding-bottom:90px;text-align:center;max-width:1450px;margin:auto}.manifesto>.eyebrow{color:#003e93;margin-bottom:38px}.word-reveal{font-size:clamp(2.5rem,4.45vw,5rem);line-height:1.17;letter-spacing:-.035em;font-weight:400;max-width:1000px;margin:auto;text-wrap:balance}.word-reveal .word{color:#ffffff38;transition:color .45s}.word-reveal .word.lit{color:white}.manifesto-foot{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:38px}.manifesto-foot img{width:37px}.manifesto-foot p{text-align:left;font-size:.875rem;line-height:1.65;color:#fffa}.image-chapter{height:105svh;min-height:720px;position:relative;overflow:clip}.image-frame{position:absolute;inset:0;clip-path:inset(var(--image-inset,5%) var(--image-inset,5%) 0);overflow:hidden}.image-frame>img{width:100%;height:115%;object-fit:cover;object-position:50% 55%;transform:translateY(var(--image-y,-4%));will-change:transform}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 90%),linear-gradient(0deg,#0f0f0f,transparent 30%)}.image-caption{position:absolute;inset:15% 0 10%;display:flex;flex-direction:column;justify-content:center}.image-caption h3{font-size:clamp(3rem,6.4vw,7rem);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin-top:30px}.image-caption-bottom{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.image-caption-bottom p{font-size:1rem;line-height:1.75;color:#fffb}.round-link{width:84px;height:84px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-size:2rem;flex-shrink:0}.round-link:hover{background:white;color:var(--blue)}
.vision{height:300svh;min-height:2300px;position:relative;background:var(--ink)}.vision-stage{height:100svh;min-height:740px;position:sticky;top:0;overflow:clip;isolation:isolate}.vision-glow{position:absolute;z-index:-2;inset:-15%;background:radial-gradient(ellipse at 45% 57%,#003e93 0%,#003e93 22%,#003e93 43%,#0f0f0f 68%);transform:translateY(var(--glow-y,0px)) scale(1.15)}.stage-mark{position:absolute;z-index:-1;left:28%;top:8%;width:46%;opacity:.035;transform:rotate(var(--mark-angle,0deg))}.vision-heading{position:absolute;top:35%;left:0;right:0;text-align:center;transform:scale(var(--heading-scale,1));opacity:var(--heading-opacity,1)}.vision-heading>.eyebrow{color:#003e93}.vision-heading h2{font-size:clamp(3rem,6.2vw,7rem);line-height:1.04;font-weight:500;letter-spacing:-.05em;margin-top:24px}.vision-heading>p:last-child{font-size:.875rem;line-height:1.6;color:#fff9;margin-top:22px}.floating-cards{position:absolute;inset:0;perspective:1400px}.vision-card{position:absolute;width:clamp(275px,27vw,420px);background:white;color:var(--ink);padding:10px 10px 0;box-shadow:0 24px 60px #0004;clip-path:polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%);will-change:transform}.card-one{left:7%;top:58%;transform:rotate(-8deg)}.card-two{right:6%;top:92%;transform:rotate(9deg)}.card-three{left:16%;top:148%;transform:rotate(-5deg)}.card-picture{aspect-ratio:1.45;overflow:hidden;position:relative;background:var(--petrol)}.card-picture>img{width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .7s var(--ease)}.vision-card:hover .card-picture>img{transform:scale(1.06)}.card-picture:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}.brand-picture{background:var(--blue);display:grid;place-items:center}.brand-picture>img{width:49%;height:auto;object-fit:contain}.card-index{position:absolute;bottom:15px;left:15px;z-index:1;font-size:.75rem;letter-spacing:.06em;color:white}.card-copy{padding:22px 16px 28px}.card-copy h3{font-size:clamp(1.8rem,2.65vw,2.8rem);font-weight:400;line-height:1.1;letter-spacing:-.045em}.card-copy p{font-size:1rem;line-height:1.6;color:#5c6065;margin-top:16px}.card-caption{display:block;border-top:1px solid #0002;margin-top:24px;padding-top:15px;font-size:.75rem;letter-spacing:.03em;color:#003e93}.stage-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.75rem;letter-spacing:.05em;color:#fff9}.chapter-progress{height:1px;width:100px;background:#fff3;overflow:hidden}.chapter-progress span{display:block;height:100%;width:100%;background:white;transform:scaleX(var(--chapter,0));transform-origin:left}
.footer{background:var(--blue);position:relative;overflow:clip;padding-top:85px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .eyebrow{color:#fffa}.footer-message{font-size:clamp(2rem,3.6vw,4.5rem);font-weight:400;line-height:1.13;letter-spacing:-.04em;margin-top:25px}.footer-signature{margin:65px 4vw -5%;transform:translateY(var(--footer-y,0px));opacity:.92}.footer-signature img{width:100%}.footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-block:26px;background:var(--blue);border-top:1px solid #ffffff30;font-size:.75rem;color:#fffa}.js-motion .reveal{opacity:0;transform:translateY(50px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.magnetic{translate:var(--mx,0px) var(--my,0px);transition:translate .5s var(--ease),background .3s,color .3s}
html:not(.js-motion) .vision{height:auto;min-height:0;padding-block:80px}html:not(.js-motion) .vision-stage{position:relative;height:auto;min-height:0}html:not(.js-motion) .vision-heading{position:relative;top:auto}html:not(.js-motion) .floating-cards{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:50px var(--pad)}html:not(.js-motion) .vision-card{position:relative;inset:auto;transform:none}html:not(.js-motion) .stage-bottom{display:none}html:not(.js-motion) .word{color:white}
@keyframes line-in{from{transform:translateY(115%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes soft-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes frame-open{from{clip-path:inset(5% 5% 10%);opacity:.2}to{clip-path:inset(0);opacity:1}}
@media(max-width:1000px){.header{gap:20px}.desktop-nav{gap:20px}.nav-cta{display:none}.hero h1{font-size:6.7vw}.hero-content{top:39%}.hero-actions{gap:24px}.cut-button{min-height:64px}.cut-button>span:first-child{padding:24px}.button-arrow{width:60px}.vision-card{width:290px}.card-one{left:4%}.card-two{right:4%}.stage-bottom>span:first-child{max-width:230px;line-height:1.5}}
@media(max-width:700px){html{scroll-padding-top:80px}.header,.header.scrolled{height:80px}.logo{width:140px}.desktop-nav{display:none}.menu-button{display:flex;flex-direction:column;gap:7px;justify-content:center;width:44px;height:44px;padding:10px;border:0;background:none;color:white}.menu-button span{height:1px;width:24px;background:white;transition:transform .3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:80px;left:0;right:0;padding:25px var(--pad) 35px;background:var(--ink);flex-direction:column}.mobile-nav a{padding-block:18px;font-size:1.35rem;border-bottom:1px solid #fff2}.header:has(.mobile-nav:not([hidden])){background:var(--ink)}.hero{min-height:790px;max-height:1100px}.hero-photo img{object-position:67% center}.hero-shade{background:linear-gradient(0deg,#0f0f0f 0%,#0f0f0f88 45%,transparent 100%),linear-gradient(90deg,#0004,transparent)}.hero-content{top:39%}.hero-content>.eyebrow{font-size:.75rem;letter-spacing:.04em;margin-bottom:22px}.hero h1{font-size:clamp(2.5rem,9.2vw,4.1rem);line-height:1.05;letter-spacing:-.05em}.hero h1 em{display:block}.hero-actions{display:block;margin-top:25px}.hero-actions p{font-size:1rem;line-height:1.6}.cut-button{margin-top:26px;min-height:60px}.cut-button>span:first-child{padding:21px 23px}.button-arrow{width:65px}.hero-bottom{bottom:22px;font-size:.75rem}.hero-bottom>span{display:none}.manifesto{padding-top:70px;padding-bottom:65px}.manifesto>.eyebrow{margin-bottom:28px}.word-reveal{font-size:2.3rem;line-height:1.2;letter-spacing:-.035em}.manifesto-foot{gap:20px}.manifesto-foot p{font-size:.875rem}.image-chapter{height:85svh;min-height:620px}.image-frame{clip-path:inset(0)}.image-frame>img{object-position:64% center}.image-caption{top:10%;bottom:8%}.image-caption h3{font-size:2.8rem;line-height:1.05}.image-caption-bottom{display:block;margin-top:28px}.image-caption-bottom p{font-size:1rem}.round-link{width:64px;height:64px;font-size:1.7rem}.image-caption-bottom .round-link{margin-top:30px}.vision{height:auto;min-height:0;padding-top:65px;background:radial-gradient(ellipse at 45% 40%,#003e93 0%,#003e93 48%,#0f0f0f 100%)}.vision-stage{position:relative;top:auto;height:auto;min-height:0;overflow:clip;padding-bottom:65px}.vision-glow,.stage-mark{display:none}.vision-heading{position:relative;top:auto;left:auto;right:auto;padding-inline:var(--pad);transform:none!important;opacity:1!important}.vision-heading h2{font-size:2.9rem}.vision-heading>p:last-child{margin-top:18px}.floating-cards{position:relative;inset:auto;display:grid;gap:40px;padding:48px 36px 0;perspective:1000px}.vision-card{position:relative;top:auto;left:auto;right:auto;width:100%;max-width:390px;margin-inline:auto;transform:none}.card-copy h3{font-size:2rem}.stage-bottom{position:relative;inset:auto;margin:38px var(--pad) 0;justify-content:center}.stage-bottom>span:first-child{max-width:none;text-align:center;font-size:.75rem}.chapter-progress,.stage-count{display:none}.footer{padding-top:55px}.footer-message{font-size:2rem}.footer-top{align-items:flex-start}.footer-top .round-link{width:48px;height:48px;font-size:1.5rem}.footer-signature{margin-top:55px;margin-bottom:0}.footer-bottom{font-size:.75rem}.js-motion .vision-card{opacity:0;transform:translateY(45px) rotateX(9deg) scale(.95);transition:opacity .8s var(--ease),transform 1.1s var(--ease)}.js-motion .vision-card.is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;will-change:auto!important}.hero-content,.hero-photo img,.image-frame>img,.footer-signature{transform:none!important}.image-frame{clip-path:none}.word-reveal .word{color:white}.js-motion .reveal,.js-motion .vision-card{opacity:1;transform:none}.vision{height:auto;min-height:0;padding-block:90px}.vision-stage{position:relative;height:auto;min-height:0}.vision-heading{position:relative;top:auto;transform:none!important;opacity:1!important}.floating-cards{position:relative;display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:30px;padding:50px var(--pad)}.vision-card{position:relative;inset:auto;transform:none!important;width:min(100%,350px)}.stage-bottom{display:none}.magnetic{translate:none}}