.oh-service-carousel a{border:1px solid transparent}.oh-service-carousel a i.oh-realm-icon{width:100%;height:100%;display:grid;place-items:center;font:inherit}.oh-realm-icon svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}.oh-service-carousel a:before,.oh-service-carousel a:after{content:"";position:absolute;width:17px;height:17px;opacity:0;transition:.35s}.oh-service-carousel a:before{left:0;top:0;border-left:1px solid currentColor;border-top:1px solid currentColor}.oh-service-carousel a:after{right:0;bottom:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor}.oh-service-carousel a.active{border-color:rgba(210,166,61,.16);background:radial-gradient(circle,rgba(210,166,61,.08),transparent 66%);box-shadow:inset 0 0 0 8px rgba(210,166,61,.018),0 0 45px rgba(210,166,61,.08)}.oh-service-carousel a.active:before,.oh-service-carousel a.active:after{opacity:.8}.oh-service-carousel a.active i{font-size:inherit!important;text-shadow:none!important}.oh-service-carousel a>small{position:absolute;top:10px;right:10px;color:rgba(210,166,61,.46);font:600 6px/1 "JetBrains Mono",monospace;letter-spacing:.1em;opacity:0}.oh-service-carousel a.active>small{opacity:1}.oh-service-carousel a.active b:before{content:"[ ";color:#777}.oh-service-carousel a.active b:after{content:" ]";color:#777}
.sp-portfolio-system.portfolio-command{position:relative;padding-top:clamp(95px,9vw,150px)!important;padding-bottom:clamp(95px,9vw,150px)!important;background:#080907!important;overflow:hidden}.portfolio-command:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(210,166,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(210,166,61,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.portfolio-command>header{position:relative!important;display:grid!important;grid-template-columns:.32fr 1.2fr .62fr!important;gap:clamp(24px,4vw,70px)!important;align-items:end!important;margin-bottom:clamp(48px,6vw,90px)!important}.portfolio-command>header>span{align-self:start;color:#d2a63d!important}.portfolio-command>header h2{font-size:clamp(54px,6.4vw,112px)!important}.portfolio-command>header>div{display:grid;gap:25px}.portfolio-command>header p{margin:0;color:#85857f!important;font-size:14px;line-height:1.65}.portfolio-command>header a{width:max-content;padding-bottom:7px;border-bottom:1px solid #d2a63d;color:#d2a63d;font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.12em}.sp-portfolio-system>.portfolio-command-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:16px!important;background:transparent!important}.portfolio-command-card{position:relative;grid-column:span 4;display:flex!important;flex-direction:column;padding:0!important;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11)!important;background:rgba(10,11,9,.92)!important;color:#f5f1e8!important;transition:transform .4s,border-color .4s!important}.portfolio-command-card:hover{transform:translateY(-8px)!important;border-color:rgba(210,166,61,.65)!important;background:rgba(16,15,11,.96)!important}.portfolio-command-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);color:#d2a63d!important;font:700 7px/1 "JetBrains Mono",monospace;letter-spacing:.1em}.portfolio-command-top i{font-style:normal;color:#666}.portfolio-command-visual{position:relative!important;height:auto!important;aspect-ratio:1.42/1;margin:0!important;border-bottom:1px solid rgba(255,255,255,.1);background:#111!important;overflow:hidden}.portfolio-command-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(210,166,61,.09) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}.portfolio-command-card:hover .portfolio-command-visual:after{transform:translateX(120%)}.portfolio-command-visual>span{position:absolute;z-index:4;left:10px;bottom:10px;padding:7px 8px;background:rgba(5,5,5,.86);border-left:1px solid #d2a63d;color:#aaa;font:600 6px/1 "JetBrains Mono",monospace;letter-spacing:.1em}.portfolio-command .sp-mini-web img{inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:contain!important;object-position:top;background:#111}.portfolio-command .sp-mini-brand img{width:100%!important;height:100%!important;object-fit:contain!important}.portfolio-command .sp-mini-social{grid-template-columns:1fr 1fr!important}.portfolio-command .sp-mini-social img{width:100%;height:100%;object-fit:cover}.portfolio-command-copy{display:flex;flex-direction:column;flex:1;padding:24px!important}.portfolio-command-copy small{color:#777;font:600 7px/1.3 "JetBrains Mono",monospace;letter-spacing:.11em}.portfolio-command-copy h3{display:flex;flex-direction:column;gap:4px;margin:28px 0 18px!important;font-size:clamp(34px,3.1vw,54px)!important;line-height:.88!important;letter-spacing:-.055em!important}.portfolio-command-copy h3 em{color:#d2a63d!important;font:400 .66em/1.1 Georgia,serif}.portfolio-command-copy p{min-height:68px;margin:0 0 28px;color:#85857f!important;font-size:12px;line-height:1.6}.portfolio-command-copy>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#f5f1e8;font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.1em}.portfolio-command-copy>b i{color:#d2a63d;font-style:normal;font-size:12px}
@media(max-width:1050px){.portfolio-command>header{grid-template-columns:.3fr 1fr!important}.portfolio-command>header>div{grid-column:2}.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(2,1fr)!important}.portfolio-command-card{grid-column:auto}.portfolio-command-card:last-child{grid-column:1/-1}.portfolio-command-card:last-child .portfolio-command-visual{aspect-ratio:2.4/1;grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:760px){.oh-service-carousel a{width:84px;height:84px}.oh-service-carousel a.active{width:125px;height:125px}.oh-realm-icon svg{width:68%;height:68%}.portfolio-command>header{display:grid!important;grid-template-columns:1fr!important}.portfolio-command>header>div{grid-column:auto}.portfolio-command>header h2{font-size:clamp(47px,13vw,68px)!important}.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr!important}.portfolio-command-card,.portfolio-command-card:last-child{grid-column:auto}.portfolio-command-card:last-child .portfolio-command-visual{aspect-ratio:1.42/1;grid-template-columns:1fr 1fr!important}.portfolio-command-copy p{min-height:0}.portfolio-command-visual{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.portfolio-command-card,.portfolio-command-visual:after{transition:none}}

/* Section 06: asymmetric portfolio command deck */
.portfolio-command>header{padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}.portfolio-command>header:after{content:"WEB / IDENTITY / SOCIAL";position:absolute;right:0;bottom:-4px;padding-left:14px;background:#080907;color:#5f5f5a;font:600 6px/1 "JetBrains Mono",monospace;letter-spacing:.15em}.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(250px,auto));gap:14px!important}.portfolio-command-card{isolation:isolate}.portfolio-command-card:before{position:absolute;z-index:0;right:16px;bottom:-22px;color:rgba(210,166,61,.045);font:800 130px/1 "DM Sans",sans-serif;letter-spacing:-.08em;pointer-events:none}.portfolio-command-card:nth-child(1):before{content:"01"}.portfolio-command-card:nth-child(2):before{content:"02"}.portfolio-command-card:nth-child(3):before{content:"03"}.portfolio-command-card:nth-child(1){grid-column:span 7;grid-row:span 2}.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3){grid-column:span 5;display:grid!important;grid-template-columns:minmax(190px,.82fr) 1.18fr;grid-template-rows:43px 1fr}.portfolio-command-card:nth-child(2)>.portfolio-command-top,.portfolio-command-card:nth-child(3)>.portfolio-command-top{grid-column:1/-1}.portfolio-command-card:nth-child(1) .portfolio-command-visual{aspect-ratio:16/9}.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{height:100%!important;min-height:270px;aspect-ratio:auto;border-right:1px solid rgba(255,255,255,.1);border-bottom:0}.portfolio-command-card:nth-child(2) .portfolio-command-copy,.portfolio-command-card:nth-child(3) .portfolio-command-copy{padding:22px!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy h3,.portfolio-command-card:nth-child(3) .portfolio-command-copy h3{margin:20px 0 14px!important;font-size:clamp(27px,2.2vw,39px)!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy p,.portfolio-command-card:nth-child(3) .portfolio-command-copy p{min-height:0;margin-bottom:18px;font-size:11px}.portfolio-command-card:nth-child(2) .portfolio-command-copy small,.portfolio-command-card:nth-child(3) .portfolio-command-copy small{font-size:6px}.portfolio-command-card:nth-child(2) .sp-mini-brand img{object-fit:cover!important}.portfolio-command-card:nth-child(3) .sp-mini-social{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}.portfolio-command-card:nth-child(3) .sp-mini-social img{min-width:0;min-height:0}.portfolio-command-card:nth-child(1) .portfolio-command-copy{display:grid!important;grid-template-columns:1fr auto;column-gap:30px;align-items:end}.portfolio-command-card:nth-child(1) .portfolio-command-copy>small,.portfolio-command-card:nth-child(1) .portfolio-command-copy>h3,.portfolio-command-card:nth-child(1) .portfolio-command-copy>p{grid-column:1}.portfolio-command-card:nth-child(1) .portfolio-command-copy>b{grid-column:2;grid-row:2/5;align-self:end;min-width:160px}.portfolio-command-card:nth-child(1) .portfolio-command-copy p{max-width:560px}.portfolio-command-card:hover .portfolio-command-top i{color:#d2a63d}.portfolio-command-card:hover .portfolio-command-copy>b{border-color:rgba(210,166,61,.55)}
@media(max-width:1180px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.portfolio-command-card:nth-child(1){grid-column:1/-1;grid-row:auto}.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3){grid-column:auto;display:flex!important}.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{height:auto!important;min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:760px){.portfolio-command>header{padding-bottom:25px}.portfolio-command>header:after{display:none}.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr!important}.portfolio-command-card:nth-child(1),.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3){grid-column:auto;display:flex!important}.portfolio-command-card:nth-child(1) .portfolio-command-copy{display:flex!important}.portfolio-command-card:nth-child(1) .portfolio-command-copy>b{min-width:0}.portfolio-command-card:before{font-size:88px}.portfolio-command-card:nth-child(1) .portfolio-command-visual,.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{aspect-ratio:16/10}.portfolio-command-card:nth-child(2) .sp-mini-brand img{object-fit:contain!important}}

/* Section 06 image-first composition: preserve complete artwork */
.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:18px!important}.portfolio-command-card:nth-child(1){grid-column:1/-1;grid-row:auto;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);grid-template-rows:43px auto}.portfolio-command-card:nth-child(1)>.portfolio-command-top{grid-column:1/-1}.portfolio-command-card:nth-child(1) .portfolio-command-visual{grid-column:1;grid-row:2;height:100%!important;min-height:470px;aspect-ratio:auto!important;border-right:1px solid rgba(255,255,255,.1);border-bottom:0}.portfolio-command-card:nth-child(1) .portfolio-command-copy{grid-column:2;grid-row:2;display:flex!important;padding:clamp(28px,4vw,58px)!important}.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3){grid-column:auto;display:flex!important;grid-template-columns:none;grid-template-rows:none}.portfolio-command-card:nth-child(2)>.portfolio-command-top,.portfolio-command-card:nth-child(3)>.portfolio-command-top{grid-column:auto}.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{width:100%;height:auto!important;min-height:0;aspect-ratio:16/9!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);background:#050505!important}.portfolio-command .portfolio-command-visual img{object-fit:contain!important;object-position:center!important;background:#050505!important}.portfolio-command .sp-mini-social{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:1px;background:rgba(210,166,61,.18)!important}.portfolio-command .sp-mini-social img{display:block!important;width:100%!important;height:100%!important;min-width:0;min-height:0;object-fit:contain!important;background:#090a08!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy,.portfolio-command-card:nth-child(3) .portfolio-command-copy{padding:28px!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy h3,.portfolio-command-card:nth-child(3) .portfolio-command-copy h3{font-size:clamp(33px,3vw,48px)!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy p,.portfolio-command-card:nth-child(3) .portfolio-command-copy p{min-height:48px}.portfolio-command-visual>span{background:#050505!important}
@media(max-width:980px){.portfolio-command-card:nth-child(1){display:flex!important}.portfolio-command-card:nth-child(1) .portfolio-command-visual{min-height:0;aspect-ratio:16/9!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.portfolio-command-card:nth-child(1) .portfolio-command-copy{padding:28px!important}}
@media(max-width:760px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr!important}.portfolio-command-card:nth-child(1){grid-column:auto}.portfolio-command-card:nth-child(1) .portfolio-command-visual,.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{aspect-ratio:auto!important;min-height:0}.portfolio-command .portfolio-command-visual img{height:auto!important;max-height:none!important}.portfolio-command .sp-mini-social{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.portfolio-command .sp-mini-social img{aspect-ratio:auto!important;height:auto!important}.portfolio-command-card:nth-child(2) .portfolio-command-copy p,.portfolio-command-card:nth-child(3) .portfolio-command-copy p{min-height:0}}

/* Final desktop arrangement: three complete portfolio systems in one row */
.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;align-items:stretch}.portfolio-command-card:nth-child(1),.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3){grid-column:auto;grid-row:auto;display:flex!important;grid-template-columns:none;grid-template-rows:none}.portfolio-command-card:nth-child(1)>.portfolio-command-top{grid-column:auto}.portfolio-command-card:nth-child(1) .portfolio-command-visual,.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{grid-column:auto;grid-row:auto;width:100%;height:auto!important;min-height:0;aspect-ratio:16/10!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.portfolio-command-card:nth-child(1) .portfolio-command-copy,.portfolio-command-card:nth-child(2) .portfolio-command-copy,.portfolio-command-card:nth-child(3) .portfolio-command-copy{grid-column:auto;grid-row:auto;display:flex!important;padding:26px!important}.portfolio-command-card .portfolio-command-copy h3{font-size:clamp(31px,2.8vw,46px)!important}.portfolio-command-card .portfolio-command-copy p{min-height:66px;font-size:11px}.portfolio-command .portfolio-command-visual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.portfolio-command .sp-mini-social{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
@media(max-width:1050px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.portfolio-command-card:nth-child(3){grid-column:1/-1}.portfolio-command-card:nth-child(3) .portfolio-command-visual{aspect-ratio:16/7!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important}}
@media(max-width:760px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr!important}.portfolio-command-card:nth-child(3){grid-column:auto}.portfolio-command-card:nth-child(1) .portfolio-command-visual,.portfolio-command-card:nth-child(2) .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{aspect-ratio:auto!important}.portfolio-command .portfolio-command-visual img{height:auto!important}.portfolio-command-card .portfolio-command-copy p{min-height:0}.portfolio-command-card:nth-child(3) .portfolio-command-visual{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}}

/* Every Section 06 preview is one complete, full-width image */
.portfolio-command .portfolio-command-visual{display:block!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden}.portfolio-command .portfolio-command-visual>img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:top center!important;transform:none!important;background:#050505!important}.portfolio-command .sp-mini-social{display:block!important;grid-template-columns:none!important;grid-template-rows:none!important}.portfolio-command-visual>span{bottom:8px}
@media(max-width:1050px){.portfolio-command-card:nth-child(3) .portfolio-command-visual{display:block!important;aspect-ratio:auto!important}}
@media(max-width:760px){.portfolio-command .portfolio-command-visual,.portfolio-command-card:nth-child(3) .portfolio-command-visual{display:block!important}.portfolio-command .portfolio-command-visual>img{width:100%!important;height:auto!important}}

/* Section 06: four connected portfolio disciplines */
.portfolio-command>header:after{content:"WEB / APPLICATIONS / IDENTITY / SOCIAL"}
.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.portfolio-command-card:nth-child(1),.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3),.portfolio-command-card:nth-child(4){grid-column:auto!important;grid-row:auto!important;display:flex!important}
.portfolio-command-card:nth-child(4):before{content:"04"}
.portfolio-command-card .portfolio-command-copy h3{font-size:clamp(27px,2.25vw,40px)!important}
.portfolio-command-card .portfolio-command-copy p{min-height:78px}
@media(max-width:1200px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.portfolio-command-card:nth-child(3),.portfolio-command-card:nth-child(4){grid-column:auto!important}.portfolio-command-card .portfolio-command-copy p{min-height:58px}}
@media(max-width:760px){.sp-portfolio-system>.portfolio-command-grid{grid-template-columns:1fr!important}.portfolio-command-card:nth-child(1),.portfolio-command-card:nth-child(2),.portfolio-command-card:nth-child(3),.portfolio-command-card:nth-child(4){grid-column:auto!important}.portfolio-command-card .portfolio-command-copy p{min-height:0}}
