@font-face{font-family:"Source Serif 4";src:url("assets/fonts/source-serif-4-italic.ttf") format("truetype");font-style:italic;font-weight:200 900;font-display:swap}
.portfolio-page{background:#faf8fc}.portfolio-page .desktop-nav [aria-current=page]{color:#493184;border-bottom:2px solid #493184}.portfolio-intro{padding:90px var(--gutter) 70px;background:#e2daee;overflow:hidden}.portfolio-title{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:35px 0}.portfolio-title h1{font-size:clamp(48px,6.8vw,100px);line-height:1.02;max-width:950px}.portfolio-title h1 em{color:#493184}.portfolio-star{font-size:clamp(110px,19vw,270px);color:#c0a167;line-height:1;animation:star-turn 30s linear infinite}.portfolio-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.portfolio-lead p{max-width:460px;font-size:18px}.portfolio-collection{padding:0 var(--gutter)}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #cfc5df;scroll-margin-top:100px}.portfolio-toolbar>span:first-child{font-size:14px}.portfolio-toolbar #project-count{color:#493184;margin-left:12px}.project-filters{display:flex;gap:8px;flex-wrap:wrap}.project-filters button{background:transparent;border:1px solid #cfc5df;border-radius:30px;padding:8px 16px;font-size:13px}.project-filters button[aria-pressed=true]{background:#0d0e3c;color:white;border-color:#0d0e3c}.creation{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;padding:100px 0;border-bottom:1px solid #cfc5df;align-items:center}.creation:nth-of-type(even){grid-template-columns:1.2fr .8fr}.creation:nth-of-type(even) .creation-copy{order:2}.creation-number{display:block;color:#77603d;font-size:14px;margin-bottom:28px}.creation .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:18px}.creation h2{font-size:clamp(34px,4.3vw,60px)}.creation-hook{font-weight:300;letter-spacing:normal;font-family:"Source Serif 4",Georgia,serif;font-optical-sizing:auto;font-style:italic;font-size:clamp(23px,2.5vw,34px);color:#493184;margin:14px 0 22px;line-height:1.2}.creation-description{color:#57536c;max-width:360px;margin-bottom:28px}.creation-visual{min-width:0;padding:14px}.capture-frame{position:relative;isolation:isolate;transition:transform .4s}.capture-frame:before{content:'';position:absolute;inset:-18px -20px -18px -16px;background:var(--project-tone);clip-path:polygon(0 8%,88% 0,100% 94%,7% 100%);z-index:-1}.capture-frame img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:contain;background:white;box-shadow:0 14px 35px #0d0e3c12}.creation:nth-of-type(odd) .capture-frame{transform:rotate(2deg)}.creation:nth-of-type(even) .capture-frame{transform:rotate(-2deg)}.creation-visual:hover .capture-frame{transform:rotate(0)}.capture-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:36px;font-size:12px;color:#57536c}.capture-controls>div{display:flex;gap:6px}.capture-choice{background:transparent;border:1px solid #cfc5df;border-radius:50%;width:36px;height:36px;font-size:12px}.capture-choice[aria-pressed=true]{background:#493184;color:white;border-color:#493184}.portfolio-outro{text-align:center;background:#c4e8d8;padding:85px var(--gutter)}.portfolio-outro>span{font-size:70px;color:#493184;display:block;line-height:1;margin-bottom:25px}.portfolio-outro h2{margin:25px 0 35px}.creation.reveal-pending{opacity:0;transform:translateY(30px)}.creation{transition:opacity .7s,transform .7s}.portfolio-page .footer{gap:30px}.portfolio-page .mega-menu .menu-intro>a{overflow-wrap:anywhere}.portfolio-page .mega-menu a[aria-current=page]{color:#493184}@keyframes star-turn{to{transform:rotate(360deg)}}@media(max-width:800px){.portfolio-intro{padding-top:55px}.portfolio-star{font-size:130px}.portfolio-toolbar{align-items:flex-start;flex-direction:column}.creation,.creation:nth-of-type(even){grid-template-columns:1fr;gap:45px;padding:65px 0}.creation:nth-of-type(even) .creation-copy{order:0}.creation-description{max-width:540px}.creation-visual{max-width:650px;width:100%;justify-self:center}.portfolio-lead{align-items:flex-start;flex-direction:column}.portfolio-page .footer{flex-wrap:wrap}.portfolio-title h1{font-size:clamp(42px,8vw,66px)}}@media(max-width:480px){.portfolio-title{position:relative}.portfolio-star{position:absolute;right:-35px;top:-40px;font-size:100px;opacity:.45}.portfolio-title h1{position:relative;z-index:1;font-size:43px}.project-filters{gap:6px}.project-filters button{padding:7px 11px;font-size:12px}.capture-controls>span{max-width:120px}.creation-visual{padding:10px}.capture-frame:before{inset:-12px -12px -14px -10px}.portfolio-outro h2{font-size:38px}}@media(prefers-reduced-motion:reduce){.portfolio-star{animation:none}.creation,.capture-frame{transition:none}.creation.reveal-pending{opacity:1;transform:none}}

.capture-controls{justify-content:flex-end}

.capture-controls>div{flex-wrap:wrap;justify-content:flex-end}

.portfolio-title h1 em{font-family:"Source Serif 4",Georgia,serif;font-optical-sizing:auto;font-weight:300;font-size:.60em;letter-spacing:-.035em}

.portfolio-meetings{display:inline-block;font-size:.88em;transform:translateY(-.18em)}

.portfolio-title h1 em{display:inline-block;transform:translateY(-.45em)}
.portfolio-lead{margin-top:-32px}

.portfolio-ideas{font-size:.88em}