:root{color-scheme:dark;--bg:#101010;--fg:#f2f2ef;--muted:#a1a19e;--line:#30302f;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#fff;color:#111}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{height:100px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-1px}.brand img{width:38px;height:24px}.brand-dev{font-weight:400;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav>a{color:#b8b8b5;transition:color .2s}nav>a:hover{color:white}.nav-contact{border:1px solid #464644;border-radius:100px;padding:11px 18px;color:var(--fg)}.label,.location,.small-note{font-size:10px;letter-spacing:1.5px;font-weight:500}.label{color:var(--muted)}.hero{border-top:1px solid var(--line)}.hero-intro{display:flex;justify-content:space-between;align-items:center;padding-top:26px}.location{color:var(--muted)}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:52px 0 56px}.hero-copy h1{font:700 clamp(64px,7.7vw,108px)/.95 var(--display);letter-spacing:-1.6px;margin:0 0 25px}.italic{font-style:italic;color:#aaa;display:inline-block}.hero-copy>p{font-size:14px;line-height:1.8;color:#aaa;margin:0 0 30px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 22px;border-radius:11px;font-size:13px;font-weight:650;min-height:52px;border:1px solid transparent;transition:transform .22s cubic-bezier(.2,.7,.2,1),background .22s,border-color .22s,box-shadow .22s}.white{background:var(--fg);color:#151515;box-shadow:0 8px 24px #0002}.white:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 28px #0004}.black{background:#171717;color:#f3f3ee;border-color:#2f2f2f}.black:hover{background:#222;transform:translateY(-2px);border-color:#4d4d4d}.button:active,.nav-contact:active{transform:scale(.975)}.work-link,.social-link,.project-visit{font-size:12px;color:#bdbdb8;position:relative;display:inline-flex;align-items:center;padding:7px 0;transition:color .2s}.work-link:after,.social-link:after,.project-visit:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;opacity:.45;transition:transform .25s ease,opacity .25s ease}.work-link:hover,.social-link:hover,.project-visit:hover{color:#fff}.work-link:hover:after,.social-link:hover:after,.project-visit:hover:after{transform:scaleX(1);opacity:.9}.signature{display:flex;align-items:center;gap:10px;color:#888;font-size:8px;letter-spacing:1px;margin-top:45px}.short-line{width:22px;height:1px;background:#777}.identity-card{min-width:0;border:1px solid #393939;border-radius:20px;aspect-ratio:1/1.08;background:linear-gradient(160deg,#1e1e1e 0%,#171717 100%);display:flex;flex-direction:column;padding:27px 30px;position:relative;isolation:isolate;box-shadow:0 26px 70px #0006,inset 0 1px 0 #ffffff08;overflow:hidden;transform:none;animation:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}.identity-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-85px;background:#ffffff08;filter:blur(2px);z-index:-1}.identity-card:after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 37%,#ffffff05 47%,#ffffff12 50%,#ffffff04 54%,transparent 64%);transform:translateX(-35%);transition:transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:-1}.identity-card:hover{transform:translateY(-6px) rotate(.4deg);border-color:#555;box-shadow:0 34px 86px #0008,inset 0 1px 0 #ffffff0c}.identity-card:hover:after{transform:translateX(28%)}.card-top,.card-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#aaa}.hero-mark{width:39%;height:auto;align-self:center;margin:auto auto 14px;filter:drop-shadow(0 8px 18px #0005)}.wordmark{font:800 clamp(72px,8.8vw,126px)/.74 var(--display);font-style:italic;letter-spacing:-3px;text-align:center;padding-right:12px;margin:0 0 auto}.wordmark>span{display:block;font-size:.62em;letter-spacing:0;margin-top:12px}.card-bottom{border-top:1px solid #3d3d3d;padding-top:17px;margin-top:24px}.hero-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font-size:8px;letter-spacing:1.4px;color:#8a8a87}.hero-base a{padding-left:15px}.section{padding-block:86px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:30px}h2{font:600 46px/1.06 var(--display);margin:14px 0 0;letter-spacing:-.4px}.small-note{font-size:8px;color:#999;padding-bottom:5px}.section-head>p{color:#999;font-size:12px;margin:0 0 3px}.project-card{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid #373735;border-radius:18px;overflow:hidden;background:#191919;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}.project-card:hover{border-color:#777;transform:translateY(-4px);box-shadow:0 20px 45px #0004}.project-art{background:#e3e3dc;color:#181818;padding:24px 30px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}.project-topline,.project-bottomline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;line-height:1.4}.project-topline{padding-bottom:16px;border-bottom:1px solid #b9b9b3}.hydra-word{position:relative;font:800 89px/.8 var(--display);letter-spacing:-1px;padding:27px 0}.hydra-word>span{display:block;font-style:italic;color:#777770}.project-bottomline{border-top:1px solid #b9b9b3;padding-top:16px}.project-info{padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-name{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}.project-name h3{font-size:28px;letter-spacing:-1px;margin:0}.project-info>p{font-size:12px;line-height:1.8;color:#a8a8a2;margin:20px 0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:7px;letter-spacing:.9px;border:1px solid #454540;padding:6px 9px;border-radius:999px;color:#bcbcb5;background:#ffffff02}.project-visit{margin-top:28px}.services{padding-top:15px}.service-list{border-top:1px solid #55554d}.service-list article{display:grid;grid-template-columns:45px 1fr auto;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:transform .22s ease,background .22s}.service-list article:hover{transform:translateX(5px);background:#ffffff02}.service-number{font-size:10px;color:#a1a19a}.service-list h3{font:600 32px/1 var(--display);margin:0 0 10px}.service-list p{font-size:12px;color:#a1a19a;margin:0;max-width:510px}.service-tag{font-size:8px;letter-spacing:1px;border:1px solid #3d3d37;border-radius:30px;padding:7px 12px;color:#aaa}.about-wrap{background:#181818;border-block:1px solid #2c2c28}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-title h2{font:600 66px/.98 var(--display);margin-top:30px}.about-title em{color:#93938a}.about-copy{padding-top:20px}.about-copy p{font-size:13px;line-height:1.9;color:#aaa;max-width:420px}.about-copy .about-lead{font:500 23px/1.4 var(--body);color:#efefe9;letter-spacing:-.5px;margin:0 0 28px}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.questions h2{font-size:40px}.faq{border-top:1px solid #494943}.faq details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;gap:15px;padding:20px 0;font-size:13px;min-height:62px;transition:color .2s,padding-left .2s}summary:hover{color:#fff;padding-left:4px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;color:#aaa;transition:transform .25s ease,color .25s}details[open] summary>span{transform:rotate(45deg);color:#fff}details p{font-size:12px;line-height:1.8;color:#aaa;margin:0 30px 20px 0}.contact{background:#edede7;color:#151515;border-radius:20px;padding:38px 46px 42px;margin-top:10px;box-shadow:0 22px 60px #0003}.contact-meta{display:flex;align-items:center;justify-content:space-between}.contact-meta .label{color:#5b5b54}.contact-meta img{width:62px;height:48px;object-fit:contain;filter:invert(1)}.contact h2{font:700 86px/.88 var(--display);letter-spacing:-1px;margin:30px 0 35px}.contact h2 em{font-style:italic;color:#77776c}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid #bfbfb5}.contact-bottom>p{font-size:12px;color:#62625c}.contact-bottom .button{min-width:248px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:40px;font-size:8px;letter-spacing:1px;color:#999}footer .brand{color:#eee;font-size:17px;letter-spacing:-.7px}footer .brand img{width:34px;height:27px}.skip{position:absolute;top:-80px;left:20px;background:white;color:black;padding:14px;z-index:20}.skip:focus{top:10px}.brand img{width:39px;height:32px;object-fit:contain}.nav-contact{border-color:#3a3a3a;background:#171717;padding:12px 18px;font-weight:600;transition:transform .22s,background .22s,border-color .22s}.nav-contact:hover{background:#202020;border-color:#666;color:#fff;transform:translateY(-1px)}
@media(min-width:1400px){.hero-layout{gap:85px}.identity-card{max-width:425px;justify-self:end;width:100%}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.hero-layout{gap:35px}.hero-copy h1{font-size:78px}.wordmark{font-size:100px}.hero-copy>p br{display:none}.hero-copy>p{max-width:320px}.signature{font-size:7px}.identity-card{padding:20px}.project-info{padding:25px}.project-name h3{font-size:24px}.service-tag{display:none}.service-list article{grid-template-columns:40px 1fr}.about{gap:45px}.questions{gap:30px}.small-note{display:none}.contact h2{font-size:76px}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.header{height:78px}.brand{font-size:19px}.brand img{width:32px;height:26px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:10px;padding:10px 13px}.hero-intro{padding-top:20px}.hero-intro .label{font-size:8px;letter-spacing:1px}.location{font-size:8px;letter-spacing:.6px}.hero-layout{display:flex;flex-direction:column;gap:28px;padding:32px 0}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(66px,16vw,88px);margin-bottom:20px;line-height:.96}.hero-copy>p{font-size:13px;max-width:360px;margin-bottom:23px}.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .button{padding:15px 16px;font-size:12px;width:100%}.work-link{font-size:10px;align-self:flex-start}.signature{display:none}.identity-card{width:100%;aspect-ratio:1.5;padding:19px 22px;border-radius:17px}.identity-card:hover{transform:none}.hero-mark{width:72px;height:54px;margin:4px auto 10px}.wordmark{font-size:70px;letter-spacing:-2px;line-height:.8;padding:0;display:flex;gap:7px;align-items:end;justify-content:center;margin:auto 0}.wordmark>span{font-size:1em;margin:0}.card-top,.card-bottom{font-size:7px}.card-bottom{margin-top:18px;padding-top:12px}.hero-base{font-size:6px;letter-spacing:.8px;padding:13px 0}.section{padding-block:58px}.section-head{margin-bottom:25px}.section-head h2,h2{font-size:38px}.section-head>p{display:none}.label{font-size:8px;letter-spacing:1.2px}.project-card{grid-template-columns:1fr;border-radius:16px}.project-card:hover{transform:none}.project-art{min-height:280px;padding:22px}.hydra-word{font-size:78px;padding:23px 0}.project-info{padding:25px}.project-name h3{font-size:24px}.project-info>p{margin:14px 0}.project-visit{margin-top:20px}.services{padding-top:0}.service-list article{padding:24px 0;gap:12px;grid-template-columns:25px 1fr}.service-list article:hover{transform:none}.service-list h3{font-size:30px}.service-list p{font-size:12px;line-height:1.8}.about{grid-template-columns:1fr;gap:30px}.about-title h2{font-size:56px;margin-top:22px}.about-copy{padding:0}.about-copy .about-lead{font-size:21px}.about-copy p{font-size:13px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:36px}summary{font-size:12px}.contact{padding:25px 22px;margin-top:0;border-radius:17px}.contact h2{font-size:66px;margin:25px 0}.contact-meta img{width:49px;height:38px}.contact-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:17px}.contact-bottom>p{margin:0 0 8px}.contact-bottom .button{width:100%;min-width:0}footer{display:grid;grid-template-columns:1fr auto;padding-block:30px;row-gap:16px;font-size:7px}footer>span:last-child{grid-column:1 / -1}footer .brand{font-size:17px}}
@media(max-width:359px){.identity-card{padding:15px;aspect-ratio:1.4}.wordmark{font-size:61px}.contact h2{font-size:58px}.project-topline{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}