:root{color:#18191b;background:#fbfbfa;font-family:Inter,PingFang SC,Hiragino Sans GB,Noto Sans SC,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}#about,#works,#notes,#contact{scroll-margin-top:76px}body{margin:0;min-width:320px;background:#fbfbfa;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:10;inset:0 0 auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);background:#fbfbfad6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark{font-size:17px;font-weight:650;letter-spacing:-.03em}nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}nav>a:not(.contact-pill){opacity:.76;transition:opacity .2s ease,color .2s ease}nav>a:not(.contact-pill):hover{color:#2f6bdd;opacity:1}.contact-pill{color:#fff;background:#171819;padding:11px 16px;border-radius:999px;transition:transform .2s ease,background .2s ease}.contact-pill:hover{transform:translateY(-2px);background:#2f6bdd}.hero{min-height:108svh;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:138px 24px 96px;cursor:default}.dot-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-copy{width:min(880px,100%);text-align:center;display:grid;justify-items:center;-webkit-user-select:none;user-select:none}.eyebrow{margin:0;color:#2a62bc;font-size:12px;font-weight:700;letter-spacing:.02em}.hero .eyebrow{transform:translateY(-16px)}.hero h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:22px;max-width:960px;font-size:clamp(48px,6vw,80px);line-height:1.12;letter-spacing:-.065em;font-weight:650}.hero-description{width:min(520px,100%);margin-bottom:46px;color:#63666b;font-size:16px;line-height:1.8}.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;color:#44474c;cursor:pointer;transition:transform .2s ease}.scroll-cue span{font-size:18px}.scroll-cue:hover{transform:translateY(4px)}.about-shell,.notes-shell{width:min(1360px,calc(100% - 48px));margin-inline:auto;border-radius:34px;background:#f0f1f2}.about-shell{min-height:360px;padding:clamp(40px,4.25vw,58px) clamp(38px,5.5vw,76px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(160px,.35fr);align-items:center;gap:clamp(34px,5vw,90px)}.about-copy h2,.section-heading h2,.contact-section h2{margin:14px 0 24px;font-weight:620;letter-spacing:-.055em;line-height:1.22}.about-copy h2{font-size:42px}.about-typewriter{min-height:1.22em}.about-typewriter.is-typing:after{content:"";display:inline-block;width:2px;height:.78em;margin-left:.08em;background:currentColor;vertical-align:-.04em;animation:typing-caret .74s steps(1,end) infinite}.about-copy>p:not(.eyebrow){max-width:630px;color:#5d6168;font-size:15px;line-height:1.78;margin-bottom:10px}@keyframes typing-caret{50%{opacity:0}}.skill-list{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:20px;color:#5d6168;font-size:12px}.skill-list span:not(:last-child):after{content:"/";margin-left:12px;color:#aaadb2}.portrait-card{--portrait-shift: -56px;width:min(188px,100%);margin:0 auto;transform:translate(var(--portrait-shift)) rotate(3deg);transform-origin:center;text-align:center;transition:transform .62s cubic-bezier(.22,.8,.2,1)}.portrait-card:hover{transform:translate(var(--portrait-shift)) rotate(-4.5deg)}.portrait-card picture{display:block}.portrait-card img{display:block;width:100%;aspect-ratio:.82;object-fit:cover;filter:grayscale(1);background:#ddd;padding:7px;border:1px solid rgba(24,25,27,.12);border-radius:14px;box-shadow:0 20px 34px #15171a38,0 6px 12px #15171a1f}.portrait-card figcaption{margin-top:11px;color:#6a6d73;font-size:10px;letter-spacing:.03em}.works-section{width:min(1360px,calc(100% - 48px));margin:clamp(130px,15vw,210px) auto}.section-heading{margin-bottom:48px}.section-heading h2,.contact-section h2{font-size:42px;margin-bottom:0}.section-description{margin:22px 0 0;color:#666a70;font-size:15px;line-height:1.8}.section-description span{display:block}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.project-card{min-height:510px;display:flex;flex-direction:column;border:1px solid rgba(33,36,41,.1);border-radius:14px;overflow:hidden;background:#fff;outline:none;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-7px);box-shadow:0 18px 45px #11151c17}.project-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e7e8ea}.project-image picture{display:block;width:100%;height:100%}.project-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.055)}.project-copy{flex:1;display:flex;flex-direction:column;padding:24px 26px 26px}.client-name{margin-bottom:9px;color:#62666d;font-size:11px}.project-copy h3{margin-bottom:12px;font-size:24px;line-height:1.28;letter-spacing:-.045em;font-weight:620;transition:color .2s ease}.project-card:hover h3{color:#2a62bc}.project-summary{margin-bottom:20px;color:#666a70;font-size:14px;line-height:1.65}.tag-list{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.tag-list span{color:#3565b8;border:1px solid #c6d5f1;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1}.project-detail-page{min-height:100svh;padding-top:76px}.project-detail{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(64px,9vw,124px) 0 clamp(92px,10vw,144px)}.back-link{display:inline-flex;align-items:center;margin-bottom:clamp(52px,8vw,90px);color:#62666d;font-size:11px;font-weight:700;letter-spacing:.06em;transition:color .2s ease,transform .2s ease}.back-link:hover{color:#2f6bdd;transform:translate(-3px)}.project-detail .eyebrow{margin-bottom:14px}.project-detail h1{max-width:860px;margin-bottom:22px;font-size:42px;font-weight:620;line-height:1.12;letter-spacing:-.065em}.project-detail-copy{margin-bottom:clamp(40px,5vw,62px)}.project-detail-description,.project-detail-outcome{margin-bottom:14px;color:#5f636a;font-size:16px;line-height:1.9}.project-detail-copy>:last-child{margin-bottom:0}.project-meta{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,1fr) minmax(110px,.55fr);gap:28px;margin:0 0 clamp(32px,4vw,48px);padding-top:20px;border-top:1px solid #dfe1e4}.project-meta div{min-width:0}.project-meta dt{margin-bottom:9px;color:#62666d;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.project-meta dd{margin:0;color:#34373c;font-size:13px;line-height:1.6}.project-detail-media-stack{display:grid;gap:clamp(24px,3vw,38px)}.project-detail-media{overflow:hidden;border-radius:16px;background:#e7e8ea}.project-detail-media picture{display:block}.project-detail-media img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-media-note{margin:-10px 0 0;color:#2f6bdd;font-size:12px;font-style:italic;font-weight:300;line-height:1.9}.not-found-page{min-height:100svh;padding-top:76px}.not-found-content{width:min(760px,calc(100% - 48px));margin:0 auto;padding:clamp(120px,18vh,220px) 0 96px}.not-found-content .eyebrow{margin-bottom:16px}.not-found-content h1{margin-bottom:20px;font-size:clamp(46px,7vw,78px);font-weight:620;line-height:1.04;letter-spacing:-.07em}.not-found-content>p:not(.eyebrow){max-width:460px;color:#5f636a;font-size:16px;line-height:1.8}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.not-found-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #c8cbd0;border-radius:999px;color:#34373c;font-size:13px;font-weight:650;transition:transform .2s ease,border-color .2s ease,background .2s ease}.not-found-action:hover{border-color:#2a62bc;transform:translateY(-2px)}.not-found-action.primary{border-color:#171819;color:#fff;background:#171819}.not-found-action.primary:hover{border-color:#2a62bc;background:#2a62bc}.notes-shell{margin-bottom:clamp(120px,14vw,190px);padding:clamp(44px,6vw,76px)}.notes-heading{margin-bottom:38px}.notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.note-card{min-width:0}.note-card>picture{display:block;width:100%;margin-bottom:16px}.note-card>picture img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;border-radius:10px;background:#e7e8ea}.note-tag{margin-bottom:8px;color:#2c64b8;font-size:11px}.note-card h3{margin-bottom:10px;font-size:17px;line-height:1.35;letter-spacing:-.035em}.note-card>p:not(.note-tag){color:#676b71;font-size:13px;line-height:1.65;margin-bottom:12px}.note-card a{color:#2c64b8;font-size:12px;font-weight:650}.note-card a:hover{text-decoration:underline}.contact-section{width:100%;margin:0;padding:clamp(44px,6vw,76px) 24px clamp(68px,9vw,126px);color:#f6f7f8;background:#171819;border-radius:34px 34px 0 0}.contact-inner{width:min(1120px,100%);margin:0 auto}.contact-section .eyebrow{color:#8bb2ff}.contact-section h2{margin-bottom:0;color:#fff}.contact-intro{max-width:620px;margin:16px 0 46px;color:#b6bac0;font-size:15px;line-height:1.8}.contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:clamp(32px,6vw,76px)}.contact-list>*{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:0;color:#fff;font-size:12px}.contact-list span{color:#8d9299}.contact-list strong{font-size:15px;font-weight:500;transition:color .2s ease,transform .2s ease}.contact-list a:hover strong{color:#8bb2ff;transform:translate(4px)}@media(max-width:760px){#about,#works,#notes,#contact{scroll-margin-top:64px}.site-header{height:64px;padding-inline:18px}.wordmark{font-size:15px}nav{gap:13px;font-size:10px}.contact-pill{padding:9px 11px;border-radius:999px}.hero{min-height:94svh;padding:116px 20px 82px}.hero h1{font-size:clamp(28px,9vw,48px)}.hero-description{font-size:14px}.about-shell,.notes-shell,.works-section,.project-detail,.not-found-content{width:min(100% - 32px,1360px)}.about-shell{min-height:auto;grid-template-columns:1fr;padding:38px 28px;gap:28px}.portrait-card{--portrait-shift: 0px;width:148px;order:-1;margin-left:auto;margin-right:0}.works-section{margin-block:100px}.section-heading{margin-bottom:32px}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{min-height:auto}.project-copy{min-height:228px}.notes-shell{padding:42px 28px;margin-bottom:100px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.contact-section{padding:42px 16px 64px;border-radius:28px 28px 0 0}.contact-list{grid-template-columns:1fr;gap:28px}.project-detail-page,.not-found-page{padding-top:64px}.project-detail{padding-block:58px 88px}.not-found-content{padding-top:112px}.back-link{margin-bottom:48px}.project-detail-description{font-size:16px;line-height:1.8}.project-meta{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.project-detail-media{border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.dot-field{display:none}.portrait-card:hover{transform:translate(var(--portrait-shift)) rotate(3deg)}}.project-detail-deck{position:relative;aspect-ratio:16 / 9;background:#fafaf8}.project-detail-deck iframe{display:block;width:100%;height:100%;border:0}.project-detail-deck-loader{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;color:#62666d;font-size:12px;background:#fafaf8}