.desktop-nav{gap:20px}.collection-model-link{display:inline-flex;margin-top:18px}.about-portrait{aspect-ratio:3/4!important}.about-portrait img{height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;filter:none!important}.hero-portrait{object-fit:cover;object-position:50% 23%}.inspiration-photo img{object-fit:contain!important;aspect-ratio:3/2;height:auto!important}.hero-description{max-width:520px}.inspiration-footer-link{margin-top:25px}.ks-concept-note{font-size:12px;line-height:1.8;color:#65695d;max-width:850px}.service-intro-plain{margin-top:18px;font-size:13px}.hero h1{font-size:clamp(47px,4.8vw,75px)!important}.collection-header-links{display:flex;gap:18px}@media(max-width:760px){.hero h1{font-size:clamp(41px,10vw,60px)!important}.desktop-nav{gap:14px}.about-portrait{max-width:360px}.collection-model-link{font-size:12px}}
.hero-enlarge{position:absolute;right:20px;top:20px;z-index:3;background:#f4f1eaf2;padding:9px 13px;font-size:11px}.hero-portrait-frame{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;flex:0 0 44px}.hero-portrait-frame .hero-portrait{width:100px!important;height:133px!important;max-width:none!important;object-fit:contain!important;border-radius:0;transform:translate(-22px,-9px)}

.manufacturer-photo-credit{max-width:1200px;margin:24px auto;padding:0 24px;font-size:12px;line-height:1.6;color:#69685f}.hero-description{max-width:560px}

.home-process-condensed{position:relative}.anchor-point{position:absolute;top:0}.process-detail-link{display:block;width:fit-content;margin-top:22px;font-size:12px;color:#d2d7c6;text-decoration:underline;text-underline-offset:5px}.home-value-section .concept-copy p:last-of-type{margin-bottom:4px}

.home-process-condensed .option-number{white-space:nowrap;flex-shrink:0;min-width:29px}

.home-project-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;padding:75px var(--margin);align-items:center;background:#ebe5d9}.home-project-image{position:relative;display:block}.home-project-image img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.home-project-image>span{display:block;font-size:11px;margin-top:10px;color:var(--muted)}.home-project-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin:24px 0}.project-case{margin:0 var(--margin) 85px}.project-case-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;margin:20px 0 35px}.project-case-heading>p{font-size:14px;max-width:430px}.project-image{margin:0;min-width:0}.project-image a{position:relative;display:block;overflow:hidden;background:#e8e2d7}.project-image img{width:100%;height:auto;object-fit:contain}.project-expand{position:absolute;right:16px;top:16px;background:#f4f1eaf0;padding:6px 12px}.project-image figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;line-height:1.6}.project-image figcaption strong{font-weight:500}.project-image figcaption>span{font-size:11px;color:var(--muted)}.project-image-cover{margin-bottom:35px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:20px 0 45px}.project-story h3{font-family:var(--serif);font-size:28px;margin-bottom:12px}.project-story p{font-size:14px;line-height:1.85}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.project-installation-heading{padding:65px 0 30px}.project-site-photos{grid-template-columns:1fr 1fr 1fr}.project-site-photos .project-image a{height:330px;display:flex;align-items:center;justify-content:center}.project-site-photos img{width:100%;height:100%;object-fit:contain}.project-site-photos figcaption{display:block}.project-site-photos figcaption span{display:block;margin-top:5px}.project-attribution{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:12px}.desktop-nav{gap:16px}
@media(max-width:900px){.home-project-feature{gap:5%}.project-case-heading{gap:6%}.project-site-photos{grid-template-columns:1fr 1fr}.project-site-photos .project-image:last-child{grid-column:1/-1}.project-site-photos .project-image:last-child a{height:auto}.project-site-photos .project-image:last-child img{height:auto}.project-image figcaption{display:block}.project-image figcaption span{display:block}}@media(max-width:680px){.home-project-feature{grid-template-columns:1fr;padding:45px var(--margin);gap:28px}.project-case-heading,.project-story,.project-gallery,.project-site-photos{grid-template-columns:1fr;gap:25px}.project-case-heading{margin-top:0}.project-story{padding-bottom:35px}.project-site-photos .project-image a{height:auto}.project-site-photos img{height:auto}.project-case{margin-bottom:50px}.project-installation-heading{padding-top:45px}}

.approach-main .home-service-area{font-size:11px!important;line-height:1.75!important;margin-top:22px!important;max-width:370px!important;color:#d2d7c6!important}

/* Real projects · October 2026 */
.project-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0 var(--margin) 85px}.project-index a{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:16px}.project-index img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}.project-index span{display:block;font-size:12px;line-height:1.6;margin-top:14px}.project-case{scroll-margin-top:130px}.project-photo-case{border-top:1px solid var(--line);padding-top:55px}.project-real-pair{grid-template-columns:1fr 1fr}.project-video video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#20221d}.project-render-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.project-progress{margin-top:35px;border-top:1px solid var(--line);padding-top:18px}.project-progress summary{cursor:pointer;font-size:14px;margin-bottom:22px}.project-installation-heading h3{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:400}.project-photo-case>.project-gallery{max-width:900px}.project-photo-case>.project-image-cover{max-width:1250px}.home-project-image img{aspect-ratio:4/3;object-fit:contain}
@media(max-width:900px){.project-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-render-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.project-index{grid-template-columns:1fr 1fr;margin-bottom:45px;gap:18px 14px}.project-index span{font-size:11px;margin-top:8px}.project-real-pair,.project-render-gallery{grid-template-columns:1fr}.project-case{scroll-margin-top:95px}.project-photo-case{padding-top:35px}.project-photo-case .project-case-heading h2{font-size:clamp(28px,7vw,42px)}}

.experience-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.experience-points span{padding:13px 0;border-top:1px solid #d5d1c6;font-size:12px}.project-observations{margin:20px 0 30px}.project-observations h3{font:400 24px Georgia,serif}.project-observations ul{display:flex;flex-wrap:wrap;gap:15px 30px;padding:12px 0 0 18px;font-size:13px}.portfolio-context{margin-top:18px;font-size:13px}

/* One commercial MODO200 presentation on every template, desktop and mobile. */
html:root body .m200-credit,html:root body .m200-credit *{box-sizing:border-box!important}
html:root body .m200-credit{display:block!important;width:100%!important;max-width:1180px!important;margin:36px auto!important;padding:0 24px!important;background:transparent!important;border:0!important;min-height:0!important;color:#302f2b!important}
html:root body .m200-credit-inner{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)!important;align-items:center!important;gap:36px!important;width:100%!important;max-width:none!important;min-width:0!important;padding:30px 36px!important;margin:0!important;background:#f8f3ec!important;border:1px solid #dfd1c0!important;border-radius:14px!important;box-shadow:none!important}
html:root body .m200-credit-copy{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
html:root body .m200-credit-heading{display:block!important;margin:0 0 12px!important;font:400 24px/1.2 Georgia,serif!important;letter-spacing:-.02em!important;text-transform:none!important;color:#302f2b!important}
html:root body .m200-credit-description{display:block!important;margin:0!important;max-width:580px!important;font:400 15px/1.65 Arial,sans-serif!important;color:#4c4943!important}
html:root body .m200-credit-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:18px!important;min-width:0!important;margin:0!important;padding:0 0 0 30px!important;border:0!important;border-left:1px solid #dfd1c0!important}
html:root body .m200-credit-brandlogo{display:block!important;flex:none!important;min-width:0!important;width:190px!important;max-width:100%!important;margin:0!important;padding:0!important;line-height:0!important;border:0!important}
html:root body .m200-credit-logo{display:block!important;width:190px!important;max-width:100%!important;height:auto!important;max-height:55px!important;object-fit:contain!important;object-position:left!important;margin:0!important}
html:root body .m200-credit-link{width:fit-content!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;max-width:100%!important;min-height:48px!important;padding:12px 18px!important;margin:0!important;border:1px solid #b98c69!important;border-radius:28px!important;background:transparent!important;color:#302f2b!important;font:600 11px/1.5 Arial,sans-serif!important;letter-spacing:.07em!important;text-decoration:none!important;white-space:normal!important}
html:root body .m200-credit-secondary{display:none!important}
@media(max-width:760px){
html:root body .m200-credit{padding:0 22px!important;margin:28px auto!important}
html:root body .m200-credit-inner{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:24px!important}
html:root body .m200-credit-heading{font-size:22px!important}
html:root body .m200-credit-description{font-size:14px!important}
html:root body .m200-credit-brand{padding:20px 0 0!important;border-left:0!important;border-top:1px solid #dfd1c0!important;gap:18px!important}
html:root body .m200-credit-brandlogo,html:root body .m200-credit-logo{width:170px!important}
}