/* Homepage selected work — local work assets and concept studies. */
.projects-showcase{position:relative;gap:4vw;overflow-x:auto!important;overflow-y:clip;overscroll-behavior-x:contain;scrollbar-color:var(--orange) #161616;scrollbar-width:thin;background:linear-gradient(118deg,#0a0a0a 0%,#101010 58%,#080808 100%)}
.projects-showcase:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(90deg,#000,transparent 73%);pointer-events:none}
.projects-showcase .strip-intro{position:relative;z-index:1;min-width:32vw}.projects-showcase .strip-intro>p:last-child{max-width:245px;line-height:1.6}
.showcase-track{position:relative;z-index:1;padding:2vw 1vw 2vw 0;gap:2vw;align-items:flex-end}
.showcase-card{position:relative;flex:0 0 auto;isolation:isolate;overflow:hidden;width:clamp(290px,31vw,500px)!important}.showcase-card:hover{color:#fff}.showcase-card .showcase-media,.showcase-card .concept-surface,.showcase-card .rada-surface,.showcase-card .siht-symbol-pattern{position:relative;display:block;width:100%;padding:0;overflow:hidden;aspect-ratio:1.52;justify-content:initial}.showcase-fantaasia{width:clamp(380px,33vw,560px)!important}.showcase-fantaasia .showcase-media{background:#f7f6f2;border:1px solid rgba(255,255,255,.12)}.showcase-fantaasia .showcase-media img{display:block;width:100%;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)!important}.showcase-fantaasia:hover .showcase-media img{transform:scale(1.018)!important}
.showcase-caption{display:grid!important;grid-template-columns:auto 1fr auto;align-items:baseline;gap:9px;padding:13px 2px 0!important;font:500 10px/1.1 'DM Mono',monospace!important;letter-spacing:.04em}.showcase-caption em{color:var(--orange);font-style:normal}.showcase-caption small{color:#a3a3a3;font:inherit;letter-spacing:.08em}.showcase-caption b{font:400 16px/1 Manrope,Arial,sans-serif;transition:transform .3s}.showcase-card:hover .showcase-caption b{transform:translate(4px,-4px)}

/* The supplied SIHT image remains untouched; only its central symbol is windowed into a repeat pattern. */
.showcase-siht{width:clamp(260px,22vw,360px)!important}.showcase-card .siht-symbol-pattern{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1px;background:#151515;border:1px solid #2a2a2a;aspect-ratio:.93;transform:translateZ(0)}.siht-symbol-pattern:after{content:'SIHT';position:absolute;right:-.09em;bottom:-.22em;color:rgba(255,255,255,.04);font:800 clamp(6rem,12vw,14rem)/.7 Manrope,Arial,sans-serif;letter-spacing:-.13em;pointer-events:none}.showcase-card .symbol-tile{position:relative;display:block;width:auto;padding:0;overflow:hidden;background:#050505}.symbol-tile img{position:absolute!important;width:340%!important;max-width:none!important;height:auto!important;left:-108%!important;top:-23%!important;object-fit:initial!important;filter:none!important;opacity:.88;transition:transform .6s cubic-bezier(.2,.7,.2,1)!important}.symbol-tile:nth-child(2n) img{transform:scale(1.02)}.symbol-tile:nth-child(3n) img{transform:scale(.96)}.showcase-siht:hover .symbol-tile img{transform:scale(1.09)}.showcase-siht:hover .symbol-tile:nth-child(2n) img{transform:scale(1.12)}.showcase-siht:hover .symbol-tile:nth-child(3n) img{transform:scale(1.06)}

.showcase-helk{width:clamp(300px,29vw,470px)!important}.concept-surface{aspect-ratio:.88;background:#fb4b04;color:#070707;border:1px solid rgba(255,255,255,.14);padding:8%;isolation:isolate}.concept-surface:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.31),transparent 33%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(7,7,7,.11) 35px 36px);z-index:-1}.concept-orbit{position:absolute;width:108%;aspect-ratio:1;right:-34%;bottom:-46%;border:1px solid #070707;border-radius:50%;box-shadow:inset 0 0 0 32px rgba(255,255,255,.09),inset 0 0 0 88px rgba(7,7,7,.07);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.concept-surface strong{position:absolute;left:7%;top:7%;font:800 clamp(4rem,8vw,9rem)/.68 Manrope,Arial,sans-serif;letter-spacing:-.12em}.concept-surface small{position:absolute;left:8%;bottom:9%;font:500 10px/1.45 'DM Mono',monospace;letter-spacing:.12em}.concept-surface b{position:absolute;right:8%;top:9%;font:500 10px 'DM Mono',monospace}.showcase-helk:hover .concept-orbit{transform:rotate(35deg) scale(1.07)}

.showcase-rada{width:clamp(270px,25vw,410px)!important}.rada-surface{aspect-ratio:.93;padding:10%;background:#d9d2c1;color:#0a0a0a;border:1px solid rgba(255,255,255,.14)}.rada-surface:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 47%,rgba(0,0,0,.08) 47.2% 52.8%,transparent 53%)}.rada-surface i{position:absolute;display:block;width:36%;height:59%;border:1px solid rgba(10,10,10,.68);background:#ec6230;box-shadow:9px 10px 0 rgba(0,0,0,.1);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.rada-surface i:nth-child(1){left:12%;top:13%;transform:rotate(-15deg)}.rada-surface i:nth-child(2){left:39%;top:24%;background:#f1eee5;transform:rotate(13deg)}.rada-surface i:nth-child(3){left:57%;top:12%;background:#111;color:#fff;transform:rotate(-8deg)}.rada-surface strong{position:absolute;left:10%;bottom:14%;z-index:1;font:800 clamp(3rem,6vw,6.5rem)/.7 Manrope,Arial,sans-serif;letter-spacing:-.12em}.rada-surface small{position:absolute;left:11%;bottom:7%;z-index:1;font:500 9px/1.4 'DM Mono',monospace;letter-spacing:.1em}.showcase-rada:hover i:nth-child(1){transform:translate(-8px,4px) rotate(-23deg)}.showcase-rada:hover i:nth-child(2){transform:translate(4px,-8px) rotate(20deg)}.showcase-rada:hover i:nth-child(3){transform:translate(8px,6px) rotate(-15deg)}

@media(max-width:700px){.projects-showcase{padding-right:0!important}.projects-showcase:before{background-size:25vw 25vw}.showcase-track{padding:2vw 20px 5vw 0;gap:16px}.showcase-card,.showcase-fantaasia,.showcase-siht,.showcase-helk,.showcase-rada{width:74vw!important}.showcase-fantaasia{width:88vw!important}.showcase-caption{padding-top:12px!important}.showcase-caption small{font-size:8px}.showcase-siht,.showcase-rada{width:66vw!important}.concept-surface strong{font-size:17vw}.siht-symbol-pattern{aspect-ratio:.91}}
@media(prefers-reduced-motion:reduce){.showcase-card *{transition:none!important}}

/* Editorial work showcase — rendered from the same portfolio data as the archive. */
.home-work{padding-top:15vw;padding-bottom:14vw;background:#080808}.home-work-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:8vw;align-items:end;margin:0 0 5vw}.home-work-head h2{margin:0;font:800 clamp(3.4rem,8vw,10rem)/.76 Manrope,Arial,sans-serif;letter-spacing:-.11em}.home-work-head h2 i{font-family:'Playfair Display',serif;font-weight:700}.home-work-head>p{max-width:320px;margin:0 0 .5vw;color:#aaa;font-size:clamp(.9rem,1.25vw,1.08rem);line-height:1.6}.home-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2vw 1.4vw;align-items:start}.home-work-grid .work-card{grid-column:span 4}.home-work-grid .work-card--large{grid-column:span 7}.home-work-grid .work-card--wide{grid-column:span 6;margin-top:7vw}.home-work-grid .work-card--tall{grid-column:span 3;margin-top:12vw}.home-work-grid .work-card:nth-child(5n){grid-column:span 5}.home-work-link{display:inline-flex;gap:14px;align-items:center;margin-top:6vw;padding:14px 0;border-bottom:1px solid var(--orange);color:#fff;text-decoration:none;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;transition:color .25s,gap .25s}.home-work-link:hover{color:var(--orange);gap:21px}.home-work-link b{font-size:17px}
.work-card{display:block;position:relative;color:#fff;text-decoration:none;min-width:0;isolation:isolate}.work-card-media{position:relative;min-height:0;margin:0;overflow:hidden;background:#171717;aspect-ratio:1.33}.work-card--tall .work-card-media{aspect-ratio:.78}.work-card--wide .work-card-media,.work-card--full .work-card-media{aspect-ratio:1.72}.work-card-cover,.work-card-hover{display:block;width:100%;height:100%;object-fit:cover;transform:translate(var(--pointer-x,0),var(--pointer-y,0));transition:transform .58s cubic-bezier(.2,.7,.2,1),opacity .44s ease;will-change:transform}.work-card-hover{position:absolute;inset:0;opacity:0}.work-card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.72) 100%);opacity:0;transition:opacity .36s}.work-card-index{position:absolute;z-index:1;top:13px;left:14px;color:#fff;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;mix-blend-mode:difference}.work-card-open{position:absolute;z-index:2;right:16px;bottom:15px;display:grid;place-items:center;width:78px;aspect-ratio:1;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;background:rgba(7,7,7,.18);backdrop-filter:blur(4px)}.work-card-open b{font-size:14px;line-height:1}.work-card-meta{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding-top:13px}.work-card-meta h3{grid-column:1/-1;margin:0;font:800 clamp(1.1rem,1.8vw,1.75rem)/.92 Manrope,Arial,sans-serif;letter-spacing:-.07em}.work-card-meta p,.work-card-meta small{margin:0;color:#999;font:500 9px/1.4 'DM Mono',monospace;letter-spacing:.08em}.work-card-meta small{text-align:right}.work-card-meta p span{color:var(--orange)}.work-card:focus-visible{outline:2px solid var(--orange);outline-offset:7px}.work-card:hover .work-card-hover{opacity:1}.work-card:hover .work-card-media:after{opacity:1}.work-card:hover .work-card-open{opacity:1;transform:none}.work-card:hover .work-card-meta h3{color:var(--orange)}
@media(max-width:700px){.home-work{padding:24vw 20px}.home-work-head{display:block;margin-bottom:13vw}.home-work-head h2{font-size:15vw}.home-work-head>p{margin-top:7vw;font-size:14px}.home-work-grid{display:grid;grid-template-columns:1fr;gap:11vw}.home-work-grid .work-card,.home-work-grid .work-card--large,.home-work-grid .work-card--wide,.home-work-grid .work-card--tall,.home-work-grid .work-card:nth-child(5n){grid-column:auto;margin:0}.home-work-grid .work-card-media{aspect-ratio:1.15}.home-work-grid .work-card--tall .work-card-media{aspect-ratio:.88}.home-work-link{margin-top:13vw}.work-card-open{display:grid;opacity:1;transform:none;width:64px;right:11px;bottom:11px}.work-card-meta{padding-top:11px}.work-card-meta h3{font-size:6vw}.work-card-meta p,.work-card-meta small{font-size:8px}.work-card-meta small{text-align:left}}
@media(prefers-reduced-motion:reduce){.work-card *{transition:none!important}}

/* Keep the showcase visually balanced: every desktop row is intentionally full. */
@media(min-width:701px){.home-work{padding-left:4vw;padding-right:4vw}.home-work-grid{grid-auto-flow:row dense}.home-work-grid .work-card--large{grid-column:span 6}.home-work-grid .work-card--wide{grid-column:span 7;margin-top:0}.home-work-grid .work-card--tall{grid-column:span 5;margin-top:0}.home-work-grid .work-card:nth-child(5n){grid-column:span 4}.home-work-grid .work-card:last-child:nth-child(odd){grid-column:1/-1}.home-work-grid .work-card:last-child:nth-child(odd) .work-card-media{aspect-ratio:2.15}}
