@font-face{font-family:Family;src:url(/fonts/family-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Favorit;src:url(/fonts/ABCFavorit-Book.woff2) format("woff2"),url(/fonts/ABCFavorit-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Athletics;src:url(/fonts/Athletics-Bold.woff2) format("woff2"),url(/fonts/Athletics-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--back-cream: #f9f5e9;--silver: #eee6cf;--soft-grey: #d1c8ad;--grey: #a59f8d;--dark-grey: #514f48;--black: #0e0e0e;--warm-black: #200a06;--white: #ffffff;--yellow: #f8d14b;--orange: #f9a661;--red: #ff5770;--pink: #f4c7fa;--light-blue: #8cddff;--dark-blue: #3e88fb;--green: #b8d22f;--accent: #52be3c;--font-display: "Athletics", "Inter", system-ui, sans-serif;--font-serif: "Family", "Nanum Myeongjo", Georgia, serif;--font-body: "ABC Favorit", "Inter", system-ui, sans-serif;--font-ui: "Athletics", "Inter", system-ui, sans-serif;--fs-display: clamp(64px, 8vw, 112px);--fs-h1: clamp(38px, 4.2vw, 60px);--fs-h2: clamp(30px, 3vw, 42px);--fs-h3: clamp(22px, 1.8vw, 26px);--fs-body: 17px;--fs-small: 14px;--fs-micro: 12px;--section-pad: 160px;--gutter: clamp(24px, 3vw, 48px);--maxw: 1280px;--radius: 14px;--radius-lg: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;color:var(--black);background:var(--back-cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.bar{background:var(--back-cream);border-bottom:1px solid var(--black);position:relative;z-index:10}.bar-inner{max-width:var(--maxw);margin:0 auto;padding:12px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:var(--font-ui);font-size:var(--fs-small);letter-spacing:.01em}.bar-marquee{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.bar-marquee span{display:inline-block;padding-left:100%;animation:marquee 22s linear infinite;color:var(--dark-grey)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.bar-cta{display:inline-flex;align-items:center;gap:6px;transition:opacity .2s}.bar-cta:hover{opacity:.65}.nav{position:relative;z-index:9;background:var(--back-cream);overflow:visible}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:10px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:visible}.logo{display:flex;align-items:center;gap:14px;position:relative}.logo-mark{width:76px;height:76px;overflow:visible;background:transparent;display:grid;place-items:center;margin:4px 0 -20px}.logo-mark img{width:100%;height:100%;object-fit:contain}.logo-wordmark{font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--black);padding-left:14px}.nav-right{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-menu{display:flex;align-items:center;gap:2px;font-family:var(--font-ui);font-size:var(--fs-small)}.nav-link{padding:8px 12px;border-radius:0;color:var(--black);transition:color .2s,opacity .2s;position:relative}.nav-link:hover{opacity:.6}.nav-link.current:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--accent, var(--black));border-radius:2px}.nav-cta{margin-left:12px;padding:9px 18px;border-radius:999px;background:var(--black);color:var(--back-cream);display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);transition:background .25s,transform .25s,padding .25s,gap .25s;position:relative}.nav-cta:after{content:"→";display:inline-block;transform:translate(-4px);opacity:0;transition:transform .25s,opacity .25s;font-size:15px;line-height:1}.nav-cta:hover{background:var(--accent, var(--warm-black));padding-right:22px;gap:10px}.nav-cta:hover:after{transform:translate(0);opacity:1}.nav-cta-glyph{width:12px;height:12px;display:block;filter:brightness(0) invert(1) sepia(.2) saturate(.5) hue-rotate(340deg) drop-shadow(0 0 4px rgba(184,210,47,.9)) drop-shadow(0 0 8px rgba(184,210,47,.5));animation:glyphGlow 2s ease-in-out infinite}@keyframes glyphGlow{0%,to{filter:brightness(0) invert(.96) sepia(.3) saturate(.6) hue-rotate(340deg) drop-shadow(0 0 3px rgba(184,210,47,.7)) drop-shadow(0 0 6px rgba(184,210,47,.4))}50%{filter:brightness(0) invert(.96) sepia(.3) saturate(.6) hue-rotate(340deg) drop-shadow(0 0 6px rgba(184,210,47,1)) drop-shadow(0 0 12px rgba(184,210,47,.7))}}.nav-cta:hover .nav-cta-glyph{filter:brightness(0) invert(.96) sepia(.3) saturate(.6) hue-rotate(340deg) drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(255,255,255,.5));animation:none}.hero{padding:80px 0;text-align:center;position:relative;overflow:hidden}.display{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);line-height:.92;letter-spacing:-.035em;margin:0 0 20px;color:var(--black);text-transform:none}.display em{font-family:var(--font-serif);font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--dark-grey)}.display sup{font-family:var(--font-ui);font-weight:400;font-size:.14em;letter-spacing:.02em;vertical-align:super;color:var(--dark-grey);margin-left:4px;top:-.6em;position:relative}.hero-lede{max-width:720px;margin:0 auto 28px;font-size:clamp(18px,1.4vw,22px);line-height:1.5;color:var(--dark-grey);font-family:var(--font-body);text-wrap:balance}.highlight{position:relative;display:inline-block;white-space:nowrap;color:var(--black);padding:0 .08em}.highlight:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.12em;height:.38em;background:var(--accent, var(--yellow));border-radius:999px/60%;z-index:-1;transform:rotate(-.6deg);opacity:.85;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s}.highlight:hover:after{transform:rotate(-.6deg) scaleX(1.03)}.highlight--underline:after{height:.14em;bottom:.02em;border-radius:2px;opacity:1}.hero-meta{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:0;font-family:var(--font-ui);font-size:var(--fs-small);color:var(--dark-grey)}.hero-meta-item{display:flex;align-items:center;gap:10px}.shape{width:14px;height:14px;display:inline-block;flex-shrink:0;vertical-align:middle}.hero-meta-item .shape{width:16px;height:16px}.section{padding:var(--section-pad) 0;position:relative}.section+.section{border-top:1px solid color-mix(in srgb,var(--black) 10%,transparent)}.eyebrow{font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow-shape{width:14px;height:14px;flex-shrink:0;display:block}.h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance;text-transform:none}.h1 em{font-family:var(--font-serif);font-weight:400;font-style:italic;letter-spacing:-.015em;color:var(--dark-grey)}.h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}.h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}.prose p{margin:0 0 16px;color:var(--dark-grey)}.prose p:last-child{margin-bottom:0}.prose strong{color:var(--black);font-weight:500}.prose a{border-bottom:1px solid currentColor;transition:opacity .2s}.prose a:hover{opacity:.7}.section--projects{padding-top:16px;padding-bottom:calc(var(--section-pad) * .55)}.projects-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px;flex-wrap:wrap}.projects-head h2{max-width:560px;margin-bottom:0}.projects-head p{max-width:380px;color:var(--dark-grey);margin:0}.projects-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:20px}.project{position:relative;border-radius:var(--radius);overflow:hidden;grid-row:span 2;display:flex;align-items:flex-end;color:var(--white);transition:transform .4s cubic-bezier(.2,.7,.2,1);isolation:isolate}.project:hover{transform:translateY(-4px)}.project:before{content:"";position:absolute;inset:0;z-index:-1;transition:filter .3s}.project:hover:before{filter:brightness(1.05) saturate(1.1)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55) 100%);z-index:-1}.project--wide{grid-column:span 4}.project--narrow{grid-column:span 2}.project--tall{grid-column:span 2;grid-row:span 4}.project--half{grid-column:span 3}.project--third{grid-column:span 2}.project--full{grid-column:span 6}.project--cta{background:var(--silver);color:var(--black);border:1px dashed var(--grey)}.project--cta:before,.project--cta:after{display:none}.project--cta:hover{background:var(--soft-grey);transform:translateY(-4px)}.project-cta-inner{padding:28px;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.project-cta-inner .project-title{color:var(--black);font-size:22px;max-width:14ch}.project-tag.project-tag--dark{background:var(--black);color:var(--back-cream);align-self:flex-start}.project-body{padding:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;width:100%}.project-title{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.015em;margin:0;max-width:18ch;text-wrap:balance}.project-tag-glyph{width:10px;height:10px;display:inline-block;vertical-align:middle;margin-right:2px;filter:brightness(0) invert(1)}.project-tag--dark .project-tag-glyph{filter:brightness(0) invert(1)}.project-tag{font-family:var(--font-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.project-status{position:absolute;top:16px;right:16px;font-family:var(--font-ui);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white)}.project-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:hover .project-media{transform:scale(1.04)}.project-year{position:absolute;top:16px;left:16px;font-family:var(--font-ui);font-size:11px;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#ffffffe6;color:var(--black);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.projects-foot{display:flex;justify-content:center;margin-top:56px}.arrow-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:15px;padding:12px 22px;border:1px solid var(--soft-grey);border-radius:999px;transition:background .25s,border-color .25s,padding .25s}.arrow-link:hover{background:var(--silver);padding-right:30px}.arrow-link:after{content:"→";font-size:18px;line-height:1;transition:transform .25s}.arrow-link:hover:after{transform:translate(3px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px);align-items:stretch}.split-media{border-radius:var(--radius-lg);overflow:hidden;background:transparent;position:relative;display:grid;place-items:center;padding:14px;min-height:100%;border:1px solid color-mix(in srgb,var(--black) 14%,transparent)}.split-media img,.split-media video{width:100%;height:100%;object-fit:contain;display:block;border-radius:calc(var(--radius-lg) - 8px)}.split-media-video{background:transparent;clip-path:inset(0 2px 0 0)}.split-media-caption{position:absolute;bottom:16px;left:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:999px;font-family:var(--font-ui);font-size:12px;color:var(--black)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.service{background:var(--white);border:1px solid var(--silver);border-radius:var(--radius-lg);padding:32px 28px 28px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.service:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #0e0e0e26}.service-number{font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;color:var(--grey)}.service-icon{width:64px;height:64px;border-radius:50%;margin:20px 0 28px;display:grid;place-items:center;position:relative}.service-icon img.service-glyph{width:28px;height:28px;display:block}.service-icon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px dashed currentColor;opacity:.35;animation:spin 32s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.service--web .service-icon{background:var(--yellow);color:var(--warm-black)}.service--auto .service-icon{background:var(--light-blue);color:var(--warm-black)}.service--skill .service-icon{background:var(--pink);color:var(--warm-black)}.service h3{margin-bottom:10px}.service p{font-size:15px;color:var(--dark-grey);margin:0;line-height:1.55}.service-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:6px}.service-list li{font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dark-grey);padding:4px 10px;border:1px solid var(--silver);border-radius:999px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(48px,7vw,128px);align-items:start}.faq-aside p{color:var(--dark-grey);margin-top:16px}.faq-list{border-top:1px solid var(--soft-grey)}.faq-item{border-bottom:1px solid var(--soft-grey);padding:28px 0;cursor:pointer}.faq-item>summary{list-style:none}.faq-item>summary::-webkit-details-marker{display:none}.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.7,.2,1),padding .35s ease,opacity .35s ease;color:var(--dark-grey);font-size:16px;line-height:1.6;opacity:0}.faq-item[open] .faq-a{max-height:400px;padding-top:16px;padding-right:56px;opacity:1}.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;font-family:var(--font-serif);font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.005em;color:var(--black)}.faq-q:after{content:"+";font-family:var(--font-ui);font-size:22px;line-height:1;width:32px;height:32px;border-radius:50%;border:1px solid var(--soft-grey);display:grid;place-items:center;flex-shrink:0;transition:transform .3s,background .3s,color .3s}.faq-item[open] .faq-q:after{content:"−";background:var(--black);color:var(--back-cream);border-color:var(--black)}.cta{background:var(--warm-black);color:var(--back-cream);padding:140px 0 0;text-align:center;position:relative;overflow:hidden}.cta-eyebrow{display:inline-block;border:1px solid rgba(249,245,233,.4);border-radius:999px;padding:7px 18px;font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--back-cream);margin-bottom:40px}.cta-link{display:inline-block;font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:clamp(64px,11vw,160px);line-height:.95;letter-spacing:-.03em;color:var(--back-cream);padding-bottom:8px;border-bottom:1px solid rgba(249,245,233,.4);transition:border-color .3s,transform .3s}.cta-link:hover{border-bottom-color:var(--back-cream);transform:translateY(-4px)}.cta-sub{margin-top:24px;font-family:var(--font-ui);font-size:14px;color:color-mix(in srgb,var(--back-cream) 70%,transparent)}.cta-image{margin-top:72px;max-width:520px;margin-left:auto;margin-right:auto;display:block}.footer{background:var(--back-cream);padding:64px 0 12px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--black);gap:24px;flex-wrap:wrap}.footer-wordmark{font-family:var(--font-ui);font-size:28px;letter-spacing:.02em;line-height:1;padding:0;margin:0}.footer-socials{display:flex;gap:4px}.footer-socials a{width:36px;height:36px;border-radius:0;border:none;display:grid;place-items:center;transition:opacity .2s;color:var(--black)}.footer-socials a:hover{opacity:.6}.footer-socials img{width:18px;height:18px;opacity:.75}.footer-socials a img.footer-envelope{width:22px;height:22px;opacity:1}.footer-bottom{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-top:40px}.footer-col h4{font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin:0 0 20px;font-weight:400}.footer-col a{display:block;padding:6px 0;font-size:15px;color:var(--black);transition:opacity .2s}.footer-col a:hover{opacity:.6}.footer-col p{font-size:15px;color:var(--dark-grey);margin:0 0 8px;line-height:1.55}.footer-fine{margin-top:40px;padding-top:20px;border-top:1px solid var(--soft-grey);display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:12px;color:var(--grey);letter-spacing:.04em}@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project--wide,.project--narrow,.project--half,.project--third,.project--tall,.project--full{grid-column:span 2;grid-row:span 2}.split,.faq-grid,.footer-bottom,.services-grid{grid-template-columns:1fr}.nav-menu{display:none}}