.certifications-section,body.scroll-work .box[data-view=certifications]{display:none}body.scroll-work .certifications-section{z-index:2;color:var(--ink);background:var(--bg);display:block;position:fixed;inset:0}.certification-scroll{overscroll-behavior-y:contain;height:100%;padding:144px max(var(--pad), calc((100vw - 1120px) / 2)) 64px;flex-direction:column;gap:64px;display:flex;overflow-y:auto}.certifications-intro{max-width:960px}.certifications-quote{font-family:var(--font-editorial), Georgia, serif;flex-direction:column;gap:24px;font-size:clamp(36px,5vw,68px);font-weight:400;line-height:1.16;display:flex}.certifications-quote footer{font-size:24px}.certifications-content{flex-direction:column;flex:1 0 auto;gap:24px;display:flex}.certifications-intro,.certifications-return{flex-shrink:0}.certifications-content h2{font:16px/1.5 var(--sans);opacity:.65}.certifications-content h2:focus{outline:none}.certification-list{flex-direction:column;list-style:none;display:flex}.certification-row{border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);justify-content:space-between;align-items:center;gap:32px;min-height:144px;display:flex}.certification-name{color:var(--ink);font:clamp(24px, 3vw, 40px)/1.3 var(--sans);text-align:left;background:0 0;flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding-block:24px;display:flex}.certification-issuer{opacity:.65;font-size:14px;line-height:1.5}.certification-badge{opacity:0;visibility:hidden;width:160px;transition:opacity .3s ease, transform .45s var(--ease), visibility .3s;pointer-events:none;flex:0 0 160px;transform:translateY(12px)rotate(-5deg)scale(.94)}.certification-row[data-active=true] .certification-badge{opacity:1;visibility:visible;transform:translateY(0)rotate(0)scale(1)}.certification-badge img{object-fit:contain;width:100%;height:128px}.certifications-return{opacity:.6;font-size:14px;line-height:1.5}@media (max-width:767px){.certification-scroll{padding:120px var(--pad) 48px;gap:40px}.certification-row{gap:16px;min-height:120px}.certification-badge{flex-basis:88px;width:88px}.certification-badge img{height:88px}}@media (prefers-reduced-motion:reduce){.certification-badge{transition:none;transform:none}}
:root{--menu-moonlight:#e1e2e1;--menu-midnight:#34495e;--menu-ocean:#1b3b6f;--menu-noir:#0d1b2a}.topbar .col-nav{display:none}#menu-btn{border:1px solid var(--menu-moonlight);width:94px;height:32px;color:var(--menu-noir);background:var(--menu-moonlight);font-family:var(--font-matisse-classic), Georgia, serif;letter-spacing:.07em;-webkit-backdrop-filter:none;border-radius:0;place-items:center;padding:0;font-size:14px;line-height:1.5;transition:color .45s,background-color .45s,border-color .45s;display:inline-grid}#menu-btn .menu-label-open,#menu-btn .menu-label-close{pointer-events:none;grid-area:1/1;transition:opacity 1.5s cubic-bezier(.165,.84,.44,1),filter 1.5s cubic-bezier(.165,.84,.44,1)}#menu-btn .menu-label-open{opacity:1;filter:blur()}#menu-btn .menu-label-close,#menu-btn[aria-expanded=true] .menu-label-open{opacity:0;filter:blur(2px)}#menu-btn[aria-expanded=true] .menu-label-close{opacity:1;filter:blur()}#menu-btn:hover{color:var(--menu-moonlight);background:var(--menu-ocean);border-color:var(--menu-ocean)}#menu-btn:focus-visible{outline:2px solid var(--menu-midnight);outline-offset:5px}.portfolio-menu{z-index:7;overscroll-behavior:contain;height:100dvh;color:var(--menu-noir);font-family:var(--font-matisse-classic), Georgia, serif;opacity:0;filter:blur(16px);visibility:hidden;pointer-events:none;background:0 0;transition:opacity 1s cubic-bezier(.165,.84,.44,1),filter 1s cubic-bezier(.165,.84,.44,1),visibility 0s 1s;position:fixed;inset:0;overflow-y:auto}.portfolio-menu.open{opacity:1;filter:blur();visibility:visible;pointer-events:auto;transition:none}.portfolio-menu-backdrop{z-index:-1;background:var(--menu-moonlight);opacity:0;position:fixed;inset:0}.portfolio-menu.open .portfolio-menu-backdrop{animation:2s cubic-bezier(.165,.84,.44,1) both menu-backdrop-reveal}body.menu-closing .portfolio-menu-backdrop{opacity:1}@keyframes menu-backdrop-reveal{0%{opacity:0}to{opacity:1}}@keyframes menu-row-reveal{0%{opacity:0;filter:blur(4px);transform:translate(10px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes menu-film-reveal{0%{opacity:0;filter:blur(16px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.portfolio-menu-inner{box-sizing:border-box;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;gap:min(160px,13vw);width:100%;max-width:1440px;min-height:100%;margin-inline:auto;padding:140px min(60px,4.16667vw) 50px;display:flex}.portfolio-menu-links{flex:1;min-width:0}.portfolio-menu-links ul{margin:0;padding:0;list-style:none}.portfolio-menu-links li{opacity:0;position:relative}.portfolio-menu.open .portfolio-menu-links li{animation:.4s cubic-bezier(.165,.84,.44,1) both menu-row-reveal;animation-delay:calc(.5s + var(--menu-row) * .1s)}body.menu-closing .portfolio-menu-links li{opacity:1}.portfolio-menu-links li:before{content:"";background:var(--menu-midnight);opacity:.35;transform-origin:100%;height:1px;transition:transform .6s cubic-bezier(.455,.03,.515,.955);position:absolute;inset:0 0 auto;transform:scaleX(0)}.portfolio-menu-links button{width:100%;color:var(--menu-noir);font:inherit;text-align:left;filter:blur();background:0 0;padding:2px 0 24px;font-size:clamp(24px,2.3vw,34px);font-weight:400;line-height:1.5;transition:color .5s linear,filter .5s linear;display:block}.portfolio-menu.open .portfolio-menu-links li:before{transform-origin:0;transition-delay:calc(.62s + var(--menu-row) * .1s);transform:scaleX(1)}.portfolio-menu-links ul[data-pointer-hover]:has(button:hover) button:not(:hover){color:var(--menu-midnight);filter:blur(4px);transition:color 1.2s cubic-bezier(.165,.84,.44,1),filter 1.2s cubic-bezier(.165,.84,.44,1)}.portfolio-menu-links li:first-child{--menu-row:0}.portfolio-menu-links li:nth-child(2){--menu-row:1}.portfolio-menu-links li:nth-child(3){--menu-row:2}.portfolio-menu-links li:nth-child(4){--menu-row:3}.portfolio-menu-links li:nth-child(5){--menu-row:4}.portfolio-menu-links button:hover{color:var(--menu-ocean)}.portfolio-menu-links button:focus-visible{outline:2px solid var(--menu-ocean);outline-offset:4px}.portfolio-menu-film{aspect-ratio:16/9;background:var(--menu-midnight);opacity:0;flex:0 420px;min-width:280px;margin:0;overflow:hidden}.portfolio-menu-film video{object-fit:cover;width:100%;height:100%;display:block}.portfolio-menu.open .portfolio-menu-film{animation:1.6s cubic-bezier(.165,.84,.44,1) .1s both menu-film-reveal}body.menu-closing .portfolio-menu-film{opacity:1}body:is(.menu-open,.menu-closing) .topbar{z-index:8}body:is(.menu-open,.menu-closing) .topbar .col{visibility:hidden}body:is(.menu-open,.menu-closing) .topbar .mark{filter:brightness(0)}body:is(.menu-open,.menu-closing) #menu-btn{color:var(--menu-noir);border-color:var(--menu-noir);background:0 0}body.menu-open #menu-btn:hover{color:var(--menu-moonlight);background:var(--menu-ocean);border-color:var(--menu-ocean)}@media (max-width:767px){#menu-btn{width:82px;height:32px}.portfolio-menu-inner{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:50px;padding:120px 5.12821vw 40px}.portfolio-menu-links{flex:none}.portfolio-menu-links button{padding:14px 0 17px;font-size:26px}.portfolio-menu-film{flex:none;width:53.8462vw;min-width:0}}@media (prefers-reduced-motion:reduce){.portfolio-menu,.portfolio-menu-backdrop,.portfolio-menu-links li,.portfolio-menu-links li:before,.portfolio-menu-links button,.portfolio-menu-film,#menu-btn,#menu-btn span{filter:none!important;transition:none!important;animation:none!important}.portfolio-menu.open .portfolio-menu-backdrop,.portfolio-menu.open .portfolio-menu-links li,.portfolio-menu.open .portfolio-menu-film{opacity:1}}
.liquid-page-curtain{z-index:20;background:var(--bg);pointer-events:auto;touch-action:none;position:fixed;inset:0}.liquid-page-curtain[hidden]{display:none}body.page-transitioning{cursor:progress}.hero-scroll{pointer-events:auto;color:var(--ink);font:14px/1.5 var(--sans);white-space:nowrap;background:0 0;align-items:center;gap:16px;padding-block:12px;display:inline-flex}.hero-scroll span:last-child{transition:transform .35s var(--ease);display:inline-block}.hero-scroll:hover span:last-child{transform:translateY(5px)}.hero-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:5px}#selected-title:focus{outline:none}.portfolio-menu,.portfolio-menu.open,body.menu-closing .portfolio-menu{opacity:1;filter:none;transition:none}body.menu-closing .portfolio-menu{visibility:visible;pointer-events:none}.portfolio-menu-backdrop,.portfolio-menu.open .portfolio-menu-backdrop{opacity:1;animation:none}.portfolio-menu.open .portfolio-menu-links li{animation-duration:.8s;animation-delay:calc(.45s + var(--menu-row) * 80ms)}.portfolio-menu.open .portfolio-menu-film{animation:1.5s cubic-bezier(.87,0,.13,1) both liquid-menu-film}@keyframes liquid-menu-film{0%{opacity:0;transform:translate(-20vw)}to{opacity:1;transform:translate(0)}}body.scroll-work .box[data-view=selected]{width:auto;right:var(--pad);background:var(--bg);color:var(--ink);box-shadow:none;-webkit-backdrop-filter:none}body.scroll-work .v-selected .p-scroll{padding-bottom:var(--bp)}body.scroll-work #sel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}body.scroll-work #sel-list .sel-item{height:100%}@media (max-width:767px){body.scroll-work #sel-list{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.portfolio-menu.open .portfolio-menu-film{opacity:1;animation:none;transform:none}}
