:root{--ink:#0d302e;--ink-soft:#496562;--ink-faint:#718986;--aqua:#8de4e8;--aqua-strong:#56d3dc;--mint:#a8ecd7;--ice:#e8f8f6;--paper:#f6fbfa;--white:#fff;--line:#0d302e1f;--line-strong:#0d302e33;--shadow:0 28px 90px #1f696421;--dusk-ink:#38283e;--dusk-soft:#67546a;--dusk-faint:#897383;--sunset:#f3aa5f;--afterglow:#dc8376;--twilight:#8c7897;--page:1180px}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;isolation:isolate;background:0 0;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65;transition:color .72s cubic-bezier(.22,1,.36,1);position:relative}body:before,body:after{z-index:-1;content:"";pointer-events:none;transition:opacity .92s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}body:before{background:radial-gradient(circle at 8% 12%, #8de4e821, transparent 24rem), var(--paper);opacity:1}body:after{opacity:0;background:radial-gradient(circle at 74% 13%,#ffbe5c85,#0000 27rem),radial-gradient(circle at 12% 72%,#e07e6833,#0000 31rem),radial-gradient(circle at 92% 88%,#64527e3d,#0000 34rem),linear-gradient(145deg,#fffaf0 0%,#f4ddc6 42%,#dcc2ca 72%,#bbb8ca 100%)}body:has(.writing-page){color:var(--dusk-ink)}body:has(.writing-page):before{opacity:0}body:has(.writing-page):after{opacity:1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--aqua-strong);outline-offset:4px}::selection{color:var(--ink);background:var(--aqua)}.skip-link{z-index:100;color:var(--white);background:var(--ink);border-radius:999px;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(calc(100% - 48px), var(--page));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background-color:#f6fbfac7;border-bottom:1px solid #0d302e14;transition:border-color .72s cubic-bezier(.22,1,.36,1),background-color .72s cubic-bezier(.22,1,.36,1),box-shadow .72s cubic-bezier(.22,1,.36,1);position:sticky;top:0}.site-header__inner{width:min(calc(100% - 48px), var(--page));justify-content:space-between;align-items:center;gap:32px;min-height:76px;margin-inline:auto;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand__mark,.footer-mark{background:linear-gradient(145deg,#8ce9edf0,#b2f2d8eb);border:1px solid #ffffffbf;border-radius:50%;width:34px;height:34px;transition:box-shadow .72s cubic-bezier(.22,1,.36,1);display:inline-grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #4dc4c533,inset 0 1px #ffffffd1}.brand__mark img,.footer-mark img{object-fit:cover;object-position:50% 42%;max-width:none}.brand__name{letter-spacing:.04em;font-size:15px;font-weight:780;transition:color .72s cubic-bezier(.22,1,.36,1)}.site-nav{color:var(--ink-soft);align-items:center;gap:32px;font-size:14px;font-weight:650;transition:color .72s cubic-bezier(.22,1,.36,1);display:flex}.site-nav a{padding-block:8px;position:relative}.site-nav a:after{background:var(--ink);content:"";transform-origin:100%;height:1px;transition:background-color .72s cubic-bezier(.22,1,.36,1),transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}body:has(.writing-page) .site-header{background-color:#fff6ebb3;border-bottom-color:#4e30481c;box-shadow:0 12px 38px #5936480b}:is(body:has(.writing-page) .brand__mark,body:has(.writing-page) .footer-mark){box-shadow:0 8px 24px #9b5b5c33,inset 0 1px #fffaebbf}body:has(.writing-page) .site-nav{color:var(--dusk-soft)}body:has(.writing-page) .site-nav a:after{background-color:var(--dusk-ink)}body:has(.writing-page) .site-nav a[href="/writing/"]:after{transform-origin:0;transform:scaleX(1)}body:has(.writing-page) :focus-visible{outline-color:var(--sunset)}body:has(.writing-page) ::selection{color:var(--dusk-ink);background:#f3aa5f9e}.hero{padding-block:82px 96px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;border:1px solid #56d3dc1f;border-radius:50%;width:52rem;height:52rem;position:absolute;top:-18rem;left:50%}.hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);align-items:center;gap:clamp(56px,8vw,112px);display:grid}.hero__copy{z-index:2;position:relative}.eyebrow{color:#338d87;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 22px;font-size:12px;font-weight:760;line-height:1.4;display:flex}.eyebrow>span:first-child{background:linear-gradient(90deg, var(--aqua-strong), var(--mint));border-radius:999px;flex:none;width:26px;height:2px}.eyebrow--dark{color:#367b76}.hero h1{letter-spacing:-.075em;max-width:700px;margin:0;font-size:clamp(3.4rem,6.2vw,5.75rem);font-weight:690;line-height:1.02}.hero__lede{max-width:590px;color:var(--ink-soft);margin:30px 0 0;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.8}.hero__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.button,.text-link{border-radius:999px;justify-content:center;align-items:center;gap:11px;min-height:50px;font-size:14px;font-weight:720;display:inline-flex}.button{border:1px solid #0000;padding:13px 20px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button--primary{color:var(--white);background:var(--ink);box-shadow:0 14px 34px #0d302e2b}.button--primary:hover{box-shadow:0 18px 42px #0d302e3b}.button--quiet{border-color:var(--line-strong);background:#ffffff85}.button--quiet:hover{background:var(--white);box-shadow:0 14px 34px #2165601a}.text-link{min-height:auto;padding-block:8px}.arrow{font-size:18px;font-weight:500;transition:transform .18s;display:inline-block}a:hover .arrow{transform:translate(4px)}.arrow--diagonal{transform:rotate(-45deg)}a:hover .arrow--diagonal{transform:translate(3px,-3px)rotate(-45deg)}.arrow--back{transition:transform .18s}a:hover .arrow--back{transform:translate(-4px)}.hero-art{background:linear-gradient(145deg, #ffffffb8, #e0f9f575), linear-gradient(135deg, var(--aqua), var(--mint));min-height:500px;box-shadow:var(--shadow), inset 0 1px 0 #ffffffe0;isolation:isolate;border:1px solid #2d807b21;border-radius:54px;position:relative;overflow:hidden}.hero-art__grid{z-index:-1;opacity:.32;background-image:linear-gradient(#2269641a 1px,#0000 1px),linear-gradient(90deg,#2269641a 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 80%);mask-image:linear-gradient(to bottom right,#000,#0000 80%)}.hero-art__orbit{border:1px solid #1d6c6726;border-radius:50%;position:absolute}.hero-art__orbit--one{width:340px;height:340px;top:-90px;right:-80px}.hero-art__orbit--two{width:300px;height:300px;bottom:-130px;left:-100px}.hero-art__glow{filter:blur(42px);background:#43d3da57;border-radius:50%;width:220px;height:220px;position:absolute;bottom:12%;right:10%}.monogram-card{aspect-ratio:.78;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff7a;border:1px solid #ffffffc7;border-radius:38px;flex-direction:column;justify-content:space-between;width:min(68%,330px);padding:24px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(5deg);box-shadow:0 28px 60px #24736e26,inset 0 1px #ffffffe6}.monogram-card:before{content:"";filter:blur(5px);background:linear-gradient(145deg,#74e0e585,#a5efd62e);border-radius:50%;width:105%;height:72%;position:absolute;top:-20%;right:-45%}.monogram-card__index{z-index:1;color:#4d7975;letter-spacing:.08em;font-size:12px;font-weight:750;position:relative}.monogram-card__portrait{z-index:1;aspect-ratio:1024/630;background:#e8f8f680;border:1px solid #ffffffe0;border-radius:22px;align-self:center;width:min(88%,252px);position:relative;overflow:hidden;box-shadow:0 18px 36px #22817b29,inset 0 1px #ffffffc7}.monogram-card__portrait img{object-fit:cover;max-width:none}.monogram-card__footer{z-index:1;color:#4b7672;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:10px;font-weight:720;display:flex;position:relative}.hero-art__dot{background:var(--aqua-strong);border:3px solid #fffc;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 8px 20px #24736e2e}.hero-art__dot--one{top:15%;left:14%}.hero-art__dot--two{background:var(--mint);width:10px;height:10px;bottom:15%;right:13%}.section-space{padding-block:112px}.section-heading{max-width:760px;margin-bottom:52px}.section-heading h2,.writing-preview h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.35rem,4.2vw,4.1rem);font-weight:680;line-height:1.08}.section-heading>p:last-child{max-width:610px;color:var(--ink-soft);margin:20px 0 0;font-size:17px}.projects{border-top:1px solid var(--line);background:#ffffff6b}.project-card{border:1px solid var(--line);background:linear-gradient(135deg,#e8f8f6db,#ffffffe6);border-radius:42px;grid-template-columns:minmax(250px,.82fr) minmax(0,1.5fr) auto;align-items:stretch;gap:clamp(34px,5vw,68px);min-height:390px;padding:34px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 72px #1f696414}.project-card:hover{border-color:#46b0ab4d;transform:translateY(-5px);box-shadow:0 32px 90px #1f696424}.project-card__visual{background:radial-gradient(circle at 28% 22%,#ffffffd1,#0000 28%),linear-gradient(145deg,#84e2e76b,#a8ecd780);border-radius:30px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.project-card__visual:before{content:"";border:1px solid #ffffff8c;border-radius:24px;position:absolute;inset:18px}.project-card__halo{filter:blur(36px);background:#54d5db42;border-radius:50%;width:230px;height:230px;position:absolute}.project-card__icon{z-index:1;filter:drop-shadow(0 22px 28px #1c68642b);border-radius:25%;width:min(68%,210px);transition:transform .26s;position:relative}.project-card:hover .project-card__icon{transform:scale(1.035)rotate(-1deg)}.project-card__body{align-self:center;padding-block:12px}.project-card__topline{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.status-pill{color:#2f736d;letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;font-weight:720;display:inline-flex}.status-pill>span{background:#54cbb1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #54cbb121}.project-card h3{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:690;line-height:1.08}.project-card__body>p{max-width:650px;color:var(--ink-soft);margin:22px 0 0;font-size:16px;line-height:1.85}.tag-list{flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:#456d69;background:#ffffff8f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:680}.project-card__link{border:1px solid var(--line-strong);border-radius:50%;align-self:flex-start;place-items:center;width:52px;height:52px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.project-tile{border:1px solid var(--line);isolation:isolate;background:#ffffffb8;border-radius:36px;flex-direction:column;min-height:470px;padding:30px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 54px #1f69640f}.project-tile:before{z-index:-1;content:"";filter:blur(10px);opacity:.64;border-radius:50%;width:280px;height:280px;position:absolute;top:-110px;right:-90px}.project-tile:hover{border-color:#46b0ab4d;transform:translateY(-5px);box-shadow:0 28px 74px #1f69641f}.project-tile--team:before{background:#67dfd54d}.project-tile--pixel:before{background:#70cded47}.project-tile--sound:before{background:#93aeea3d}.project-tile--pac:before{background:#96e6be4d}.project-tile__topline{color:var(--ink-faint);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:720;display:flex}.project-tile__link{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--ink);background:#ffffff5c;border-radius:50%;place-items:center;display:grid}.project-tile__mark{color:#174d49;letter-spacing:-.04em;background:linear-gradient(145deg,#8de4e8e6,#a8ecd7b8);border:1px solid #ffffffc7;border-radius:27px;place-items:center;width:86px;height:86px;margin-top:30px;font-size:21px;font-weight:790;transition:transform .22s;display:grid;box-shadow:0 16px 34px #39999424,inset 0 1px #ffffffdb}.project-tile--pixel .project-tile__mark{background:linear-gradient(145deg,#90dcf1eb,#aeebe2c2)}.project-tile--sound .project-tile__mark{background:linear-gradient(145deg,#adc8f0e0,#99e5e0bd)}.project-tile--pac .project-tile__mark{background:linear-gradient(145deg,#a7edd0eb,#92dee5bd)}.project-tile:hover .project-tile__mark{transform:rotate(-2deg)scale(1.035)}.project-tile__mark--image{background:#eef5ff;border:0;border-radius:26%;overflow:hidden;box-shadow:0 14px 28px #2e56b02e}.project-tile__mark--image img{object-fit:cover;width:100%;max-width:none;height:100%;transform:scale(1.18)}.project-tile__body{margin-top:auto;padding-top:40px}.project-tile__category{color:#367b76;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:740}.project-tile h3{letter-spacing:-.055em;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:690;line-height:1.08}.project-tile__description{color:var(--ink-soft);margin:20px 0 0;font-size:16px;line-height:1.8}.project-tile__tags{flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none;display:flex}.project-tile__tags li{border:1px solid var(--line);color:#4a716d;background:#ffffff80;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:670}.writing-preview{padding-top:72px}.writing-preview__panel{background:radial-gradient(circle at 85% 18%,#56d3dc40,#0000 16rem),linear-gradient(140deg,#e5f7f5,#f5fbf9 68%);border:1px solid #25716c1f;border-radius:46px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:end;gap:70px;padding:clamp(36px,6vw,70px);display:grid}.writing-preview__copy{flex-direction:column;align-items:flex-start;display:flex}.writing-preview__copy p{color:var(--ink-soft);margin:0 0 26px;font-size:17px;line-height:1.8}.writing-page{align-items:center;min-height:calc(100vh - 76px);padding-block:92px 130px;display:flex;position:relative}.writing-page__inner{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(64px,10vw,140px);display:grid}.writing-page__heading{animation:.72s cubic-bezier(.22,1,.36,1) 70ms both dusk-arrive}.writing-page .eyebrow--dark{color:#935c54}.writing-page .eyebrow>span:first-child{background:linear-gradient(90deg, var(--sunset), var(--afterglow))}.writing-page__heading h1{letter-spacing:-.075em;max-width:690px;margin:0;font-size:clamp(3.3rem,6.1vw,5.8rem);font-weight:680;line-height:1.02}.writing-page__heading>p:not(.eyebrow){max-width:590px;color:var(--dusk-soft);margin:30px 0 28px;font-size:18px;line-height:1.85}.writing-page .text-link{color:#624354}.empty-shelf{background:radial-gradient(circle at 18% 12%, #ffe6abad, transparent 17rem), linear-gradient(145deg, #fffaefc2, #caa6bc6b), linear-gradient(135deg, #f7c46f, #df8d79 50%, var(--twilight) 100%);border:1px solid #58364c29;border-radius:52px;min-height:490px;animation:.86s cubic-bezier(.22,1,.36,1) .15s both dusk-arrive;position:relative;overflow:hidden;box-shadow:0 30px 94px #623e532e,inset 0 1px #fff8e8b8}.empty-shelf:before{content:"";opacity:.28;background-image:radial-gradient(#5f374c33 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.empty-shelf__light{filter:blur(42px);background:#ffb55b7a;border-radius:50%;width:240px;height:240px;position:absolute;top:12%;left:9%}.empty-shelf__paper{aspect-ratio:.76;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(155deg,#fffdf4c7,#faddc594);border:1px solid #fff9e8d6;border-radius:32px;flex-direction:column;gap:19px;width:min(62%,270px);padding:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)rotate(-4deg);box-shadow:0 24px 54px #5c354b2e,inset 0 1px #ffffffc2}.empty-shelf__paper span{color:#865a5d;letter-spacing:.12em;margin-bottom:auto;font-size:12px;font-weight:740}.empty-shelf__paper i{background:linear-gradient(90deg,#e1856b9e,#966f9138);border-radius:999px;height:8px;display:block}.empty-shelf__paper i:nth-of-type(2){width:83%}.empty-shelf__paper i:nth-of-type(3){width:58%}.empty-shelf__line{background:#5b374c33;height:1px;position:absolute;bottom:84px;left:9%;right:9%}.empty-shelf__caption{color:#73576d;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:10px;font-weight:720;display:flex;position:absolute;bottom:38px;left:10%;right:10%}.site-footer{border-top:1px solid var(--line);margin-top:24px;padding-block:56px;transition:border-color .72s cubic-bezier(.22,1,.36,1)}.site-footer__inner{width:min(calc(100% - 48px), var(--page));justify-content:space-between;align-items:flex-end;gap:40px;margin-inline:auto;display:flex}.site-footer__inner>div:first-child{align-items:center;gap:16px;display:flex}.site-footer p{color:var(--ink-soft);margin:0;font-size:14px;transition:color .72s cubic-bezier(.22,1,.36,1)}.footer-mark{flex:none}.footer-meta{color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;gap:24px;font-size:12px;transition:color .72s cubic-bezier(.22,1,.36,1);display:flex}body:has(.writing-page) .site-footer{border-top-color:#4d304724}body:has(.writing-page) .site-footer p{color:var(--dusk-soft)}body:has(.writing-page) .footer-meta{color:var(--dusk-faint)}@keyframes dusk-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero{padding-top:60px}.hero__grid,.writing-page__inner{grid-template-columns:1fr}.hero__grid{gap:58px}.hero__copy{max-width:760px}.hero-art{justify-self:center;width:min(100%,620px);min-height:460px}.project-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.project-card__link{position:absolute;top:28px;right:28px}.project-card__body{padding-right:24px}.project-card__topline{padding-right:72px}.project-tile{min-height:500px}.writing-page__inner{gap:60px}.empty-shelf{width:min(100%,620px)}}@media (max-width:720px){.page-shell,.site-header__inner,.site-footer__inner{width:min(calc(100% - 32px), var(--page))}.site-header__inner{min-height:68px}.brand__name{display:none}.site-nav{gap:20px}.hero{padding-block:48px 72px}.hero h1{font-size:clamp(3rem,14vw,4.25rem)}.hero__lede{margin-top:24px}.hero-art{border-radius:38px;min-height:390px}.monogram-card{border-radius:30px}.section-space{padding-block:84px}.section-heading{margin-bottom:36px}.project-card{border-radius:32px;grid-template-columns:1fr;gap:28px;padding:18px}.project-card__visual{border-radius:24px;min-height:270px}.project-card__body{padding:0 8px 16px}.project-card__topline{padding-right:0}.project-card__link{background:#ffffff94;width:46px;height:46px;top:26px;right:26px}.project-grid{grid-template-columns:1fr;gap:18px}.project-tile{border-radius:30px;min-height:430px;padding:24px}.project-tile__mark{border-radius:23px;width:76px;height:76px;margin-top:24px}.project-tile__body{padding-top:34px}.writing-preview{padding-top:36px}.writing-preview__panel{border-radius:34px;grid-template-columns:1fr;gap:30px}.writing-page{padding-block:68px 96px}.writing-page__heading h1{font-size:clamp(3rem,14vw,4.2rem)}.empty-shelf{border-radius:38px;min-height:410px}.empty-shelf__caption{flex-direction:column;gap:2px}.site-footer__inner{flex-direction:column;align-items:flex-start}.footer-meta{flex-wrap:wrap;gap:8px 18px}}@media (max-width:420px){.hero__actions{flex-direction:column;align-items:flex-start}.hero-art{min-height:340px}.monogram-card{width:72%}.monogram-card__footer{font-size:8px}.site-footer__inner>div:first-child{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}