:root{--ink:#0b0d0f;--cream:#f1f0ea;--acid:#dbff38;--muted:#a7aaa8;--line:#303335}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-3rem;left:1rem;z-index:20;background:var(--acid);padding:.7rem}.skip-link:focus{top:1rem}.site-header{height:82px;background:var(--ink);color:white;display:flex;align-items:center;padding:0 3.5vw;gap:2rem;position:relative;z-index:10}.brand{font:700 1.2rem/1 'Space Grotesk',sans-serif;letter-spacing:-.08em;position:relative;display:inline-block}.brand span{font-weight:500}.brand i{display:inline-block;background:var(--acid);width:7px;height:7px;border-radius:50%;margin:0 0 9px 2px}nav{display:flex;gap:2rem;margin:auto;font-size:.78rem;font-weight:700}nav a,.header-cta{transition:color .2s}.header-cta{font-size:.76rem;font-weight:800}.header-cta span{color:var(--acid);font-size:1.1rem;margin-left:.4rem}.menu-toggle{display:none}.hero{height:min(800px,calc(100vh - 82px));min-height:600px;background:var(--ink);color:white;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1518604666860-9ed391f76460?auto=format&fit=crop&w=2000&q=90') center 38%/cover;filter:grayscale(1) contrast(1.15)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.94) 0%,rgba(7,8,9,.45) 52%,rgba(7,8,9,.06)),linear-gradient(0deg,rgba(7,8,9,.7),transparent 45%)}.hero-copy{position:absolute;left:8vw;top:14%;z-index:1}.eyebrow{font:600 .68rem/1.5 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;margin:0;color:#515554}.light{color:#d6d8d2}.hero h1,h2{font:600 clamp(3.3rem,8.5vw,8.6rem)/.84 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:2.1rem 0 0}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em}.hero-bottom{position:absolute;left:8vw;right:8vw;bottom:5.5vw;z-index:1;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{width:260px;font-size:.85rem;line-height:1.6;margin:0}.round-link{width:58px;height:58px;border-radius:50%;border:1px solid #ccc;display:grid;place-items:center;font-size:1.6rem;transition:.25s}.round-link:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.hero-stamp{position:absolute;right:4vw;bottom:4.5vw;z-index:1;font:500 .53rem/1.4 'DM Mono';letter-spacing:.12em;text-align:center;transform:rotate(-12deg);border:1px solid #eee;width:75px;height:75px;border-radius:50%;display:grid;place-content:center}.hero-stamp b{color:var(--acid);font-size:1rem}.section-pad{padding:9vw 8vw}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end}.intro h2,.work h2,.services h2,.contact h2{font-size:clamp(3rem,6.8vw,6.8rem)}.lead{font-size:1.25rem;line-height:1.55;max-width:460px;margin:0 0 2.5rem}.text-link{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--ink);padding-bottom:.45rem}.text-link span{font-size:1.2rem;margin-left:.7rem}.work{background:#d6d8d1}.work-heading{padding-bottom:4.5vw}.projects{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d6d8d1}.project{min-height:500px;position:relative;overflow:hidden;background:var(--ink)}.project-wide{grid-column:span 2;height:650px}.project img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1);transition:transform .7s,filter .5s}.project:hover img{transform:scale(1.04);filter:grayscale(0)}.project-overlay{color:#fff;position:absolute;inset:0;padding:3vw;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}.project-overlay p{font:600 .65rem 'DM Mono';letter-spacing:.1em;margin:0 0 .8rem}.project-overlay h3{font:600 clamp(2.2rem,4.5vw,4.7rem)/.88 'Space Grotesk';letter-spacing:-.08em;margin:0}.project-overlay span{margin-top:1.5rem;font-size:.7rem;text-transform:uppercase;font-weight:800}.project-overlay b{color:var(--acid);font-size:1rem;margin-left:.5rem}.view-all{padding-top:4vw;padding-bottom:4vw}.button{display:inline-block;padding:1rem 1.3rem;font-size:.7rem;text-transform:uppercase;font-weight:800}.button-dark{background:var(--ink);color:#fff}.button span{color:var(--acid);padding-left:1.2rem;font-size:1rem}.services{background:var(--ink);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.services .eyebrow{color:var(--acid)}.service-list{padding-top:4rem}.service-list details{border-top:1px solid var(--line);padding:1.3rem 0}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font:600 clamp(1.3rem,2.2vw,2.3rem)/1 'Space Grotesk';letter-spacing:-.055em;display:flex;align-items:center}summary::-webkit-details-marker{display:none}summary span{font:500 .6rem 'DM Mono';color:var(--acid);margin-right:1.7rem;letter-spacing:0}summary b{font:400 1.5rem Manrope;margin-left:auto;color:var(--acid)}details p{font-size:.9rem;line-height:1.7;color:#c6c9c5;max-width:430px;padding-left:3.2rem;margin:.9rem 3rem .2rem 0}.about{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#2f3531;color:#fff}.about-photo{overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:screen;opacity:.78}.about-copy{padding:9vw 8vw}.about-copy h2{font-size:clamp(3.1rem,6.3vw,6.4rem);margin-bottom:2.7rem}.about-copy>p:not(.eyebrow){max-width:400px;font-size:1rem;line-height:1.7}.light-link{border-color:white;display:inline-block;margin-top:1rem}.contact{background:var(--acid)}.contact .eyebrow{color:var(--ink)}.contact h2{margin-bottom:6vw}.contact-email{font:600 clamp(1.3rem,4vw,4rem)/1 'Space Grotesk';letter-spacing:-.065em;border-bottom:2px solid var(--ink)}.contact-email span{font-family:Manrope;font-size:.7em}.contact-meta{display:flex;justify-content:space-between;margin-top:10vw;font-size:.7rem;line-height:1.8;font-weight:700}.contact-meta p{margin:0}.contact-meta a{display:block;text-decoration:underline}footer{background:var(--ink);color:#fff;padding:2.2rem 3.5vw;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:700}footer p{color:#858987;margin:0}
@media(max-width:700px){.site-header{height:68px;padding:0 6vw}.header-cta{display:none}.menu-toggle{width:32px;height:28px;background:transparent;border:0;display:grid;align-content:center;gap:6px;padding:0;margin-left:auto}.menu-toggle span{height:1px;background:white;width:100%}nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--ink);padding:1.8rem 6vw;flex-direction:column;gap:1.2rem;font-size:.95rem}nav.open{display:flex}.hero{height:calc(100vh - 68px);min-height:560px}.hero-copy{left:6vw;top:10%}.hero h1{font-size:clamp(3.5rem,15vw,5.6rem)}.hero-bottom{left:6vw;right:6vw;bottom:8vw}.hero-stamp{display:none}.section-pad{padding:17vw 6vw}.intro-grid,.services{grid-template-columns:1fr;gap:2rem}.intro h2,.work h2,.services h2,.contact h2{font-size:clamp(3.1rem,13vw,5rem)}.lead{font-size:1.05rem}.projects{grid-template-columns:1fr}.project,.project-wide{grid-column:auto;min-height:440px;height:auto}.project-overlay{padding:7vw}.services .service-list{padding-top:0}details p{padding-left:2.4rem;margin-right:0}.about{grid-template-columns:1fr}.about-photo{height:350px}.about-copy{padding:17vw 6vw}.contact h2{margin-bottom:16vw}.contact-meta{margin-top:18vw}footer{padding:1.7rem 6vw}.hero-image{background-position:57% center}}
@media(min-width:701px){nav a:hover,.header-cta:hover{color:var(--acid)}}
/* Huddle FX account actions and extra-small handset refinements */
.account-actions{display:flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:800}.account-actions a{transition:color .2s}.login{padding:.72rem .35rem}.signup{color:var(--ink);background:var(--acid);padding:.72rem .95rem}.signup span{margin-left:.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:701px){.account-actions a:hover{color:var(--acid)}.account-actions .signup:hover{background:#fff;color:var(--ink)}}
@media(max-width:700px){.site-header{gap:.65rem}.account-actions{margin-left:auto;gap:.25rem}.account-actions a{font-size:.62rem}.login{padding:.65rem .3rem}.signup{padding:.65rem .55rem}.menu-toggle{margin-left:.15rem}.hero{height:calc(100svh - 68px);min-height:540px}}
@media(max-width:380px){.brand{font-size:1rem}.brand i{width:5px;height:5px;margin-bottom:7px}.account-actions a{font-size:.57rem}.signup{padding:.58rem .4rem}.menu-toggle{width:25px}}
.hero-image{display:block}.about-photo{display:block}.disclosure{font-size:.7rem!important;color:#b8bdb8;line-height:1.55!important;margin:1.35rem 0 1.8rem}.button-acid{background:var(--acid);color:var(--ink)}.talk-alex{display:block;width:max-content;margin-top:1.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--ink);padding-bottom:.45rem}.talk-alex span{font-size:1.15rem;margin-left:.6rem}.image-modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(5,6,7,.94);align-items:center;justify-content:center;padding:5vw}.image-modal.open{display:flex}.image-modal img{max-width:100%;max-height:90vh;object-fit:contain}.modal-close{position:absolute;right:2.5vw;top:2vw;border:0;background:var(--acid);color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}.image-link{cursor:zoom-in}@media(max-width:700px){.about-copy .button{margin-top:.4rem}.modal-close{right:5vw;top:4vw}.contact-email{overflow-wrap:anywhere}}
.hero-button{border:1px solid #fff;padding:.85rem 1rem;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.04em}.hero-button:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.round-link{display:none}.hero-stamp{transform:none;border-radius:0;width:auto;height:auto;border:0;text-align:right}.brand i{display:none}.project-overlay b,.text-link span,.button span,.talk-alex span,.contact-email span{display:none}.modal-close{width:auto;height:auto;border-radius:0;padding:.7rem .9rem;font:800 .65rem Manrope;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:820px){.site-header{padding:0 4vw;gap:1rem}nav{gap:1rem}.section-pad{padding-left:6vw;padding-right:6vw}.hero-copy{left:6vw}.hero-bottom{left:6vw;right:6vw}.about-copy{padding-left:6vw;padding-right:6vw}}
@media(max-width:700px){.site-header{position:sticky;top:0}.menu-toggle{order:3}.account-actions{order:2}.hero-copy{top:13%}.hero-bottom{display:block}.hero-bottom p{width:min(100%,310px);margin-bottom:1.4rem}.hero-button{display:inline-block}.hero-stamp{right:6vw;bottom:5vw;font-size:.48rem}.intro-grid h2{margin-top:0}.project,.project-wide{min-height:360px}.project-overlay h3{font-size:clamp(2.4rem,11vw,4.2rem)}.contact-meta{gap:2rem}.about-photo{height:280px}.about-copy>p:not(.eyebrow){font-size:.92rem}.modal-close{right:5vw;top:4vw}}
@media(max-width:480px){.site-header{height:64px}.account-actions{gap:0}.login{padding:.55rem .25rem}.signup{padding:.55rem .48rem}.hero{height:calc(100svh - 64px);min-height:500px}.hero h1{font-size:clamp(3.1rem,15vw,4.5rem)}.section-pad{padding-top:20vw;padding-bottom:20vw}.services{gap:1.5rem}.project,.project-wide{min-height:330px}.project-overlay{padding:6vw}.contact-meta{font-size:.62rem}footer{font-size:.57rem;gap:1rem}.about-photo{height:240px}}
@media(min-width:1440px){.site-header{padding-inline:6vw}.section-pad{padding-left:max(8vw,calc((100vw - 1440px)/2 + 7rem));padding-right:max(8vw,calc((100vw - 1440px)/2 + 7rem))}.hero-copy{left:max(8vw,calc((100vw - 1440px)/2 + 7rem))}.hero-bottom{left:max(8vw,calc((100vw - 1440px)/2 + 7rem));right:max(8vw,calc((100vw - 1440px)/2 + 7rem))}.hero{height:min(900px,calc(100vh - 82px))}}