@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-latin.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-italic-latin.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}
.arrow{display:inline-block;flex-shrink:0;font-family:var(--sans);font-size:14px;font-weight:400;line-height:1;letter-spacing:0;vertical-align:middle;transition:transform 220ms ease}
a:hover .arrow{transform:translate(1px,-1px)}
#liquid-glass-portfolio .nav-links{font-size:14px}
#liquid-glass-portfolio .nav a[aria-current='page']{color:var(--accent)}
#liquid-glass-portfolio .identity{font-size:12px}
#liquid-glass-portfolio .project p{font-size:14px;max-width:200px}
#liquid-glass-portfolio .project-index{font-size:12px}
#liquid-glass-portfolio .next p{font-size:16px;max-width:470px}
#liquid-glass-portfolio .next .soon{font-size:12px}
#liquid-glass-portfolio .coming-projects{display:grid;gap:18px}
#liquid-glass-portfolio .glass-pause{position:absolute;z-index:5;right:14px;top:12px;min-height:44px;border:1px solid #D8E3CF66;border-radius:2px;background:#14231BE6;color:#EAF0E2;padding:8px 12px;font-size:12px;cursor:pointer}
#liquid-glass-portfolio .glass-pause:hover{background:#263A2C}
#liquid-glass-portfolio .glass-pause:disabled{cursor:default}
#liquid-glass-portfolio .glass-pause:focus-visible,#liquid-glass-portfolio .glass-touch:focus-visible{outline-color:var(--spark);outline-offset:-4px}
#liquid-glass-portfolio .round-link .arrow{font-size:16px}
#liquid-glass-portfolio .portrait-source{position:absolute;max-width:none;width:auto;height:465.38%;top:-106.8182%;left:-28.4236%;object-fit:fill}
#liquid-glass-portfolio .lens::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#071910F2 0%,#102719D0 18%,#10271908 38%,#10271900 60%,#0D211A66 82%,#081B13D9 100%)}
#liquid-glass-portfolio .optics{z-index:1;visibility:hidden}
#liquid-glass-portfolio .lens[data-ready='true'] .optics{visibility:visible}
.footer-bottom{border-top:1px solid #11181333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:24px 0 30px;color:var(--muted);font-size:12px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.footer-bottom a:hover{color:var(--accent)}
.page-header{padding:70px 0 60px;border-bottom:1px solid var(--ink)}
#liquid-glass-portfolio .page-header h1{font-family:var(--headline);font-size:clamp(48px,8.6cqw,118px);font-weight:600;line-height:1.04;letter-spacing:-.065em;margin:24px 0 30px}
.page-header h1 span{color:var(--accent);font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.035em}
#liquid-glass-portfolio .page-lede{max-width:730px;font-size:clamp(19px,2.1cqw,27px);line-height:1.5;letter-spacing:-.02em}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;list-style:none;padding:0;margin:0 0 36px;font-size:14px;color:var(--muted)}
.breadcrumb a:hover{color:var(--accent)}
.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;padding:48px 0 64px}
.catalog-card{display:block;min-width:0}
.catalog-art{height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:22px}
.catalog-art img{width:120px;height:120px;object-fit:contain;border-radius:24px;box-shadow:0 20px 50px #07191018;transition:transform 400ms cubic-bezier(.2,.8,.2,1)}
.catalog-card:hover .catalog-art img{transform:translateY(-8px) rotate(-4deg)}
.catalog-card .catalog-name{display:flex;justify-content:space-between;align-items:center;font:600 38px/1.15 var(--headline);letter-spacing:-2px;margin:12px 0}
#liquid-glass-portfolio .catalog-card p{max-width:470px;font-size:17px;line-height:1.6}
.bookworm{--product-bg:#24201E;--product-ink:#F3D1A4}
.echohawk{--product-bg:#DBEACE;--product-ink:#203629}
.overbet{--product-bg:#E1E7DE;--product-ink:#244934}
.tripski{--product-bg:#D9E9E6;--product-ink:#1C5149}
.catalog-art,.product-gallery{background:var(--product-bg);color:var(--product-ink)}
.product-top{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:36px;align-items:start}
.product-icon{width:110px;height:110px;object-fit:contain;border-radius:24px;justify-self:end}
#liquid-glass-portfolio .product-header h1{font-size:clamp(70px,12cqw,166px);margin-top:22px;margin-bottom:22px}
.product-introduction{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px 0 60px}
.product-introduction .lead{font:400 clamp(28px,3.2cqw,45px)/1.18 var(--serif);letter-spacing:-.02em}
.product-introduction .prose{max-width:570px}
#liquid-glass-portfolio .prose p{margin:0 0 22px;line-height:1.75}
.link-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:30px}
.action-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 22px;background:var(--ink);color:var(--paper)!important;font-size:16px}
.action-link:hover{background:var(--accent)}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;border-bottom:1px solid currentColor;font-size:16px}
.text-link:hover{color:var(--accent)!important}
.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding:60px 12%;margin:0 -30px}
.product-gallery figure{margin:0;min-width:0}
.product-gallery img{width:100%;height:auto;display:block;box-shadow:0 24px 50px #00000025}
.product-gallery figcaption{font-size:14px;line-height:1.5;padding:20px 0 0}
.editorial-section{padding:70px 0;border-bottom:1px solid var(--ink)}
.section-heading{display:flex;justify-content:space-between;gap:30px;margin-bottom:42px}
#liquid-glass-portfolio .section-heading h2{font:400 clamp(34px,5cqw,65px)/1.05 var(--serif);letter-spacing:-.025em;width:66%}
.feature-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.feature-columns article{border-top:1px solid #11181350;padding-top:22px}
.feature-columns h3{font:600 23px/1.2 var(--headline);letter-spacing:-.035em;margin:18px 0}
.feature-columns p{color:var(--muted);font-size:16px;line-height:1.7}
.product-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:32px 0;border-bottom:1px solid var(--ink)}
.product-links nav{display:flex;flex-wrap:wrap;gap:12px 25px}
.product-links a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #11181350;font-size:14px}
.next-project{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:60px 0}
.next-project strong{font:400 clamp(36px,5cqw,68px)/1.1 var(--serif);letter-spacing:-.03em}
.next-project strong .arrow{margin-left:8px;vertical-align:middle}
.next-project:hover strong{color:var(--accent)}
.about-grid{display:grid;grid-template-columns:36% 1fr;gap:8%;padding:60px 0}
.about-photo{margin:0}
.about-photo img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;object-position:50% 24%}
.about-photo figcaption{padding-top:16px;color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
#liquid-glass-portfolio .prose h2{font:400 48px/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:26px}
.engineering-note{border-top:1px solid #11181333;padding-top:20px;margin-top:24px}
#liquid-glass-portfolio .engineering-note h2{font:600 13px/1.5 var(--headline);letter-spacing:.04em;margin-bottom:12px}
.experience-list{margin-left:34%}
.experience-list>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #11181333;padding:22px 0}
.experience-list h3{margin:0;font:600 22px/1.3 var(--headline)}
.experience-list p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;padding:60px 0}
.email-link{display:block;font:500 clamp(23px,3.2cqw,44px)/1.25 var(--headline);letter-spacing:-.04em;padding:22px 0 26px;overflow-wrap:anywhere}
.email-link:hover{color:var(--accent)!important}
.contact-primary p:last-child{max-width:470px;color:var(--muted)}
#liquid-glass-portfolio .contact-details h2,.support-note h2{font:400 32px/1.15 var(--serif);letter-spacing:-.025em}
.contact-details ul{padding-left:20px;line-height:2}
.support-note{padding:30px;background:var(--deep);color:var(--paper);margin-bottom:60px}
#liquid-glass-portfolio .support-note p{margin-top:16px}
#liquid-glass-portfolio .support-note a{text-decoration:underline}
.not-found{min-height:60vh}
.legacy-notice{max-width:760px;padding:65px 0}
.legacy-notice h1{font:500 60px/1.1 var(--headline);letter-spacing:-.04em;margin-bottom:26px!important}
.legacy-notice p{margin-bottom:20px!important}
@container(max-width:760px){
 .catalog-art{height:260px}.product-introduction{gap:35px}.product-gallery{margin:0 -22px;padding:40px 8%;gap:30px}
 .feature-columns{grid-template-columns:1fr;gap:24px}.feature-columns article{display:grid;grid-template-columns:1fr 2fr;gap:0 24px}.feature-columns article>.eyebrow{grid-column:1}.feature-columns h3{grid-column:1;margin-top:12px}.feature-columns p{grid-column:2;grid-row:1 / span 2}
 .about-grid{grid-template-columns:33% 1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:45px}
}
@container(max-width:500px){
 #liquid-glass-portfolio .portrait-source{left:-87.0397%}
 #liquid-glass-portfolio .nav-links{font-size:14px}#liquid-glass-portfolio .lens-label{max-width:110px;line-height:1.6}#liquid-glass-portfolio .glass-pause{right:10px;top:9px;padding:8px;font-size:11px}
 #liquid-glass-portfolio .project p{font-size:14px}#liquid-glass-portfolio .project-title{font-size:22px}#liquid-glass-portfolio .project-intro h2{font-size:34px}
 .footer-bottom{display:block}.footer-bottom nav{margin:10px 0;gap:10px 18px}.page-header{padding:42px 0}#liquid-glass-portfolio .page-header h1{margin:22px 0 25px}
 .catalog{grid-template-columns:1fr;gap:38px;padding:32px 0}.catalog-art{height:230px;margin-bottom:18px}.catalog-card .catalog-name{font-size:34px}
 .product-top{display:flex;flex-direction:column-reverse;gap:20px}.product-icon{width:64px;height:64px;border-radius:14px}#liquid-glass-portfolio .product-header h1{font-size:clamp(48px,15cqw,70px)}.product-introduction{grid-template-columns:1fr;gap:25px;padding:32px 0}
 .product-gallery{grid-template-columns:1fr;margin:0 -16px;padding:30px 32px;gap:32px}.product-gallery figcaption{font-size:14px}.editorial-section{padding:42px 0}.section-heading{display:block;margin-bottom:28px}#liquid-glass-portfolio .section-heading h2{width:100%;margin-top:20px}
 .feature-columns article{display:block}.feature-columns h3{font-size:24px}.next-project{padding:38px 0}.about-grid{grid-template-columns:1fr;padding:32px 0}.about-photo img{max-height:460px}
 .experience-list{margin:0}.experience-list>div{grid-template-columns:1fr;gap:10px}.contact-grid{padding:35px 0}.support-note{margin-bottom:32px;padding:24px}.legacy-notice h1{font-size:42px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}