@font-face{font-family:Geist;src:url('assets/Geist-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#090909;--paper:#eeeae3;--muted:#a39e96;--red:#e05243;--header-height:80px;font-family:Geist,Arial,sans-serif;font-synthesis:none;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}
body{margin:0}
p,h1{margin:0}
::selection{background:var(--red);color:var(--ink)}
.page,.site-footer,.header-inner{width:min(100% - 96px,1400px);margin-inline:auto}
.splash{min-height:calc(100svh - var(--header-height));display:flex;flex-direction:column}
.identity{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 0 56px}
.totem{display:block;width:clamp(210px,23vw,330px);height:auto;margin-bottom:20px;filter:brightness(0) saturate(100%) invert(44%) sepia(51%) saturate(1809%) hue-rotate(330deg) brightness(92%) contrast(90%)}
h1{font-size:clamp(56px,7.7vw,116px);line-height:1;font-weight:850;letter-spacing:-.04em;word-spacing:.055em;padding-right:.035em}
.descriptor{margin-top:18px;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.intro{margin-top:36px;font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.4;letter-spacing:-.025em}
.details{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;border-top:1px solid #302d2a;padding:26px 0 32px}
.offer{font-size:14px;line-height:1.7}
.platforms{color:var(--muted);font-size:12px;margin-top:3px}
.contact{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:var(--paper);flex-shrink:0}
.contact-label{font-size:11px;color:var(--muted)}
.email{display:flex;align-items:center;gap:20px;font-size:20px;font-weight:500;letter-spacing:-.035em;text-underline-offset:5px;text-decoration-thickness:1px}
.contact:hover .email{text-decoration:underline;color:var(--red)}
.contact:focus-visible{outline:2px solid var(--red);outline-offset:8px}
@media(min-width:1800px){.page{width:min(100% - 128px,1600px)}.totem{width:360px}.identity{padding-block:64px}h1{font-size:128px}}
@media(max-width:760px){.page{width:calc(100% - 40px)}.identity{padding:44px 0}.totem{width:clamp(195px,52vw,275px);margin-bottom:24px}h1{font-size:clamp(32px,9.5vw,70px)}.descriptor{font-size:9px;letter-spacing:.26em;margin-top:15px}.intro{font-size:19px;margin-top:28px}.details{align-items:center;text-align:center;flex-direction:column;gap:24px;padding:24px 0 32px}.offer{font-size:12px}.platforms{max-width:290px;font-size:11px;line-height:1.7;margin:7px auto 0}.contact{align-items:center;gap:9px}.email{font-size:21px;gap:14px}}
@media(max-height:720px) and (min-width:761px){.identity{padding:24px 0 32px}.totem{width:210px;margin-bottom:12px}h1{font-size:80px}.intro{margin-top:22px;font-size:20px}.descriptor{margin-top:12px}.details{padding-block:20px}}

h2,h3,dl,dd,ol,ul{margin:0;padding:0}
.content-section{padding-block:110px;border-top:1px solid #302d2a}
h2{font-size:clamp(32px,4vw,58px);font-weight:600;line-height:1.05;letter-spacing:-.045em}
.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:64px}
.section-heading>p{font-size:16px;line-height:1.5;color:var(--muted);width:42%}
.service-list>div{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:28px;border-top:1px solid #302d2a}
.service-list dt{font-size:clamp(22px,2.3vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.25}
.service-list dd{color:var(--muted);font-size:17px;line-height:1.6;max-width:440px}
.process-list{list-style:none}
.process-list>li{display:grid;grid-template-columns:64px 1fr 1fr;gap:32px;padding-block:38px;border-top:1px solid #302d2a}
.step{font-size:12px;padding-top:10px;color:var(--red)}
.process-list h3{font-size:clamp(36px,4.2vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1}
.process-list p{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin-bottom:18px}
.process-list ul{list-style:none;font-size:15px;line-height:1.9;color:var(--muted)}
.approach,.get-in-touch{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.lead{font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:500}
.approach-copy>p:not(.lead){font-size:18px;line-height:1.7;color:var(--muted);margin-top:26px;max-width:560px}
.get-in-touch h2{font-size:clamp(52px,7.5vw,106px);letter-spacing:-.06em;line-height:.96}
.direct-email{display:inline-block;margin-top:28px;color:var(--red);font-size:clamp(21px,2.6vw,36px);letter-spacing:-.035em;text-decoration:none;overflow-wrap:anywhere;text-underline-offset:6px}
.direct-email:hover{text-decoration:underline}
.contact-topic{margin-top:48px;max-width:440px}
.contact-topic label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}
.contact-topic select{display:block;width:100%;border:0;border-bottom:1px solid #6c655d;border-radius:0;padding:12px 24px 12px 0;background:var(--ink);color:var(--paper);font:inherit;font-size:18px;cursor:pointer}
.write-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding-block:12px;margin-top:20px;font-size:20px;color:var(--paper);text-decoration:none}
.write-link:hover{color:var(--red)}
.email-note{margin-top:6px;color:var(--muted);font-size:12px}
a:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.site-footer{display:flex;justify-content:space-between;border-top:1px solid #302d2a;padding-block:28px 36px;color:var(--muted);font-size:12px}
@media(min-width:1800px){.site-footer{width:min(100% - 128px,1600px)}}
@media(max-width:760px){.site-footer{width:calc(100% - 40px)}.content-section{padding-block:64px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{width:auto;margin-top:18px;font-size:15px}.section-heading>p br{display:none}.service-list>div{grid-template-columns:1fr;gap:12px;padding-block:24px}.service-list dt{font-size:25px}.service-list dd{font-size:16px;max-width:none}.process-list>li{grid-template-columns:32px 1fr;gap:12px;padding-block:28px}.step{padding-top:6px}.process-list h3{font-size:42px}.process-list>li>div{grid-column:2;margin-top:12px}.process-list p{font-size:17px;margin-bottom:12px}.process-list ul{font-size:14px;line-height:1.9}.approach,.get-in-touch{grid-template-columns:1fr;gap:32px}.approach-copy>p:not(.lead){font-size:16px;margin-top:20px}.get-in-touch h2 br{display:none}.get-in-touch h2{font-size:clamp(42px,10.5vw,72px);line-height:1.05}.direct-email{font-size:clamp(21px,6.5vw,32px);margin-top:20px}.contact-topic{margin-top:36px}.site-footer{font-size:11px;padding-block:24px 28px}}

.site-header{position:sticky;top:0;z-index:20;background:var(--ink)}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #302d2a}
.nav-brand{font-size:18px;font-weight:850;letter-spacing:-.04em;text-decoration:none;color:var(--paper);white-space:nowrap;line-height:1;display:flex;align-items:center;min-height:44px}
.main-nav{display:flex;align-items:center;gap:32px}
.main-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:var(--paper);text-decoration:none;text-underline-offset:6px}
.main-nav a:hover{text-decoration:underline;color:var(--red)}
.menu-toggle{display:none}
.content-section{scroll-margin-top:var(--header-height)}
.skip-link{position:fixed;left:24px;top:-100px;z-index:30;padding:14px 18px;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:16px}
@media(min-width:1800px){.header-inner{width:min(100% - 128px,1600px)}}
@media(max-width:760px){:root{--header-height:64px}.header-inner{width:calc(100% - 40px)}.nav-brand{font-size:16px}.menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;color:var(--paper);font:inherit;font-size:13px;cursor:pointer}.menu-toggle:focus-visible{outline:2px solid var(--red);outline-offset:6px}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 20px 20px;background:var(--ink);border-bottom:1px solid #302d2a}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{min-height:48px;font-size:20px;letter-spacing:-.025em}.menu-toggle[aria-expanded=true] svg{transform:rotate(90deg)}}
