@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07132f;--blue:#164df5;--ink:#121d36;--muted:#647087;--line:#dce1ea;--light:#f3f5f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6395ff;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em}p{color:var(--muted)}h1{font-size:clamp(48px,5.8vw,88px);font-weight:600}h2{font-size:clamp(34px,3.6vw,54px);font-weight:600}h3{font-size:24px;letter-spacing:-.03em}em{font-style:normal;color:var(--blue)}.wrap{width:min(1280px,90%);margin:auto}.section{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue);margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--blue);color:white;border:1px solid var(--blue);padding:17px 23px;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#103aca;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.small{padding:11px 19px}.text-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:6px}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand img{width:43px;height:43px;object-fit:contain}.brand>span{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.55em;margin-top:7px;color:var(--blue)}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:500}nav>a:not(.button):hover{color:var(--blue)}.menu{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:30px;padding-top:64px;padding-bottom:64px;align-items:center}.hero-copy{padding:15px 0}.dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:9px}.hero .intro{max-width:440px;margin-top:27px}.intro{font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:27px;margin-top:32px}.quiet{font-size:14px;font-weight:500}.quiet span{margin-left:15px}.hero-note{font-size:11px;margin-top:27px}.hero-art{min-height:540px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 15%,#294ff2 0%,#10389a 33%,#091a46 72%);border-radius:9px;color:#fff;isolation:isolate}.hero-art:before,.hero-art:after{content:'';position:absolute;width:700px;height:1px;background:#ffffff18;transform:rotate(-42deg);top:35%;left:-30%}.hero-art:after{top:70%;left:0}.orbit{position:absolute;border:1px solid #ffffff28;width:390px;height:390px;border-radius:50%;left:16%;top:10%}.orbit:after{content:'';position:absolute;inset:30px;border:1px solid #ffffff18;border-radius:50%}.art-label{position:absolute;top:32px;left:32px;font-size:10px;letter-spacing:.16em;line-height:1.7;color:#b5c7ff}.brand-tile{position:absolute;width:57%;aspect-ratio:1;top:21%;left:23%;border-radius:24%;background:#fff;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:0 35px 80px #0006;border:10px solid #f5f7ff}.brand-tile img{width:85%;transform:rotate(9deg);border-radius:15px}.float-label{position:absolute;background:#fff;color:var(--navy);box-shadow:0 12px 35px #0002;border-radius:8px}.top-label{right:20px;top:100px;padding:12px 20px;font-size:12px;transform:rotate(6deg)}.bottom-label{left:25px;bottom:79px;padding:19px 25px;transform:rotate(-5deg)}.bottom-label span{font-size:8px;letter-spacing:.12em;color:var(--blue)}.bottom-label strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:1.2;margin-top:7px;letter-spacing:-.035em}.art-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#a5b8e8}.ticker{background:var(--light);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker>.wrap{display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:11px;font-weight:600;letter-spacing:.1em;align-items:center}.ticker span{font-size:20px;color:var(--blue)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:55px}.section-head>p,.section-head>div+div{max-width:340px;font-size:15px}.section-head .text-link{margin-top:22px}h2>span{color:#7d8697}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.service:hover{background:var(--light)}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;color:#8892a5;font-size:11px}.icon{font-size:34px;line-height:1;color:var(--blue)}.service h3{font-size:22px;max-width:220px;margin-bottom:16px}.service p{font-size:14px;line-height:1.7;min-height:95px}.service .text-link{font-size:12px;margin-top:24px;border:0}.work-section{background:var(--navy);color:white}.work-section p{color:#a0adc8}.work-section .eyebrow{color:#83a5ff}.work-section em{color:#88a7ff}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-art{height:390px;position:relative;overflow:hidden;padding:30px;transition:transform .4s}.project:hover .project-art{transform:translateY(-5px)}.project-art>span{font-size:9px;letter-spacing:.18em}.project-art>small{position:absolute;bottom:24px;left:30px;font-size:8px;letter-spacing:.12em}.fashion{background:#e9e2d6;color:#493f33}.fashion-word{position:relative;z-index:2;font-family:Georgia,serif;font-size:55px;line-height:1.05;margin-top:63px;letter-spacing:-.05em}.fashion-word i{font-weight:400}.fabric{position:absolute;right:-30px;top:50px;width:260px;height:400px;background:repeating-linear-gradient(110deg,#5b5142 0%,#a39781 12%,#d1c4ad 17%,#958771 22%);border-radius:100% 0 0 0;transform:rotate(15deg);box-shadow:-25px 0 40px #6b604733}.nova{background:#dce6db;color:#345545}.nova-word{font-size:36px;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin-top:22px}.bottle{position:absolute;right:70px;bottom:40px;background:linear-gradient(90deg,#dce6cb,#fafbee 40%,#d0d8bb);width:110px;height:193px;border-radius:15px 15px 24px 24px;box-shadow:10px 20px 20px #34433330;transform:rotate(9deg);display:flex;align-items:center;flex-direction:column;justify-content:center;color:#52634b}.bottle:before{content:'';position:absolute;top:-32px;width:60px;height:35px;background:linear-gradient(90deg,#3b4936,#65765d,#3b4936);border-radius:5px 5px 0 0}.bottle span{font-size:15px}.bottle small{font-size:6px;line-height:1.7;text-align:center;margin-top:20px}.little{width:85px;height:115px;right:175px;bottom:35px;transform:rotate(-8deg)}.little:before{width:85px;height:24px;top:-15px;border-radius:10px 10px 0 0}.project-caption{display:flex;justify-content:space-between;margin-top:23px;gap:20px}.project-caption h3{font-size:20px}.project-caption p{font-size:12px;margin-top:8px}.project-caption>span{font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:110px}.about .intro{margin:27px 0 15px;color:var(--ink)}.about .text-link{margin-top:30px}.principles{padding-top:20px}.principles article{display:flex;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.principles article>span{color:var(--blue);font-size:12px}.principles h3{font-size:22px;margin-bottom:12px}.principles p{font-size:14px}.process-section{background:var(--light)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;gap:30px}.steps article{border-top:1px solid #c2cadb;padding-top:25px}.steps span{color:var(--blue);font-size:10px;letter-spacing:.08em}.steps h3{font-size:23px;margin:30px 0 17px;max-width:230px}.steps p{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-weight:500;list-style:none;position:relative;padding-right:30px}summary:after{content:'+';position:absolute;right:0;color:var(--blue);font-size:22px}details[open] summary:after{content:'−'}details p{margin-top:17px;font-size:14px}.contact-section{background:#eaf0ff}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(44px,4.5vw,66px)}.contact p:not(.eyebrow){margin-top:25px}.contact-email{display:inline-block;margin-top:40px;font-size:clamp(14px,1.5vw,20px);border-bottom:1px solid #abb9d4;padding-bottom:7px}.contact-numbers{display:flex;gap:20px;margin-top:20px;font-size:13px}form{background:#fff;padding:35px;border-radius:8px}form h3{font-size:22px;margin-bottom:25px}label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0;padding:9px 0;color:var(--ink);font-size:13px;outline-offset:4px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}form .button{width:100%;font-size:13px}.email-option{display:block;background:none;border:0;padding:13px 0 0;color:var(--blue);font-size:12px;cursor:pointer}.contact .form-note{font-size:10px;margin-top:15px}.form-note a{text-decoration:underline}#form-status{font-size:12px}footer{padding-top:45px;padding-bottom:28px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top{padding-bottom:36px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;color:var(--muted);font-size:11px}.whatsapp{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:11px 18px;border:1px solid #ffffff30;border-radius:30px;font-size:12px;z-index:10;box-shadow:0 5px 20px #0002}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.detail>.eyebrow{margin-top:45px}.detail>h1{max-width:900px}.detail>.intro{max-width:760px;margin:30px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:95px}.detail-grid p{margin-top:25px}.detail-grid h3{margin-top:30px}.detail-grid ul{list-style:none;padding:0}.detail-grid li{padding:22px 0;border-bottom:1px solid var(--line)}.detail-grid li:before{content:'↗';color:var(--blue);margin-right:15px}.callout{background:var(--light);padding:45px;margin-top:70px;display:flex;align-items:center;justify-content:space-between;gap:40px}.callout h2{font-size:34px;max-width:550px}.legal{max-width:850px}.legal h1{font-size:60px}.legal h2{font-size:25px;margin-top:35px}.legal p{margin-top:18px}.legal a{text-decoration:underline}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero-art{min-height:590px}}@media(max-width:1000px){nav{gap:18px}.hero-art{min-height:460px}.hero h1{font-size:65px}.hero .eyebrow{font-size:9px}.hero .intro{font-size:16px}.actions{gap:18px}.actions .button{padding:15px;gap:18px}.about,.contact,.faq{gap:45px}.section{padding-top:80px;padding-bottom:80px}.service{padding:24px}.service p{min-height:125px}.project-art{height:330px}.fashion-word{font-size:44px}.nova-word{font-size:30px}.bottle{right:40px}.little{right:135px}.steps{gap:20px}.steps h3{font-size:20px}.contact-numbers{flex-direction:column;gap:5px}}
@media(max-width:760px){.wrap{width:89%}header{height:82px;position:relative}.brand>span{font-size:21px}.menu{display:block;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:4px;font-size:12px}nav{display:none;position:absolute;top:81px;left:-6%;right:-6%;background:white;padding:25px;z-index:30;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0001}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:36px;gap:34px}.hero h1{font-size:clamp(54px,12.5vw,80px)}.hero .intro{max-width:440px}.hero-art{min-height:430px;max-width:520px;width:100%;margin:auto}.brand-tile{width:52%;top:18%;left:25%}.bottom-label{bottom:62px}.top-label{top:70px}.ticker>.wrap{font-size:9px;gap:17px;flex-wrap:wrap;justify-content:center;padding:17px 0}.ticker span{font-size:14px}.ticker span:last-of-type{display:none}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block;margin-bottom:32px}.section-head>p,.section-head>div+div{margin-top:25px;max-width:100%}.services{grid-template-columns:1fr 1fr}.service{padding:22px}.service h3{font-size:20px}.service-top{margin-bottom:20px}.service p{font-size:13px;min-height:132px}.service .text-link{margin-top:15px}.work-grid,.about,.faq,.contact,.detail-grid{grid-template-columns:1fr;gap:35px}.project-art{height:350px}.project-caption{margin-bottom:20px}.fashion-word{font-size:52px}.nova-word{font-size:38px}.about{gap:15px}.principles{padding-top:0}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps h3{margin-top:20px}.faq{gap:20px}form{padding:26px}.contact-email{margin-top:28px;font-size:17px}.contact-numbers{flex-direction:row;gap:18px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{width:100%;order:3}.footer-bottom{flex-wrap:wrap;gap:15px;padding-bottom:40px}.footer-bottom>a:last-child{width:100%}.detail>h1{font-size:48px}.detail-grid{margin-top:60px}.callout{display:block;padding:30px}.callout .button{margin-top:25px}.callout h2{font-size:30px}.legal h1{font-size:45px}}@media(max-width:380px){.services{grid-template-columns:1fr}.service p{min-height:0}.hero-art{min-height:370px}.actions{gap:13px}.quiet{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}.contact-numbers{flex-direction:column}.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
