@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#10120f;--paper:#f4f2eb;--acid:#d6ff45;--blue:#76a7c8;--line:rgba(16,18,15,.18);--pad:clamp(22px,5vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:20px;z-index:5;background:var(--acid);padding:12px}.nav{height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:14px;font-weight:800;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}.brand span{color:#8eb800}.nav nav,.nav nav a,footer nav{display:flex;align-items:center;gap:25px}.nav nav a,footer a{font-size:12px;color:var(--ink);text-decoration:none;font-weight:700}.contact-link{border:1px solid var(--ink);padding:11px 14px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .92fr}.hero-copy{padding:clamp(80px,13vh,170px) var(--pad) 70px;display:flex;flex-direction:column;justify-content:center}.kicker,.label{margin:0 0 20px;text-transform:uppercase;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em;font-weight:500}.hero h1,.section-heading h2,.about h2,.contact h2{margin:0;font-size:clamp(52px,7.2vw,112px);line-height:.91;letter-spacing:-.08em;font-weight:800}.hero h1 em,.project h3 em{font-family:'Playfair Display',serif;font-weight:600}.lead{max-width:550px;margin:32px 0;font-size:clamp(16px,1.55vw,21px);line-height:1.45}.actions{display:flex;gap:25px;align-items:center}.button{padding:15px 20px;text-decoration:none;font-weight:800;font-size:12px}.dark{color:var(--paper);background:var(--ink)}.text-link,.project-link{font-size:12px;font-weight:800;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-art{background:var(--acid);padding:26px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.07em}.art-center{position:relative;height:430px;max-width:480px;margin:auto;width:100%;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center}.art-center:before,.art-center:after{content:'';position:absolute;background:var(--ink)}.art-center:before{height:1px;width:100%}.art-center:after{width:1px;height:100%}.art-center p{position:absolute;left:18px;top:15px;margin:0;font:10px 'DM Mono',monospace}.art-center i{width:clamp(170px,22vw,280px);aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:12px 12px 0 var(--ink)}.art-center strong{position:absolute;font-size:clamp(48px,7vw,95px);letter-spacing:-.1em}.art-bottom b{font-weight:800}.intro-strip{display:grid;grid-template-columns:1fr 1.6fr auto;gap:30px;padding:32px var(--pad);background:var(--ink);color:var(--paper);align-items:start}.intro-strip p{margin:0;font-size:14px;line-height:1.45}.intro-strip p:first-child{color:var(--acid);font-weight:800}.intro-strip span{font:10px 'DM Mono',monospace;text-transform:uppercase}.work{padding:130px var(--pad) 0}.section-heading{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:35px;align-items:end;margin-bottom:90px}.section-heading h2{font-size:clamp(44px,6vw,92px)}.section-heading>p:last-child{margin:0;max-width:330px;font-size:15px;line-height:1.5}.project{display:grid;grid-template-columns:75px 1fr 1.15fr;min-height:590px;border-top:1px solid var(--ink)}.project-number{padding-top:24px;font:11px 'DM Mono',monospace}.project-copy{padding:63px 45px 55px 0;display:flex;flex-direction:column;align-items:flex-start}.project h3{font-size:clamp(42px,5vw,80px);line-height:.85;letter-spacing:-.09em;margin:0 0 28px}.project-copy>p:not(.label){max-width:390px;font-size:15px;line-height:1.55;margin:0 0 24px}.project ul{padding:0;list-style:none;margin:0 0 35px;width:100%;border-top:1px solid var(--line)}.project li{font:10px 'DM Mono',monospace;border-bottom:1px solid var(--line);padding:9px 0;text-transform:uppercase}.muted{opacity:.58;border-bottom:0}.project-visual{min-height:520px;position:relative;overflow:hidden}.dead-visual{background:#0c0d0b;display:grid;place-items:center;padding:30px}.dead-window{border:1px solid rgba(214,255,69,.7);width:min(400px,90%);padding:25px;min-height:350px;color:var(--acid);display:flex;flex-direction:column;justify-content:space-between;font-family:'DM Mono',monospace;box-shadow:12px 12px 0 rgba(214,255,69,.17)}.dead-window small,.dead-window span{font-size:9px;letter-spacing:.1em}.dead-window strong{font-size:clamp(25px,3vw,45px);line-height:.96;letter-spacing:-.07em}.air-visual{background:var(--blue)}.map-line{position:absolute;width:125%;height:70%;border:1px dashed rgba(16,18,15,.7);border-radius:50%;transform:rotate(-25deg)}.map-line.one{left:-35%;top:-10%}.map-line.two{left:15%;top:15%;transform:rotate(40deg)}.map-line.three{left:-10%;bottom:-45%;transform:rotate(5deg)}.tag{position:absolute;top:28%;left:37%;display:grid;place-items:center;width:150px;aspect-ratio:1;border-radius:50%;background:var(--paper);border:1px solid var(--ink);font:20px 'DM Mono',monospace;text-align:center;box-shadow:10px 11px 0 var(--ink)}.map-pin{position:absolute;width:13px;height:13px;border:1px solid var(--ink);border-radius:50%;background:var(--acid)}.p1{left:21%;top:26%}.p2{right:18%;bottom:27%}.p3{left:32%;bottom:17%}.air-visual small{position:absolute;bottom:24px;left:25px;font:9px 'DM Mono',monospace}.vault-visual{background:#e4ded4;display:grid;place-items:center}.vault-card{position:absolute;width:55%;height:52%;border:1px solid var(--ink);background:var(--paper)}.vault-card.a{transform:translate(-22px,-25px) rotate(-8deg)}.vault-card.b{transform:translate(25px,19px) rotate(7deg);background:var(--acid)}.vault-card.c{background:var(--ink)}.vault-lock{z-index:1;color:var(--paper);font:12px 'DM Mono',monospace;text-align:center}.vault-lock b{font:800 28px Manrope,sans-serif;letter-spacing:-.08em}.workshop-visual{background:#d85336;color:#fff5e9;display:flex;flex-direction:column;justify-content:center;padding:45px}.garage-sign{font-size:clamp(42px,5vw,72px);line-height:.8;letter-spacing:-.1em;border-top:2px solid currentColor;border-bottom:2px solid currentColor;padding:20px 0}.garage-sign b{font-family:'Playfair Display',serif;font-weight:600}.workshop-visual p{font:10px 'DM Mono',monospace;line-height:1.5}.workshop-visual i{position:absolute;width:65%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;right:-18%;bottom:-25%}.analog-visual{background:#242218;display:flex;align-items:center;justify-content:center}.film{display:flex;width:75%;height:75%;gap:8px;border:8px solid #e8dfc4;background:#e8dfc4}.film img{width:33.333%;object-fit:cover;filter:contrast(1.05) saturate(.7)}.analog-visual span{position:absolute;bottom:22px;left:24px;color:#e8dfc4;font:9px 'DM Mono',monospace}.about{margin-top:130px;padding:120px var(--pad);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.about h2{color:var(--acid);font-size:clamp(48px,6vw,92px)}.about-copy>p{font-size:18px;line-height:1.55;max-width:620px;margin:0 0 23px}.credentials{margin:42px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.3)}.credentials span{padding:14px 14px 14px 0;border-bottom:1px solid rgba(255,255,255,.3);font:9px 'DM Mono',monospace;line-height:1.6}.credentials b{font-family:Manrope,sans-serif;font-size:11px}.about .text-link{color:var(--acid)}.contact{padding:140px var(--pad);background:var(--acid);min-height:620px;position:relative}.contact h2{font-size:clamp(50px,7vw,104px);max-width:850px}.contact-button{display:inline-flex;margin-top:45px;background:var(--ink);color:var(--paper);padding:20px 24px;text-decoration:none;font-size:13px;font-weight:800}.contact>div{position:absolute;right:var(--pad);bottom:50px;display:grid;gap:8px;text-align:right}.contact>div a{color:var(--ink);font-size:12px;font-weight:700}footer{padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;background:var(--paper);font:10px 'DM Mono',monospace}footer nav{gap:18px}footer nav a{font-size:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{min-height:460px}.intro-strip,.section-heading,.about{grid-template-columns:1fr;gap:20px}.project{grid-template-columns:45px 1fr}.project-visual{grid-column:1/-1}.project-copy{padding-right:0}.section-heading{margin-bottom:60px}.about{padding-top:80px;padding-bottom:80px}.contact{padding-top:100px}.credentials{grid-template-columns:1fr}.contact>div{position:static;margin-top:50px;text-align:left}footer{gap:20px;align-items:flex-start;flex-direction:column}}@media(max-width:560px){.nav{height:64px}.nav nav a:not(.contact-link){display:none}.hero-copy{padding-top:80px}.hero h1{font-size:15vw}.hero-art{min-height:390px;padding:20px}.art-center{height:280px}.intro-strip{padding-top:25px;padding-bottom:25px}.intro-strip span{display:none}.work{padding-top:80px}.project{grid-template-columns:1fr}.project-number{padding:15px 0 0}.project-copy{padding:35px 0 45px}.project-visual{min-height:400px}.about{margin-top:80px}.contact{min-height:500px;padding-top:90px}.contact h2{font-size:14vw}footer nav{flex-wrap:wrap}.actions{gap:17px}.lead{font-size:16px}}
/* Little Fella portfolio card */
.fella-visual{background:#edff35;display:grid;place-items:center}.fella-ring{position:absolute;width:75%;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%}.fella-ring.r2{width:125%;border-style:dashed}.portfolio-fella{position:relative;width:45%;aspect-ratio:.78;border:2px solid var(--ink);border-radius:48% 52% 40% 45%;background:var(--paper);box-shadow:12px 13px 0 var(--ink);display:flex;align-items:center;justify-content:center;font:clamp(22px,3vw,42px) 'DM Mono',monospace;transform:rotate(-7deg)}.portfolio-fella b{position:absolute;bottom:15%;font:800 13px Manrope,sans-serif;text-align:center;line-height:.82}.fella-visual>i{position:absolute;left:8%;top:14%;border:2px solid var(--ink);background:#ff5a36;padding:8px;font:10px 'DM Mono',monospace;font-style:normal;transform:rotate(-12deg)}.fella-visual>small{position:absolute;bottom:24px;left:25px;font:9px 'DM Mono',monospace}