@font-face{font-family:Barlow;src:url('assets/barlow-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('assets/barlow-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ground:#120d31;--surface:#302f4d;--ink:#eaebed;--accent:#01a7c2;--muted:#a3bac3;--display:'Barlow Condensed',sans-serif;--body:Barlow,sans-serif;--gutter:clamp(20px,2.8vw,48px);--section:clamp(80px,9vw,144px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:dark}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5}::selection{background:var(--accent);color:var(--ground)}body{scrollbar-color:var(--accent) var(--ground)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}p,h1,h2,h3,figure{margin:0}p{text-wrap:pretty}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1;letter-spacing:-.025em;text-wrap:balance}h2{font-size:clamp(44px,5.3vw,80px)}h3{font-size:clamp(26px,2.6vw,40px)}img{display:block;width:100%;height:auto}.frame{padding-inline:var(--gutter)}.section-space{margin-top:var(--section)}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:5}.wordmark{font:800 clamp(25px,2.3vw,34px)/1 var(--display);letter-spacing:-.025em;white-space:nowrap}.desktop-nav{display:flex;gap:32px;margin-left:auto;font-size:16px}.desktop-nav a,.plain-link,.footer-top>a:last-child{transition:color .2s}.desktop-nav a:hover,.plain-link:hover,.footer-top>a:last-child:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:24px}.languages{display:flex;align-items:center;gap:8px;font-size:16px}.languages button{padding:8px 2px;background:none;color:var(--ink);font-weight:600}.languages button[aria-pressed=true]{color:var(--accent)}.languages span{color:var(--muted)}.menu-toggle{display:none;background:none;color:var(--ink);padding:8px}.mobile-nav[hidden]{display:none}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:var(--ground);padding:12px;z-index:100}.skip:focus{top:12px}.hero-copy{padding-top:12px;padding-bottom:28px}.hero h1{font-size:clamp(70px,12.9vw,202px);line-height:.88;letter-spacing:-.035em;margin-bottom:28px}.hero h1 span{display:block}.hero-copy>p{font-size:clamp(18px,1.85vw,26px);line-height:1.35;max-width:780px;margin-bottom:22px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:14px 34px;background:var(--accent);color:var(--ground);font-weight:600;font-size:18px;transition:background .2s,transform .25s var(--ease)}.button:hover{background:var(--ink);transform:translateY(-3px)}.button:active{transform:translateY(1px)}.hero-media{position:relative;overflow:hidden}.hero-media>img{aspect-ratio:2.3;object-fit:cover;transform-origin:center;animation:media-settle 1.3s var(--ease) both}.media-caption{background:var(--ground);padding:10px var(--gutter) 0;font-size:14px;color:var(--muted)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-top>p{color:var(--muted);font-size:17px;line-height:1.4}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 24px}.project-open{display:block;padding:0;width:100%;text-align:left;background:var(--surface);color:var(--ink);position:relative;overflow:hidden}.project-open>img{aspect-ratio:1.66;object-fit:cover;transition:transform .7s var(--ease)}.project-open:hover>img{transform:scale(1.035)}.project-hover{position:absolute;bottom:18px;left:18px;padding:10px 18px;background:var(--accent);color:var(--ground);font-size:16px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.project-open:hover .project-hover,.project-open:focus-visible .project-hover{opacity:1;transform:none}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:15px}.project-meta h3{font-size:30px}.project-meta p{font-size:16px}.sample{color:var(--muted);font-size:14px;margin-top:4px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:36px}.services-grid p{margin-top:16px;font-size:18px;max-width:30ch}.services-grid h3{font-size:34px}.about{background:var(--surface);padding-block:64px}.about-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:64px}.about-inner>div>p+p{margin-top:24px;max-width:60ch}.statement{font-size:clamp(20px,1.85vw,26px);line-height:1.35}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;margin-bottom:100px}.contact-intro p{margin-block:24px;max-width:33ch;font-size:22px}.plain-link{text-decoration:underline;font-size:17px}form label>span,legend{display:block;font-size:16px;margin-bottom:10px}input:not([type=checkbox]),textarea{width:100%;background:var(--surface);border:1px solid var(--muted);border-radius:0;color:var(--ink);padding:14px 16px;caret-color:var(--accent)}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{padding:0;margin:26px 0;border:0}.service-options{display:flex;gap:10px;flex-wrap:wrap}.service-options label{position:relative;cursor:pointer}.service-options label>span{background:var(--surface);padding:10px 14px;margin:0;transition:background .2s,color .2s}.service-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.service-options input:checked+span{background:var(--accent);color:var(--ground)}.service-options input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.form-bottom>p{color:var(--muted);font-size:14px}.form-bottom .button{font-size:16px;padding-inline:22px;white-space:nowrap}#form-status{font-size:16px;margin-top:12px;color:var(--muted)}footer{padding-block:30px;background:var(--surface)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top p{font-size:18px}.footer-top>a:last-child{font-size:16px}.credits{max-width:80ch;color:var(--muted);font-size:14px;margin-top:36px}.copyright{font-size:14px;margin-top:14px;color:var(--muted)}dialog{padding:0;background:var(--ground);color:var(--ink);border:0;max-width:1000px;width:calc(100% - 40px);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.8)}.dialog-close{position:absolute;right:16px;top:16px;background:var(--ground);color:var(--ink);padding:10px 20px;z-index:2}.dialog-body{padding:32px}.dialog-body h2{margin-block:12px 20px}.dialog-body>p{max-width:65ch}.dialog-body .button{margin-top:24px}body.dialog-open{overflow:hidden}[hidden]{display:none!important}.reveal{animation:reveal .8s var(--ease) both;animation-delay:var(--delay,0ms)}@keyframes reveal{from{transform:translateY(24px);opacity:.45}to{transform:none;opacity:1}}@keyframes media-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1800px){body{max-width:1920px;margin-inline:auto}}@media(max-width:1000px){.desktop-nav{gap:20px}.site-header{gap:24px}.hero h1{font-size:13vw}.project-meta{display:block}.project-meta p{margin-top:6px}.services-grid{grid-template-columns:1fr 1fr;gap:36px}.contact{gap:40px;grid-template-columns:1fr 1.2fr}.form-bottom{align-items:start;flex-direction:column}.about-inner{gap:36px}.footer-top p{display:none}}
@media(max-width:650px){.site-header{min-height:76px;gap:12px}.wordmark{font-size:25px}.desktop-nav{display:none}.menu-toggle{display:block;font-size:15px}.header-actions{gap:12px}.languages{font-size:14px;gap:4px}.mobile-nav{position:absolute;left:0;right:0;top:76px;padding:20px var(--gutter) 30px;background:var(--surface);display:flex;flex-direction:column;gap:16px;font-size:22px}.hero-copy{padding-top:20px;padding-bottom:30px}.hero h1{font-size:clamp(57px,13.2vw,85px);line-height:.94;margin-bottom:26px}.hero-copy>p{font-size:18px;max-width:34ch}.hero-copy>p br{display:none}.button{min-height:54px;font-size:17px;padding:12px 24px}.hero-media>img{aspect-ratio:1.3;object-position:49% center}.media-caption{font-size:13px}.section-top{display:block;margin-bottom:24px}.section-top>p{margin-top:16px;font-size:16px}.work-grid{grid-template-columns:1fr;gap:34px}.project-meta{display:flex;gap:12px;align-items:start}.project-meta h3{font-size:28px}.project-meta p{font-size:14px;margin:3px 0 0;text-align:right;max-width:18ch}.project-hover{display:none}.services-grid{gap:30px 22px;margin-top:26px}.services-grid h3{font-size:28px}.services-grid p{font-size:16px;margin-top:12px}.about{padding-block:44px}.about-inner{grid-template-columns:1fr;gap:28px}.statement{font-size:20px}.about-inner>div>p+p{font-size:17px}.contact{grid-template-columns:1fr;gap:36px;margin-bottom:70px}.contact-intro p{font-size:20px;margin-block:20px}.form-pair{grid-template-columns:1fr;gap:20px}.form-bottom{gap:18px}.form-bottom .button{width:100%}.service-options{gap:8px}.service-options label>span{font-size:15px;padding:10px 12px}.footer-top{align-items:start;flex-direction:column;gap:24px}.footer-top>a:last-child{font-size:15px}.credits{margin-top:28px}.dialog-body{padding:24px}.dialog-body h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-open:hover>img{transform:none}.button:hover{transform:none}}

/* Service separators requested by the client; equal tracks keep copy aligned. */
.services-grid{gap:0;align-items:stretch}
.services-grid article{display:flex;flex-direction:column;padding-inline:28px;border-inline-start:1px solid var(--muted)}
.services-grid article:first-child{padding-inline-start:0;border-inline-start:0}
.services-grid article:last-child{padding-inline-end:0}
.services-grid h3{min-block-size:2em}
.services-grid p{max-width:none;flex:1;min-block-size:7.5em;margin-top:12px}
@media(max-width:1000px){.services-grid{gap:32px 0}.services-grid article{padding-inline:24px}.services-grid article:nth-child(odd){padding-inline-start:0;border-inline-start:0}.services-grid article:nth-child(even){padding-inline-end:0}.services-grid h3{min-block-size:1em}.services-grid p{min-block-size:6em}}
@media(max-width:650px){.services-grid{grid-template-columns:1fr;gap:0}.services-grid article,.services-grid article:nth-child(n){padding:24px 0;border-inline-start:0;border-block-start:1px solid var(--muted)}.services-grid article:first-child{padding-top:0;border-block-start:0}.services-grid article:last-child{padding-bottom:0}.services-grid h3{min-block-size:0}.services-grid p{min-block-size:4.5em;font-size:17px;line-height:1.5;margin-top:12px}}
@media(max-width:650px){h1,h2,h3{text-align:center}.project h3{text-align:left}}
.hero-copy{position:relative;isolation:isolate;background-image:url('assets/hero-studio-background.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-copy::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(18,13,49,.78);pointer-events:none}
.about-inner{grid-template-columns:1fr 1.15fr;column-gap:64px}
.about-heading{position:relative}
.about-connector{display:block;width:calc(100% + 40px);height:88px;margin-top:16px;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:1000px){.about-inner{grid-template-columns:1fr 1.15fr;column-gap:36px}.about-connector{display:none}}
@media(max-width:650px){.about-inner{grid-template-columns:1fr}}