@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');
:root{--bg:#f5f3ed;--ink:#252936;--muted:#656875;--blue:#7610f7;--orange:#ff8a00;--navy:#070769;--card:#e9e6de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid #d6d3cb;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;background:#f5f3edeb;backdrop-filter:blur(15px);z-index:5}.logo,h1,h2,h3{font-family:'Playfair Display',serif}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;line-height:.9}.logo img{width:36px;height:36px;object-fit:contain}.logo span{display:flex;flex-direction:column}.logo small,.footer-logo small{font:700 8px 'JetBrains Mono';letter-spacing:.22em;color:var(--orange);margin-top:5px}nav{display:flex;gap:8px;align-items:center}nav a{padding:12px 16px;font-weight:600;font-size:13px;border-radius:3px}nav a:hover,nav a:first-child{background:var(--ink);color:var(--bg)}.hamb{display:none;border:0}.hero{min-height:720px;padding:150px 8vw 90px;background:radial-gradient(circle at 80% 25%,#e8e3f6 0,transparent 22%),linear-gradient(120deg,transparent 55%,#efe6dc 100%)}.hero:after{content:'';position:absolute;width:100px;height:150px;background:#eacbb4;left:55px;bottom:-50px;transform:rotate(-6deg);z-index:-1}.scribble{position:absolute;right:4%;top:24px;width:125px;height:125px;border:2px solid #bdbab2;transform:rotate(13deg)}.eyebrow{font:700 12px 'JetBrains Mono',monospace;letter-spacing:.13em;color:#77736d;margin:0 0 28px}.hero h1,.page h1{font-size:clamp(4rem,8.2vw,7rem);line-height:.95;letter-spacing:-.06em;margin:0 0 30px}.hero h1 em,.page h1 em{color:var(--blue);font-weight:400}.lead{font-size:20px;line-height:1.38;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:40px}.btn{border:1px solid var(--ink);padding:18px 26px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border-radius:3px}.btn svg{width:18px}.btn.dark{background:var(--ink);color:var(--bg)}.section,.page{padding:110px 8vw;border-top:1px solid #d6d3cb}.section h2,.page h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1;letter-spacing:-.04em;margin:0 0 25px;max-width:760px}.intro{font-size:18px;line-height:1.5;color:var(--muted);max-width:760px}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #d6d3cb;background:#e9e6de;padding:34px 8vw;gap:30px}.proof div{display:flex;align-items:baseline;gap:14px}.proof strong{font:700 clamp(2rem,4vw,3.6rem) 'Playfair Display'}.proof span{font:12px 'JetBrains Mono';color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.intro-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.intro-section .intro{max-width:550px;margin-top:0;margin-bottom:22px}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:6px}.text-link svg{width:17px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:70px}.service-grid article{border-top:2px solid var(--ink);padding-top:18px;position:relative}.service-grid h3{font-size:24px;line-height:1.05;margin:0 0 16px}.service-grid p,.project p,.page-list p{color:var(--muted);line-height:1.55}.service-no{display:block;margin-bottom:18px;font:700 12px 'JetBrains Mono';color:var(--blue)}.work{background:#e9e6de}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:70px}.project{background:var(--bg);padding-bottom:25px}.project img{width:100%;height:250px;object-fit:cover;filter:grayscale(20%)}.project .eyebrow,.project h3,.project>p:not(.eyebrow),.tags{margin-left:24px;margin-right:24px}.project .eyebrow{margin-top:22px;margin-bottom:14px}.project h3{font-size:32px;margin-top:0;margin-bottom:14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font:12px 'JetBrains Mono';border:1px solid #999;padding:5px 8px}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.section-head .intro{margin:0 0 26px}.process{background:var(--ink);color:var(--bg)}.process .eyebrow{color:#aaa}.process h2{color:var(--bg)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.process-grid article{border-top:1px solid #777;padding-top:16px}.process-grid span{font:700 12px 'JetBrains Mono';color:var(--orange)}.process-grid h3{font-size:27px;margin:22px 0 12px}.process-grid p{color:#bdbab3;line-height:1.5}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:70px}.quote-grid blockquote{margin:0;border-left:3px solid var(--blue);padding:0 0 0 22px}.quote-grid blockquote p{font:italic 20px/1.35 'Playfair Display';margin:0 0 22px}.quote-grid b,.quote-grid small{display:block}.quote-grid small{color:var(--muted);margin-top:4px}.closing{padding:130px 8vw;background:var(--blue);color:#fff}.closing .eyebrow{color:#d8d5ff}.closing h2{font:700 clamp(3.5rem,8vw,7rem)/.95 'Playfair Display';letter-spacing:-.06em;margin:0 0 45px}.closing em{font-weight:400;color:#f4bda6}.closing .btn.dark{background:#292827;border-color:#292827}footer{background:var(--ink);color:var(--bg);padding:75px 8vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;position:relative}footer p{color:#bcbab3;line-height:1.5;max-width:400px}footer label{display:block;font:12px 'JetBrains Mono';color:#aaa;margin-bottom:16px}footer a{display:block;margin:10px 0}footer small{grid-column:1/-1;border-top:1px solid #65635e;padding-top:18px;color:#aaa}.footer-logo{display:flex;align-items:center;gap:10px;font:700 23px 'Playfair Display';line-height:.9}.footer-logo img{width:42px;height:42px;object-fit:contain}.footer-logo span{display:flex;flex-direction:column}.page{min-height:700px;padding-top:150px}.page-list{margin-top:80px;max-width:760px}.page-list article{border-top:2px solid var(--ink);padding:25px 0}.page-list h2{font-size:34px}.page-list p{font-size:19px}
@media(max-width:800px){header{height:60px}.hamb{display:block}.hamb svg{width:24px}nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:2px solid var(--ink);padding:10px 6vw;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:15px}.hero{padding:90px 7vw 80px;min-height:620px}.scribble{right:-20px;top:40px}.hero h1,.page h1{font-size:clamp(3.6rem,15vw,6rem)}.lead{font-size:18px}.actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.section,.page{padding:80px 7vw}.service-grid,.project-grid,.quote-grid{grid-template-columns:1fr;gap:42px}.service-grid{margin-top:45px}.project img{height:230px}footer{padding:55px 7vw 25px;grid-template-columns:1fr;gap:25px}footer small{grid-column:auto}.page{padding-top:100px}}
.hero{min-height:720px;padding-top:150px;background:radial-gradient(circle at 80% 25%,#e8e3f6 0,transparent 22%),linear-gradient(120deg,transparent 55%,#efe6dc 100%)}.hero h1{max-width:900px}.hero-note{position:absolute;right:9vw;bottom:95px;width:220px;border-top:2px solid var(--ink);padding-top:14px}.hero-note span,.service-no,.process-grid span{font:700 12px 'JetBrains Mono';color:var(--blue)}.hero-note b{display:block;font-family:'Playfair Display';font-size:21px;margin:8px 0}.hero-note p{font-size:13px;color:var(--muted);line-height:1.4}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #c8c4ba;background:#e8e4da;padding:34px 8vw;gap:30px}.proof div{display:flex;align-items:baseline;gap:14px}.proof strong{font:700 clamp(2rem,4vw,3.6rem) 'Playfair Display'}.proof span{font:12px 'JetBrains Mono';color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.intro-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.intro-section .intro{max-width:550px;margin-top:0;margin-bottom:22px}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:6px}.text-link svg{width:17px}.service-grid{grid-template-columns:repeat(5,1fr)}.service-grid article{position:relative}.service-no{display:block;margin-bottom:18px}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.section-head .intro{margin:0 0 26px}.process{background:#292827;color:#f3f0e8}.process .eyebrow{color:#aaa}.process h2{color:#f3f0e8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.process-grid article{border-top:1px solid #777;padding-top:16px}.process-grid h3{font-size:27px;margin:22px 0 12px}.process-grid p{color:#bdbab3;line-height:1.5}.closing{padding:130px 8vw;background:var(--blue);color:#fff}.closing .eyebrow{color:#d8d5ff}.closing h2{font:700 clamp(3.5rem,8vw,7rem)/.95 'Playfair Display';letter-spacing:-.06em;margin:0 0 45px}.closing em{font-weight:400;color:#f4bda6}.closing .btn.dark{background:#292827;border-color:#292827}
@media(max-width:800px){.hero{padding-top:100px;min-height:700px}.hero-note{position:static;margin-top:70px}.proof{grid-template-columns:repeat(2,1fr);padding:28px 7vw;gap:26px 14px}.proof div{display:block}.proof strong{display:block}.proof span{font-size:10px}.intro-section,.section-head{grid-template-columns:1fr;gap:28px}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:42px}.closing{padding:90px 7vw}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.hero h1{animation:heroIn .9s cubic-bezier(.2,.7,.2,1) both}.hero .lead{animation:heroIn .9s .12s cubic-bezier(.2,.7,.2,1) both}.hero .actions{animation:heroIn .9s .22s cubic-bezier(.2,.7,.2,1) both}.scribble{animation:float 6s ease-in-out infinite}.btn,.text-link,.project,.service-grid article{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #25293618}.text-link:hover{color:var(--blue);border-color:var(--blue)}.project:hover{transform:translateY(-8px);box-shadow:0 18px 35px #25293618}.project img{transition:transform .6s ease,filter .6s ease}.project:hover img{transform:scale(1.035);filter:grayscale(0)}.service-grid article:hover{transform:translateY(-5px);border-color:var(--blue)}@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:rotate(13deg) translateY(0)}50%{transform:rotate(16deg) translateY(-10px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,7vw,120px)}.proof div{min-width:0;gap:clamp(14px,1.8vw,28px)}.proof strong{white-space:nowrap;flex:0 0 auto}.proof span{line-height:1.35;max-width:170px}
@media(max-width:800px){.proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.proof div{display:block}.proof strong{display:block}.proof span{max-width:none}}
.contact-form{display:grid;gap:20px;max-width:650px;margin-top:55px}.contact-form label{display:grid;gap:8px;font:700 12px 'JetBrains Mono';letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid #bbb8b0;background:#fffdf8;border-radius:3px;padding:14px 15px;font:16px Inter,sans-serif;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.contact-form button:disabled{opacity:.6;cursor:wait}.form-status{min-height:24px;color:var(--muted);font-size:14px}
.human-check small{font:400 12px Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted)}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
nav a.active{background:var(--ink);color:var(--bg);box-shadow:0 4px 0 var(--orange)}