.portfolio-gallery-page{padding-bottom:48px;background:radial-gradient(ellipse 72% 650px at 18% 180px,#9a69e226,transparent 76%),radial-gradient(ellipse 65% 650px at 100% 700px,#ca815124,transparent 78%)}:root[data-theme=light] .portfolio-gallery-page{background:radial-gradient(ellipse 72% 650px at 18% 180px,#bba2ed50,transparent 76%),radial-gradient(ellipse 65% 650px at 100% 700px,#f7be974a,transparent 78%)}.portfolio-gallery-hero{padding-top:32px;padding-bottom:48px}.portfolio-gallery-hero .breadcrumb{margin:0 0 64px}.portfolio-gallery-title{text-align:center}.portfolio-gallery-title>.eyebrow{margin-bottom:24px;color:var(--accent)}.portfolio-gallery-title h1{font:650 clamp(38px,5.3vw,76px)/1.14 var(--display);letter-spacing:-.065em;margin:0;text-wrap:balance}.portfolio-gallery-title h1>span{color:var(--accent)}.portfolio-gallery-intro{font-size:clamp(17px,1.7vw,23px);line-height:1.6;margin:24px 0 0;color:var(--text)}.portfolio-mobile-break{display:none}.portfolio-gallery-summary{max-width:760px;margin:28px auto 0;text-align:center}.portfolio-gallery-summary p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.portfolio-publication{font-size:10px;line-height:1.7;color:var(--muted);margin:24px 0 0}.portfolio-gallery-hero>.portfolio-publication{text-align:center}.portfolio-gallery-projects{padding-top:16px;padding-bottom:64px}.portfolio-filter-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:16px}.portfolio-filter-heading .eyebrow{margin:0;color:var(--muted)}.portfolio-result-count{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.portfolio-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.portfolio-filters>button{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:10px 15px;border:1px solid var(--surface-line,var(--border));border-radius:9px;background:color-mix(in srgb,var(--surface-panel,var(--surface)) 70%,transparent);font-size:13px;font-weight:500;color:var(--text);transition:background .2s,border-color .2s,color .2s}.portfolio-filters>button>span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:5px;background:color-mix(in srgb,var(--text) 8%,transparent);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.portfolio-filters>button:hover{background:var(--surface-hover,var(--surface));border-color:var(--accent)}.portfolio-filters>button.is-selected{background:var(--text);border-color:var(--text);color:var(--bg)}.portfolio-filters>button.is-selected>span{background:color-mix(in srgb,var(--bg) 12%,transparent)}.portfolio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;align-items:start}.project-showcase-card{display:block;min-width:0;padding:12px 12px 0;border:1px solid var(--surface-line,var(--border));border-radius:18px;background:var(--surface-panel,var(--surface));text-decoration:none;overflow:hidden;box-shadow:0 8px 28px #09061612;transition:transform .24s,border-color .24s,box-shadow .24s}.project-showcase-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--project-color) 70%,var(--border));box-shadow:0 20px 36px #09061622}.project-showcase-card:focus-visible{outline-offset:5px}.project-showcase-image{position:relative;aspect-ratio:1/1.1;background:color-mix(in srgb,var(--project-color) 20%,#e7e7ef);overflow:hidden;border-radius:10px}.project-screen-main{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.project-showcase-card:hover .project-screen-main{transform:scale(1.035)}.project-showcase-type{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:7px 11px;color:#202333;background:#fffffff0;border:1px solid #20233317;box-shadow:0 2px 10px #161c3020;border-radius:6px;font-size:10px;font-weight:600;line-height:1.4}.has-multiple-screens .project-screen-back{position:absolute;left:5%;top:8%;width:73%;height:auto;object-fit:contain;object-position:top;border-radius:6px;box-shadow:0 5px 24px #11132b2b}.has-multiple-screens .project-screen-main{position:absolute;right:4%;top:22%;width:75%;height:auto;object-fit:contain;object-position:top;border-radius:6px;box-shadow:0 5px 28px #11132b30}.has-landscape-screens .project-screen-back{left:4%;top:8%;width:86%}.has-landscape-screens .project-screen-main{right:4%;top:42%;width:90%}.project-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:100px;padding:20px 8px}.project-showcase-brand{display:flex;align-items:center;gap:12px;min-width:0}.project-showcase-brand>img{width:43px;max-height:42px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1);opacity:.92}.project-showcase-brand>img[src$=".jpeg"]{filter:grayscale(1) brightness(1.7);mix-blend-mode:screen}.project-showcase-brand strong{display:block;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.02em}.project-showcase-brand small{display:block;font-size:9px;font-weight:400;line-height:1.6;color:var(--muted);margin-top:3px}.project-showcase-discover{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;font-weight:500;line-height:1.5}.project-showcase-discover svg{transition:transform .2s;flex-shrink:0}.project-showcase-card:hover .project-showcase-discover svg{transform:translate(2px,-2px)}:root[data-theme=light] .project-showcase-card{background:#faf8fc;border-color:#46395725;box-shadow:0 8px 24px #5747730c}:root[data-theme=light] .project-showcase-brand>img{filter:brightness(0);opacity:.9}:root[data-theme=light] .project-showcase-brand>img[src$=".jpeg"]{filter:grayscale(1);mix-blend-mode:multiply}.portfolio-next-project{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-top:48px;padding:40px 0 0;border-top:1px solid var(--surface-line,var(--border))}.portfolio-next-project .eyebrow{color:var(--accent);margin-bottom:16px}.portfolio-next-project h2,.portfolio-editorial h2,.portfolio-section-heading h2{font:600 clamp(27px,2.7vw,38px)/1.3 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 18px}.portfolio-next-project p:not(.eyebrow){font-size:14px;max-width:65ch;line-height:1.8;margin:0;color:var(--muted)}.portfolio-next-project>.button{flex-shrink:0}.portfolio-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding-block:80px 48px}.portfolio-editorial-heading{align-self:start;position:sticky;top:120px}.portfolio-editorial-heading .eyebrow{color:var(--accent)}.portfolio-editorial-heading>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:42ch;margin:0 0 20px;line-height:1.85}.portfolio-editorial-sections section{position:relative;padding:0 0 32px 40px;margin-bottom:32px;border-bottom:1px solid var(--surface-line,var(--border));scroll-margin-top:125px}.portfolio-editorial-sections section:last-child{margin-bottom:0}.portfolio-editorial-number{position:absolute;left:0;top:6px;color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}.portfolio-editorial-sections h3{font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}.portfolio-editorial-sections p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 16px;max-width:64ch}.portfolio-editorial-sections p:last-child{margin-bottom:0}.portfolio-editorial-sections sup{font-size:9px;margin-inline:3px}.portfolio-editorial-sections sup a{color:var(--text)}.portfolio-reading{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:24px 48px}.portfolio-reading>a{padding-top:24px;border-top:1px solid var(--surface-line,var(--border));text-decoration:none}.portfolio-reading>a>span{display:flex;justify-content:space-between;gap:16px;font-size:15px;font-weight:500;line-height:1.5}.portfolio-reading svg{flex-shrink:0;margin-top:3px}.portfolio-reading p{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.portfolio-reading>a:hover>span{color:var(--accent)}.portfolio-sources{padding-block:24px 48px;scroll-margin-top:120px}.portfolio-sources h2{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 16px}.portfolio-sources ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:0;padding-left:20px}.portfolio-sources li{padding-left:4px;font-size:11px;line-height:1.8;scroll-margin-top:125px}.portfolio-sources li>a{display:inline-flex;align-items:center;gap:7px;text-underline-offset:3px}.portfolio-sources p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0;max-width:65ch}.portfolio-contact-float{position:fixed;right:28px;bottom:24px;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;min-height:50px;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:100px;background:var(--text);color:var(--bg);box-shadow:0 5px 25px #0705142b;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.portfolio-contact-float:hover{transform:translateY(-2px);background:var(--accent)}.portfolio-related{padding-block:72px}.portfolio-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.portfolio-section-heading h2{margin:0}.portfolio-section-heading .eyebrow{color:var(--accent);margin-bottom:16px}.portfolio-section-heading>.button{flex-shrink:0}@media(max-width:1150px){.project-showcase-footer{padding-inline:4px;gap:10px}.project-showcase-brand{gap:9px}.project-showcase-brand>img{width:32px;max-height:36px}.project-showcase-brand strong{font-size:12px}.project-showcase-discover{font-size:0;gap:0}.project-showcase-discover svg{width:23px;height:23px}.portfolio-editorial{gap:48px}}@media(max-width:960px){.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-showcase-discover{font-size:11px;gap:6px}.project-showcase-footer{min-height:95px}.portfolio-reading{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-editorial{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.portfolio-editorial h2{font-size:28px}}@media(max-width:650px){.portfolio-gallery-hero{padding-top:24px;padding-bottom:32px}.portfolio-gallery-hero .breadcrumb{margin-bottom:40px}.portfolio-gallery-title>.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:20px}.portfolio-gallery-title h1{font-size:clamp(29px,8.1vw,43px);letter-spacing:-.065em}.portfolio-gallery-intro{font-size:17px;line-height:1.6;margin-top:20px}.portfolio-mobile-break{display:block}.portfolio-gallery-summary{margin-top:20px}.portfolio-gallery-summary p{font-size:13px;line-height:1.8}.portfolio-publication{font-size:9px;margin-top:20px}.portfolio-gallery-projects{padding-top:12px;padding-bottom:40px}.portfolio-filter-heading{gap:12px}.portfolio-filter-heading .eyebrow{font-size:9px;letter-spacing:.08em}.portfolio-result-count{font-size:10px}.portfolio-filters{gap:8px;margin-bottom:24px}.portfolio-filters>button{min-height:44px;padding:9px 12px;gap:10px;font-size:11px}.portfolio-filters>button>span{min-width:22px;height:22px;font-size:10px}.portfolio-project-grid{grid-template-columns:1fr;gap:24px}.project-showcase-card{padding:10px 10px 0;border-radius:16px}.project-showcase-image{aspect-ratio:1/1.08;border-radius:8px}.project-showcase-footer{min-height:93px;padding:18px 6px;gap:12px}.project-showcase-brand{gap:10px}.project-showcase-brand>img{width:42px;max-height:42px}.project-showcase-brand strong{font-size:13px}.project-showcase-brand small{font-size:9px}.project-showcase-discover{font-size:11px}.portfolio-next-project{display:block;padding-top:32px;margin-top:32px}.portfolio-next-project .eyebrow{font-size:9px}.portfolio-next-project h2{font-size:27px}.portfolio-next-project p:not(.eyebrow){font-size:14px}.portfolio-next-project>.button{margin-top:24px}.portfolio-editorial{display:block;padding-block:48px 24px}.portfolio-editorial-heading{position:static;margin-bottom:40px}.portfolio-editorial-heading h2{font-size:29px}.portfolio-editorial-heading>p:not(.eyebrow){font-size:14px;max-width:none}.portfolio-editorial-sections section{padding-left:32px;padding-bottom:24px;margin-bottom:24px}.portfolio-editorial-sections h3{font-size:18px}.portfolio-editorial-sections p{font-size:14px}.portfolio-reading{grid-template-columns:1fr;padding-block:8px 32px;gap:24px}.portfolio-reading>a{padding-top:20px}.portfolio-reading>a>span{font-size:15px}.portfolio-reading p{font-size:13px;margin-top:10px}.portfolio-sources{padding-block:16px 32px}.portfolio-sources ol{grid-template-columns:1fr;gap:16px}.portfolio-contact-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:48px;padding:12px 15px;font-size:11px;gap:8px}.portfolio-related{padding-block:48px}.portfolio-section-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:24px}.portfolio-section-heading h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.project-showcase-card,.project-screen-main,.project-showcase-discover svg,.portfolio-contact-float{transition:none}.project-showcase-card:hover,.project-showcase-card:hover .project-screen-main,.project-showcase-card:hover .project-showcase-discover svg,.portfolio-contact-float:hover{transform:none}}
