/* Shared visual language: cinema, warm paper, quiet editorial structure. */
:root{--site-paper:#f3f0e9;--site-ink:#262321;--site-muted:#78736b;--site-line:#d9d4cb;--site-accent:#793441;--site-radius:8px;--site-gutter:clamp(22px,5vw,80px);--site-width:1320px;--site-serif:"Cormorant Garamond",Georgia,"Songti SC",serif;--site-sans:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;--p-paper:var(--site-paper);--p-ink:var(--site-ink);--p-muted:var(--site-muted);--p-line:var(--site-line);--p-red:var(--site-accent);--p-gold:#9a8060;--p-serif:var(--site-serif)}
html{scroll-padding-top:108px}body{font-family:var(--site-sans);-webkit-font-smoothing:antialiased}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ac7b67;outline-offset:5px}.site-navigation,.portfolio-home .cinema-header{box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:66px;padding:0 25px;border:1px solid #ffffff1b;border-radius:10px;background:#201c1bed;color:#f3f0e9;box-shadow:0 8px 30px #0000000a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:var(--site-sans)}
body>.site-navigation{position:sticky;top:16px;margin:16px var(--site-gutter) 0;z-index:40}.site-wordmark,.portfolio-home .cinema-wordmark{font-size:13px;font-weight:800;letter-spacing:.14em;padding:0;color:#f3f0e9;text-decoration:none;white-space:nowrap;text-shadow:none}.site-links{display:flex;align-items:center;gap:8px;pointer-events:auto}.site-links>a{font-size:11px;letter-spacing:.02em;padding:10px 15px;color:#d3cdc3!important;white-space:nowrap;border:1px solid transparent;border-radius:5px;text-decoration:none}.site-links>a[aria-current=page]{background:#ffffff0d;color:#fff9ec!important;border-color:#ffffff16}.site-links>a:hover{background:#ffffff10;color:#fff!important;text-decoration:none}.site-contact{font-size:11px;color:#d3cdc3!important;text-decoration:none}.portfolio-home>header{padding:16px var(--site-gutter)!important;background:none!important;backdrop-filter:none!important;pointer-events:none}.portfolio-home .cinema-header{pointer-events:auto;max-width:none!important}.portfolio-home .header-controls{width:80px;min-height:34px!important;position:relative;display:block;flex-shrink:0}.portfolio-home .language-switch,.portfolio-home .header-controls:has(.nav-ticket:not([hidden])) .language-switch{position:static!important;min-width:80px!important;min-height:34px!important;color:#d3cdc3!important;background:none!important;pointer-events:auto}.portfolio-home .language-switch span.active{color:#fff9ec!important}.portfolio-home .nav-ticket{position:fixed;top:96px;right:var(--site-gutter);width:240px}.portfolio-home .chapter-popover{max-height:calc(100svh - 215px)}
/* Homepage: retain the moving cinema background, let each chapter breathe. */
.portfolio-home{--paper:#f3f0e9;--paper-soft:#d4cdc1;--paper-dim:#aaa092;--gold:#c3aa88;--line:#f3f0e92b;--red:#793441}.portfolio-home .grain{opacity:.035}.portfolio-home #spotlight-overlay{opacity:0!important}.portfolio-home .section{padding:110px var(--site-gutter)}.portfolio-home .section-inner{max-width:var(--site-width)!important}.portfolio-home #top{padding-bottom:72px;min-height:100svh}.portfolio-home #top>.section-inner>div{min-height:72svh!important;grid-template-columns:1.5fr .5fr!important}.portfolio-home #top h1{font-size:clamp(52px,6.7vw,100px);font-weight:500;line-height:.98;letter-spacing:-.055em;max-width:970px}.portfolio-home #top .section-inner>div>div:last-child{padding-top:9vh!important}.portfolio-home #top img{width:min(160px,22vw)!important;opacity:.85}.portfolio-home #top h1+p{font-size:11px!important;letter-spacing:.18em!important;color:#d8d1c4!important}.portfolio-home .home-hero-actions{gap:12px;margin-top:32px}.portfolio-home .home-hero-actions a{border-radius:5px;border-color:#f3f0e944;padding:13px 20px;font-size:11px;letter-spacing:.02em}.portfolio-home .home-hero-actions a:first-child{background:var(--site-paper);color:var(--site-ink);border-color:var(--site-paper)}
.portfolio-home #products{background:var(--site-paper);color:var(--site-ink);padding:96px var(--site-gutter);border-radius:18px 18px 0 0}.portfolio-home .shop-feature-inner{max-width:var(--site-width)}.portfolio-home .shop-feature-head{margin-bottom:45px;align-items:end}.portfolio-home .shop-feature-head h2{font-family:var(--site-serif);font-size:clamp(50px,5vw,76px);line-height:.98;letter-spacing:-.035em}.portfolio-home .shop-feature-head small{font-size:10px;color:var(--site-accent);letter-spacing:.15em}.portfolio-home .shop-feature-head p{font-size:13px;color:var(--site-muted)}.portfolio-home .shop-feature-head>a,.portfolio-home .shop-feature-bottom a{color:var(--site-accent);border-color:var(--site-accent)}.portfolio-home .shop-feature-grid{grid-template-columns:1fr 1fr;gap:30px}.portfolio-home .shop-feature-art.merchandise{aspect-ratio:1.45;background:#e6e2da;border-radius:var(--site-radius)}.portfolio-home .shop-feature-art.merchandise img{object-fit:contain;padding:18px}.portfolio-home .shop-feature-caption h3{font-family:var(--site-sans);font-size:20px;font-weight:500;letter-spacing:-.035em}.portfolio-home .shop-feature-caption strong{font:500 18px var(--site-sans)}.portfolio-home .shop-feature-card .shop-feature-meta{color:var(--site-accent);font-size:9px}.portfolio-home .shop-feature-card p{color:var(--site-muted);font-size:12px}.portfolio-home .shop-feature-bottom{border-color:var(--site-line);margin-top:38px;padding-top:24px}
.portfolio-home #origin{padding:110px var(--site-gutter)!important;min-height:85svh!important}.portfolio-home #origin>div{max-width:var(--site-width);margin:auto;min-height:60svh!important;gap:50px}.portfolio-home #origin p{white-space:normal!important}.portfolio-home #origin h2{font-size:clamp(58px,7vw,100px)!important;font-weight:500!important}.portfolio-home #origin>div>div:last-child>p:first-child{font-size:24px!important;font-weight:500!important;letter-spacing:0!important}
.portfolio-home #influencer,.portfolio-home #lab,.portfolio-home #commercial,.portfolio-home #film{min-height:auto}.portfolio-home #feeds{padding:100px var(--site-gutter) 0}.portfolio-home .rule{border-color:var(--line);padding-top:22px;margin-bottom:44px}.portfolio-home .eyebrow{font-size:11px;letter-spacing:.18em;font-weight:500;color:#c3aa88}.portfolio-home .section-subtitle{font-size:15px;line-height:1.9;max-width:760px;color:#c9c3ba}.portfolio-home .social-showcase{border-radius:var(--site-radius)}.portfolio-home #influencer .social-showcase{max-width:100%!important;grid-template-columns:260px minmax(0,1fr);gap:8%}.portfolio-home .influencer-photo{border-radius:var(--site-radius)!important}.portfolio-home .lab-project-brief{border-color:var(--line);background:none}.portfolio-home .cinema-screenglow{display:none}.portfolio-home #enter-lab-btn{background:var(--site-paper)!important;color:var(--site-ink)!important;box-shadow:none!important;border-radius:5px!important;font-weight:500!important;font-size:11px!important;letter-spacing:.1em!important;max-width:300px!important}.portfolio-home .device-wrapper{border-radius:8px;box-shadow:0 18px 45px #0003}.portfolio-home .project-shell{background:#ffffff03;border:1px solid var(--line);border-radius:var(--site-radius);overflow:hidden;margin-bottom:24px}.portfolio-home .project-cover{padding:34px}.portfolio-home .project-cover .project-heading h3{font-family:var(--site-serif);font-size:clamp(32px,3.5vw,52px);font-weight:500}.portfolio-home .project-cover .project-summary p{font-size:13px;color:#c9c3ba}.portfolio-home .cover-proof strong{font-family:var(--site-serif);font-size:38px;font-weight:500}.portfolio-home .project-expanded{padding:32px}.portfolio-home .global-outro{padding-top:35px;padding-bottom:45px}.portfolio-home #contact{min-height:80svh}.portfolio-home #contact .display{font-weight:500;letter-spacing:-.055em}
/* Inner pages share the same container, typography, dividers and image treatment. */
.product-site,.gallery-page{background:var(--site-paper);color:var(--site-ink);font-family:var(--site-sans)}.p-wrap,.gallery-page main{width:auto;max-width:calc(var(--site-width) + 2 * var(--site-gutter));padding:0 var(--site-gutter);margin:0 auto}.p-intro,.developer-intro{padding:84px 0 54px;position:relative;border-bottom:1px solid var(--site-line);margin-bottom:40px}.p-intro h1{font-size:clamp(60px,6.5vw,96px);line-height:.95;letter-spacing:-.04em}.p-intro .p-edition,.developer-intro .edition{position:absolute;right:0;top:90px;font:italic 18px var(--site-serif);color:var(--site-muted)}.p-lead{font-size:14px;line-height:1.9}.p-kicker{font-size:10px;font-weight:500;letter-spacing:.15em}.p-kicker:before{display:none}.p-catalog{grid-template-columns:1fr 1fr;gap:30px}.p-art.merchandise{border-radius:var(--site-radius);background:#e6e2da;aspect-ratio:1.45}.p-art.merchandise img{object-fit:contain!important;padding:18px;border:none;transform:none!important;box-shadow:none}.p-badge{border-radius:4px;font-size:8px;top:14px;left:14px;background:#f7f4ecf2;letter-spacing:.06em}.p-card h2{font-family:var(--site-sans);font-size:22px;font-weight:500;letter-spacing:-.035em}.p-price{font:500 20px var(--site-sans)}.p-card p{font-size:13px}.p-link{font-size:11px}.p-choice{background:#e9e5dd;border-radius:var(--site-radius);padding:36px;gap:45px}.p-choice h2{font-size:28px;font-weight:500}.p-section{padding:64px 0;border-color:var(--site-line)}.p-section-heading{margin-bottom:35px;gap:30px}.p-section-heading h2{font-size:34px;line-height:1.25;font-weight:500}.p-section-heading p{font-size:13px;line-height:1.9}.p-footer{max-width:var(--site-width);margin:40px auto 0;padding:28px 0;border-color:var(--site-line);font-size:11px}.p-breadcrumb{margin-top:35px;font-size:10px}.p-product-hero{gap:7%;padding-bottom:64px}.p-product-copy h1{font-size:clamp(55px,5.8vw,86px);font-weight:500;line-height:.95;letter-spacing:-.035em}.p-product-copy h2{font-size:23px;font-weight:500;line-height:1.5}.p-product-copy .p-description{font-size:13px;line-height:1.9}.p-gallery-main{background:#e6e2da;border-radius:var(--site-radius);overflow:hidden}.p-gallery-main img{height:560px;padding:18px}.p-gallery-thumbs button{border-radius:4px}.p-btn{border-radius:5px;min-height:44px;font-size:12px;background:var(--site-ink);border-color:var(--site-ink)}.p-btn:hover{background:var(--site-accent);border-color:var(--site-accent)}.p-btn.secondary{background:transparent;color:var(--site-ink);border-color:var(--site-line)}.p-option span{border-radius:5px}.p-features{gap:24px}.p-feature img{border-radius:var(--site-radius)}.p-feature h3{font-weight:500;font-size:19px}.p-faq details{border-color:var(--site-line);padding:20px 0}.p-faq summary{font-size:14px}.p-dialog{border-radius:10px;background:var(--site-paper)}
/* Developer layout uses the original project screens, with no poster overlays. */
.gallery-page .developer-intro .intro{margin:0;max-width:650px}.developer-intro .eyebrow{color:var(--site-accent);font:500 10px var(--site-sans);letter-spacing:.15em}.developer-intro h1{font-family:var(--site-serif);font-size:clamp(42px,4.8vw,68px);line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:25px 0}.developer-intro h1 br{display:none}.developer-intro .intro>p:last-child{font-size:14px;max-width:490px;color:var(--site-muted);line-height:1.9}.gallery-page .gallery-heading{height:auto;padding:0 0 22px;color:var(--site-muted);font-size:10px}.gallery-page .project-grid{gap:40px 30px}.project-screen{aspect-ratio:1.6;background:#e6e2da;border-radius:var(--site-radius);overflow:hidden;display:flex;align-items:center;justify-content:center}.project-screen img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none}.gallery-page .card-caption h2{font-size:20px;font-weight:500}.gallery-page .card-caption p{font-size:12px;color:var(--site-muted)}.gallery-page .card-meta{font-size:10px;border-color:var(--site-line);color:var(--site-muted)}.gallery-page .open-icon{border-color:var(--site-line);color:var(--site-ink)}.gallery-page .project-info{background:#eae6de}.gallery-page .lab-btn-solid{background:var(--site-ink);border-color:var(--site-ink)}.gallery-page .lab-proj-meta,.gallery-page .lab-proj-lede,.gallery-page .lab-proj-facts,.gallery-page .lab-details-body{color:#71685e}.gallery-page .gallery-footer{border-top:1px solid var(--site-line);margin-top:60px;padding:25px 0 35px;color:var(--site-muted)}
@media(max-width:900px){.site-links{gap:0}.site-links>a{padding:10px;font-size:10px}.site-navigation,.portfolio-home .cinema-header{gap:12px;padding:0 18px}.site-contact{display:none}.portfolio-home #influencer .social-showcase{grid-template-columns:200px minmax(0,1fr);gap:35px}.p-intro .p-edition,.developer-intro .edition{display:none}.p-product-hero{gap:35px}.portfolio-home .section{padding-top:85px;padding-bottom:85px}.portfolio-home #origin>div{gap:30px}.portfolio-home .nav-ticket{width:216px}.portfolio-home .project-cover{padding:25px}.p-gallery-main img{height:460px}}
@media(max-width:620px){:root{--site-gutter:20px}.site-navigation,.portfolio-home .cinema-header{min-height:61px;padding:0 13px;gap:10px;border-radius:8px}.site-wordmark,.portfolio-home .cinema-wordmark{font-size:10px;letter-spacing:.07em}.site-links>a{font-size:9px;padding:8px 7px}.portfolio-home>header{padding:12px!important}.portfolio-home .cinema-header{flex-wrap:wrap;padding:12px 14px;gap:10px}.portfolio-home .site-links{order:3;width:100%;justify-content:center;border-top:1px solid #ffffff18;padding-top:5px}.portfolio-home .site-links>a{font-size:10px;flex:1;text-align:center}.portfolio-home .header-controls{width:65px;min-height:25px!important}.portfolio-home .language-switch,.portfolio-home .header-controls:has(.nav-ticket:not([hidden])) .language-switch{min-height:24px!important;min-width:65px!important}.portfolio-home .nav-ticket{top:119px;right:12px;width:205px}.portfolio-home #top{padding-top:140px;padding-bottom:48px}.portfolio-home #top>.section-inner>div{min-height:65svh!important;grid-template-columns:1fr!important;gap:30px!important}.portfolio-home #top h1{font-size:clamp(40px,10.3vw,64px);line-height:1.04}.portfolio-home #top .section-inner>div>div:last-child{padding-top:0!important;flex-direction:row!important;align-items:center!important}.portfolio-home #top img{width:100px!important}.portfolio-home .home-hero-actions{gap:8px}.portfolio-home .home-hero-actions a{font-size:10px;padding:12px}.portfolio-home #products{padding:65px var(--site-gutter);border-radius:12px 12px 0 0}.portfolio-home .shop-feature-grid{grid-template-columns:1fr;gap:34px}.portfolio-home .shop-feature-head h2{font-size:49px}.portfolio-home .shop-feature-head p{font-size:12px}.portfolio-home .shop-feature-caption h3{font-size:19px}.portfolio-home #origin{padding:80px var(--site-gutter)!important}.portfolio-home #origin>div{grid-template-columns:1fr!important;gap:60px;min-height:65svh!important}.portfolio-home #origin>div>div:first-child{gap:25px}.portfolio-home #origin h2{font-size:62px!important}.portfolio-home #origin>div>div:last-child{gap:24px!important;align-items:flex-start!important;text-align:left!important}.portfolio-home #origin>div>div:last-child>p:last-child{font-size:11px!important}.portfolio-home #influencer .social-showcase{grid-template-columns:1fr;gap:35px}.portfolio-home #influencer .social-showcase>div:first-child{max-width:230px;margin:auto}.portfolio-home .section-subtitle{font-size:13px}.portfolio-home .project-cover{padding:22px 18px}.portfolio-home .project-expanded{padding:20px 16px}.portfolio-home .project-cover .project-heading h3{font-size:34px}.portfolio-home .project-cover .project-summary p{font-size:12px}.portfolio-home .cover-proof strong{font-size:30px}.portfolio-home #feeds{padding:80px var(--site-gutter) 0}.portfolio-home .section{padding:75px var(--site-gutter)}.p-intro,.developer-intro{padding:55px 0 32px;margin-bottom:28px}.p-intro h1{font-size:57px}.p-catalog{grid-template-columns:1fr;gap:40px}.p-lead{font-size:13px}.p-choice{padding:26px;gap:24px}.p-section{padding:45px 0}.p-section-heading h2{font-size:28px}.p-product-hero{padding-bottom:40px}.p-product-copy h1{font-size:61px}.p-product-copy h2{font-size:22px}.p-gallery-main img{height:400px;padding:12px}.p-footer{margin:25px 20px 0;padding-bottom:25px}.gallery-page .developer-intro .intro{margin:0}.developer-intro h1{font-size:41px}.developer-intro h1 br{display:block}.gallery-page .project-grid{grid-template-columns:1fr;gap:32px}.gallery-page .card-caption h2{font-size:18px}.gallery-page .gallery-footer{margin-top:40px}.gallery-page main{padding:0 var(--site-gutter)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-navigation *, .project-screen *, .p-art *, .shop-feature-art *{transition:none!important}}
/* Keep the editorial Chinese heading on its intended two lines. */
.developer-intro h1 br{display:block}
/* A consistent chapter title scale, above the existing descriptions. */
.portfolio-home .rule>.eyebrow,.portfolio-home .global-chapter-line>.eyebrow{font-family:var(--site-serif);font-size:38px;line-height:1.15;letter-spacing:-.025em;text-transform:none;color:var(--paper);font-weight:500}
.portfolio-home .seat{box-shadow:none!important;border-radius:3px!important}
.portfolio-home .seat.has-letter{background:#ded5c7;color:#2d2723;text-shadow:none}
.portfolio-home .project-group:not(.active) .seat.has-letter{background:#b9b1a5}
.portfolio-home .device-wrapper{filter:none!important;box-shadow:0 16px 35px #0003!important}
@media(max-width:620px){.portfolio-home .rule>.eyebrow,.portfolio-home .global-chapter-line>.eyebrow{font-size:30px}.site-links>a{min-height:36px;display:flex;align-items:center;justify-content:center}.portfolio-home .site-links>a{min-height:30px}}
/* Keep the chapter navigator out of the title area. Open its menu upward. */
.portfolio-home .nav-ticket{top:auto;bottom:20px;right:var(--site-gutter);width:216px;box-shadow:0 8px 24px #0002}
.portfolio-home .nav-ticket .ticket-main{min-height:48px}
.portfolio-home .chapter-popover{top:auto;bottom:calc(100% + 8px);max-height:calc(100svh - 210px)}
@media(max-width:620px){.portfolio-home .nav-ticket{top:auto;bottom:12px;right:12px;width:196px}.portfolio-home .ticket-main{min-height:42px}.portfolio-home .global-chapter-line>.eyebrow{font-size:25px}.portfolio-home #contact{padding-bottom:125px}}
.portfolio-home>.nav-ticket{z-index:45;pointer-events:auto}
/* Navigation preview A: opening credits, rather than a floating panel. */
.site-navigation,.portfolio-home .cinema-header{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-left:0;padding-right:0}
body>.site-navigation{border-bottom:1px solid var(--site-line);background:var(--site-paper);top:0;margin-top:0;min-height:86px}
.site-wordmark{color:var(--site-ink)}
.site-navigation .site-links>a{color:var(--site-muted)!important;border:0;border-radius:0;background:none!important;padding:12px 0;margin:0 16px;position:relative}
.site-navigation .site-links>a[aria-current=page]{color:var(--site-ink)!important}
.site-navigation .site-links>a[aria-current=page]::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;opacity:.55}
.site-navigation .site-links>a:hover{color:var(--site-ink)!important}
.site-navigation .site-contact{color:var(--site-muted)!important}
.portfolio-home>header{transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}
.portfolio-home>header.is-scrolled{background:#171415e8!important;border-bottom-color:#f3f0e91a;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.portfolio-home .cinema-header .site-links>a{color:#e1d9cd!important;text-shadow:0 1px 12px #0008}
.portfolio-home .cinema-header .site-links>a[aria-current=page],.portfolio-home .cinema-header .site-links>a:hover{color:#fff9ec!important}
.portfolio-home .cinema-wordmark{color:#fff9ec;text-shadow:0 1px 12px #0008}
@media(max-width:620px){body>.site-navigation{min-height:74px}.site-navigation .site-links>a{margin:0 6px;font-size:9px}.portfolio-home>header{padding:12px 20px!important}.portfolio-home .cinema-header{padding:0;gap:7px}.portfolio-home .site-links{border-top:0;justify-content:space-between;padding-top:0}.portfolio-home .site-links>a{flex:none;font-size:10px;margin:0;padding:9px 0}.portfolio-home .site-links>a[aria-current=page]::after{bottom:3px}}
@media(prefers-reduced-motion:reduce){.portfolio-home>header{transition:none}}
.site-navigation .site-wordmark{color:var(--site-ink)}
/* Selective framing: large quiet surfaces, with the cinematic opening left open. */
.portfolio-home #products.shop-feature{margin:24px;border-radius:28px;padding:80px max(24px,calc(var(--site-gutter) - 24px));}
.product-site .p-intro{margin-top:32px;padding:58px 48px 42px;background:#e9e4db;border:0;border-radius:24px;}
.product-site .p-intro .p-edition{right:48px;top:64px;}
.product-site .p-choice{border-radius:20px;background:#e7e1d7;}
.gallery-page .developer-intro{margin-top:32px;padding:52px 48px 42px;border:0;border-radius:24px;background:#e9e4db;}
.gallery-page .developer-intro .edition{right:48px;top:64px;}
.product-detail .p-product-copy{padding:30px;background:#ebe6dd;border-radius:20px;align-self:start;}
.product-detail .p-gallery-main{border-radius:20px;}
@media(max-width:900px){.product-detail .p-product-copy{padding:24px;}}
@media(max-width:620px){.portfolio-home #products.shop-feature{margin:12px;border-radius:20px;padding:46px 20px;}.product-site .p-intro,.gallery-page .developer-intro{margin-top:22px;padding:32px 24px 28px;border-radius:18px;}.product-site .p-intro h1{font-size:clamp(38px,10.5vw,57px);}.gallery-page .developer-intro h1{font-size:36px;}.product-detail .p-product-copy{padding:24px 20px;border-radius:18px;}.product-detail .p-product-copy h1{font-size:clamp(43px,12vw,61px);}.product-detail .p-product-copy h2{font-size:20px;}}
/* Transparent frames: keep the cinema visible through the homepage surface. */
.portfolio-home #products.shop-feature{background:rgba(22,17,19,.18);border:1px solid rgba(243,240,233,.2);color:var(--paper);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.portfolio-home #products .shop-feature-head small,.portfolio-home #products .shop-feature-head>a,.portfolio-home #products .shop-feature-bottom a,.portfolio-home #products .shop-feature-meta{color:#d9c5ab;border-color:#d9c5ab88}
.portfolio-home #products .shop-feature-head p,.portfolio-home #products .shop-feature-card p,.portfolio-home #products .shop-feature-bottom{color:#ded6cb}
.portfolio-home #products .shop-feature-card{color:var(--paper)}
.portfolio-home #products .shop-feature-art.merchandise{background:rgba(255,255,255,.035);border:1px solid rgba(243,240,233,.12)}
.portfolio-home #products .shop-feature-bottom{border-top-color:rgba(243,240,233,.2)}
/* Inner pages retain their page canvas; remove the newly added solid panels. */
.product-site .p-intro,.gallery-page .developer-intro,.product-site .p-choice,.product-detail .p-product-copy{background:transparent;border:1px solid var(--site-line)}

/* Keep portfolio chapters aligned with the viewport. Oversized chapters remain scrollable. */
html:has(body.portfolio-home){scroll-snap-type:y mandatory;scroll-padding-top:0}
.portfolio-home .section,.portfolio-home #origin{min-height:100svh!important;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.portfolio-home #site-map{scroll-snap-align:start;scroll-snap-stop:always}
.portfolio-home #top>.section-inner>div{min-height:calc(100svh - 182px)!important}
@media(max-width:620px){
  .portfolio-home .section{padding-top:110px}
  .portfolio-home #origin{padding-top:110px!important}
  .portfolio-home #top>.section-inner>div{min-height:calc(100svh - 182px)!important}
}
@media(prefers-reduced-motion:reduce){html:has(body.portfolio-home){scroll-behavior:auto}}
/* Do not create an intermediate scroll container between chapters and the root snapport. */
body.portfolio-home{overflow-x:clip;overflow-y:visible}

/* Viewport compositions: readable content, complete chapter previews. */
@media(min-width:761px){
 .portfolio-home .section{padding:100px var(--site-gutter) 40px;display:flex;flex-direction:column;justify-content:center}
 .portfolio-home .section>.section-inner{width:100%}
 .portfolio-home #origin{padding:100px var(--site-gutter) 40px!important}
 .portfolio-home #origin>div{width:100%;min-height:calc(100svh - 180px)!important}
 .portfolio-home #overview .section-inner{max-width:1100px!important}
 .portfolio-home .overview-stmt{max-width:940px;padding-bottom:24px;margin-bottom:24px}
 .portfolio-home .overview-stmt p{font-size:clamp(28px,3vw,42px);line-height:1.2}
 .portfolio-home .overview-stmt p+p{font-size:clamp(14px,1.15vw,17px);line-height:1.7;margin-top:16px}
 .portfolio-home .overview-bottom{gap:40px}
 .portfolio-home .dir-row{padding:8px 0;gap:16px}
 .portfolio-home .dir-label{font-size:clamp(20px,1.8vw,25px);line-height:1.2}
 .portfolio-home .rule{margin-bottom:24px;padding-top:16px}
 .portfolio-home .section-subtitle{font-size:14px;line-height:1.65;margin-top:14px;max-width:900px}
 .portfolio-home #influencer .section-inner{max-width:1100px!important}
 .portfolio-home #influencer .social-showcase{max-width:900px!important;margin:24px auto 0;grid-template-columns:200px minmax(0,1fr);gap:80px;align-items:center}
 .portfolio-home #influencer .social-showcase>div:first-child{gap:16px!important}
 .portfolio-home #influencer .influencer-photo{max-height:280px;object-fit:contain}
 .portfolio-home #social-stamps:not(.is-open) .stamp-stage,.portfolio-home #social-stamps:not(.is-open) .stamp-wall{min-height:360px}
 .portfolio-home #social-stamps:not(.is-open) .work-stamp{width:180px;left:calc(50% - 90px + (var(--i) - 3.5)*18px);top:calc(16px + var(--i)*3px)}
 .portfolio-home #social-stamps:not(.is-open) .ticket-title{font-size:13px;line-height:1.4;margin:12px 0;min-height:55px}
 .portfolio-home #social-stamps:not(.is-open) .stamp-cover{aspect-ratio:4/3!important}
 .portfolio-home #social-stamps:not(.is-open) .ticket-heading{font-size:8px}
 .portfolio-home #social-stamps:not(.is-open) .ticket-stub{font-size:9px;padding:8px 0;margin-top:10px}
 .portfolio-home #social-stamps:not(.is-open) .ticket-barcode{height:24px}
 .portfolio-home #influencer:has(.is-open){justify-content:flex-start}
 .portfolio-home #influencer .social-showcase:has(.is-open){max-width:100%!important;align-items:start}
 .portfolio-home #feeds{padding-top:100px;padding-bottom:32px}
}
@media(max-width:760px){
 .portfolio-home #overview .overview-stmt{padding-bottom:20px;margin-bottom:20px}
 .portfolio-home #overview .overview-stmt p{font-size:26px;line-height:1.25}
 .portfolio-home #overview .overview-stmt p+p{font-size:14px;line-height:1.6;margin-top:14px}
 .portfolio-home #overview .overview-bottom{display:block}
 .portfolio-home #overview .dir-row{padding:8px 0}
}
@media(min-width:761px){
 .portfolio-home #lab .cinema-paradise{padding-bottom:16px}
 .portfolio-home #lab .lab-project-brief{margin-bottom:16px;padding-bottom:12px}
 .portfolio-home #lab .rule>a{margin-top:10px!important}
 .portfolio-home #lab .cinema-seats-wrapper{padding-top:8px!important;padding-bottom:8px!important}
 .portfolio-home #lab .cinema-footer{margin-top:12px;padding-top:12px}
 .portfolio-home #lab .cinema-stage-wrapper{max-width:520px}
 .portfolio-home #feeds .global-brief{padding-bottom:18px}
 .portfolio-home #feeds .project-cover{padding:20px 24px}
 .portfolio-home #feeds .project-heading{margin-bottom:14px;gap:32px}
 .portfolio-home #feeds .project-heading h3{font-size:32px;margin-top:8px}
 .portfolio-home #feeds .project-summary p{font-size:12px;line-height:1.65}
 .portfolio-home #feeds .project-cover-bottom{padding-top:12px}
 .portfolio-home #feeds .cover-proof strong{font-size:30px}
 .portfolio-home #feeds .project-shell{margin-bottom:16px}
 .portfolio-home #feeds .global-outro{padding:16px 0}
 .portfolio-home #film .film-carousel{height:clamp(260px,34svh,340px)}
 .portfolio-home #film .film-carousel-info{min-height:0;padding-top:12px;padding-bottom:12px;transform:none}
 .portfolio-home #film .film-carousel-nav{transform:none}
}
@media(min-width:761px){
 .portfolio-home #lab>div:has(>#enter-lab-btn){padding:0!important;margin-top:12px!important}
 .portfolio-home #lab #enter-lab-btn{padding:12px 0!important}
}
@media(min-width:761px) and (max-height:780px){
 .portfolio-home .section{padding-top:90px;padding-bottom:20px}
 .portfolio-home .rule{margin-bottom:16px}
 .portfolio-home #feeds{padding-top:90px;padding-bottom:20px}
 .portfolio-home #feeds .project-cover{padding:14px 20px}
 .portfolio-home #feeds .project-heading h3{font-size:28px}
 .portfolio-home #feeds .global-outro{padding:10px 0}
 .portfolio-home #commercial .tvc-reel-container{margin-top:16px;margin-bottom:16px}
}
@media(min-width:761px) and (max-height:780px){
 .portfolio-home #lab{padding:90px var(--site-gutter) 20px!important}
 .portfolio-home #lab .rule{margin-bottom:12px!important}
 .portfolio-home #lab .cinema-stage-wrapper{max-width:420px}
 .portfolio-home #lab .lab-project-brief{margin-bottom:8px;padding-bottom:0}
 .portfolio-home #lab .cinema-paradise{padding-bottom:0}
 .portfolio-home #commercial .rule{margin-bottom:12px}
}