#designPortraits{background:#080909;color:#eff0e9;padding:63px 0 50px;border-bottom:1px solid #ffffff24;scroll-margin-top:82px;overflow:hidden}
#designPortraits .sg-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:29px}
#designPortraits .sg-eyebrow{color:#ff6a32;font-size:8px;line-height:1.7;letter-spacing:.09em;margin:0 0 16px}
#designPortraits .sg-header h2{font-size:clamp(25px,2.8vw,39px);font-weight:400;line-height:1.4;letter-spacing:-.055em;margin:0}
#designPortraits .sg-intro{font-size:9px;line-height:2.1;color:#9ea49a;margin:0;text-align:right}
#designPortraits .sg-stage{position:relative;max-width:100%;height:590px;overflow:hidden;background:#050606;border:1px solid #ffffff17;touch-action:pan-y;cursor:grab}
#designPortraits .sg-stage:active{cursor:grabbing}
#designPortraits .sg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;user-select:none;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 91%,transparent)}
#designPortraits .sg-image.is-active{opacity:1}
#designPortraits .sg-caption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin:25px 0 24px;font-size:9px;line-height:1.9;letter-spacing:.025em;text-align:center;color:#d1d6c9}
#designPortraits .sg-caption span+span{color:#8f9885}
#designPortraits .sg-caption span+span:before{content:'/';color:#ff6a32;margin-right:18px}
#designPortraits .sg-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(100%,470px);margin:auto}
#designPortraits .sg-controls button{display:flex;justify-content:center;align-items:center;gap:18px;height:51px;min-width:0;padding:0 18px;background:transparent;border:1px solid #ffffff40;color:#ecefe5;font-size:10px;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
#designPortraits .sg-controls button:hover{background:#e8ede0;border-color:#e8ede0;color:#141b0e}
#designPortraits .sg-controls button:last-child{background:#e8ede0;color:#141b0e;border-color:#e8ede0}
#designPortraits .sg-controls button:last-child:hover{background:#ff6a32;color:#fff;border-color:#ff6a32}
#designPortraits .sg-controls button:focus-visible{outline:2px solid #ff6a32;outline-offset:4px}
#designPortraits .sg-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
#designPortraits .sg-count{display:flex;gap:10px;align-items:center;justify-content:center;white-space:nowrap;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;color:#737d68}
#designPortraits .sg-count #sgCurrent{color:#f0f3e8}
#designPortraits .sg-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:761px) and (max-width:1100px){#designPortraits .sg-stage{height:540px}}
@media(max-width:760px){#designPortraits{padding:36px 0 34px;scroll-margin-top:70px}
#designPortraits .sg-header{display:block;margin-bottom:23px}
#designPortraits .sg-eyebrow{font-size:7px;margin-bottom:12px}
#designPortraits .sg-header h2{font-size:25px;letter-spacing:-.065em}
#designPortraits .sg-intro{font-size:8px;line-height:2;margin-top:15px;text-align:left}
#designPortraits .sg-intro br{display:none}
#designPortraits .sg-stage{height:clamp(320px,106vw,470px);margin-inline:-1px}
#designPortraits .sg-caption{font-size:7px;gap:9px;margin:20px 0}
#designPortraits .sg-caption span+span:before{margin-right:9px}
#designPortraits .sg-controls{gap:13px;width:100%}
#designPortraits .sg-controls button{font-size:9px;gap:10px;padding:0 10px;height:49px}
#designPortraits .sg-controls svg{width:18px;height:18px}
#designPortraits .sg-count{font-size:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){#designPortraits *{transition:none!important;animation:none!important}}
/* Three visible gallery portraits with natural automatic advance. */



#designPortraits .sg-stage{height:clamp(420px,43vw,610px);background:transparent;border:0;isolation:isolate;overflow:hidden}
#designPortraits .sg-card{position:absolute;left:50%;top:50%;width:min(64%,600px);aspect-ratio:1;padding:0;overflow:hidden;border:1px solid #ffffff2c;background:#050606;color:#eff0e9;transform:translate(-50%,-50%);will-change:transform,opacity;cursor:pointer;user-select:none;-webkit-user-select:none}
#designPortraits .sg-card:focus-visible{outline:2px solid #ff6a32;outline-offset:-4px}
#designPortraits .sg-card[data-slot="0"]{cursor:grab;border-color:#ffffff45}
#designPortraits .sg-card img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#designPortraits .sg-card-label{position:absolute;left:19px;bottom:18px;right:19px;display:flex;justify-content:space-between;gap:12px;font-size:7px;line-height:1.7;color:#ccd0c7;pointer-events:none}
#designPortraits .sg-card-label span:last-child{color:#ff6a32}
#designPortraits[data-state="changing"] .sg-card{pointer-events:none}
#designPortraits .sg-caption{margin-top:23px}
#designPortraits .sg-playback{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px auto 0;color:#929b88}
#designPortraits .sg-playback button{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 9px;border:0;background:transparent;color:#c3cab9;font-size:8px;line-height:1.7}
#designPortraits .sg-playback button:hover{color:#ff6a32}
#designPortraits .sg-playback button:focus-visible{outline:2px solid #ff6a32;outline-offset:2px}
#designPortraits .sg-playback svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
#designPortraits .sg-timer{height:2px;width:100px;background:#ffffff20;overflow:hidden}
#designPortraits .sg-timer span{display:block;height:100%;width:100%;background:#ff6a32;transform:scaleX(0);transform-origin:left}
@media(max-width:1100px) and (min-width:761px){#designPortraits .sg-card{width:64%}#designPortraits .sg-stage{height:clamp(370px,49vw,540px)}}
@media(max-width:760px){
 
 #designPortraits .sg-stage{height:clamp(270px,88vw,490px);margin:0 -6vw;max-width:none}
 #designPortraits .sg-card{width:72%}
 #designPortraits .sg-card-label{left:12px;right:12px;bottom:12px;font-size:5px}
 #designPortraits .sg-caption{margin-top:17px}
 #designPortraits .sg-playback{margin-top:16px}
}

#designPortraits>.wrap{width:min(1440px,90%);max-width:none;margin:auto;padding:0}

@media(min-width:761px){#designPortraits .sg-stage{height:min(calc(57.6vw + 24px),624px)}}