#related{--ink:#2D2B29;--body:#3B3835;--muted:#65584D;--border:#EBE8E1;--paper:#F7F5F1;--white:#FFFFFF;--wash:#F0EEE9;--tone:#E9E5DE;--project-font:'Marcellus',Georgia,serif;--heading-font:'Tenor Sans',Arial,sans-serif;--body-font:'Manrope',Arial,sans-serif}
#related *{box-sizing:border-box}
#related{scroll-behavior:smooth}
#related{margin:0;background:#eceae6;color:var(--ink);font-family:var(--body-font);font-size:13px;-webkit-font-smoothing:antialiased}
#related button{font:inherit;color:inherit;cursor:pointer;border-radius:0}
#related a{color:inherit}
#related button:focus-visible,#related input:focus-visible{outline:2px solid var(--muted);outline-offset:3px}
#related button[disabled]{opacity:.4;cursor:not-allowed}
#related svg{display:block}
#related h1,#related h2,#related h3,#related p{margin-top:0}
#related img{display:block;width:100%;height:100%;object-fit:cover}
#related .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}
#related .ico.icon-sm{width:16px;height:16px}
#related .demo{max-width:1570px;margin:auto;background:var(--paper)}
#related .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4.7%;border-bottom:1px solid var(--border);background:#fff}
#related .wordmark{font:400 24px/1 var(--heading-font);letter-spacing:.17em}
#related .wordmark span{display:block;font:600 7px/1.4 var(--body-font);letter-spacing:.37em;margin-top:9px}
#related .topbar-right{font-size:10px;font-weight:600;letter-spacing:.17em;color:var(--muted)}
#related .lab-intro{padding:50px 4.7% 30px;background:var(--paper);display:flex;justify-content:space-between;align-items:end;gap:30px}
#related .lab-intro h1{font:400 clamp(33px,4.3vw,58px)/1.13 var(--heading-font);letter-spacing:-.03em;margin:12px 0 0}
#related .lab-intro .lead{max-width:400px;color:var(--muted);line-height:1.9;font-size:12px;margin-bottom:3px}
#related .overline{font:600 9px/1.35 var(--body-font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#related .lab-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:14px 4.7%;border-block:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 9px rgba(45,43,41,.025)}
#related .toolbar-label{font-size:10px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}
#related .segmented{display:flex;border:1px solid var(--border);padding:3px}
#related .segmented button{border:0;background:transparent;padding:10px 17px;min-height:34px;font-size:11px}
#related .segmented button[aria-pressed=true]{background:var(--ink);color:#fff}
#related .lab-toolbar .tool-hint{margin-left:auto;font-size:10px;color:var(--muted)}
#related .pick-banner{display:none;background:var(--tone);padding:14px 4.7%;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
#related .pick-banner.show{display:flex}
#related .pick-banner button{background:none;border:0;text-decoration:underline;text-underline-offset:3px}
#related .gallery{display:grid;gap:34px;padding:36px 4.7% 70px}
#related .variant{background:white;border:1px solid var(--border)}
#related .variant.selected{border-color:var(--muted);box-shadow:0 0 0 1px var(--muted)}
#related .variant-rail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-bottom:1px solid var(--border)}
#related .vr-left{display:flex;align-items:center;gap:16px}
#related .vr-number{font:400 26px/1 var(--heading-font);color:var(--muted)}
#related .vr-name{font-size:13px;font-weight:600}
#related .vr-description{font-size:10px;color:var(--muted);margin-top:4px}
#related .choose{background:#fff;border:1px solid var(--border);padding:11px 18px;font-size:10px;min-width:110px;white-space:nowrap}
#related .choose:hover{background:var(--paper)}
#related .variant.selected .choose{background:var(--ink);color:#fff;border-color:var(--ink)}
#related .stage{background:var(--paper);width:100%;container-type:inline-size;container-name:related;overflow:hidden}
#related .stage.mobile{width:min(390px,100%);margin:18px auto;border:1px solid var(--border);box-shadow:0 8px 32px rgba(45,43,41,.075)}
#related .related{padding:74px 5.9% 72px;background:var(--paper);min-width:0;overflow:hidden}
#related .section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}
#related .section-head h2{font:400 clamp(32px,3.7cqi,51px)/1.19 var(--heading-font);letter-spacing:-.026em;margin:13px 0 0}
#related .section-head .section-side{max-width:320px;display:flex;flex-direction:column;gap:16px}
#related .section-side p{color:var(--muted);font-size:12px;line-height:1.75;margin:0}
#related .quiet-link{background:transparent;border:0;padding:0 0 7px;border-bottom:1px solid var(--muted);font-size:11px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;align-self:flex-start}
#related .quiet-link .ico{width:15px;height:15px}
#related .quiet-link:hover{opacity:.7}
#related .section-foot{border-top:1px solid var(--border);margin-top:32px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}
#related .cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
#related .project-card{min-width:0}
#related .card-media{position:relative;aspect-ratio:1.15;overflow:hidden;background:#ded9d1}
#related .card-media .image-action{display:block;padding:0;width:100%;height:100%;border:0;background:none;overflow:hidden;text-align:left}
#related .project-img{object-fit:cover;filter:saturate(.87)}
#related .card-media:hover .project-img,#related .feature-image:hover .project-img,#related .mini-image:hover .project-img{transform:scale(1.025)}
#related .project-img{transition:transform .45s ease}
#related .image-index{position:absolute;left:18px;top:19px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.15em;text-shadow:0 1px 7px rgba(0,0,0,.25)}
#related .card-tag{position:absolute;left:17px;bottom:16px;padding:9px 11px;color:var(--ink);background:rgba(255,255,255,.93);font-size:9px}
#related .save-btn{position:absolute;right:16px;top:14px;width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.94);border:0}
#related .save-btn .ico{width:17px;height:17px}
#related .save-btn[aria-pressed=true] .ico{fill:var(--ink)}
#related .card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:9px;padding:21px 0 12px}
#related .project-title{font:400 29px/1.18 var(--project-font);letter-spacing:.015em;margin:0 0 18px;overflow-wrap:anywhere}
#related .card-info{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;padding:0 0 22px}
#related .card-info span+span{padding-left:13px;border-left:1px solid var(--border)}
#related .card-price-row{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:end;gap:10px;padding-top:17px}
#related .card-price-row small,#related .feature-action small,#related .compare-spec small,#related .curated-facts small{font:500 9px/1.5 var(--body-font);color:var(--muted);display:block;margin-bottom:6px}
#related .card-price-row strong{font:600 16px/1.25 var(--body-font);color:var(--ink)}
#related .text-action{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;padding:7px 0 3px;color:var(--ink);font-size:10px;white-space:nowrap}
#related .text-action:hover{text-decoration:underline;text-underline-offset:4px}
#related .v1 .section-foot{margin-top:42px}
#related .v2 .section-head{margin-bottom:34px}
#related .feature-grid{display:grid;grid-template-columns:1.26fr .9fr;gap:24px;align-items:stretch}
#related .feature-home{min-width:0;display:flex;flex-direction:column}
#related .feature-image{width:100%;height:362px;position:relative;overflow:hidden;padding:0;border:0;background:#ddd;text-align:left}
#related .feature-note{position:absolute;bottom:20px;left:20px;background:#fff;padding:10px 14px;font-size:9px;letter-spacing:.12em}
#related .feature-body{padding:22px 0 0;display:flex;justify-content:space-between;gap:18px}
#related .feature-body .project-title{font-size:34px;margin:13px 0 6px}
#related .feature-body p{max-width:270px;color:var(--muted);font-size:11px;line-height:1.7;margin:0}
#related .feature-action{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:7px;white-space:nowrap}
#related .feature-action strong{font:600 17px var(--body-font)}
#related .mini-list{display:flex;flex-direction:column;gap:20px}
#related .mini-residence{border-bottom:1px solid var(--border);display:grid;grid-template-columns:49% 1fr;gap:20px;min-height:216px;padding-bottom:18px}
#related .mini-residence:last-child{border-bottom:0;padding-bottom:0}
#related .mini-image{border:0;padding:0;background:#ddd;overflow:hidden;min-width:0;min-height:180px}
#related .mini-content{display:flex;flex-direction:column;min-width:0;padding-top:6px}
#related .mini-content .project-title{font-size:22px;margin:15px 0 9px}
#related .mini-content p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}
#related .mini-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
#related .mini-bottom b{font-size:12px;white-space:nowrap}
#related .mini-bottom .text-action{font-size:11px}
#related .v3 .section-head{margin-bottom:39px}
#related .compare-title-row,#related .compare-row{display:grid;grid-template-columns:30px 144px minmax(180px,1.25fr) minmax(100px,.9fr) minmax(90px,.7fr) minmax(110px,.9fr) 32px;gap:18px;align-items:center}
#related .compare-title-row{color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:0 0 15px}
#related .compare-row{border-top:1px solid var(--border);padding:20px 0;min-height:158px}
#related .compare-row:last-child{border-bottom:1px solid var(--border)}
#related .compare-no{color:var(--muted);font-size:12px}
#related .compare-image{padding:0;border:0;width:144px;aspect-ratio:1.45;overflow:hidden;background:#ddd}
#related .compare-name .project-title{font-size:23px;margin:8px 0 8px}
#related .compare-sub{font-size:10px;color:var(--muted)}
#related .compare-spec{min-width:0}
#related .compare-spec strong{display:block;font-size:11px;font-weight:600;line-height:1.5}
#related .compare-spec.price strong{font-size:14px}
#related .round-arrow{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:1px solid var(--border)}
#related .round-arrow .ico{width:15px;height:15px}
#related .round-arrow:hover{background:var(--ink);color:#fff}
#related .v4 .section-head{margin-bottom:25px}
#related .tabs{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:0;margin-bottom:30px}
#related .tab{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 23px;border:0;border-right:1px solid var(--border);background:transparent;font-size:11px;text-align:left;color:var(--muted)}
#related .tab:first-child{padding-left:0}
#related .tab:last-child{border:0}
#related .tab span{font-size:9px;opacity:.65}
#related .tab[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);font-weight:600}
#related .curated-layout{display:grid;grid-template-columns:1.09fr .91fr;gap:48px;min-height:434px}
#related .curated-image{padding:0;border:0;overflow:hidden;aspect-ratio:1.2;background:#ddd}
#related .curated-copy{display:flex;flex-direction:column;justify-content:center;padding:4px 0}
#related .curated-copy .project-title{font-size:43px;margin:15px 0 14px}
#related .curated-copy p{max-width:390px;line-height:1.8;font-size:12px;color:var(--muted);margin:0 0 23px}
#related .curated-facts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:19px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px}
#related .curated-facts div:last-child{grid-column:1/-1}
#related .curated-facts strong{font-size:12px;line-height:1.5}
#related .primary-btn{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;margin:21px 0 25px;width:100%;max-width:340px}
#related .primary-btn:hover{background:var(--muted)}
#related .primary-btn .ico{width:17px;height:17px}
#related .curated-mini-label{font:600 9px/1.4 var(--body-font);letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
#related .curated-mini{display:flex;gap:9px}
#related .curated-mini button{background:transparent;border:1px solid transparent;padding:0;width:95px;text-align:left;font-size:9px;color:var(--muted)}
#related .curated-mini img{width:100%;height:62px;margin-bottom:8px}
#related .curated-mini button.active{border-color:var(--muted);padding:3px}
#related .curated-mini button.active img{height:56px;margin-bottom:8px}
#related .v5{padding-right:0}
#related .v5 .section-head{margin-bottom:0}
#related .slider-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-right:6.6%;margin-bottom:28px}
#related .slider-head .section-head{flex:1;min-width:0}
#related .slider-head .section-side{max-width:250px}
#related .slider-controls{display:flex;align-items:center;gap:9px;padding-bottom:7px}
#related .slider-controls span{white-space:nowrap;font-size:12px;margin-right:9px}
#related .slider-controls em{font-style:normal;color:var(--muted)}
#related .slider-arrow{width:40px;height:40px;border:1px solid var(--border);display:grid;place-items:center;background:none}
#related .slider-arrow .ico{width:16px;height:16px}
#related .slider-arrow:hover{background:var(--ink);color:#fff}
#related .horizontal-track{display:flex;gap:23px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:6.6%}
#related .horizontal-track::-webkit-scrollbar{display:none}
#related .horizontal-track .project-card{flex:0 0 calc(35% - 3px);scroll-snap-align:start}
#related .horizontal-track .card-media{aspect-ratio:1.28}
#related .horizontal-track .card-meta{padding-top:18px}
#related .horizontal-track .project-title{font-size:26px}
#related .slider-baseline{display:flex;align-items:center;gap:25px;padding-right:6.6%;margin-top:35px;color:var(--muted);letter-spacing:.14em;font-size:9px}
#related .slider-progress{height:1px;flex:1;min-width:40px;background:var(--border)}
#related .slider-progress span{display:block;height:2px;width:25%;background:var(--ink);transition:transform .22s}
#related dialog{max-width:480px;width:calc(100% - 30px);padding:34px;border:1px solid var(--border);background:var(--paper);box-shadow:0 16px 65px #2d2b2940;color:var(--ink);border-radius:0}
#related dialog::backdrop{background:#27262493;backdrop-filter:blur(3px)}
#related .dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;padding:8px}
#related .dialog-close .ico{width:23px;height:23px}
#related .dialog-inner .project-title{font-size:34px;margin:12px 0}
#related .dialog-inner>p{font-size:12px;color:var(--muted);line-height:1.9}
#related .dialog-info{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin:27px 0;border-block:1px solid var(--border);padding:19px 0}
#related .dialog-info small{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}
#related .dialog-info strong{font-size:12px}
#related .dialog-help{font-size:10px;color:var(--muted);line-height:1.85}
#related .last-note{padding:24px 4.7% 35px;background:#fff;border-top:1px solid var(--border);font-size:11px;line-height:1.8;color:var(--muted)}
#related .last-note strong{color:var(--ink)}
@container nf-related (max-width:700px){#related .related{padding:41px 22px 43px}
#related .section-head{display:block;margin-bottom:22px}
#related .section-head h2{font-size:32px;line-height:1.2;margin-top:10px}
#related .section-head .section-side{max-width:none;margin-top:12px;gap:13px}
#related .section-side p{font-size:10px;line-height:1.8}
#related .quiet-link{font-size:10px}
#related .section-foot{font-size:8px;display:block;line-height:1.8}
#related .cards-grid{grid-template-columns:1fr;gap:34px}
#related .card-media{aspect-ratio:1.18}
#related .card-meta{padding:17px 0 10px;font-size:9px}
#related .project-title{font-size:27px;margin-bottom:13px}
#related .card-info{padding-bottom:18px}
#related .card-price-row{padding-top:14px}
#related .card-price-row strong{font-size:15px}
#related .v1 .section-foot{margin-top:30px}
#related .v2 .section-head{margin-bottom:21px}
#related .feature-grid{display:block}
#related .feature-image{height:auto;aspect-ratio:1.15}
#related .feature-body{gap:15px;flex-direction:column;padding-top:19px}
#related .feature-body .project-title{font-size:30px}
#related .feature-body p{font-size:11px}
#related .feature-action{align-items:start;text-align:left;gap:3px;border-top:1px solid var(--border);padding:17px 0 24px}
#related .feature-action strong{font-size:17px}
#related .mini-list{gap:18px}
#related .mini-residence{min-height:160px;grid-template-columns:42% 1fr;gap:13px;padding:17px 0;border-top:1px solid var(--border);border-bottom:0}
#related .mini-residence:last-child{border-bottom:1px solid var(--border)}
#related .mini-image{min-height:130px}
#related .mini-content{padding-top:2px}
#related .mini-content .project-title{font-size:18px;margin:10px 0 6px}
#related .mini-content .overline{font-size:8px}
#related .mini-content p{font-size:9px}
#related .mini-bottom{align-items:start}
#related .mini-bottom b{font-size:10px}
#related .mini-bottom .text-action{padding:0}
#related .compare-title-row{display:none}
#related .compare-row{grid-template-columns:35% 1fr 30px;gap:6px 13px;align-items:start;padding:17px 0}
#related .compare-no{grid-column:1/-1;font-size:9px;margin-bottom:6px}
#related .compare-image{grid-column:1;grid-row:2/4;width:100%;aspect-ratio:1.05}
#related .compare-name{grid-column:2;grid-row:2}
#related .compare-name .project-title{font-size:21px}
#related .compare-sub{display:block}
#related .compare-row .round-arrow{grid-column:3;grid-row:2;width:26px;height:26px}
#related .compare-spec{grid-row:auto;display:flex;justify-content:space-between;gap:10px;grid-column:2/4;font-size:10px;border-top:1px solid var(--border);padding:7px 0 0}
#related .compare-spec small{font-size:8px;margin:0}
#related .compare-spec strong{font-size:9px;text-align:right}
#related .compare-spec.price strong{font-size:11px}
#related .compare-spec:first-of-type{margin-top:7px}
#related .compare-row{min-height:0}
#related .v3 .section-foot{font-size:8px}
#related .tabs{display:flex;overflow-x:auto;scrollbar-width:none}
#related .tab{flex:0 0 auto;font-size:9px;min-width:130px;padding:14px 13px}
#related .tab:first-child{padding-left:0}
#related .curated-layout{display:block;min-height:0}
#related .curated-image{width:100%;aspect-ratio:1.12}
#related .curated-copy{padding-top:23px}
#related .curated-copy .project-title{font-size:34px}
#related .curated-copy p{font-size:11px}
#related .curated-facts{padding:17px 0}
#related .curated-facts strong{font-size:11px}
#related .curated-mini button{width:75px}
#related .curated-mini img{height:52px}
#related .curated-mini button.active img{height:46px}
#related .primary-btn{max-width:none}
#related .v5{padding-right:0}
#related .v5 .section-head{margin-bottom:0}
#related .slider-head{display:block;padding-right:22px;margin-bottom:20px}
#related .slider-head .section-head .section-side{display:block}
#related .slider-controls{margin-top:17px;padding:0;justify-content:flex-end}
#related .slider-controls span{margin-right:auto}
#related .horizontal-track{gap:14px;padding-right:22px}
#related .horizontal-track .project-card{flex:0 0 84%;}
#related .horizontal-track .card-media{aspect-ratio:1.08}
#related .horizontal-track .project-title{font-size:25px}
#related .slider-baseline{gap:15px;padding-right:22px;margin-top:30px;font-size:8px}
}
@media(max-width:720px){#related .topbar{padding:20px 5%}
#related .wordmark{font-size:19px}
#related .topbar-right{font-size:8px}
#related .lab-intro{padding:36px 5% 25px;display:block}
#related .lab-intro h1{font-size:35px}
#related .lab-intro .lead{margin-top:17px;font-size:11px}
#related .lab-toolbar{padding:13px 5%;gap:10px}
#related .tool-hint{width:100%;margin:0!important;font-size:9px!important}
#related .gallery{padding:22px 4% 45px;gap:22px}
#related .variant-rail{padding:13px 11px;gap:8px}
#related .vr-left{gap:9px}
#related .vr-number{font-size:22px}
#related .vr-name{font-size:10px}
#related .vr-description{font-size:8px}
#related .choose{font-size:9px;padding:9px 10px;min-width:80px}
#related .pick-banner{padding:13px 5%}
#related .last-note{padding:25px 5%}
}
@media(prefers-reduced-motion:reduce){#related *,#related *::before,#related *::after{scroll-behavior:auto!important;transition:none!important}
}

#related{--ink:#2D2B29;--body:#2D2B29;--muted:#726A61;--border:#D8D1C8;--line:#D8D1C8;--paper:#F7F5F1;--white:#F7F5F1;--surface:#EBE8E1;--wash:#EBE8E1;--tone:#EBE8E1;--accent:#65584D;--project-font:var(--font-display);--heading-font:var(--font-display);--body-font:var(--font-body);font-family:var(--body-font);color:var(--ink);background:var(--paper);container-type:inline-size;container-name:nf-related}
#related :is(button,a){border-radius:0}#related :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}#related :is(.quiet-link,.text-action){min-height:44px}#related .save-btn,#related .slider-arrow,#related .round-arrow{min-width:44px;min-height:44px}#related .save-btn{right:10px;top:10px}
#related .ico{fill:none;stroke:currentColor}#related .save-btn[aria-pressed=true] .ico{fill:var(--ink)}#related > svg{width:0;height:0;position:absolute;pointer-events:none}#related .section-head h2{font-weight:400}#related .project-title{font-weight:400}#related .card-tag,#related .feature-note{background:var(--paper);border-radius:0}#related .round-arrow{width:44px;height:44px}
#related .nf-rel-demo{padding:15px 24px;font:400 10px/1.7 var(--body-font);color:var(--muted);border-top:1px solid var(--line);margin:0}#related dialog{box-shadow:none;max-height:90vh;padding:42px 28px 28px}#related dialog::backdrop{background:#242423b3;backdrop-filter:none}#related .dialog-close{min-width:44px;min-height:44px}#related .dialog-info strong{overflow-wrap:anywhere}#related .dialog-inner{padding-top:6px}#related .dialog-close{top:2px}
#related .horizontal-track::after{content:'';flex:0 0 var(--nf-rel-tail,0px)}#related .horizontal-track{position:relative;scroll-behavior:auto}#related .horizontal-track:focus-visible{outline-offset:-2px}#related .slider-progress span{transition:none}#related .slider-counter{font-variant-numeric:tabular-nums}#related .curated-copy,#related .curated-layout{min-width:0}#related .curated-image img{height:100%;width:100%}
@container nf-related (max-width:1000px){#related .compare-row,#related .compare-title-row{grid-template-columns:24px 80px minmax(105px,1.2fr) minmax(60px,.85fr) minmax(55px,.7fr) minmax(80px,.9fr) 44px;gap:7px}#related .compare-image{width:100%}}
@container nf-related (max-width:700px){#related .compare-row{grid-template-columns:34% minmax(0,1fr) 44px;gap:8px 10px}#related .compare-row .round-arrow{width:44px;height:44px}#related .compare-row .compare-spec{flex-wrap:wrap}#related .card-price-row{flex-wrap:wrap}#related .mini-residence{grid-template-columns:42% minmax(0,1fr)}#related .mini-bottom{flex-wrap:wrap}#related .mini-content .project-title{font-size:18px}#related .tabs .tab{min-height:48px}#related .slider-baseline>span:last-child{max-width:85px}#related .curated-mini button{min-height:75px}}
#related .image-action::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#25262638,transparent 30%,transparent 70%,#2424231a);pointer-events:none}#related .image-index{z-index:1}#related .save-btn{z-index:2}

@container nf-related (max-width:700px){#related .section-foot>span{display:block}#related .section-foot>span+span{margin-top:6px}}

/* Mobile swipe track; desktop retains the original three-column grid. */
#related .nf-related-carousel-controls{display:none}
@container nf-related (max-width:700px){
 #related .cards-grid{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 4px}
 #related .cards-grid::-webkit-scrollbar{display:none}
 #related .cards-grid>.project-card{flex:0 0 88%;min-width:0;scroll-snap-align:start}
 #related .cards-grid:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
 #related .nf-related-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
 #related .nf-related-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:transparent;color:var(--ink)}
 #related .nf-related-carousel-controls button:disabled{opacity:.3}
 #related .nf-related-carousel-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
}