:root{--ink:#121a1b;--deep:#101718;--deep2:#1a2424;--cream:#f8f7f3;--paper:#eeeee8;--muted:#646e68;--lime:#d7ff68;--line:#daddd5;--white:#fff;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7a9f11;outline-offset:4px}img,svg{max-width:100%}img{display:block}.shell{width:min(1260px,calc(100% - 92px));margin:auto}.section-pad{padding:125px 0}.skip-link{position:absolute;left:16px;top:-100px;background:var(--lime);color:var(--ink);padding:14px;z-index:100}.skip-link:focus{top:12px}.announcement{min-height:37px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 14px;background:var(--lime);color:#233018;font-size:11px;letter-spacing:.01em;font-weight:700;text-align:center}.announcement a{text-decoration:underline;text-underline-offset:3px}.announcement .status-dot{width:6px;height:6px;flex:0 0 6px;background:#253216;border-radius:50%}.announcement a span{display:inline-block;margin-left:2px}.site-header{height:86px;background:var(--deep);color:var(--white);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50;transition:box-shadow .25s,background .25s}.site-header.is-scrolled{box-shadow:0 13px 35px rgba(0,0,0,.18);background:rgba(16,23,24,.97);backdrop-filter:blur(15px)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{height:39px;width:39px;background:var(--lime);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:23px;letter-spacing:-4px;padding-right:4px;font-weight:800;color:var(--ink);line-height:1}.brand-mark .mark-dot{color:#1b2615;margin-left:1px}.brand-name{font-size:22px;font-weight:800;letter-spacing:-1.25px;line-height:1}.brand-name>span{font-weight:400;color:#aab6ae}.main-nav{display:flex;align-items:center;gap:34px}.main-nav>a:not(.nav-contact){font-size:12px;color:#c2c8c2;font-weight:600;transition:color .2s}.main-nav>a:not(.nav-contact):hover{color:var(--lime)}.nav-contact{border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:13px 21px;font-weight:700;font-size:12px;transition:background .2s,color .2s,border-color .2s}.nav-contact:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.nav-contact span{margin-left:10px}.menu-toggle{display:none;background:transparent;border:0;color:white;padding:9px}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:5px 0;transition:transform .2s,opacity .2s}
.section-dark{background:var(--deep);color:var(--white)}.hero{position:relative;overflow:hidden}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(218,244,203,.22) .75px,transparent .75px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent 25%,black 95%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:35px;align-items:center;min-height:690px;padding-top:67px;padding-bottom:65px;position:relative}.hero-copy{position:relative;z-index:3;max-width:660px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#68736c}.eyebrow-light{color:#a4b6a6}.eyebrow-line{width:24px;height:1px;background:currentColor;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(55px,5.8vw,88px);font-weight:500;letter-spacing:-.072em;line-height:.995;max-width:740px;margin:0 0 29px}.hero h1 em,.section-heading h2 em,.philosophy-text h2 em,.about-copy h2 em,.contact-intro h2 em,.faq-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.022em}.hero h1 em{display:block;color:var(--lime);line-height:1.03}.hero-description{font-size:16px;line-height:1.77;color:#b9c3bc;max-width:490px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin:38px 0 47px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 23px;border-radius:5px;border:1px solid transparent;font-weight:800;font-size:13px;line-height:1.25;transition:transform .2s,background .2s,box-shadow .2s;white-space:normal}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e5ff9a;box-shadow:0 12px 28px rgba(215,255,104,.13)}.text-link{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:20px;padding:8px 0;border-bottom:1px solid currentColor;transition:gap .2s}.text-link:hover{gap:29px}.light-link{color:white}.hero-proof{display:flex;align-items:center;gap:10px;color:#97a69d;font-size:10px;font-weight:600;max-width:450px;line-height:1.6}.hero-proof i{font-style:normal;color:var(--lime);padding:0 5px}.hero-proof-icon{font-size:24px;color:var(--lime);line-height:1}.hero-visual{height:520px;position:relative;min-width:0;display:grid;align-items:center;isolation:isolate}.orbit-ring{position:absolute;z-index:-1;border:1px solid rgba(215,255,104,.17);border-radius:50%;width:650px;height:650px;left:8%;top:-15%;pointer-events:none}.orbit-ring-two{width:500px;height:500px;left:20%;top:0;border-color:rgba(215,255,104,.09)}.visual-label{position:absolute;font-size:10px;font-weight:700;letter-spacing:.16em;color:#8da596;z-index:3}.visual-label-top{top:5%;left:5%;letter-spacing:.04em;text-transform:lowercase}.small-cross{color:var(--lime);margin-right:6px;font-size:18px}.visual-label-bottom{bottom:1%;right:0}.mock-browser{position:relative;width:112%;max-width:660px;left:-2%;background:#f2efdd;border:5px solid #293333;border-radius:15px;box-shadow:22px 35px 0 rgba(215,255,104,.06),0 40px 95px rgba(0,0,0,.5);transform:rotate(-4deg);overflow:hidden;transition:transform .5s}.hero-visual:hover .mock-browser{transform:rotate(-2deg) translateY(-7px)}.mock-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#eceadf;border-bottom:1px solid #d6d5c9;color:#77806f;font-size:9px;letter-spacing:.02em}.browser-dots{display:flex;gap:4px}.browser-dots b{width:6px;height:6px;background:#aab3a3;border-radius:50%}.mock-site{padding:21px 25px 15px;background:#e9ecdf;color:#274539;position:relative}.mock-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(40,72,54,.23)}.mock-head>span:first-child{font-family:Georgia,serif;font-size:30px;letter-spacing:-2px}.mock-dot{color:#b88059}.mock-head>span:last-child{font-size:8px;font-weight:700;letter-spacing:.07em}.mock-head b{margin-left:14px;font-size:14px}.mock-body{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;min-height:295px}.mock-text{position:relative;z-index:2}.mock-text>span:first-child{font-size:8px;letter-spacing:.17em;font-weight:800}.mock-text strong{display:block;font-size:clamp(33px,3.3vw,55px);line-height:.97;letter-spacing:-.065em;font-weight:500;margin:18px 0 15px}.mock-text strong i{font-family:var(--serif);font-weight:400}.mock-text small{font-size:10px;color:#64756b;display:block;margin-bottom:23px}.mock-cta{background:#294c3d;color:#fff;padding:11px 15px;font-size:9px;display:inline-block}.mock-art{height:276px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.mock-art svg{height:270px;z-index:2;filter:drop-shadow(10px 5px 10px rgba(28,63,36,.12))}.art-sun{width:245px;height:245px;position:absolute;border-radius:50%;background:#d6cfad;top:4%;left:3%}.mock-bottom{border-top:1px solid rgba(40,72,54,.23);padding-top:12px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.08em}.mock-bottom span span{margin-left:12px}.floating-note{position:absolute;z-index:5;right:-7%;bottom:14%;background:#f8f9f0;border-radius:10px;padding:14px 20px 14px 12px;box-shadow:0 19px 40px rgba(0,0,0,.25);color:var(--ink);display:flex;gap:10px;align-items:center;transform:rotate(5deg)}.floating-note-icon{display:grid;place-items:center;background:var(--lime);border-radius:50%;height:39px;width:39px;font-size:21px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:11px}.floating-note small{font-size:9px;color:#76817b;margin-top:4px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.13);padding:22px 0;font-size:9px;letter-spacing:.14em;font-weight:800;color:#71847a}.hero-foot a{color:#c5d2c6}.hero-foot a span{margin-left:15px;color:var(--lime)}
.intro-strip{background:var(--lime)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0}.strip-inner>p{font-size:23px;font-weight:600;letter-spacing:-.055em;margin:0}.strip-inner>p em{font-family:var(--serif);font-weight:400}.strip-inner>div{display:flex;gap:20px;flex-wrap:wrap}.strip-inner>div span{font-size:9px;display:flex;gap:7px;align-items:center;color:#586a38}.strip-inner>div b{font-size:11px;color:#27341c}.section-heading{margin-bottom:52px}.section-heading-split,.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.section-heading h2,.faq-heading h2{font-size:clamp(44px,5.25vw,75px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:500}.section-heading h2 em,.faq-heading h2 em{color:#69776a}.section-heading>p{max-width:315px;color:#687169;font-size:14px;line-height:1.85;margin:0 10px 6px 0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{min-width:0;padding:24px;border:1px solid #e1e3dc;border-radius:12px;background:#fff;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 16px 45px rgba(31,46,39,.07);transform:translateY(-3px)}.service-top{display:flex;justify-content:space-between;align-items:center;color:#6f776d;letter-spacing:.08em;font-size:10px;font-weight:800;margin-bottom:20px}.service-symbol{font-size:18px;color:#303b30}.service-graphic{height:212px;border-radius:7px;margin-bottom:26px;overflow:hidden;position:relative}.graphic-one{background:#eae8ef;display:grid;place-items:center}.landing-mini{background:#fdfdfb;box-shadow:12px 18px 20px rgba(38,36,59,.08);height:171px;width:71%;padding:19px 21px;transform:rotate(-6deg);position:relative}.landing-mini>span{display:block;width:24px;height:5px;background:#262535;border-radius:5px}.landing-mini strong{display:block;font-size:28px;letter-spacing:-.075em;line-height:1.08;margin-top:24px;font-weight:800}.landing-mini strong span{color:#9776fa}.landing-mini i{height:9px;width:70px;display:block;background:#e4dcfa;margin-top:14px}.pointer-circle{position:absolute;bottom:19px;right:38px;display:grid;place-items:center;background:#a48bec;width:52px;height:52px;color:white;border-radius:50%;font-size:26px}.graphic-two{background:#e0eee7;display:grid;place-items:center}.mini-pages{display:flex;gap:10px;align-items:center}.mini-pages>div{width:92px;height:138px;background:#f8fffb;border:5px solid #234e42;border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:15px 10px;box-shadow:6px 8px 0 rgba(35,78,66,.09)}.mini-pages>div:nth-child(2){transform:translateY(-12px)}.mini-pages b{height:12px;width:29px;background:#234e42;border-radius:2px;margin-bottom:14px}.mini-pages span{height:6px;width:58px;background:#b7d6c5;border-radius:2px}.mini-pages span:nth-of-type(2){width:43px}.mini-pages i{height:20px;width:46px;background:#d7ff68;margin-top:5px}.graphic-three{background:#ecdfd0;display:grid;place-items:center}.catalog-mini{height:160px;width:240px;background:#f6f0e8;transform:rotate(6deg);box-shadow:9px 14px 0 rgba(69,47,28,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px}.catalog-shape{width:52px;height:80px;border-radius:80px 80px 5px 5px}.shape-a{background:#6e7658;transform:translateY(16px)}.shape-b{background:#d6a389;transform:translateY(-10px)}.shape-c{background:#a57c5f;transform:translateY(21px)}.catalog-mini>span{position:absolute;bottom:8px;left:15px;color:#6d584b;font-size:9px;letter-spacing:.18em}.service-card h3{font-size:20px;letter-spacing:-.045em;line-height:1.2;margin:0 0 10px}.service-card>p{font-size:13px;line-height:1.8;color:#66716a;min-height:93px;margin:0}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.service-tags span{font-size:10px;font-weight:700;color:#596359;border:1px solid #e3e7df;padding:8px 11px;border-radius:30px}
.work-section{background:#eeefe9}.work-heading p:last-child{max-width:350px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0}.project-preview{position:relative;display:block;overflow:hidden;aspect-ratio:1.17/1;border-radius:9px;box-shadow:0 14px 27px rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s}.project-preview:hover{transform:translateY(-6px);box-shadow:0 23px 32px rgba(0,0,0,.13)}.project-browser-bar{height:27px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#ebebe7;color:#6c7771;font-size:9px;letter-spacing:.03em}.project-browser-bar>span:first-child{letter-spacing:2px;font-size:8px}.project-open{height:42px;width:42px;display:grid;place-items:center;position:absolute;right:14px;bottom:14px;background:var(--lime);color:var(--ink);font-size:23px;border-radius:50%;z-index:4;transition:transform .2s}.project-preview:hover .project-open{transform:rotate(45deg)}.preview-cafe{background:#dfd1b9}.preview-cafe-inner{height:calc(100% - 27px);background:#eadbc2;color:#35291f;padding:18px 20px}.preview-cafe-top{font-size:14px;letter-spacing:.07em;font-weight:400;display:flex;align-items:center;gap:4px}.preview-cafe-top b{font-weight:800}.preview-cafe-top>span{margin-left:auto;font-size:8px;font-weight:700}.preview-cafe-center{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:88%;position:relative}.preview-cafe-center>div:first-child{z-index:2}.preview-cafe-center>div:first-child>span{font-size:7px;letter-spacing:.12em;display:block;margin-bottom:16px}.preview-cafe-center strong{display:block;font-family:Georgia,serif;font-size:clamp(31px,3vw,51px);line-height:.98;font-weight:400;letter-spacing:-.065em}.preview-cafe-center strong i{color:#9b5334;font-family:var(--serif);font-weight:400}.preview-cafe-center small{display:block;margin-top:12px;font-size:8px}.coffee-cup{width:137px;height:125px;position:relative;transform:rotate(-15deg);margin-left:-12px}.coffee-saucer{position:absolute;width:160px;height:38px;border-radius:50%;background:#aa8864;bottom:6px;left:0;box-shadow:0 8px 0 rgba(38,25,16,.1)}.coffee-plate{position:absolute;width:124px;height:112px;border-radius:7px 7px 65px 65px;background:linear-gradient(110deg,#f9f7ed,#bdb09b);left:17px;top:1px;box-shadow:inset -10px -12px 9px rgba(66,44,23,.1)}.coffee-handle{position:absolute;width:47px;height:54px;border:14px solid #ece6d8;border-radius:50%;right:-17px;top:20px}.coffee-foam{position:absolute;width:114px;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,#dab387 0 16%,#b77d4b 17% 46%,#6f411f 48% 70%,#eae0c5 72% 100%);top:-11px;left:22px}.preview-barber{background:#1c1d1c}.preview-barber-inner{height:calc(100% - 27px);padding:18px 20px;background:#1d1e1b;color:#f2e9d9;position:relative;overflow:hidden}.preview-barber-top{font-size:15px;font-weight:900;letter-spacing:-.04em}.preview-barber-top em{font-style:normal;color:#d2b88b}.preview-barber-top span{float:right;font-size:9px;letter-spacing:.05em}.barber-disc{border:1px solid #6b5d43;border-radius:50%;width:210px;height:210px;position:absolute;top:23px;right:-52px;display:grid;place-items:center;box-shadow:0 0 0 25px #262720,0 0 0 26px #514936}.barber-disc-inner{font-family:Georgia,serif;font-size:56px;color:#cfb187;transform:rotate(-25deg)}.barber-disc-inner span{color:#fff;font-size:23px}.barber-subhead{display:block;margin-top:67px;color:#c5b591;font-size:7px;letter-spacing:.17em}.preview-barber-inner>strong{display:block;margin-top:12px;position:relative;z-index:2;font-size:clamp(39px,3.5vw,56px);line-height:1;letter-spacing:-.06em}.preview-barber-inner>strong i{font-style:normal;color:#c7ab80}.barber-bottom{position:absolute;bottom:16px;left:20px;right:20px;border-top:1px solid #6e675a;padding-top:10px;font-size:7px;letter-spacing:.11em}.barber-bottom>span{float:right}.preview-health{background:#d5e7df}.preview-health-inner{height:calc(100% - 27px);background:#e0eee8;color:#194b47;padding:18px 20px;position:relative;overflow:hidden}.preview-health-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600}.preview-health-top b{font-size:19px;letter-spacing:-.06em}.preview-health-top b span{color:#7dab93}.preview-health-top>span{font-size:7px;letter-spacing:.05em}.health-shape{position:absolute;right:-18px;top:60px;width:175px;height:198px;background:#91c3b2;border-radius:100px 100px 15px 15px;transform:rotate(16deg)}.health-shape span{position:absolute;left:35px;top:21px;width:100px;height:157px;border-radius:50%;border:1px solid #cde9dd;transform:rotate(30deg)}.health-shape i{position:absolute;left:-17px;bottom:-14px;width:81px;height:79px;border-radius:50%;background:#cde2d5}.health-copy{position:relative;z-index:2;padding-top:58px}.health-copy>span{font-size:7px;letter-spacing:.14em}.health-copy strong{display:block;font-size:clamp(28px,2.7vw,43px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin-top:16px}.health-copy strong i{font-family:var(--serif);font-weight:400}.health-copy small{display:block;font-size:8px;max-width:170px;line-height:1.4;margin-top:12px}.health-copy>b{display:inline-block;margin-top:16px;padding:9px 11px;font-size:7px;color:#fff;background:#205e52}.health-footer{position:absolute;left:20px;bottom:12px;font-size:7px;letter-spacing:.14em;color:#6c9e8e}.project-info{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:22px 1px 2px}.project-info>div>span{color:#6b746d;font-size:9px;letter-spacing:.13em;font-weight:800}.project-info h3{font-size:24px;letter-spacing:-.055em;margin:9px 0 5px;font-weight:600}.project-info p{font-size:12px;color:#687268;line-height:1.6;max-width:245px;margin:0}.project-link{white-space:nowrap;font-size:11px;font-weight:800;border-bottom:1px solid #9aa197;padding-bottom:5px}.project-link span{margin-left:6px}.project-link:hover{color:#596e2e}.demo-disclaimer{font-size:11px;color:#6c786b;margin:32px 0 0}.demo-disclaimer>span{font-size:15px;margin-right:5px}
.philosophy-section{background:#1b2624;color:#fff;overflow:hidden}.philosophy-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;min-height:660px;align-items:center;padding-top:80px;padding-bottom:80px}.philosophy-shape{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.philosophy-shape:before,.philosophy-shape:after{content:"";position:absolute;border:1px solid rgba(215,255,104,.21);border-radius:50%;height:430px;width:430px;z-index:-1}.philosophy-shape:after{width:290px;height:290px}.big-star{font-size:clamp(280px,30vw,475px);color:var(--lime);font-family:Arial,sans-serif;line-height:1;transform:rotate(-12deg)}.philosophy-shape>span{position:absolute;left:0;bottom:16px;color:#a2baa6;font-size:10px;letter-spacing:.16em;line-height:1.6}.philosophy-text{max-width:620px}.philosophy-text h2{font-size:clamp(45px,4.7vw,69px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0 0 25px}.philosophy-text h2 em{color:var(--lime)}.philosophy-text>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b4bfb6;max-width:440px;margin:0}.feature-list{margin-top:35px}.feature-list>div{display:grid;grid-template-columns:33px 1fr;column-gap:12px;border-top:1px solid #405049;padding:17px 0}.feature-list>div>span{font-size:11px;color:var(--lime);font-weight:800;grid-row:span 2}.feature-list strong{font-weight:700;font-size:14px}.feature-list p{font-size:12px;color:#91a398;margin:6px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:60px}.step-card{padding-right:10px}.step-no{display:block;font-size:48px;font-family:var(--serif);font-style:italic;color:#7e8b7f;line-height:1}.step-line{height:1px;background:#c3cbc2;margin:20px 0 25px;position:relative}.step-line:after{content:"";position:absolute;right:0;top:-4px;height:9px;width:9px;background:var(--lime);border:1px solid #6d8160;border-radius:50%}.step-card h3{font-size:19px;font-weight:700;letter-spacing:-.04em;margin:0 0 9px}.step-card p{font-size:13px;color:#69736a;line-height:1.7;max-width:215px;margin:0}
.about-section{background:#e8ebdf;padding:110px 0;overflow:hidden}.about-layout{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:11%}.about-image-col{position:relative;padding:15px 0 20px}.portrait-frame{width:min(100%,440px);aspect-ratio:.89;background:#2a3731;border-radius:15px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.portrait-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.045) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.045) 50%,transparent 51%);background-size:35px 35px}.portrait-frame:before{content:"";width:340px;height:340px;position:absolute;top:10%;background:#495a48;border-radius:50%;filter:blur(0)}.portrait-frame img{z-index:2;width:230px;height:230px;object-fit:cover;object-position:center;border-radius:50%;border:8px solid #d7ff68;box-shadow:0 28px 35px rgba(0,0,0,.18);transform:translateY(-20px)}.portrait-badge{position:absolute;bottom:22px;left:22px;right:22px;z-index:3;background:var(--lime);color:var(--ink);padding:18px 20px;border-radius:5px}.portrait-badge span{display:block;font-size:9px;font-weight:800;letter-spacing:.11em;margin-bottom:7px}.portrait-badge strong{font-size:13px;letter-spacing:-.01em}.portrait-caption{font-size:10px;font-weight:800;letter-spacing:.15em;color:#60705b;display:block;margin-top:17px}.about-copy h2{font-size:clamp(51px,5.2vw,76px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 25px}.about-copy h2 em{color:#677c5d}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#5f6b61;max-width:640px;margin:0 0 17px}.skills-label{color:#70806e;font-size:10px;letter-spacing:.12em;font-weight:800;margin:32px 0 14px}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:29px}.skills span{border:1px solid #b9c5b6;padding:10px 13px;border-radius:3px;font-size:11px;font-weight:700;color:#405145}.dark-link{color:#26372e}
.contact-section{background:#0f1718;color:#fff}.contact-layout{display:grid;grid-template-columns:.83fr 1fr;gap:12%;align-items:center}.contact-intro{align-self:start;padding-top:26px}.contact-intro h2{font-size:clamp(50px,5.3vw,75px);line-height:1.05;letter-spacing:-.065em;font-weight:500;margin:0 0 25px}.contact-intro h2 em{color:var(--lime)}.contact-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#a9b8ad;max-width:410px}.direct-contact{margin-top:75px;border-top:1px solid #3c4b44;padding-top:28px;max-width:420px}.direct-contact>span{display:block;font-size:10px;letter-spacing:.14em;color:#9aaea0;font-weight:800;margin-bottom:17px}.direct-contact>a{display:flex;align-items:center;gap:15px;font-size:20px;font-weight:700;letter-spacing:-.03em}.direct-contact>a>span:last-child{margin-left:auto;font-size:22px;color:var(--lime)}.wa-circle{height:45px;width:45px;display:grid;place-items:center;background:#24c361;border-radius:50%;color:white}.wa-circle svg{height:23px;width:23px}.contact-form-panel{background:#fff;color:var(--ink);border-radius:12px;padding:35px 39px;box-shadow:0 28px 50px rgba(0,0,0,.17)}.panel-header{display:flex;justify-content:space-between;align-items:center;color:#748077;font-size:10px;font-weight:800;letter-spacing:.13em}.panel-decor{font-size:26px;color:#8ea660}.contact-form-panel h3{font-size:30px;letter-spacing:-.06em;line-height:1.15;margin:13px 0 8px;font-weight:600}.contact-form-panel>p{font-size:12px;color:#748077;line-height:1.6;margin:0 0 27px}.form-field{margin-bottom:18px}.form-field>label,.fieldset legend{display:block;font-size:11px;font-weight:800;margin-bottom:9px;color:#344137}.form-field label>span{color:#708f26}.form-field input:not([type=radio]),.form-field select,.form-field textarea{width:100%;border:1px solid #d8ded7;border-radius:5px;background:#fcfdfb;color:#1e2922;padding:14px 13px;min-height:48px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:90px}.form-field input:not([type=radio]):focus,.form-field textarea:focus,.form-field select:focus{border-color:#93b14c;box-shadow:0 0 0 3px rgba(215,255,104,.3)}.form-field input::placeholder,.form-field textarea::placeholder{color:#919b92}.fieldset{padding:0;border:0;margin-left:0;margin-right:0}.fieldset legend{margin-bottom:11px}.radio-row{display:flex;gap:9px;flex-wrap:wrap}.radio-row label{cursor:pointer;position:relative}.radio-row label input{position:absolute;opacity:0;left:10px;top:10px}.radio-row label span{display:inline-flex;align-items:center;min-height:39px;border:1px solid #d8ded7;border-radius:4px;padding:9px 12px;font-size:11px;font-weight:700;color:#56635a}.radio-row label input:checked+span{background:#eff8d6;border-color:#85a947;color:#223415}.radio-row label input:focus-visible+span{outline:3px solid #7a9f11;outline-offset:2px}.form-submit{width:100%;font-size:12px;border:0;margin-top:2px;justify-content:space-between}.privacy-note{font-size:10px!important;color:#79847a!important;line-height:1.5!important;margin:14px 0 0!important}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq-list details{border-bottom:1px solid #d3dad0;padding:0}.faq-list details:first-child{border-top:1px solid #d3dad0}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-weight:700;font-size:15px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{height:30px;width:30px;border:1px solid #c8d1c4;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--lime)}.faq-list details p{margin:0 35px 24px 0;max-width:600px;color:#677268;font-size:13px;line-height:1.8}
.footer{background:#151d1c;color:#f0f4ef;padding:76px 0 0}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:80px}.footer-brand .brand-name{font-size:25px}.footer-main>div:first-child>p{font-size:13px;line-height:1.8;color:#9aa99e;margin-top:21px;max-width:355px}.footer-links{display:flex;gap:95px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-links>div>span:first-child{font-size:10px;font-weight:800;letter-spacing:.12em;color:#7f9384;margin-bottom:5px}.footer-links a{font-size:12px;font-weight:600;color:#d8e1d9}.footer-links a:hover{color:var(--lime)}.footer-location{font-size:11px;color:#889a8c;line-height:1.4;max-width:155px}.footer-bottom{border-top:1px solid #35413b;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#84988a;font-size:10px}.footer-bottom a{color:#c5d2c5}.whatsapp-float{display:flex;align-items:center;gap:10px;background:#22c761;color:#fff;position:fixed;right:24px;bottom:24px;z-index:40;padding:12px 17px;border-radius:100px;box-shadow:0 8px 32px rgba(0,0,0,.22);font-weight:800;font-size:12px;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float svg{height:24px;width:24px;flex-shrink:0}.js-reveal .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease;transition-delay:var(--reveal-delay,0ms)}.js-reveal .reveal.visible{opacity:1;transform:none}
@media(min-width:1440px){.hero-grid{min-height:750px}.mock-browser{left:0}.hero-visual{height:570px}}
@media(max-width:1180px){.shell{width:min(100% - 64px,1150px)}.main-nav{gap:22px}.hero h1{font-size:clamp(53px,5.7vw,77px)}.hero-grid{grid-template-columns:1.04fr .96fr;gap:10px;min-height:620px}.hero-visual{height:440px}.mock-browser{width:114%}.floating-note{right:-5%}.mock-body{min-height:250px}.mock-art{height:235px}.mock-art svg{height:225px}.art-sun{width:200px;height:200px}.mock-text strong{font-size:40px}.services-grid{gap:12px}.service-card{padding:20px}.project-info{display:block}.project-link{display:inline-block;margin-top:15px}.project-preview{aspect-ratio:1.07}.preview-cafe-center strong{font-size:38px}.barber-disc{right:-100px}.contact-layout{gap:7%}}
@media(max-width:900px){.shell{width:min(100% - 48px,800px)}.site-header{height:74px}.menu-toggle{display:block;z-index:3}.menu-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#182120;border-bottom:1px solid #3c4b42;padding:22px 24px 26px;box-shadow:0 18px 24px rgba(0,0,0,.2);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-contact){font-size:15px;padding:15px 0;border-bottom:1px solid #374239}.main-nav .nav-contact{align-self:flex-start;margin-top:20px}.hero-grid{grid-template-columns:1fr;padding-top:75px;padding-bottom:40px;gap:35px}.hero-copy{max-width:710px}.hero h1{font-size:clamp(60px,8vw,86px)}.hero-description{max-width:580px}.hero-visual{width:min(620px,100%);margin:0 auto;height:450px}.mock-browser{width:95%;left:2%;transform:rotate(-3deg)}.hero-visual:hover .mock-browser{transform:rotate(-1deg)}.floating-note{right:-1%;bottom:10%}.visual-label-top{top:1%}.visual-label-bottom{bottom:0}.orbit-ring{left:0;top:-10%}.strip-inner{flex-direction:column;align-items:flex-start}.strip-inner>div{gap:25px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid .service-card:last-child{grid-column:span 2}.service-card>p{min-height:0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-preview{aspect-ratio:1.13}.project-card:last-child{grid-column:span 2;max-width:calc(50% - 12px)}.philosophy-layout{grid-template-columns:.65fr 1fr;gap:4%}.philosophy-shape{min-height:360px}.philosophy-shape:before{width:330px;height:330px}.philosophy-shape:after{width:220px;height:220px}.big-star{font-size:280px}.about-layout{gap:6%}.portrait-frame img{height:170px;width:170px}.portrait-badge{padding:13px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro{padding:0}.contact-intro h2{max-width:700px}.direct-contact{margin-top:26px}.contact-form-panel{max-width:690px;width:100%}.faq-layout{gap:4%}}
@media(max-width:640px){.shell{width:calc(100% - 38px)}.section-pad{padding:83px 0}.announcement{font-size:10px;line-height:1.4;gap:6px}.brand-name{font-size:21px}.hero-grid{padding-top:67px;gap:22px}.hero h1{font-size:clamp(49px,11.8vw,69px);letter-spacing:-.066em}.hero h1 em{margin-top:8px}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:24px;gap:9px}.eyebrow-line{width:19px}.hero-description{font-size:14px;line-height:1.7}.hero-actions{gap:21px;margin:29px 0 32px;align-items:flex-start}.button{padding:17px 19px;font-size:12px;gap:10px}.hero-actions .button{width:100%;justify-content:space-between;max-width:350px}.hero-proof{font-size:9px}.hero-visual{height:340px;margin-top:10px;width:100%}.mock-browser{width:96%;left:1%;border-width:3px}.mock-toolbar{padding:7px 10px;font-size:7px}.mock-site{padding:12px 13px 10px}.mock-head{padding-bottom:6px}.mock-head>span:first-child{font-size:22px}.mock-head>span:last-child{font-size:5px}.mock-body{min-height:202px}.mock-text>span:first-child{font-size:6px}.mock-text strong{font-size:clamp(25px,8vw,41px);margin:12px 0 10px}.mock-text small{font-size:7px;margin-bottom:12px}.mock-cta{font-size:6px;padding:8px 9px}.mock-art{height:185px}.mock-art svg{height:178px}.art-sun{width:150px;height:150px}.mock-bottom{font-size:6px;padding-top:8px}.floating-note{padding:10px;right:-2%;bottom:5%;gap:7px}.floating-note-icon{width:29px;height:29px;font-size:15px}.floating-note strong{font-size:8px}.floating-note small{font-size:7px}.visual-label-top{top:-2%;left:0}.visual-label-bottom{font-size:8px;bottom:0;right:5%}.orbit-ring{width:420px;height:420px;left:-10%;top:-10%}.orbit-ring-two{width:270px;height:270px;left:10%;top:10%}.hero-foot{font-size:8px;padding:19px 0}.hero-foot span:first-child{max-width:190px}.hero-foot a{white-space:nowrap;font-size:8px}.strip-inner{padding:24px 0}.strip-inner>p{font-size:21px}.strip-inner>div{gap:12px 18px}.strip-inner>div span{font-size:8px}.strip-inner>div b{font-size:9px}.section-heading-split,.work-heading{display:block}.section-heading h2,.faq-heading h2{font-size:clamp(42px,9.5vw,58px)}.section-heading>p{margin:22px 0 0;max-width:450px;font-size:13px}.section-heading{margin-bottom:34px}.services-grid,.projects-grid{grid-template-columns:1fr;gap:18px}.services-grid .service-card:last-child,.project-card:last-child{grid-column:auto;max-width:none}.service-card{padding:21px}.service-graphic{height:220px}.service-card>p{min-height:0}.service-tags{margin-top:18px}.project-preview{aspect-ratio:1.19}.project-info{display:flex;align-items:end}.project-info h3{font-size:22px}.project-info p{font-size:11px}.project-link{white-space:nowrap;font-size:10px}.preview-cafe-center strong{font-size:clamp(38px,9vw,58px)}.preview-barber-inner>strong{font-size:clamp(46px,10vw,63px)}.barber-disc{right:-30px}.health-copy strong{font-size:clamp(36px,8.4vw,50px)}.health-shape{right:10px;width:39%;height:65%}.demo-disclaimer{line-height:1.6}.philosophy-layout{grid-template-columns:1fr;padding-top:65px;padding-bottom:80px;gap:24px}.philosophy-shape{min-height:290px}.philosophy-shape:before{width:265px;height:265px}.philosophy-shape:after{width:175px;height:175px}.big-star{font-size:270px}.philosophy-shape>span{bottom:0;font-size:9px}.philosophy-text h2{font-size:clamp(44px,10vw,61px)}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.step-no{font-size:43px}.step-card h3{font-size:17px}.step-card p{font-size:12px}.about-section{padding:75px 0}.about-layout{grid-template-columns:1fr;gap:35px}.portrait-frame{max-width:440px;aspect-ratio:1.12}.portrait-frame img{height:190px;width:190px}.about-copy h2{font-size:clamp(47px,10vw,70px)}.about-copy>p:not(.eyebrow){font-size:14px}.contact-intro h2{font-size:clamp(47px,10vw,67px)}.contact-intro>p:not(.eyebrow){font-size:14px}.direct-contact>a{font-size:17px}.contact-form-panel{padding:26px 21px}.contact-form-panel h3{font-size:26px}.faq-layout{grid-template-columns:1fr;gap:31px}.faq-list summary{font-size:13px;padding:18px 0}.faq-list details p{margin-right:0}.footer{padding-top:60px}.footer-main{display:block;padding-bottom:50px}.footer-links{margin-top:35px;gap:45px}.footer-bottom{flex-direction:column;align-items:flex-start;line-height:1.6}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px;display:grid;place-items:center;padding:0;border-radius:50%}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float span{display:none}}
@media(max-width:360px){.shell{width:calc(100% - 30px)}.hero h1{font-size:46px}.hero-visual{height:292px}.mock-body{min-height:165px}.mock-art{height:145px}.mock-art svg{height:143px}.art-sun{width:127px;height:127px}.mock-text strong{font-size:26px}.mock-head>span:last-child{display:none}.floating-note{bottom:0}.project-info{display:block}.project-link{margin-top:13px}.preview-cafe-center strong{font-size:39px}.coffee-cup{transform:scale(.8) rotate(-15deg);transform-origin:left center}.radio-row label span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}