:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f5f5;background:#0b0d10;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}main{width:100%}.hero{flex-direction:column;justify-content:center;max-width:1180px;min-height:100vh;margin:0 auto;padding:120px 48px 80px;display:flex}.eyebrow,.section-label{letter-spacing:.16em;color:#9ba3af;margin:0 0 24px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(64px,9vw,120px);line-height:.95}.hero h2{letter-spacing:-.035em;color:#d9dde3;max-width:900px;margin:38px 0 0;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.08}.intro{color:#9ba3af;max-width:720px;margin:32px 0 0;font-size:19px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.actions a{color:#f5f5f5;border:1px solid #343941;border-radius:8px;padding:13px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.actions a:first-child{color:#0b0d10;background:#f5f5f5;border-color:#f5f5f5}.actions a:hover{border-color:#747d89;transform:translateY(-2px)}.stack{flex-wrap:wrap;gap:10px;margin-top:48px;display:flex}.stack span{color:#9ba3af;border:1px solid #282d34;border-radius:999px;padding:8px 12px;font-size:13px}#work{color:#111315;background:#f4f3ef;padding:120px 48px}#work>*{max-width:1180px;margin-left:auto;margin-right:auto}#work .section-label{color:#666b73}#work>h2{letter-spacing:-.04em;margin-top:0;margin-bottom:64px;font-size:clamp(36px,5vw,64px)}.projects{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.projects article{background:#fff;border:1px solid #deddd8;border-radius:14px;min-height:320px;padding:32px}.projects h3{letter-spacing:-.03em;margin:0 0 20px;font-size:30px}.projects p{color:#555b63;line-height:1.65}.projects p:first-of-type{color:#111315;font-weight:600}@media (width<=800px){.hero,#work{padding-left:24px;padding-right:24px}.projects{grid-template-columns:1fr}.hero h1{font-size:58px}}#work{padding-top:110px;padding-bottom:110px}#work>h2{max-width:720px;margin:0 0 48px;font-size:42px;line-height:1.1}.projects{gap:20px}.projects article{flex-direction:column;justify-content:space-between;min-height:260px;transition:transform .2s,border-color .2s;display:flex}.projects article:hover{border-color:#5f6f82;transform:translateY(-4px)}.projects article h3{margin-bottom:8px;font-size:25px}.projects article p:last-child{line-height:1.65}.process{max-width:1180px;margin:0 auto;padding:110px 80px}.process>h2{max-width:760px;margin:0 0 24px;font-size:42px;line-height:1.1}.process>p:not(.section-label){color:#aeb8c4;max-width:780px;margin:0 0 56px;font-size:17px;line-height:1.7}.process-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.process-grid>div{border-top:1px solid #36404a;padding:24px 18px}.process-grid span{color:#8fa0b2;letter-spacing:.08em;margin-bottom:28px;font-size:12px;display:block}.process-grid h3{margin:0 0 12px;font-size:18px}.process-grid p{color:#9da9b5;margin:0;font-size:14px;line-height:1.55}@media (width<=800px){.process{padding:80px 24px}.process>h2{font-size:34px}.process-grid{grid-template-columns:1fr}}.process-intro{color:#b9c0c7;max-width:820px;margin:0 0 56px;font-size:18px;line-height:1.7}.process-steps{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.process-steps>div{border-top:1px solid #34383d;padding-top:24px}.process-steps span{color:#8fa6ba;letter-spacing:.08em;margin-bottom:28px;font-size:13px;display:block}.process-steps h3{margin:0 0 14px;font-size:20px}.process-steps p{color:#b9c0c7;margin:0;line-height:1.6}@media (width<=900px){.process-steps{grid-template-columns:1fr 1fr}}@media (width<=600px){.process-steps{grid-template-columns:1fr}}.hero{min-height:auto;padding-bottom:60px}#process{padding-top:70px}.project-type{letter-spacing:.12em;color:#687386;margin:0 0 18px;font-size:12px;font-weight:700}.project-subtitle{color:#34383d;margin:0 0 32px;font-size:16px;font-weight:600}.project-description{color:#5b5147;margin:0 0 28px;line-height:1.6}.project-stack{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.project-stack span{color:#4f5964;border:1px solid #d7d1c7;border-radius:999px;padding:6px 10px;font-size:12px}.project-link{color:#111;border-bottom:1px solid #111;padding-bottom:3px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.project-link:hover{opacity:.65}.project-link{border-bottom:1px solid #111;width:fit-content}.projects article .project-link{border-bottom:1px solid #111;width:auto;padding-bottom:3px;display:table}.case-study{color:#f7f0e3;background:#0b0d0e;padding:110px 48px 120px}.case-study-inner{max-width:1120px;margin:0 auto}.case-study .section-label{color:#9bb7c7;letter-spacing:.16em;margin:0 0 24px;font-size:13px;font-weight:700}.case-study h2{letter-spacing:-.035em;max-width:780px;margin:0 0 28px;font-size:clamp(32px,4vw,52px);line-height:1.08}.case-study-intro{color:#c4c7c9;max-width:780px;margin:0 0 64px;font-size:19px;line-height:1.7}.case-study-grid{border-top:1px solid #34383b;grid-template-columns:repeat(3,1fr);gap:48px;padding-top:42px;display:grid}.case-study-grid span{color:#9bb7c7;letter-spacing:.14em;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.case-study-grid h3{margin:0 0 16px;font-size:21px;line-height:1.35}.case-study-grid p{color:#b9bec2;margin:0;font-size:16px;line-height:1.7}@media (width<=800px){.case-study{padding:80px 28px}.case-study-grid{grid-template-columns:1fr;gap:42px}}.build-process{color:#111;background:#f4ead7;padding:110px 48px 120px}.build-process-inner{max-width:1120px;margin:0 auto}.build-process .section-label{color:#5f6670;letter-spacing:.14em;margin:0 0 24px;font-size:13px;font-weight:700}.build-process h2{letter-spacing:-.04em;max-width:720px;margin:0;font-size:clamp(38px,5vw,64px);line-height:1.02}.build-process-intro{color:#4f5964;max-width:760px;margin:30px 0 70px;font-size:19px;line-height:1.65}.build-process-grid{border-top:1px solid #c9bfae;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.build-process-grid>div{border-bottom:1px solid #c9bfae;padding:32px 34px 38px 0}.build-process-grid>div:nth-child(2),.build-process-grid>div:nth-child(3),.build-process-grid>div:nth-child(5),.build-process-grid>div:nth-child(6){border-left:1px solid #c9bfae;padding-left:34px}.build-process-grid span{letter-spacing:.1em;color:#55718c;margin-bottom:34px;font-size:13px;font-weight:700;display:block}.build-process-grid h3{margin:0 0 14px;font-size:21px;line-height:1.25}.build-process-grid p{color:#4f5964;max-width:300px;margin:0;font-size:16px;line-height:1.6}@media (width<=800px){.build-process{padding:80px 24px}.build-process-grid{grid-template-columns:1fr}.build-process-grid>div,.build-process-grid>div:nth-child(2),.build-process-grid>div:nth-child(3),.build-process-grid>div:nth-child(5),.build-process-grid>div:nth-child(6){border-left:0;padding:28px 0}.build-process-intro{margin-bottom:48px}}.build-process-intro,.build-process-grid p{color:#5f5a52}.contact{color:#f4ead7;background:#0b0d0e;padding:120px 48px}.contact-inner{max-width:1120px;margin:0 auto}.contact .section-label{color:#9bb7c7;letter-spacing:.14em;margin:0 0 24px;font-size:13px;font-weight:700}.contact h2{letter-spacing:-.04em;max-width:850px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02}.contact-intro{color:#b9b7b0;max-width:760px;margin:36px 0 0;font-size:18px;line-height:1.65}.contact-links{border-top:1px solid #414141;gap:36px;margin-top:56px;padding-top:24px;display:flex}.contact-links a{color:#f4ead7;border-bottom:1px solid #f4ead7;padding-bottom:3px;font-size:15px;font-weight:700;text-decoration:none}.contact-links a:hover{opacity:.65}@media (width<=800px){.contact{padding:80px 24px}.contact-links{flex-direction:column;align-items:flex-start;gap:20px}}.portrait-section{background:#56473e;min-height:0;padding:32px 48px;position:relative;overflow:hidden}.portrait-section:before{z-index:0;filter:blur(18px);content:"";background:url(/assets/basil-portrait-wide-B4esL2Wh.png) 50%/cover no-repeat;position:absolute;inset:-24px}.portrait-inner{z-index:1;justify-content:center;align-items:center;width:min(100%,1120px);height:540px;margin:0 auto;display:flex;position:relative}.portrait-image{object-fit:contain;object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;display:block}.portrait-image-mobile{display:none}@media (width>=801px){.portrait-image{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}}.portrait-mantra{z-index:2;color:#0b0d10;letter-spacing:-.045em;text-transform:uppercase;width:300px;margin:0;font-size:clamp(34px,4.2vw,62px);font-weight:800;line-height:.92;position:absolute;bottom:55px;left:80px}.business-card-section{background:#f4ead7;padding:64px 48px}.business-card{color:#f4ead7;box-sizing:border-box;background:#0b0d10;border-radius:20px;grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr) auto;align-items:center;gap:36px;width:min(100%,1160px);margin:0 auto;padding:34px 40px;display:grid}.business-card-label{letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700}.business-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.4vw,62px);line-height:.95}.business-card-role{margin:12px 0 0;font-size:16px;font-weight:700}.business-card-positioning{max-width:500px;margin:16px 0 0;font-size:16px;line-height:1.45}.business-card-qr{align-items:center;gap:16px;margin:0;display:flex}.qr-placeholder,.qr-code{flex:0 0 96px;width:96px;height:96px}.qr-placeholder{color:#0b0d10;text-align:center;letter-spacing:.08em;background:#f4ead7;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1.25;display:flex}.qr-title{margin:0;font-size:15px;font-weight:700}.qr-text{opacity:.75;max-width:200px;margin:5px 0 0;font-size:13px;line-height:1.4}.save-contact{color:#f4ead7;text-underline-offset:3px;margin-top:8px;font-size:13px;font-weight:700;text-decoration-thickness:1px;display:inline-block}.business-card-actions{flex-direction:column;align-items:stretch;gap:8px;margin:0;display:flex}.business-card-actions a{color:#f4ead7;text-align:center;white-space:nowrap;border:1px solid #f4ead773;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none}@media (width<=800px){.portrait-section:before{content:none}.portrait-section{background:0 0;padding:0}.portrait-image-desktop{display:none}.portrait-image-mobile{object-fit:initial;width:100%;max-width:100%;height:auto;display:block}.business-card-section{box-sizing:border-box;padding:28px 12px 40px}.business-card{box-sizing:border-box;border-radius:16px;width:100%;max-width:none;margin:0 auto;padding:24px 18px;display:block}.business-card-label{letter-spacing:.13em;white-space:nowrap;margin-bottom:18px;font-size:10px}.business-card h2{white-space:nowrap;font-size:38px}.business-card-role{white-space:nowrap;margin-top:12px;font-size:13px}.business-card-positioning{margin-top:16px;font-size:14px;line-height:1.45}.business-card-section .business-card-qr{flex-direction:row;align-items:center;gap:12px;margin-top:22px}.qr-placeholder,.qr-code{flex-basis:72px;width:72px;height:72px}.qr-placeholder{font-size:9px}.business-card-qr>div:last-child{min-width:0}.qr-title{font-size:13px}.qr-text{margin-top:4px;font-size:12px;line-height:1.35}.save-contact{margin-top:5px;font-size:12px}.business-card-actions{flex-direction:row;gap:8px;margin-top:22px}.business-card-actions a{text-align:center;white-space:nowrap;flex:1;padding:8px 10px;font-size:13px;line-height:1.2}.portrait-inner{width:100%;height:auto;min-height:auto;display:block}.portrait-image-wrap{width:100%;position:relative}.portrait-mantra{width:min(68%,300px);margin:0;font-size:clamp(32px,11vw,48px);line-height:.95;position:absolute;bottom:12%;left:24px}}