:root{--paper:#f5f1e6;--paper-2:#ebe5d7;--ink:#182d3a;--muted:#6f7776;--line:rgba(24,45,58,.18);--soft-line:rgba(24,45,58,.09);--blue:#315fba;--blue-deep:#234b99;--blue-pale:#b7c9df;--pink:#dba0a3;--green:#4f735b;--serif:'Instrument Serif',Georgia,serif;--sans:Inter,Arial,sans-serif;--mono:'DM Mono',monospace}
[data-theme='dark']{--paper:#13252d;--paper-2:#1d343c;--ink:#f3efe3;--muted:#a7afad;--line:rgba(243,239,227,.2);--soft-line:rgba(243,239,227,.09);--blue:#83a8ef;--blue-deep:#638edc;--blue-pale:#476277;--pink:#dca5a8;--green:#94b59b}
html,body{background:var(--paper)}body{color:var(--ink);background-image:radial-gradient(circle at 10% 16%,rgba(49,95,186,.055),transparent 28%),radial-gradient(circle at 88% 68%,rgba(219,160,163,.045),transparent 26%)}body::before{opacity:.055;mix-blend-mode:multiply}
.site-nav{background:color-mix(in srgb,var(--paper) 90%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(12px)}
.wordmark,.mobile-nav-panel a,.hero h1,.section-head h2,.work-card h3,.archive-item__title,.sticker-intro h2,.sticker-pack h3,.about-lead,.contact-main h2,.hero__intro,.section-head>p,.contact-main p,.type-piece p{font-family:var(--serif)}
.nav-links a,.nav-contact,.hero__index,.section-no,.contact-label,.work-card__meta,.archive-item__date,.archive-item__type,.hero__caption,.hero__kicker,.eyebrow,.sticker-pack span,.contact-foot{font-family:var(--mono)}
.wordmark{letter-spacing:.11em;font-size:19px}.nav-links a,.nav-contact{letter-spacing:.11em}
.hero{padding-top:clamp(34px,5vw,72px);padding-bottom:clamp(80px,10vw,138px);min-height:calc(100svh - 62px);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);column-gap:clamp(44px,7vw,110px)}
.hero__index{color:var(--blue);letter-spacing:.16em}.hero__copy{padding-top:42px;max-width:610px}.hero h1{font-size:clamp(3.6rem,6.4vw,6.8rem);line-height:.82;letter-spacing:-.045em;max-width:8.5ch}.hero h1 em{color:var(--blue-deep)}.hero__intro{color:var(--ink);max-width:410px;font-size:20px;line-height:1.18;opacity:.8}.hero__link,.text-link,.pack-link,.contact-email{border-bottom-color:var(--blue);color:var(--ink)}.hero__link span{color:var(--blue)}
.hero__portrait{width:min(100%,560px);justify-self:end}.hero__portrait-frame{aspect-ratio:1.12/1;overflow:hidden;position:relative;background:var(--blue-pale);border:0;box-shadow:10px 10px 0 rgba(35,75,153,.1)}.hero__portrait-frame::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(35,75,153,.18),rgba(49,95,186,.02) 44%,rgba(219,160,163,.11) 82%,rgba(245,241,230,.18));mix-blend-mode:multiply}.hero__portrait-frame::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(circle,rgba(24,45,58,.42) .55px,transparent .72px);background-size:3.5px 3.5px;opacity:.17;mix-blend-mode:multiply}.hero__portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(.94) brightness(1.03) hue-rotate(-5deg);transform:scale(1.012)}.hero__caption{margin-top:9px;color:var(--blue-deep);letter-spacing:.12em}.hero__note{color:var(--green);font-size:17px;transform:rotate(-1.5deg)}
.section{border-top-color:var(--line);padding-top:clamp(90px,11vw,150px);padding-bottom:clamp(90px,11vw,150px)}.section-head{margin-bottom:58px}.section-no,.contact-label,.eyebrow{color:var(--blue)}.section-head h2{font-size:clamp(3.7rem,6vw,6.4rem);line-height:.8;letter-spacing:-.045em}.section-head>p{font-size:19px;color:var(--ink);opacity:.72}
.works-grid{gap:clamp(38px,6vw,78px)}.work-card__image{background:var(--paper);border:0;position:relative;box-shadow:7px 7px 0 rgba(35,75,153,.08);overflow:hidden}.work-card__image::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(35,75,153,.16),transparent 55%,rgba(219,160,163,.08));mix-blend-mode:multiply}.work-card__image::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(circle,rgba(24,45,58,.34) .5px,transparent .72px);background-size:3px 3px;opacity:.13;mix-blend-mode:multiply}.work-card__image img{mix-blend-mode:normal;filter:saturate(.98) contrast(.93) brightness(1.03) hue-rotate(-4deg);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s ease}.work-card:hover .work-card__image img{transform:scale(1.025);filter:saturate(1.04) contrast(.9) brightness(1.05) hue-rotate(-6deg)}.work-card--portrait .work-card__image{box-shadow:-7px 8px 0 rgba(219,160,163,.12)}.work-card__meta{color:var(--green)}.work-card h3{letter-spacing:-.028em}.work-card p,.about-copy p:not(.about-lead),.archive-item__type{color:var(--muted)}
.work-card--type{border-top-color:var(--line);grid-template-columns:1.15fr .85fr}.type-piece{min-height:330px;padding:34px;background:linear-gradient(150deg,rgba(49,95,186,.13),transparent 48%),var(--blue-pale);border:0;position:relative;overflow:hidden}.type-piece::before{content:'';position:absolute;width:290px;height:180px;right:-70px;bottom:-65px;background:var(--pink);opacity:.3;border-radius:58% 42% 50% 50%;transform:rotate(-9deg)}.type-piece::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(24,45,58,.25) .55px,transparent .75px);background-size:4px 4px;opacity:.13;mix-blend-mode:multiply}.type-piece p,.type-piece em{position:relative;z-index:1}.type-piece p{color:var(--ink)}.type-piece em{color:var(--blue-deep)}
.archive-list{border-top-color:var(--line)}.archive-item{border-bottom-color:var(--soft-line);grid-template-columns:90px 1.7fr .95fr 24px}a.archive-item:hover{background:var(--blue-pale);color:var(--ink);padding-left:14px;padding-right:14px}.archive-item__title{font-size:clamp(1.65rem,2.2vw,2.4rem)}
.stickers{background:var(--blue);color:#f5f1e6;position:relative;overflow:hidden}.stickers::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(245,241,230,.75) .5px,transparent .7px);background-size:5px 5px;opacity:.085}.sticker-intro,.sticker-packs{position:relative;z-index:1}.sticker-intro h2{color:#f5f1e6}.sticker-intro p:not(.eyebrow),.sticker-pack div{color:rgba(245,241,230,.82)}.sticker-pack{border-top-color:rgba(245,241,230,.42);grid-template-columns:150px 1fr}.sticker-pack img{width:150px;height:150px;background:var(--paper);border:0;box-shadow:7px 7px 0 rgba(20,36,90,.18)}.sticker-pack h3{font-size:30px;line-height:.88;color:#f5f1e6}.stickers .eyebrow,.stickers .sticker-pack span{color:#cbdaf3}.stickers .pack-link{color:#f5f1e6;border-bottom-color:#f0c7c9}
.about-photo{overflow:hidden;position:relative;border:0;box-shadow:7px 7px 0 rgba(35,75,153,.1)}.about-photo::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(160deg,rgba(35,75,153,.16),transparent 50%,rgba(219,160,163,.1));mix-blend-mode:multiply}.about-photo::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(circle,rgba(24,45,58,.32) .5px,transparent .72px);background-size:3.3px 3.3px;opacity:.13;mix-blend-mode:multiply}.about-photo img{filter:saturate(.97) contrast(.93) brightness(1.04) hue-rotate(-5deg)}.about-signature{color:var(--green)}
.contact{background:var(--blue-deep);color:#f5f1e6;position:relative;overflow:hidden}.contact::before{content:'';position:absolute;width:260px;height:260px;right:7%;top:16%;border-radius:50%;background:var(--pink);opacity:.65;mix-blend-mode:screen}.contact::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(245,241,230,.38) .45px,transparent .7px);background-size:4px 4px;opacity:.07}.contact>*{position:relative;z-index:1}.contact .contact-label,.contact .contact-main p,.contact .contact-foot{color:rgba(245,241,230,.74)}.contact .contact-main h2{color:#f5f1e6}.contact .contact-email{color:#f5f1e6;border-bottom-color:#f0c7c9}.contact .contact-foot{border-top-color:rgba(245,241,230,.25)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero__portrait{width:min(100%,620px);justify-self:start}.hero__portrait-frame{aspect-ratio:1.16/1}.works-grid{grid-template-columns:1fr}.work-card--portrait{margin-top:0}.work-card--type{grid-template-columns:1fr}.sticker-pack{grid-template-columns:130px 1fr}.sticker-pack img{width:130px;height:130px}}
@media(max-width:600px){.hero h1{font-size:clamp(3rem,12vw,5rem)}.hero__intro{font-size:18px}.hero__portrait-frame{aspect-ratio:1/1.05;box-shadow:5px 5px 0 rgba(35,75,153,.1)}.section-head h2{font-size:3.8rem}.archive-item{grid-template-columns:58px 1fr 18px}.sticker-pack{grid-template-columns:106px 1fr}.sticker-pack img{width:106px;height:106px}.sticker-pack h3{font-size:24px}.type-piece{min-height:285px;padding:24px}.contact::before{width:150px;height:150px;right:-20px;top:22%}}
@media(prefers-reduced-motion:reduce){.work-card__image img{transition:none}}