/* Portfolio uses original project photography; all rules stay in the homepage blocks. */

.ds-portfolio-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:stretch}

.ds-project-feature,.ds-project-tile{color:#fff;border:1px solid #3c3f47;background:#1a1c22;border-radius:14px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .2s}

.ds-project-feature:hover,.ds-project-tile:hover{color:#fff;border-color:#e18e88}

.ds-project-feature:focus-visible,.ds-project-tile:focus-visible,.ds-project-controls button:focus-visible,.ds-result-tabs button:focus-visible{outline:3px solid #ffb4ac;outline-offset:4px}

.ds-project-feature__photo{position:relative;flex:1;min-height:290px;background:#24262d;overflow:hidden}

.ds-project-feature__photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

.ds-project-feature__body{padding:28px}

.ds-project-tag{display:block;color:#f2aaa3;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:9px;font-weight:600}

.ds-project-feature h3{font-size:31px;line-height:1.15}.ds-project-feature p{font-size:15px;margin:12px 0 20px}

.ds-project-open{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:600;color:#f1c3bf}.ds-project-open i{font-size:21px;font-style:normal;line-height:1}

.ds-project-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}

.ds-project-tile img{display:block;width:100%;height:155px;object-fit:cover;background:#24262d}

.ds-project-tile__body{padding:18px;display:flex;flex-direction:column;flex:1}.ds-project-tile h3{font-size:20px;line-height:1.2}.ds-project-tile p{font-size:12px;line-height:1.5;margin:9px 0 14px}.ds-project-tile .ds-project-open{margin-top:auto;font-size:11px}.ds-project-tile .ds-project-tag{font-size:9px;letter-spacing:.8px}

.ds-project-controls{display:none}.ds-project-footnote{margin:20px 0 0!important;font-size:12px!important;color:#a4a7b2!important}

.ds-result-tabs{display:flex;gap:10px;margin:0 0 28px;padding:4px 4px 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9b5f5a #24262c}

.ds-result-tabs button{border:1px solid #555965;border-radius:7px;min-height:46px;flex:none;padding:11px 18px;background:#24262d;color:#dcdee6;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;white-space:nowrap}

.ds-result-tabs button[aria-selected=true]{border-color:#f16d62;background:#422723;color:#fff}

.ds-result-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:48px;align-items:center}.ds-result-panel[hidden]{display:none!important}

.ds-result-panel .ds-compare-copy{min-width:0}.ds-result-panel .ds-compare-copy h3{font-size:27px;margin-top:0}.ds-result-panel .ds-compare-copy p{font-size:15px}.ds-result-panel .ds-compare-copy dl{margin:20px 0}.ds-result-panel .ds-compare-copy dd{font-size:14px;line-height:1.5}

.ds-result-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.ds-result-pair figure,.ds-result-single{margin:0;min-width:0}.ds-result-pair img{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:10px;display:block;background:#23252b;border:1px solid #474a55}.ds-result-pair figcaption{font-size:12px;color:#d2d4dc;margin-top:10px;line-height:1.4}

.ds-result-pair figcaption strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}

.ds-result-note{font-size:12px!important;color:#a8abb6!important;margin:16px 0 0!important;line-height:1.5!important}

.ds-result-panel .ds-compare__image{aspect-ratio:4/3}.ds-result-panel .ds-compare__image img{object-fit:contain;background:#24262b}

.ds-result-single img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #474a55}.ds-result-single figcaption{display:flex;justify-content:space-between;gap:12px;color:#d8dae3;font-size:12px;line-height:1.4;margin-top:12px}

.ds-result-panel .ds-inline-link{font-size:14px;white-space:normal;line-height:1.6;display:inline-block;min-height:44px}

@media(max-width:1100px){.ds-project-tile img{height:135px}.ds-project-feature__body{padding:24px}.ds-project-tile__body{padding:15px}.ds-result-panel{gap:30px}}

@media(max-width:767px){.ds-portfolio-grid{display:block}.ds-project-feature__photo{flex:none;min-height:0;aspect-ratio:1.5}.ds-project-feature__body{padding:22px}.ds-project-feature h3{font-size:28px}.ds-project-feature p{font-size:14px;margin-block:10px 16px}.ds-project-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;padding:5px 3px 12px;margin:19px -3px 0;scrollbar-width:thin;scrollbar-color:#9b5f5a #25272f}.ds-project-tile{flex:0 0 86%;scroll-snap-align:start}.ds-project-tile img{height:auto;aspect-ratio:1.7;object-fit:cover}.ds-project-tile__body{padding:20px}.ds-project-tile h3{font-size:22px}.ds-project-tile p{font-size:13px;margin-bottom:15px}.ds-project-tile .ds-project-tag{font-size:10px}.ds-project-tile .ds-project-open{font-size:12px}.ds-project-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;color:#b9bdc8;font-size:12px}.ds-project-controls>div{display:flex;gap:9px}.ds-project-controls button{border:1px solid #656977;border-radius:6px;background:#23262e;color:#fff;width:46px;height:44px;font-size:22px;cursor:pointer}.ds-project-controls button:disabled{opacity:.35;cursor:default}.ds-project-footnote{font-size:11px!important;margin-top:15px!important}.ds-result-tabs{gap:8px;margin:0 -4px 22px}.ds-result-tabs button{font-size:12px;padding:11px 13px}.ds-result-panel{grid-template-columns:1fr;gap:25px}.ds-result-panel .ds-compare-copy{grid-row:auto}.ds-result-panel .ds-compare-copy h3{font-size:24px;margin-bottom:10px}.ds-result-panel .ds-compare-copy p{font-size:14px}.ds-result-panel .ds-compare-copy dl{margin:17px 0}.ds-result-panel .ds-compare-copy dd{font-size:13px}.ds-result-panel .ds-compare-copy dt{margin-top:13px}.ds-result-pair{gap:9px}.ds-result-pair figcaption{font-size:11px}.ds-result-pair figcaption strong{font-size:13px}.ds-result-note{font-size:11px!important;margin-top:12px!important}.ds-result-single figcaption{font-size:11px}}

@media(prefers-reduced-motion:reduce){.ds-project-feature,.ds-project-tile{transition:none}}






.ds-project-feature__photo{flex:none;aspect-ratio:1.5;min-height:0}.ds-project-feature__body{flex:1}

.ds-result-tabs[hidden]{display:none!important}

#ds-panel-wheel .ds-compare__image{aspect-ratio:3/4;max-width:390px;margin-inline:auto}


.ds-result-pair img{height:auto}