@layer sections{.portfolio-page .portfolio-hero{background:radial-gradient(ellipse 650px 540px at 85% 30%, var(--glow), transparent 84%);padding-top:22px;padding-bottom:56px}.portfolio-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;font-size:.76rem;display:flex}.portfolio-breadcrumb a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.portfolio-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}.portfolio-hero-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;display:grid}.portfolio-hero-copy h1{letter-spacing:-.045em;margin-bottom:26px;font-size:clamp(2.5rem,4.25vw,3.8rem);line-height:1.08}.portfolio-hero-copy h1 span{color:var(--accent)}.portfolio-intro{max-width:58ch;margin-bottom:28px;font-size:1rem}.portfolio-hero-note{margin-top:20px;font-size:.76rem}.portfolio-hero-photo{justify-self:end;width:100%;max-width:535px}.portfolio-hero-photo .photo-open{box-shadow:var(--shadow);border-radius:18px}.portfolio-featured{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:start;gap:80px;margin-top:52px;padding-top:34px;display:grid}.portfolio-featured h2{font-size:1.7rem}.portfolio-featured p:not(.eyebrow){font-size:.91rem}.portfolio-featured .text-link{margin-top:16px}.portfolio-section-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px 28px;padding-block:18px;display:flex}.portfolio-section-nav a{min-height:44px;color:var(--accent);align-items:center;font-size:.8rem;display:inline-flex}.portfolio-section-nav a:hover{text-underline-offset:5px;text-decoration:underline}.portfolio-project-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.portfolio-project{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;display:flex;overflow:hidden}.portfolio-project>.photo{padding:20px 20px 0}.portfolio-project .photo-open>img{aspect-ratio:5/4;object-fit:contain}.portfolio-project figcaption{font-size:.71rem}.portfolio-project-copy{flex-direction:column;flex:1;align-items:start;padding:26px 32px 30px;display:flex}.portfolio-project-copy h3{margin-bottom:22px;font-size:1.45rem}.portfolio-project-copy dl{width:100%;margin-bottom:22px}.portfolio-project-copy dl>div{border-top:1px solid var(--border);grid-template-columns:100px 1fr;gap:16px;padding-block:12px;font-size:.82rem;display:grid}.portfolio-project-copy dt{font-weight:600}.portfolio-project-copy dd{color:var(--muted)}.portfolio-project-copy>p{margin-bottom:22px;font-size:.9rem}.portfolio-project-copy>.text-link{margin-top:auto}.portfolio-design-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:80px;display:grid}.portfolio-design-brief{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:34px}.portfolio-design-brief dl>div{border-top:1px solid var(--border);padding-block:18px}.portfolio-design-brief dt{margin-bottom:10px;font-size:1rem;font-weight:600}.portfolio-design-brief dd{color:var(--muted);font-size:.88rem}.portfolio-design-brief .text-link{margin-top:8px}.portfolio-factory-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.portfolio-factory-grid .photo-open>img{aspect-ratio:3/2}.portfolio-factory-link{margin-top:26px}.portfolio-more-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:80px;display:grid}.portfolio-more-grid .button-row{margin-top:26px}}@layer responsive{@media (max-width:1120px){.portfolio-hero-grid,.portfolio-featured,.portfolio-design-grid,.portfolio-more-grid{gap:40px}.portfolio-hero-copy .button{padding-inline:17px;font-size:.8rem}.portfolio-section-nav{gap:6px 24px}.portfolio-project-grid{gap:26px}.portfolio-project-copy{padding:24px}.portfolio-project-copy h3{font-size:1.32rem}.portfolio-design-brief{padding:28px}}@media (max-width:960px){.portfolio-hero-grid{gap:28px}.portfolio-hero-copy h1{font-size:clamp(2.4rem,4.8vw,3.2rem)}.portfolio-hero-copy .eyebrow{font-size:.66rem}.portfolio-intro{font-size:.94rem}.portfolio-project-copy dl>div{grid-template-columns:84px 1fr;gap:12px}.portfolio-project-copy .text-link{font-size:.8rem}.portfolio-design-grid{grid-template-columns:1fr;gap:34px}.portfolio-design-brief{max-width:760px}}@media (max-width:700px){.portfolio-page .portfolio-hero{padding-block:16px 48px}.portfolio-breadcrumb{margin-bottom:22px}.portfolio-hero-grid,.portfolio-featured,.portfolio-project-grid,.portfolio-more-grid,.portfolio-factory-grid{grid-template-columns:1fr;gap:32px}.portfolio-hero-copy h1{font-size:clamp(2.4rem,8vw,3.4rem)}.portfolio-hero-copy .eyebrow{font-size:.67rem}.portfolio-hero-photo{justify-self:center;max-width:470px}.portfolio-featured{gap:22px;margin-top:34px;padding-top:28px}.portfolio-featured h2{font-size:1.6rem}.portfolio-section-nav{grid-template-columns:1fr 1fr;gap:4px 18px;display:grid}.portfolio-section-nav a{font-size:.79rem}.portfolio-project>.photo{padding:16px 16px 0}.portfolio-project .photo-open>img{aspect-ratio:1}.portfolio-project-copy h3{font-size:1.35rem}.portfolio-project-copy .text-link{font-size:.86rem}.portfolio-project-copy dl>div{grid-template-columns:90px 1fr}.portfolio-design-brief{padding:24px}.portfolio-factory-grid>.photo{width:100%;max-width:540px;margin-inline:auto}}}