/* One outer grid, a quieter metadata tier, and room for the work. */
.portfolio-home .sheet{max-width:var(--portfolio-width);padding-inline:var(--portfolio-gutter)}
.portfolio-home .header{min-height:96px}.portfolio-home .name{font-size:21px;letter-spacing:-.04em}
.portfolio-home .name>img{width:40px;height:40px}.portfolio-home .header nav{font-size:14px;gap:28px}
.portfolio-home #motion{font-size:12px;min-height:44px}
.portfolio-home .intro{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--portfolio-gap);padding:64px 0 48px;align-items:end}
.portfolio-home .intro h1{grid-column:1/8;font-size:clamp(40px,4.4vw,64px);letter-spacing:-.055em}
.portfolio-home .intro-copy{grid-column:8/13;justify-self:start;max-width:390px}
.portfolio-home .intro-copy p{font-size:16px;line-height:1.65}.portfolio-home .intro-copy .availability{font-size:12px;margin-top:20px}
.portfolio-home .work-nav{font-size:14px;gap:32px;margin-bottom:28px;padding:16px 0;border-bottom:0}
.portfolio-home .work-nav a{min-height:44px;padding:8px 0}
.portfolio-home .featured{grid-template-columns:5fr 7fr;min-height:500px}
.portfolio-home .feature-story{padding:36px;gap:0}
.portfolio-home .project-number,.portfolio-home .section-tag{font-size:12px;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--muted);font-weight:400}
.portfolio-home .feature-story .project-number{margin-bottom:28px}
.portfolio-home .feature-story h3{font-size:40px;margin-bottom:18px}
.portfolio-home .feature-line{font-size:29px;line-height:1.15;margin-bottom:20px}
.portfolio-home .feature-description{font-size:15px;line-height:1.65;max-width:320px}
.portfolio-home .feature-role{font-size:12px;margin:20px 0 28px}
.portfolio-home .feature-bottom{gap:16px}.portfolio-home .status{font-size:12px;padding:4px 10px}
.portfolio-home .story-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:8px 0;white-space:normal}
.portfolio-home .zeny-showcase{margin:20px 20px 20px 0;padding:20px;min-width:0}
.portfolio-home .hero-toggle button,.portfolio-home .zeny-heading .segments button{font-size:11px;min-height:40px;padding-inline:12px}
.portfolio-home .zeny-heading h4{font-size:22px}.portfolio-home .zeny-heading p{font-size:12px}
.portfolio-home .zeny-showcase .zeny-body{grid-template-columns:120px minmax(0,1fr);gap:20px;padding-top:8px}
.portfolio-home .room-reading{padding:18px}.portfolio-home .room-reading>p,.portfolio-home .reading-action p{font-size:12px;line-height:1.55}
.portfolio-home .room-reading h6{font-size:20px}.portfolio-home .reading-badge,.portfolio-home .reading-action span,.portfolio-home .mini-label,.portfolio-home .plan-caption{font-size:10px}
.portfolio-home .room-reading .reading-note{font-size:10px;line-height:1.4}.portfolio-home .room-choices button{font-size:12px;min-height:44px}
.portfolio-home .collection-heading{padding:0 0 32px;align-items:end;gap:32px}
.portfolio-home .collection-heading h2{font-size:clamp(32px,3.5vw,44px);line-height:1.08}
.portfolio-home .collection-heading .section-tag{font-size:12px;margin:0 0 16px}
.portfolio-home .collection-heading>nav{font-size:13px;gap:24px}.portfolio-home .collection-heading>p{font-size:14px;max-width:320px;line-height:1.6}
.portfolio-home .client-work,.portfolio-home .swire-work,.portfolio-home .own-products{margin-top:80px;padding-top:48px}
.portfolio-home .project-grid{gap:56px var(--portfolio-gap)}
.portfolio-home .project-lead{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--portfolio-gap)}
.portfolio-home .project-lead .project-meta{padding:0 0 0 24px;gap:12px}
.portfolio-home .project-lead .project-meta h3{font-size:36px;max-width:440px}
.portfolio-home .project-lead .cover{height:380px}
.portfolio-home .project-meta{gap:20px;align-items:start;display:block;padding-top:24px}
.portfolio-home .project-meta h3{font-size:30px}.portfolio-home .project-meta p:not(.project-number){font-size:15px;line-height:1.65;max-width:440px;margin-top:12px}
.portfolio-home .project-meta .story-link{margin-top:16px;font-size:14px}
.portfolio-home .project-meta .project-number{margin:0 0 12px}
.portfolio-home .project-meta .client-name{font-size:12px!important}
.portfolio-home .disciplines{font-size:12px;line-height:1.6;gap:8px;margin-top:16px}
.portfolio-home .disciplines span{margin-left:0;display:block;width:100%}
.portfolio-home .project-lead .disciplines{padding-left:24px;font-size:12px;margin-top:20px}
.portfolio-home .cover-heading{font-size:13px;line-height:1.5;padding:20px 24px 16px}
.portfolio-home .cover-heading span:last-child,.portfolio-home .cover-foot,.portfolio-home .cover-foot span:last-child{font-size:11px}
.portfolio-home .cover-control,.portfolio-home .cover-control>span{font-size:12px;line-height:1.4}
.portfolio-home .cover-control .segments button{font-size:12px;min-height:44px}
.portfolio-home .pc-cover,.portfolio-home .audio-cover{height:480px}
.portfolio-home .pc-demo-heading>p:last-child{font-size:12px}.portfolio-home .pc-step{font-size:12px;letter-spacing:0}
.portfolio-home .audio-demo .hf-call li{font-size:12px}.portfolio-home .audio-cover .cover-control>span{font-size:11px;max-width:230px}
.portfolio-home .demo-replay{font-size:12px;min-height:44px}
.portfolio-home .swire-below{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--portfolio-gap);padding-top:32px}
.portfolio-home .swire-story h3{font-size:36px}.portfolio-home .swire-story>p:not(.project-number){font-size:15px;line-height:1.65;max-width:460px}
.portfolio-home .map-top{font-size:12px}.portfolio-home .map-launch>span{font-size:18px}.portfolio-home .map-launch button{font-size:14px}
.portfolio-home .residence-picker b{font-size:16px}.portfolio-home .residence-picker small{font-size:12px}.portfolio-home .all-residences{font-size:13px;justify-content:start}
.portfolio-home .crossing-note{font-size:10px}.portfolio-home .crossing-top>span{font-size:10px}.portfolio-home .crossing-status{font-size:12px}.portfolio-home .cc-caption>span{font-size:12px;max-width:170px}
.portfolio-home .about{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--portfolio-gap);margin-top:80px;padding:64px 0}
.portfolio-home .about-copy{padding-top:34px}.portfolio-home .about-copy p{font-size:16px;line-height:1.7}.portfolio-home .about-copy .small{font-size:13px}
.portfolio-home .about h2,.portfolio-home .contact h2{font-size:clamp(34px,3.8vw,48px)}
.portfolio-home .contact{padding:64px 0}.portfolio-home .contact a{font-size:16px}
.portfolio-home summary,.portfolio-home details p{font-size:13px!important}.portfolio-home footer{font-size:12px;padding-block:24px}
.portfolio-home .dialog-inner{padding:32px 40px}.portfolio-home .dialog-top .section-tag{font-size:12px}
.portfolio-home #dialog-description{font-size:17px}.portfolio-home .dialog-evidence{font-size:14px;line-height:1.6;padding:12px 18px}
.portfolio-home .dialog-sections{gap:32px}.portfolio-home .dialog-sections h3{font-size:16px;font-weight:500}.portfolio-home .dialog-sections p{font-size:15px;line-height:1.7}
.portfolio-home .dialog-note,.portfolio-home .case-study-entry p{font-size:13px;line-height:1.6}
.portfolio-home .case-study-entry{padding:24px;gap:24px}.portfolio-home .case-study-entry span{font-size:14px}.portfolio-home .case-study-link{font-size:14px}
@media(max-width:1050px){
 .portfolio-home .intro h1{font-size:48px}.portfolio-home .intro{gap:24px}
 .portfolio-home .featured{grid-template-columns:4fr 6fr}.portfolio-home .feature-story{padding:28px}
 .portfolio-home .zeny-showcase{padding:16px;margin:16px 16px 16px 0}.portfolio-home .zeny-showcase .zeny-body{grid-template-columns:95px minmax(0,1fr);gap:12px}
 .portfolio-home .room-reading{padding:12px}.portfolio-home .hero-toggle button{font-size:10px;padding-inline:10px}
 .portfolio-home .project-lead .project-meta{padding-left:0}.portfolio-home .project-lead .disciplines{padding-left:0}
 .portfolio-home .collection-heading>nav{display:none}
}
@media(max-width:900px){
 .portfolio-home .header{min-height:80px}.portfolio-home .header nav{gap:20px}
 .portfolio-home .intro{grid-template-columns:1fr;padding:40px 0 32px;gap:28px}.portfolio-home .intro h1,.portfolio-home .intro-copy{grid-column:auto}.portfolio-home .intro-copy{max-width:500px}
 .portfolio-home .intro h1{font-size:clamp(38px,7vw,54px)}.portfolio-home .work-nav{gap:12px 24px;flex-wrap:wrap;font-size:13px;display:flex;margin-bottom:24px}
 .portfolio-home .featured{grid-template-columns:1fr}.portfolio-home .feature-story{padding:28px}.portfolio-home .feature-story .project-number{margin-bottom:20px}
 .portfolio-home .feature-line{font-size:28px}.portfolio-home .feature-description{max-width:450px}.portfolio-home .feature-bottom{flex-direction:row;align-items:center;gap:24px}
 .portfolio-home .zeny-showcase{margin:0 16px 16px;padding:20px;min-height:450px}.portfolio-home .zeny-showcase .zeny-body{grid-template-columns:120px minmax(0,1fr);gap:20px}
 .portfolio-home .room-reading{padding:16px}.portfolio-home .project-lead{display:block}.portfolio-home .project-lead .project-meta{padding-top:24px}
 .portfolio-home .project-lead .project-meta h3{font-size:32px}.portfolio-home .project-lead .disciplines{margin-top:16px}
 .portfolio-home .client-work,.portfolio-home .swire-work,.portfolio-home .own-products{margin-top:56px;padding-top:32px}
 .portfolio-home .collection-heading{flex-direction:column;align-items:start;gap:16px;padding-bottom:28px}.portfolio-home .swire-work .collection-heading>p{text-align:left;max-width:420px}
 .portfolio-home .swire-below,.portfolio-home .about{grid-template-columns:1fr;gap:32px}.portfolio-home .about{margin-top:56px;padding:40px 0}.portfolio-home .about-copy{padding-top:0;max-width:none}
 .portfolio-home .contact{padding:40px 0}.portfolio-home .own-project .cc-caption>p{font-size:34px}
}
@media(max-width:440px){
 .portfolio-home .header{gap:14px;padding-block:20px}.portfolio-home .header nav{font-size:13px;gap:20px}.portfolio-home #motion{padding-left:16px;font-size:12px}
 .portfolio-home .intro-copy p{font-size:15px}.portfolio-home .work-nav{gap:4px 20px}.portfolio-home .work-nav a{font-size:13px;min-height:36px}
 .portfolio-home .feature-story{padding:24px}.portfolio-home .feature-story h3{font-size:36px}
 .portfolio-home .zeny-showcase{margin:0 10px 10px;padding:14px}.portfolio-home .showcase-top{flex-wrap:wrap;gap:12px}.portfolio-home .hero-toggle{margin-left:auto}.portfolio-home .hero-toggle button{font-size:10px;padding-inline:10px}
 .portfolio-home .zeny-heading{align-items:start;flex-wrap:wrap}.portfolio-home .zeny-heading h4{font-size:20px}.portfolio-home .zeny-heading .segments{margin-left:auto}
 .portfolio-home .zeny-showcase .zeny-body{grid-template-columns:76px minmax(0,1fr);gap:12px}.portfolio-home .room-reading{padding:12px}
 .portfolio-home .room-reading h6{font-size:18px}.portfolio-home .room-reading>p,.portfolio-home .reading-action p{font-size:11px}
 .portfolio-home .plan-caption{white-space:normal;font-size:10px;text-align:center}
 .portfolio-home .room-choices{gap:4px}.portfolio-home .room-choices button{font-size:11px;padding-inline:12px}
 .portfolio-home .feature-bottom{flex-wrap:wrap;gap:12px 24px}.portfolio-home .feature-role{margin-bottom:20px}
 .portfolio-home .cover-heading{padding-inline:18px;font-size:12px;gap:12px}.portfolio-home .cover-heading span:last-child{font-size:10px;white-space:normal}
 .portfolio-home .cover-control{padding-inline:16px;flex-wrap:wrap;gap:8px}.portfolio-home .cover-control>span{font-size:11px}.portfolio-home .cover-control .segments button{font-size:11px}
 .portfolio-home .project-lead .cover{height:370px}.portfolio-home .pc-cover,.portfolio-home .audio-cover{height:480px}
 .portfolio-home .own-project .cc-caption>p{font-size:27px}.portfolio-home .cc-caption>span{font-size:11px}
 .portfolio-home .disciplines{font-size:12px}.portfolio-home .dialog-inner{padding:24px}.portfolio-home .dialog-sections{grid-template-columns:1fr}.portfolio-home .case-study-entry{padding:20px}.portfolio-home .contact a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:360px){
 .portfolio-home .zeny-showcase .zeny-body{grid-template-columns:1fr;gap:20px}
 .portfolio-home .plan-wrap{padding-top:8px}.portfolio-home .plan-caption{max-width:none;margin-top:12px}
 .portfolio-home .room-reading{padding:16px}.portfolio-home .room-reading>p,.portfolio-home .reading-action p{font-size:12px}
 .portfolio-home .hero-toggle{margin-left:0}.portfolio-home .room-choices button{padding-inline:10px}
}

@media(max-width:900px){.portfolio-home .client-grid{grid-template-columns:1fr}}
.portfolio-home .dialog-media.zenyhome{max-height:340px;padding:0;background:var(--portfolio-surface)}
.portfolio-home .dialog-media.zenyhome img{width:100%;height:auto;max-height:340px;object-fit:contain}

/* Own products lead the portfolio, with Zenyhome followed by Crossclear. */
.portfolio-home #own-products{margin-top:0;padding-top:0;border-top:0}
.portfolio-home #own-products>.collection-heading{padding:12px 0 28px}
.portfolio-home #own-products>.own-project{margin-top:56px}
@media(max-width:760px){.portfolio-home #own-products>.collection-heading{padding:8px 0 24px}.portfolio-home #own-products>.own-project{margin-top:36px}}