@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#26352d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:#f5f6ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{color:#1e3328;background:#9dbb91}main{width:100%;overflow:hidden}.navbar{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:28px 5%;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:-2px;align-items:center;gap:3px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;display:flex}.brand-symbol{color:#0868ee;font-weight:800}.nav-links{align-items:center;gap:38px;font-size:13px;display:flex}.nav-links a{transition:opacity .25s}.nav-links a:hover{opacity:.55}.nav-contact{border:1px solid #26352d4d;border-radius:30px;padding:12px 19px}.menu-toggle{color:inherit;background:0 0;border:0;display:none}.hero{color:#f9faef;isolation:isolate;background:#b9d0ad;flex-direction:column;justify-content:space-between;height:100vh;min-height:850px;max-height:1100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(at 50% 30%,#dce9ce 0%,#0000 55%),linear-gradient(140deg,#a9c69f,#c8dcb9 60%,#91b48b);position:absolute;inset:0}.hero-topline{opacity:.9;justify-content:space-between;padding:115px 5% 0;font-size:11px;display:flex}.hero-object{justify-content:center;align-items:center;width:340px;height:350px;animation:5s ease-in-out infinite float;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.object-orb{z-index:2;background:linear-gradient(115deg,#17191b,#d8d9d7 20%,#272a2c 35%,#101213 60%,#858887 85%,#17191b);border-radius:46% 46% 43% 43%;width:220px;height:245px;padding:13px;position:relative;transform:rotate(-13deg);box-shadow:25px 40px 45px #273b2a40}.orb-inner{background:radial-gradient(#dce4d2,#879b83 65%,#242526);border:4px solid #ffffff59;border-radius:46%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #00000080}.orb-logo{letter-spacing:-5px;color:#101713;z-index:2;align-items:center;font-family:Manrope,sans-serif;font-size:48px;font-weight:800;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s;display:flex;position:relative}.orb-logo-h{background:linear-gradient(135deg,#1689ff,#0750d9);color:#0000;-webkit-background-clip:text;background-clip:text}.orb-logo-glow{filter:blur(25px);background:#ffffff4d;border-radius:50%;width:65%;height:45%;transition:opacity .5s;position:absolute}.orb-ring{border:1px solid #ffffff80;border-radius:50%;width:90%;height:95%;position:absolute;top:2%;left:5%}.orb-highlight{filter:blur(9px);background:linear-gradient(90deg,#ffffff59,#0000);border-radius:50%;width:30%;height:80%;position:absolute;top:5%;left:10%}.object-base{filter:blur(1px);opacity:.9;background:#e8eadb;border-radius:50%;width:290px;height:70px;position:absolute;bottom:-22px;left:25px}.object-shadow{filter:blur(20px);background:#263b2833;width:280px;height:35px;position:absolute;bottom:0}.hero-bottom{z-index:3;justify-content:space-between;align-items:end;font-size:11px;display:flex;position:absolute;bottom:165px;left:5%;right:5%}.hero-description{max-width:210px;line-height:1.7}.hero-scroll{letter-spacing:1px;font-size:9px}.hero-title{letter-spacing:-.105em;white-space:nowrap;z-index:2;width:96%;font-family:Manrope,sans-serif;font-size:clamp(130px,25vw,370px);font-weight:600;line-height:.9;position:absolute;bottom:-3.5%;left:2%}.hero-h{color:#f9faef;display:inline-block}.hero-period{color:#294c38}.section-padding{padding:125px 8%}.section-label{letter-spacing:1.2px;color:#778176;border-bottom:1px solid #dce1d5;justify-content:space-between;padding-bottom:18px;font-size:10px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(35px)}.reveal.visible{opacity:1;transform:translateY(0)}.intro{background:#f5f6ef}.intro-content{padding-top:85px}.intro h2,.contact h2{letter-spacing:-5px;max-width:950px;font-family:Manrope,sans-serif;font-size:clamp(45px,7vw,95px);font-weight:600;line-height:1.08}.intro h2 span,.contact h2 span{color:#9aa99a}.intro-bottom{justify-content:space-between;align-items:end;gap:30px;margin-top:75px;display:flex}.intro-bottom p{color:#68766a;max-width:420px;font-size:14px;line-height:1.9}.text-link{border-bottom:1px solid #26352d;padding-bottom:8px;font-size:12px}.services{background:#e8ede2}.section-heading{letter-spacing:-5px;margin:85px 0 65px;font-family:Manrope,sans-serif;font-size:clamp(42px,7vw,90px);font-weight:600;line-height:1.1}.section-heading span{color:#96a593}.service-item{border-top:1px solid #cbd5c5;grid-template-columns:10% 1fr 30px;align-items:center;padding:28px 0;transition:padding .3s;display:grid}.service-item:last-child{border-bottom:1px solid #cbd5c5}.service-item:hover{padding-left:15px}.service-item>span:first-child{color:#849184;font-size:11px}.service-item h3{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:clamp(22px,3vw,38px);font-weight:500}.service-arrow{font-size:22px}.products{background:#f5f6ef}.product-card{color:inherit;margin-top:55px;display:block}.product-visual{background:#dce9cf;justify-content:center;align-items:center;height:420px;transition:background .4s;display:flex;position:relative;overflow:hidden}.product-card:hover .product-visual{background:#c9ddbd}.product-monogram{color:#345b45;letter-spacing:-20px;font-family:Manrope,sans-serif;font-size:230px;font-weight:800;transition:transform .5s}.product-card:hover .product-monogram{transform:scale(1.08)rotate(-5deg)}.product-visual-caption{letter-spacing:1px;font-size:9px;position:absolute;bottom:25px;left:30px}.product-open{font-size:25px;position:absolute;top:25px;right:25px}.product-details{justify-content:space-between;align-items:end;gap:20px;padding:28px 0;display:flex}.product-details h3{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:35px}.product-details p{color:#718071;max-width:470px;margin-top:10px;font-size:13px;line-height:1.8}.product-details>span{white-space:nowrap;font-size:11px}.contact{color:#f5f6ef;background:#263d32}.contact .section-label{color:#c0cbbf;border-color:#506558}.contact-content{padding-top:100px}.contact h2{max-width:900px}.contact h2 span{color:#a8bba8}.contact-button{border:1px solid #a5b6a7;border-radius:40px;margin-top:55px;padding:17px 25px;font-size:12px;transition:all .3s;display:inline-block}.contact-button:hover{color:#263d32;background:#f5f6ef}.footer{color:#bdc9bd;background:#263d32;border-top:1px solid #506558;justify-content:space-between;align-items:center;padding:35px 8%;font-size:10px;display:flex}.footer-brand{color:#fff;font-size:23px}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}}@media (width<=768px){.navbar{padding:22px 6%}.menu-toggle{z-index:12;font-size:12px;display:block}.nav-links{color:#26352d;background:#f5f6ef;flex-direction:column;justify-content:center;gap:35px;width:100%;min-height:100vh;font-size:23px;display:none;position:absolute;top:0;right:0}.nav-links.open{display:flex}.hero{height:100svh;min-height:720px}.hero-topline{padding:100px 6% 0;font-size:9px}.hero-object{top:40%;transform:translate(-50%,-50%)scale(.78)}.hero-bottom{bottom:130px;left:6%;right:6%}.hero-title{letter-spacing:-.09em;width:94%;font-size:24vw;bottom:2%;left:3%}.section-padding{padding:85px 6%}.intro h2,.contact h2{letter-spacing:-2px}.intro-bottom{flex-direction:column;align-items:start;margin-top:45px}.section-heading{letter-spacing:-2px;margin:60px 0 45px}.service-item{grid-template-columns:12% 1fr 20px;padding:23px 0}.service-item h3{font-size:20px}.product-visual{height:300px}.product-monogram{font-size:170px}.product-details{flex-direction:column;align-items:start}.contact-content{padding-top:70px}.footer{flex-wrap:wrap;gap:20px;padding:30px 6%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-logo-emerged .orb-logo{opacity:0;transform:scale(1.8)translateY(-12px)}.hero-logo-emerged .orb-logo-glow{opacity:0}.floating-logo{z-index:1000;letter-spacing:-2px;color:#101713;opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9faefe6;border-radius:7px;align-items:center;gap:2px;padding:9px 15px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;transition:opacity .35s,transform .4s cubic-bezier(.2,.8,.2,1),visibility .35s;display:flex;position:fixed;top:0;left:0;transform:scale(.7)translateY(12px);box-shadow:0 8px 30px #1e32231f}.floating-logo-visible{opacity:1;visibility:visible;transform:scale(1)translateY(0)}.floating-logo-h{background:linear-gradient(135deg,#1689ff,#0750d9);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.floating-logo{display:none}}.service-item{will-change:transform, opacity}.service-item h3{transform-origin:0}.floating-logo{will-change:left, top, transform}@media (prefers-reduced-motion:reduce){.service-item{will-change:auto}}.services .service-item.reveal{opacity:0;transform:none}.contact-heading-line{display:block}.contact .contact-heading .contact-heading-rest{color:#f5f6ef;display:inline}.contact .contact-heading .contact-h-target{visibility:hidden;background:linear-gradient(135deg,#1689ff,#0750d9);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.contact .contact-heading .contact-heading-second{color:#a8bba8;display:block}@property --p{syntax:"<angle>";inherits:false;initial-value:0deg}.mono-c{--p:0deg;-webkit-mask-image:conic-gradient(from 50deg at 50% 52%, transparent 0deg, transparent calc(360deg - var(--p)), #000 calc(360deg - var(--p)), #000 360deg);-webkit-mask-image:conic-gradient(from 50deg at 50% 52%, transparent 0deg, transparent calc(360deg - var(--p)), #000 calc(360deg - var(--p)), #000 360deg);mask-image:conic-gradient(from 50deg at 50% 52%, transparent 0deg, transparent calc(360deg - var(--p)), #000 calc(360deg - var(--p)), #000 360deg);display:inline-block}.mono-dot{opacity:0;display:inline-block;transform:scale(.3)}.product-card.visible .mono-c{animation:1.6s cubic-bezier(.65,0,.35,1) .3s forwards draw-c}.product-card.visible .mono-dot{animation:.5s cubic-bezier(.2,.8,.2,1) 1.8s forwards pop-dot}@keyframes draw-c{to{--p:300deg}}@keyframes pop-dot{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mono-c{--p:300deg;animation:none!important}.mono-dot{opacity:1;transform:none;animation:none!important}}
