:root{--ink:#11131a;--paper:#f4f1e9;--lime:#c8ff52;--muted:#6a6d75;--line:rgba(17,19,26,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);position:sticky;top:0;background:rgba(244,241,233,.88);backdrop-filter:blur(16px);z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;color:inherit;text-decoration:none}.brand span{background:var(--ink);color:var(--lime);width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{color:inherit;text-decoration:none;font-size:14px;font-weight:650}.nav-cta{border:1px solid var(--ink);padding:11px 18px;border-radius:99px}.menu-button{display:none;background:none;border:0;font:inherit}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.03fr .97fr;gap:6vw;align-items:center;padding:70px clamp(24px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.eyebrow span{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,92px);line-height:.94;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-lead{max-width:630px;color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.55}.hero-actions{display:flex;gap:13px;margin:34px 0}.button{display:inline-flex;padding:15px 22px;border-radius:99px;text-decoration:none;font-weight:750;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.ghost{border:1px solid var(--line);color:var(--ink)}.hero-points{display:flex;gap:26px;padding:0;list-style:none;color:var(--muted);font-size:13px}.hero-points li:before{content:'✓';color:#489300;margin-right:7px}.hero-visual{position:relative}.browser{border:1px solid #262833;border-radius:18px;background:#1b1d25;padding:10px;box-shadow:0 40px 90px rgba(16,18,25,.22);transform:rotate(2deg)}.browser-top{height:34px;display:flex;align-items:center;gap:7px;color:#777b89;font-size:11px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#444753}.browser-top span{margin:auto}.browser-body{background:#f7f1e5;border-radius:10px;min-height:430px;padding:22px;color:#181818}.mini-nav{display:flex;justify-content:space-between;font-size:9px}.mini-hero{margin:58px 0 42px}.mini-hero p{font-size:12px}.mini-hero strong{display:block;font-size:42px;max-width:330px;line-height:.88}.mini-hero button{margin-top:25px;border:0;border-radius:99px;background:#ff7045;color:white;padding:11px 18px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-cards i{height:90px;background:linear-gradient(145deg,#ded3bc,#f8c3a9);border-radius:7px}.floating-tag{position:absolute;background:white;border-radius:12px;padding:12px 16px;box-shadow:0 15px 35px rgba(0,0,0,.13);font-size:13px;font-weight:750}.tag-one{left:-35px;bottom:70px}.tag-two{right:-25px;top:70px}.section{padding:120px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;margin-bottom:60px}.section-heading h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.045em;margin:0}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:white;border-radius:22px;overflow:hidden;color:inherit;text-decoration:none;transition:.35s;box-shadow:0 8px 25px rgba(17,19,26,.05)}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(17,19,26,.12)}.project-art{height:360px;position:relative;display:grid;place-items:center;overflow:hidden}.project-info{padding:28px 30px 32px}.project-info>span{text-transform:uppercase;letter-spacing:.13em;font-size:11px}.project-info h3{font-size:32px;margin:8px 0}.project-info p{color:var(--muted);margin:0 0 22px}.project-info b{font-size:13px}.barber .project-art{background:#1a1c20;color:#efe5ca}.big-type{font-family:Georgia,serif;font-size:160px;letter-spacing:-.14em}.stamp{position:absolute;right:25px;bottom:22px;border:1px solid;padding:9px;border-radius:50%;font-size:9px}.cafe .project-art{background:#c85535;color:#ffe9c9}.cup{font-size:115px;filter:grayscale(1) brightness(5)}.bean{position:absolute;width:80px;height:38px;background:#572719;border-radius:50%;transform:rotate(30deg)}.bean-a{left:12%;top:18%}.bean-b{right:13%;bottom:18%;transform:rotate(-25deg)}.salon .project-art{background:#d8c6e4}.aura{font-family:Georgia,serif;font-style:italic;font-size:92px;z-index:1}.salon .project-art i{position:absolute;width:230px;height:230px;border:1px solid #5f4073;border-radius:50%;transform:scaleX(.65)}.pet .project-art{background:#ffd644}.paw{font-size:110px;position:relative}.paw i{position:absolute;width:28px;height:38px;background:#111;border-radius:50%;font-size:0}.paw i:nth-child(1){left:-20px;top:0}.paw i:nth-child(2){left:20px;top:-24px}.paw i:nth-child(3){right:20px;top:-24px}.pet-word{position:absolute;bottom:22px;font-weight:900;letter-spacing:.12em}.process{background:var(--ink);color:#fff}.process .section-heading{grid-template-columns:1fr 3fr}.process .eyebrow{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #383b46}.steps article{padding:35px 25px 20px 0;border-right:1px solid #383b46;min-height:230px}.steps article+article{padding-left:25px}.steps b{color:var(--lime);font-size:13px}.steps h3{font-size:27px;margin:45px 0 14px}.steps p{color:#a9acb5;line-height:1.6}.about-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.portrait{aspect-ratio:4/5;border-radius:22px;background:linear-gradient(140deg,var(--lime),#8c5cff);display:grid;place-items:center;position:relative;overflow:hidden}.portrait span{font-size:110px;font-weight:900;letter-spacing:-.1em}.portrait i{position:absolute;width:350px;height:350px;border:1px solid rgba(0,0,0,.35);border-radius:50%}.about h2{font-size:60px;letter-spacing:-.05em;margin:12px 0}.about-card>div:last-child>p:not(.eyebrow){color:var(--muted);font-size:19px;line-height:1.65}.about dl{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid var(--line)}.about dl div{padding:18px 0;border-bottom:1px solid var(--line)}.about dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.about dd{margin:6px 0 0;font-weight:700}.about dd a{color:inherit}.contact{padding-top:40px}.contact-inner{background:var(--lime);border-radius:28px;padding:clamp(35px,7vw,95px);text-align:center}.contact h2{font-size:clamp(42px,7vw,90px);line-height:.95;letter-spacing:-.06em;max-width:950px;margin:20px auto}.contact p:not(.eyebrow){font-size:18px}.contact .light{background:#fff;color:var(--ink);margin:18px}.text-link{color:var(--ink);font-weight:750}footer{display:flex;justify-content:space-between;padding:30px clamp(24px,7vw,110px);font-size:13px;border-top:1px solid var(--line)}footer a{color:inherit}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{margin-top:30px}.section-heading{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-art{height:290px}.steps{grid-template-columns:1fr 1fr}.about-card{grid-template-columns:1fr}.portrait{max-height:520px}.about dl{grid-template-columns:1fr}.hero-points{flex-wrap:wrap}.tag-two{right:0}.tag-one{left:0}footer{flex-direction:column;gap:10px}}@media(max-width:520px){.hero h1{font-size:48px}.browser-body{min-height:330px}.mini-hero strong{font-size:30px}.steps{grid-template-columns:1fr}.section{padding-top:80px;padding-bottom:80px}.project-art{height:230px}.big-type{font-size:110px}.hero-actions{flex-direction:column;align-items:flex-start}.about h2{font-size:45px}}