/* nP 0.4: source-book imagery and the registered Chinese studio name.
   Keep the existing typefaces, hero choreography and colour system. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
main,section,figure,.wrap,.object-copy,.study-intro>*,.study-overview>*{min-width:0}
.brand>span{min-width:0}
.brand-sub{white-space:nowrap}
.full-frame-render{height:auto;aspect-ratio:666/800;background:#1c2620}
.full-frame-render img{object-fit:contain;width:100%;height:100%;object-position:center}
.render-archive{padding-top:100px}
.render-archive-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;padding-top:36px;padding-bottom:35px;border-top:1px solid var(--line)}
.render-archive-heading .eyebrow{color:var(--muted);font-size:9px}
.render-archive-heading h3{font-size:clamp(40px,4.6vw,74px);letter-spacing:-.055em;line-height:1.08;margin-top:22px}
.render-archive-heading>p{font-size:13px;line-height:1.9;max-width:370px;color:var(--muted);justify-self:end}
.render-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.render-tile{min-width:0;margin:0}
.render-tile .source-zoom{height:auto;aspect-ratio:1/1;background:#d0d4d1}
.render-tile .source-zoom img{height:100%;width:100%;object-fit:cover;object-position:50% 60%}
.render-tile:nth-child(2) .source-zoom img,.render-tile:nth-child(5) .source-zoom img{object-fit:contain;background:#c4c5c2}
.render-tile figcaption{font-size:10px;color:var(--muted);line-height:1.6;padding-top:11px}
.source-zoom-icon{display:grid;place-items:center;position:absolute;right:13px;bottom:13px;width:30px;height:30px;border:1px solid #edf3f278;border-radius:50%;background:#10232cb0;color:#f0f4f4;font-size:17px}
.render-archive-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:31px}
.render-archive-footer>p{font-size:10px;line-height:1.8;color:var(--muted);max-width:440px}
.render-archive-footer .quiet-link{flex-shrink:0}
.process-image img{object-fit:cover;object-position:center}
.process-image.sketch-image img{object-fit:contain}
.omni-scene-card{background:#ccd3cc!important}
.omni-scene-card .work-thumb{object-fit:contain!important;object-position:center!important;padding:0!important;mix-blend-mode:normal!important}
.omni-selected-hero{background:#cfd3cd;display:flex;justify-content:center;align-items:center;height:auto;min-height:0;padding:28px 0 44px}
.omni-selected-hero>img{width:min(100%,800px);height:auto;object-fit:contain;max-height:none}
.omni-selected-hero figcaption{color:#314c58;text-shadow:none}
.omni-closing{margin-top:60px;padding-top:32px;border-top:1px solid #b4c4c9}
.omni-closing>.eyebrow{color:#607780;margin-bottom:21px}
.omni-closing .study-figure{max-width:1100px;margin:auto}
.omni-closing .gallery-zoom{background:#24313a}
.yacht-provenance{font-size:11px;color:#a9c1ce;padding-top:25px;line-height:1.8}
.study-page[data-project=flynt-45] .study-heading h1{font-size:clamp(44px,7vw,112px)}
.build-version{font-size:8px;opacity:.55;letter-spacing:.06em}
/* A dedicated product archive, using the same editorial project-page system. */
.pen-opening{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;background:#152329;padding:0 var(--pad) 0 0;margin:0}
.pen-opening>img{width:100%;height:auto;max-height:800px;object-fit:contain;justify-self:center;background:#1c2c28}
.pen-opening-copy{max-width:550px;padding:45px 0}
.pen-opening-copy>.eyebrow{font-size:9px;color:#91afbf}
.pen-opening-copy h2{font-size:clamp(36px,4.3vw,68px);line-height:1.1;letter-spacing:-.05em;color:#ecf1f0;margin:28px 0}
.pen-opening-copy h2 em{color:var(--ice)}
.pen-opening-copy>p:last-child{font-size:11px;line-height:1.8;color:#a9bec7;max-width:280px}
.project-jump{display:flex;flex-wrap:wrap;gap:12px 30px;padding:30px 0 14px;border-bottom:1px solid #b4c4c9}
.project-jump a{font-size:11px;padding:8px 0;color:#536d7b}
.project-jump a:hover{color:#111f29}
.pen-chapter{padding-top:70px;scroll-margin-top:25px}
.pen-chapter-heading .eyebrow{font-size:9px;color:#718894}
.pen-chapter-heading h2{font-size:clamp(36px,4.6vw,72px);line-height:1.1;letter-spacing:-.045em;margin:18px 0}
.pen-chapter-heading>p:last-child:not(.eyebrow){font-size:13px;color:#637b88;max-width:580px;line-height:1.9}
.study-page[data-project=penexquisite] .study-gallery{max-width:1200px;gap:35px 32px}
.study-page[data-project=penexquisite] .study-figure .gallery-zoom{background:#d0d4d1;aspect-ratio:auto}
.study-page[data-project=penexquisite] .study-figure .gallery-zoom>img{height:auto;object-fit:contain}
.study-page[data-project=penexquisite] .study-figure.wide{max-width:100%;width:100%}
.study-page[data-project=penexquisite] .study-figure.wide .gallery-zoom>img{max-height:620px;object-fit:contain}
.pen-project-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:35px}
html[lang=zh-Hant] .render-archive-heading h3,html[lang=zh-Hant] .pen-opening-copy h2,html[lang=zh-Hant] .pen-chapter-heading h2{line-height:1.3}
/* Explicit responsive bounds: no forced text shrinking or disabled user zoom. */
@media(max-width:1100px){.desktop-nav{gap:17px}.desktop-nav a{font-size:10px}.header-actions{gap:16px}.render-archive-heading h3{font-size:48px}.pen-opening-copy h2{font-size:42px}}
@media(max-width:760px){
 .brand-sub{font-size:8px;letter-spacing:.09em;line-height:1.5}
 .brand{gap:10px;min-width:0}
 .brand>span{white-space:nowrap}
 .render-archive{padding-top:55px}
 .render-archive-heading{grid-template-columns:1fr;gap:22px;padding-top:27px;padding-bottom:27px}
 .render-archive-heading h3{font-size:43px;margin-top:18px}
 .render-archive-heading>p{font-size:12px;justify-self:start;max-width:340px}
 .render-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}
 .render-tile .source-zoom{aspect-ratio:4/5}
 .render-tile .source-zoom img{object-fit:cover}
 .render-tile:nth-child(2) .source-zoom,.render-tile:nth-child(5) .source-zoom{background:#c4c5c2}
 .render-tile figcaption{font-size:9px;line-height:1.6}
 .source-zoom-icon{width:25px;height:25px;right:8px;bottom:8px;font-size:15px}
 .render-archive-footer{display:block;padding-top:26px}
 .render-archive-footer>p{font-size:10px;max-width:350px}
 .render-archive-footer .quiet-link{margin-top:23px;font-size:12px}
 .full-frame-render{height:auto!important}
 .pen-opening{grid-template-columns:1fr;gap:0;padding:0}
 .pen-opening>img{width:100%;height:auto;max-height:620px;object-fit:contain}
 .pen-opening-copy{padding:30px var(--pad) 40px;max-width:none}
 .pen-opening-copy h2{font-size:43px;margin:20px 0}
 .pen-opening-copy>.eyebrow{font-size:8px}
 .pen-opening-copy>p:last-child{font-size:10px;max-width:none}
 .study-page[data-project=penexquisite] .study-heading h1{font-size:clamp(42px,10.7vw,74px)}
 .pen-chapter{padding-top:47px}
 .pen-chapter-heading h2{font-size:35px}
 .pen-chapter-heading>p:last-child:not(.eyebrow){font-size:12px}
 .project-jump{gap:8px 24px;padding-top:20px}
 .project-jump a{font-size:11px}
 .study-page[data-project=penexquisite] .study-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}
 .study-page[data-project=penexquisite] .study-figure.wide{grid-column:1/-1}
 .study-page[data-project=penexquisite] .study-figure:not(.wide) .gallery-zoom{aspect-ratio:4/5}
 .study-page[data-project=penexquisite] .study-figure:not(.wide) .gallery-zoom>img{height:100%;object-fit:contain}
 .study-page[data-project=penexquisite] .zoom-mark{right:8px;bottom:8px;width:25px;height:25px;font-size:15px}
 .study-page[data-project=penexquisite] .study-figure figcaption{font-size:9px}
 .pen-project-actions{gap:26px;align-items:flex-start;flex-direction:column}
 .omni-selected-hero{height:auto;min-height:0;padding:0 0 37px}
 .omni-selected-hero>img{padding:0;width:100%;height:auto}
 .omni-closing{margin-top:38px;padding-top:27px}
 .study-page[data-project=flynt-45] .study-heading h1{font-size:clamp(39px,10vw,68px)}
 .yacht-provenance{font-size:10px;padding-top:20px}
 .study-header .brand-sub{font-size:8px}
 .build-version{display:none}
}
@media(max-width:380px){
 .brand-sub{display:block;font-size:7px!important;letter-spacing:.06em}
 .brand{font-size:14px}.brand-mark{width:26px}
 .study-header{gap:11px}.study-back{font-size:9px;gap:4px}
 .render-archive-heading h3{font-size:38px}
 .pen-chapter-heading h2{font-size:31px}
}
/* Keep the registered Chinese name readable below the English mark. */
.brand-sub{font-family:'PingFang TC','Noto Sans CJK TC','Microsoft JhengHei',sans-serif;font-size:10px;letter-spacing:.11em;opacity:.72}
@media(max-width:760px){.brand-sub,.study-header .brand-sub{font-size:9px!important;letter-spacing:.1em}}
@media(max-width:380px){.brand-sub,.study-header .brand-sub{font-size:8px!important;letter-spacing:.06em}}