.live-mobile,.live-preview-head .live-head-mob{display:none}@media (max-width:820px){.project-detail .section-shell,.featured-section.section-shell,.engineering-projects.section-shell{width:calc(100% - 40px)}main:has(.featured-section) .quote-banner.section-shell{width:calc(100% - 40px)}main:has(.featured-section) .final-cta.section-shell{width:calc(100% - 40px)}.featured-section.section-pad{padding-top:calc(env(safe-area-inset-top) + 108px);padding-bottom:0}.featured-section .section-kicker{gap:12px;margin-bottom:16px;font-size:11px}.featured-section .section-heading h1{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(34px,9.6vw,38px);font-weight:650;line-height:1.04}.featured-section .section-heading>p{margin-top:16px;font-size:16px;line-height:1.55}.featured-section .featured-grid{gap:16px;margin-top:28px}.featured-section .featured-card{background:color-mix(in srgb, var(--accent) 11%, #0b0b0d);border-radius:22px;justify-content:flex-start;min-height:0}.featured-section .featured-card:hover{box-shadow:none;transform:none}.featured-section .featured-card-bg{z-index:0;aspect-ratio:16/10;transition:none;position:relative;inset:auto}.featured-section .featured-card:hover .featured-card-bg{transform:none}.featured-section .featured-card:not(.has-photo) .featured-card-motif{aspect-ratio:16/10;z-index:0;position:relative;inset:auto}.featured-section .featured-card-scrim{display:none}.featured-section .featured-card-body{padding:20px 20px 22px}.featured-section .featured-card-cat{color:#ffffffb3;font-size:11px}.featured-section .featured-card-body h3{min-height:0;font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.035em;margin:10px 0 8px;font-size:24px;font-weight:650;line-height:1.08;display:block}.featured-section .featured-card-body p{-webkit-line-clamp:3;min-height:0;margin-bottom:16px;font-size:15px;line-height:1.5}.featured-section .featured-card-cta{min-height:24px;font-size:14px}.featured-section .partnership-line--light{flex-direction:column;gap:8px;margin-top:32px;padding-top:20px}.featured-section .partnership-line--light>span{font-size:11px}.featured-section .partnership-line--light>p{font-size:15px}.engineering-projects.section-pad{padding-top:64px;padding-bottom:64px}.engineering-projects .section-heading h2{letter-spacing:-.05em;font-size:clamp(28px,8.2vw,32px);line-height:1.04}.engineering-projects .section-heading>p{margin-top:16px;font-size:16px;line-height:1.55}.engineering-projects .realisation-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin:28px -20px 0;padding:0 20px 2px;scroll-padding-inline:20px;overflow-x:auto}.engineering-projects .realisation-filters::-webkit-scrollbar{display:none}.engineering-projects .realisation-filter{white-space:nowrap;flex:none;min-height:44px;padding:0 16px;font-size:14px}.engineering-projects .realisation-filter-count{font-size:12px}.engineering-projects .realisation-filters+.engineering-list{margin-top:20px}.engineering-projects .engineering-item{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:14px;min-height:0;padding:20px 0}.engineering-projects .engineering-item:hover{background:0 0;padding-left:0;transform:none}.engineering-projects .engineering-item:active{background:color-mix(in srgb, var(--accent) 5%, transparent)}.engineering-projects .engineering-index{gap:8px;padding-top:2px}.engineering-projects .engineering-glyph .project-motif{width:24px;height:24px}.engineering-projects .engineering-glyph *{animation:none!important}.engineering-projects .engineering-num{font-size:11px}.engineering-projects .engineering-title>span{letter-spacing:.08em;font-size:11px}.engineering-projects .engineering-title h3{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.03em;margin:6px 0;font-size:21px;font-weight:650;line-height:1.12}.engineering-projects .engineering-title h4{color:#6f6f69;font-size:15px;font-weight:500;line-height:1.45}.engineering-projects .engineering-description,.engineering-projects .engineering-highlight{display:none}.project-detail .project-hero{--hero-ink:color-mix(in srgb, var(--accent) 22%, #0b0b0d);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;padding:0 0 44px}.project-detail .project-hero--photo{background:var(--hero-ink);padding-top:calc(env(safe-area-inset-top) + 84px)}.project-detail .project-hero--photo .project-hero-bg{z-index:0;aspect-ratio:4/3;border-radius:20px;flex:none;width:calc(100% - 40px);max-height:58svh;margin-inline:auto;animation:none;position:relative;inset:auto;transform:none;box-shadow:0 0 0 1px #ffffff14}.project-detail .project-hero--photo .project-hero-bg[style*=--hero-m],.featured-section .featured-card-bg[style*=--hero-m]{background-image:var(--hero-m)!important}.project-detail .project-hero[data-slug=fei-aix] .project-hero-bg{background-position:50% 26%}.project-detail .project-hero--photo .project-hero-scrim{display:none}.project-detail .project-hero--photo .project-hero-content{padding-top:20px}.project-detail .project-hero--gradient{padding-top:calc(env(safe-area-inset-top) + 104px)}.project-detail .project-hero--gradient .project-hero-motif-xl{z-index:0;opacity:1;color:#ffffff9e;order:-1;width:56px;margin:0 0 24px 20px;position:relative;top:auto;right:auto;transform:none}.project-detail .project-hero-motif-xl *{animation:none!important}.project-detail .project-hero-content{width:calc(100% - 40px)}.project-detail .project-hero-content .project-back{min-height:44px;margin-bottom:4px;font-size:14px}.project-detail .project-hero h1{letter-spacing:-.045em;max-width:none;margin:12px 0;font-size:clamp(34px,9.6vw,38px);line-height:1.04}.project-detail .project-hero .project-detail-subtitle{margin-bottom:16px;font-size:18px;line-height:1.35}.project-detail .project-hero .project-detail-summary{color:#fffc;font-size:16px;line-height:1.6}.project-detail .project-hero .project-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin-top:28px;padding-top:22px;display:grid}.project-detail .project-hero .project-meta-row>.project-meta-note{grid-column:1/-1}.project-detail .project-hero .project-meta-row span{font-size:11px}.project-detail .project-hero .project-meta-row strong{font-size:17px;line-height:1.25}.project-detail .project-hero .project-links{flex-direction:column;gap:10px;margin-top:28px}.project-detail .project-hero .project-links .button{justify-content:center;width:100%}.project-detail .project-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}.project-detail .project-metrics>div:last-child:nth-child(odd){grid-column:1/-1}.project-detail .project-metrics>div{border-radius:18px;gap:6px;min-width:0;padding:18px 16px}.project-detail .project-metrics strong{font-family:var(--font-display), var(--font-inter), sans-serif;overflow-wrap:anywhere;font-size:clamp(22px,6.2vw,26px);line-height:1.05}.project-detail .project-metrics span{font-size:13.5px;line-height:1.4}.project-detail .project-body{width:calc(100% - 40px);max-width:680px;padding-top:56px;padding-bottom:8px}.project-detail .project-section{margin-bottom:56px}.project-detail .project-section:last-child{margin-bottom:0}.project-detail .project-section h2{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(26px,7.6vw,30px);font-weight:650;line-height:1.08}.project-detail .project-section p{margin-bottom:16px;font-size:16px;line-height:1.6}.project-detail .project-bullets{gap:12px;margin-top:8px}.project-detail .project-bullets li{padding-left:22px;font-size:16px;line-height:1.55}.project-detail .project-bullets li:before{top:8px}.project-detail .project-figure--float-right,.project-detail .project-figure--float-left,.project-detail .project-figure--lead{float:none;width:100%;margin:4px 0 28px}.project-detail .project-figure img{border-radius:16px}.project-detail .project-figure:not(.project-figure--diagram):not(.project-figure--part) img,.project-detail .project-figure--float-right:not(.project-figure--diagram) img,.project-detail .project-figure--float-left:not(.project-figure--diagram) img,.project-detail .project-figure--lead:not(.project-figure--diagram) img{object-fit:cover;object-position:center top;height:auto;max-height:min(480px,72svh)}.project-detail .project-figure--diagram img{height:auto;padding:10px}.project-detail .project-figure--diagram img:is([src$=\.png],[src$=\.jpg],[src$=\.jpeg],[src$=\.webp]){max-width:min(100%, calc(var(--nat-w,100%) + 22px));margin-inline:auto}.project-detail .project-figure figcaption{margin-top:10px;font-size:13px;line-height:1.5}.project-detail .project-figure--part{justify-content:center;width:auto;margin:4px 0 24px;display:flex}.project-detail .project-figure--part img{max-width:70%;max-height:200px;animation:none}.project-detail .project-carousel-section{padding-top:64px;padding-bottom:0}.project-detail .project-carousel-head{gap:6px 16px;margin-bottom:20px}.project-detail .project-gallery-title{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.04em;margin:0;font-size:clamp(26px,7.6vw,30px);font-weight:650;line-height:1.08}.project-detail .project-carousel-hint{font-size:13px}.project-detail .project-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin-inline:-20px;padding:0 20px 4px;scroll-padding-inline:20px}.project-detail .project-carousel::-webkit-scrollbar{display:none}.project-detail .project-carousel-item{flex:0 0 84%;min-width:0}.project-detail .project-carousel-item img{aspect-ratio:4/3;border-radius:16px;height:auto}.project-detail .project-carousel-item figcaption{font-size:13px}.project-detail .live-preview-section{width:calc(100% - 40px);max-width:none;padding-top:64px;padding-bottom:0}.project-detail .live-preview-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}.project-detail .live-preview-head h2{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.04em;font-size:clamp(26px,7.6vw,30px);font-weight:650;line-height:1.08}.project-detail .live-preview-head span{font-size:15px;line-height:1.5}.project-detail .live-preview-head .live-head-desk{display:none}.project-detail .live-preview-head .live-head-mob{display:block}.project-detail .live-preview{display:none}.project-detail .live-mobile{flex-direction:column;align-items:center;gap:16px;display:flex}.live-mobile-phone{background:#fff;border:7px solid #16161a;border-radius:34px;width:min(68%,280px);overflow:hidden;box-shadow:0 30px 60px -30px #14141280}.live-mobile-phone img{width:100%;height:auto;display:block}.live-mobile .live-mobile-open{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;width:100%;margin-top:8px}.live-mobile-host{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.project-detail .project-quote{margin-top:64px;margin-bottom:0}.project-detail .final-cta.section-shell{margin-top:64px}.project-detail .final-cta .cta-eyebrow{font-size:11px}main:has(.featured-section) .final-cta .cta-eyebrow{font-size:11px}.final-cta-inner--compact .cta-eyebrow{line-height:1.5;display:block}.final-cta-inner--compact h2{font-size:clamp(38px,11.4vw,46px);line-height:.96}.project-detail .dsf-hero{padding:calc(env(safe-area-inset-top) + 84px) 0 44px;flex-direction:column;align-items:stretch;min-height:0}.project-detail .dsf-hero-photo{z-index:0;opacity:1;aspect-ratio:4/3;width:calc(100% - 40px);max-height:58svh;box-shadow:0 0 0 1px var(--line);border-radius:20px;margin-inline:auto;position:relative;inset:auto;overflow:hidden}.project-detail .dsf-hero-photo img{object-position:62% center}.project-detail .dsf-hero-photo-fade-x,.project-detail .dsf-hero-photo-fade-y{display:none}.project-detail .dsf-hero-inner{width:calc(100% - 40px);padding-top:20px}.project-detail .dsf-hero-back{min-height:44px;margin-bottom:4px;font-size:14px}.project-detail .dsf-hero-copy .eyebrow,.project-detail .farfadet-hero-copy .eyebrow{margin-bottom:14px}.project-detail .dsf-hero-copy h1,.project-detail .farfadet-hero-copy h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(34px,9.6vw,38px);line-height:1.04}.project-detail .dsf-hero-subtitle,.project-detail .farfadet-hero-subtitle{margin-top:12px;font-size:18px;line-height:1.35}.project-detail .dsf-hero-summary,.project-detail .farfadet-hero-summary{margin-top:16px;font-size:16px;line-height:1.6}.project-detail .dsf-hero-meta,.project-detail .farfadet-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin-top:28px;padding-top:22px;display:grid}.project-detail .dsf-hero-meta strong,.project-detail .farfadet-hero-meta strong{font-size:16px;line-height:1.3}.project-detail .dsf-hero-links,.project-detail .farfadet-hero-links{flex-direction:column;margin-top:28px}.project-detail .dsf-hero-links .button,.project-detail .farfadet-hero-links .button{justify-content:center;width:100%}.project-detail .dsf-montage-figure{float:none;width:min(100%,360px);margin:4px auto 28px}.project-detail .dsf-land-figure{display:none}.project-detail .farfadet-hero{padding-top:calc(env(safe-area-inset-top) + 92px);padding-bottom:44px}.project-detail .farfadet-hero-glow{display:none}.project-detail .farfadet-hero-inner{gap:20px;width:calc(100% - 40px)}.project-detail .farfadet-hero-art{gap:12px}.project-detail .farfadet-hero-illus{border-radius:20px;width:min(100%,420px);rotate:none;box-shadow:0 24px 44px -24px #3c2c1273}.project-detail .farfadet-hero-seal{display:none}.project-detail .farfadet-hero-caption{font-size:13px}.project-detail .farfadet-hero-back{min-height:44px;margin-bottom:4px;font-size:14px}.project-detail .book-reader-section{padding-top:64px}.project-detail .book-reader-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.project-detail .book-reader-head h2{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.04em;font-size:clamp(26px,7.6vw,30px);font-weight:650;line-height:1.08}.project-detail .book-reader-head span{font-size:15px}.project-detail .book-reader{border-radius:22px;gap:18px;padding:24px 14px 22px}.project-detail .book-reader-single,.project-detail .book-reader-skeleton{width:min(100%,460px)}.project-detail .book-reader-skeleton{animation:none}.project-detail .book-reader-btn{width:48px;height:48px}.project-detail .book-reader-hint{font-size:13px}.project-detail .farfadet-brand{padding-top:64px;padding-bottom:0}.project-detail .farfadet-brand-head h2,.project-detail .volet-tech-head h2{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin-top:14px;font-size:clamp(26px,7.6vw,30px);font-weight:650;line-height:1.08}.project-detail .farfadet-brand-head p{margin-top:16px;font-size:16px;line-height:1.6}.project-detail .farfadet-personas{border-radius:20px;gap:6px 4px;margin-top:28px;padding:24px 12px 18px}.project-detail .farfadet-personas img{width:calc(25% - 3px);max-width:96px}.project-detail .farfadet-personas img:hover{transform:none}.project-detail .farfadet-brand-cap{font-size:13px}.project-detail .farfadet-pillars{gap:20px;margin-top:32px}.project-detail .farfadet-pillar h3{font-size:17px}.project-detail .farfadet-pillar p{font-size:15px;line-height:1.55}.project-detail .farfadet-styles{margin-top:44px}.project-detail .farfadet-styles-title{font-family:var(--font-display), var(--font-inter), sans-serif;letter-spacing:-.03em;margin-bottom:16px;font-size:20px;font-weight:650}.project-detail .farfadet-styles-grid{gap:14px 10px}.project-detail .farfadet-style figcaption{font-size:13px;line-height:1.3}.project-detail .volet-tech-head{padding-top:64px}}@media (min-width:600px) and (max-width:820px){.project-detail .project-hero--photo .project-hero-bg,.project-detail .dsf-hero-photo{aspect-ratio:16/9;max-width:680px}.featured-section .featured-card-bg,.featured-section .featured-card:not(.has-photo) .featured-card-motif{aspect-ratio:2}.project-detail .project-carousel-item{flex-basis:46%}.project-detail .project-hero-content,.project-detail .dsf-hero-inner,.project-detail .farfadet-hero-inner{max-width:680px}.project-detail .project-hero .project-links,.project-detail .dsf-hero-links,.project-detail .farfadet-hero-links{flex-flow:wrap}.project-detail .project-hero .project-links .button,.project-detail .dsf-hero-links .button,.project-detail .farfadet-hero-links .button{width:auto;padding-inline:24px}}@media (max-width:380px){.project-detail .section-shell,.featured-section.section-shell,.engineering-projects.section-shell,.project-detail .project-hero-content,.project-detail .project-body,.project-detail .live-preview-section,.project-detail .dsf-hero-inner,.project-detail .farfadet-hero-inner,.project-detail .project-hero--photo .project-hero-bg,.project-detail .dsf-hero-photo{width:calc(100% - 32px)}main:has(.featured-section) .quote-banner.section-shell{width:calc(100% - 32px)}main:has(.featured-section) .final-cta.section-shell{width:calc(100% - 32px)}.project-detail .project-hero--gradient .project-hero-motif-xl{margin-left:16px}.engineering-projects .realisation-filters,.project-detail .project-carousel{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.engineering-projects.section-pad{padding-top:56px;padding-bottom:56px}.project-detail .project-section{margin-bottom:48px}.project-detail .project-carousel-section,.project-detail .live-preview-section,.project-detail .book-reader-section,.project-detail .farfadet-brand,.project-detail .volet-tech-head{padding-top:56px}.project-detail .project-metrics>div{padding:16px 14px}}@media (max-width:1023px){.project-detail .dsf-montage-piece{opacity:1!important}}