/* Server-rendered views (pages, posts, projects, 404). The bundle's CSS reset
   removes list styles / heading sizes, so restore readable typography here. */
.light-static{position:relative;z-index:10;min-height:100vh;padding:120px 16px 80px;direction:rtl;text-align:right}
.light-static__inner{max-width:860px;margin:0 auto}
.light-static__card{background:rgba(40,40,39,.86);border:1px solid rgba(192,159,106,.3);border-radius:20px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.light-static__card--center{text-align:center;padding:56px 28px}
.light-static__code{font-size:72px;font-weight:900;color:#C09F6A;line-height:1;margin:0 0 12px}
.light-static__title{font-size:28px;line-height:1.5;font-weight:800;color:#DFC393;margin:0 0 12px}
.light-static__lead{color:#A0A09E;line-height:1.9;margin:0 0 24px}
.light-static__meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#A0A09E;font-size:13px;margin-bottom:20px}
.light-static__thumb{margin:0 0 24px;border-radius:14px;overflow:hidden}
.light-static__thumb img{width:100%;height:auto;display:block}
.light-static__content{color:#E1E1E1;font-size:16px;line-height:2}
.light-static__content>*+*{margin-top:1.1em}
.light-static__content h2,.light-static__content h3,.light-static__content h4{color:#DFC393;font-weight:800;line-height:1.6;margin-top:1.6em}
.light-static__content h2{font-size:23px}
.light-static__content h3{font-size:20px}
.light-static__content h4{font-size:17px}
.light-static__content a{color:#DFC393;text-decoration:underline;text-underline-offset:3px}
.light-static__content a:hover{color:#fff}
.light-static__content ul,.light-static__content ol{padding-right:1.6em}
.light-static__content ul{list-style:disc}
.light-static__content ol{list-style:decimal}
.light-static__content li+li{margin-top:.4em}
.light-static__content blockquote{border-right:3px solid #C09F6A;padding:4px 16px;color:#DFC393;background:rgba(192,159,106,.07);border-radius:6px}
.light-static__content img,.light-static__content video,.light-static__content iframe{max-width:100%;height:auto;border-radius:12px;display:block;margin-inline:auto}
.light-static__content figure{margin:0}
.light-static__content figcaption{color:#8A8A88;font-size:13px;text-align:center;margin-top:8px}
.light-static__content table{display:block;overflow-x:auto;border-collapse:collapse;width:100%}
.light-static__content th,.light-static__content td{border:1px solid rgba(192,159,106,.25);padding:8px 12px}
.light-static__content pre,.light-static__content code{direction:ltr;text-align:left;background:#1E1E1D;border-radius:8px}
.light-static__content pre{padding:14px;overflow-x:auto}
.light-static__content code{padding:2px 6px;font-size:.9em}
.light-static__footer{margin-top:28px;padding-top:20px;border-top:1px solid rgba(192,159,106,.2);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.light-static__kpi{color:#DFC393;font-weight:700;margin:0}
.light-static__nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;justify-content:center}
.light-static__btn{display:inline-block;padding:11px 26px;border-radius:9999px;background:#C09F6A;color:#12100C;font-weight:800;font-size:14px;text-decoration:none;transition:background .2s ease,color .2s ease}
.light-static__btn:hover{background:#DFC393}
.light-static__btn--ghost{background:transparent;color:#DFC393;border:1px solid rgba(192,159,106,.5)}
.light-static__btn--ghost:hover{background:rgba(192,159,106,.12);color:#fff}
@media (max-width:640px){.light-static{padding-top:96px}.light-static__card{padding:24px 18px}.light-static__title{font-size:23px}}

/* ---- Project / Studio Select full pages ---- */
.light-static__tag{display:inline-block;padding:4px 14px;border-radius:9999px;background:rgba(192,159,106,.12);border:1px solid rgba(192,159,106,.35);color:#DFC393;font-size:12px;font-weight:700;margin-bottom:14px}
.light-static__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:28px}
.light-static__metric{padding:16px;border-radius:14px;background:#11110F;border:1px solid rgba(192,159,106,.2);text-align:center}
.light-static__metric strong{display:block;font-size:22px;color:#DFC393;font-weight:900;line-height:1.4}
.light-static__metric span{display:block;margin-top:4px;font-size:12px;color:#A0A09E}
.light-static__section{margin-top:28px;padding:20px 22px;border-radius:14px;background:rgba(17,17,15,.7);border:1px solid rgba(192,159,106,.18)}
.light-static__section h2{font-size:18px;font-weight:800;color:#DFC393;margin:0 0 10px;line-height:1.6}
.light-static__section p{color:#E1E1E1;line-height:2;margin:0}
.light-static__section--challenge{border-color:rgba(185,70,70,.35)}
.light-static__section--challenge h2{color:#E58C8C}
.light-static__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.light-static__gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(192,159,106,.2)}
.light-static__gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .4s ease}
.light-static__gallery a:hover img{transform:scale(1.05)}

/* ---- Project video player ---- */
.light-static__video{margin-top:28px;border-radius:14px;overflow:hidden;border:1px solid rgba(192,159,106,.25);background:#000}
.light-static__video video,.light-static__video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}

/* ---- Aparat click-to-play facade ---- */
.light-video-facade{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat}
.light-video-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.light-video-play{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;background:#0b0b0a center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.light-video-play::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.15))}
.light-video-play__icon{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:#C09F6A;color:#1b1b1a;font-size:28px;display:flex;align-items:center;justify-content:center;padding-inline-start:4px;box-shadow:0 10px 40px rgba(0,0,0,.6);transition:transform .25s ease}
.light-video-play:hover .light-video-play__icon{transform:scale(1.1)}

/* Aparat iframe inside project pages */
.light-static__video iframe{aspect-ratio:16/9}

/* =====================================================================
   Project media layouts (.light-pm)
   ===================================================================== */
.light-pm{--pm-gold:#C09F6A;--pm-gold2:#DFC393;--pm-bg:#0b0b0a;--pm-line:rgba(192,159,106,.22)}
.light-pm .light-pm__sub{margin-top:30px}
.light-pm img{max-width:100%;display:block}
.light-pm a{color:inherit;text-decoration:none}
.light-pm__item{position:relative;display:block;overflow:hidden;cursor:zoom-in}
.light-pm__cap{position:absolute;inset-inline:0;bottom:0;padding:26px 12px 10px;font-size:12px;line-height:1.7;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);opacity:0;transform:translateY(6px);transition:.35s}
.light-pm__item:hover .light-pm__cap{opacity:1;transform:none}

/* grid */
.light-pm__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.light-pm__grid .light-pm__item{aspect-ratio:4/3;border-radius:12px;border:1px solid var(--pm-line)}
.light-pm__grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.light-pm__grid .light-pm__item:hover img{transform:scale(1.06)}

/* masonry (photography) */
.light-pm__masonry{column-count:3;column-gap:12px}
.light-pm__masonry .light-pm__item{break-inside:avoid;margin:0 0 12px;border-radius:10px;border:1px solid var(--pm-line)}
.light-pm__masonry img{width:100%;height:auto;transition:transform .6s,filter .6s;filter:saturate(1.02)}
.light-pm__masonry .light-pm__item:hover img{transform:scale(1.04);filter:saturate(1.15) contrast(1.04)}
@media(max-width:900px){.light-pm__masonry{column-count:2}}
@media(max-width:520px){.light-pm__masonry{column-count:1}}

/* logo — every logo is shown as designed, in a uniform wall (bulk-uploaded) */
.light-pm__logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.light-pm__logo-card{margin:0;min-width:0}
.light-pm__logo-tile{aspect-ratio:1/1;border-radius:14px;border:1px solid var(--pm-line);background:#0d0d0b;transition:border-color .3s,transform .35s,box-shadow .35s}
.light-pm__logo-tile img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.light-pm__logo-tile:hover{border-color:var(--pm-gold);transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.55)}
.light-pm__logo-tile:hover img{transform:scale(1.04)}
.light-pm__logo-card figcaption{padding:8px 4px 0;font-size:12px;line-height:1.7;color:#a0a09e;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.light-pm__logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* billboard — two boards per row; click opens the lightbox for a larger view */
.light-pm--billboard .light-pm__bb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.light-pm__billboard{margin:0;padding:18px 10px 0;border-radius:16px;border:1px solid var(--pm-line);background:linear-gradient(to bottom,#14110c 0%,#0b0b0a 62%,#16130e 100%);text-align:center;overflow:hidden}
.light-pm__bb-lamps{display:flex;justify-content:space-around;max-width:90%;margin:0 auto 4px}
.light-pm__bb-lamps i{width:22px;height:6px;border-radius:0 0 8px 8px;background:#2b2820;box-shadow:0 6px 24px 10px rgba(223,195,147,.26)}
.light-pm__bb-frame{max-width:100%;margin:0 auto;padding:7px;border-radius:6px;background:linear-gradient(145deg,#4a463c,#16140f 60%,#3a362c);box-shadow:0 14px 36px rgba(0,0,0,.6)}
.light-pm__bb-frame .light-pm__item{aspect-ratio:auto;border-radius:2px;background:#000;line-height:0;cursor:zoom-in}
.light-pm__bb-frame .light-pm__item::after{content:"⤢";position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#DFC393;font-size:15px;line-height:28px;text-align:center;opacity:0;transition:opacity .25s}
.light-pm__bb-frame .light-pm__item:hover::after{opacity:1}
.light-pm__bb-frame img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;margin:0 auto;transition:transform .4s}
.light-pm__bb-frame .light-pm__item:hover img{transform:scale(1.03)}
.light-pm__bb-posts{display:flex;justify-content:space-around;max-width:60%;margin:0 auto}
.light-pm__bb-posts i{width:12px;height:44px;background:linear-gradient(90deg,#2a2822,#55503f,#24221c)}
.light-pm__billboard figcaption{padding:10px 0 12px;font-size:12px;color:#a0a09e}
@media(max-width:560px){.light-pm--billboard .light-pm__bb-grid{grid-template-columns:1fr}}

/* social page */
.light-pm__social{max-width:640px;margin-inline:auto}
.light-pm__profile{display:flex;align-items:center;gap:14px;padding:14px 4px 18px}
.light-pm__avatar{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#1b1608;background:linear-gradient(135deg,var(--pm-gold2),#8f6f3a);box-shadow:0 0 0 3px #0b0b0a,0 0 0 5px var(--pm-gold)}
.light-pm__profile-text{display:flex;flex-direction:column;gap:2px;flex:1}
.light-pm__profile-text strong{font-size:16px;color:#e9e9e9}
.light-pm__profile-text em{font-style:normal;font-size:12px;color:#a0a09e}
.light-pm__profile-count{font-size:12px;color:#a0a09e}
.light-pm__profile-count b{color:var(--pm-gold2);font-size:16px}
.light-pm__feed{display:block;column-count:3;column-gap:14px}
.light-pm__feed .light-pm__item{aspect-ratio:auto;break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 14px;border-radius:12px;border:1px solid var(--pm-line);background:#0d0d0b;line-height:0}
.light-pm__feed img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .4s,filter .4s}
.light-pm__feed .light-pm__item:hover img{filter:brightness(.8);transform:scale(1.02)}
@media(max-width:900px){.light-pm__feed{column-count:2}}
@media(max-width:480px){.light-pm__feed{column-gap:10px}.light-pm__feed .light-pm__item{margin-bottom:10px}}

/* stationery */
.light-pm__desk{display:flex;flex-wrap:wrap;align-items:flex-start;gap:26px 22px;justify-content:center;padding:34px 18px;border-radius:18px;border:1px solid var(--pm-line);background:radial-gradient(ellipse at 30% 0%,rgba(192,159,106,.1),transparent 60%),repeating-linear-gradient(45deg,#11110f 0 6px,#0e0e0c 6px 12px)}
.light-pm__paper{margin:0;width:min(300px,44%);padding:8px 8px 10px;background:#f2ede3;border-radius:3px;box-shadow:0 14px 34px rgba(0,0,0,.55);transform:rotate(-2deg);transition:transform .35s,box-shadow .35s}
.light-pm__paper:nth-child(even){transform:rotate(1.6deg) translateY(10px)}
.light-pm__paper:nth-child(3n){transform:rotate(-0.8deg)}
.light-pm__paper:hover{transform:rotate(0) scale(1.04);box-shadow:0 22px 50px rgba(0,0,0,.7);z-index:2}
.light-pm__paper img{width:100%;height:auto}
.light-pm__paper figcaption{padding:7px 2px 0;font-size:11px;color:#4a4439;text-align:center}
@media(max-width:560px){.light-pm__paper{width:44%}}

/* brand identity */
.light-pm__palette{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.light-pm__swatch{flex:1 1 120px;min-width:110px;border-radius:12px;overflow:hidden;border:1px solid var(--pm-line);background:#11110f;text-align:center;padding-bottom:10px}
.light-pm__swatch span{display:block;height:70px;background:var(--sw);margin-bottom:8px}
.light-pm__swatch b{display:block;font-size:12px;letter-spacing:.06em;color:#e1e1e1;font-family:ui-monospace,Menlo,monospace}
.light-pm__swatch em{display:block;font-style:normal;font-size:11px;color:#a0a09e;margin-top:2px}
.light-pm__bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:10px;grid-auto-flow:dense}
.light-pm__bento .light-pm__item{border-radius:14px;border:1px solid var(--pm-line)}
.light-pm__bento .light-pm__item:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.light-pm__bento .light-pm__item:nth-child(7n+4){grid-row:span 2}
.light-pm__bento .light-pm__item:nth-child(7n+5){grid-column:span 2}
.light-pm__bento .light-pm__item:last-child:nth-child(7n+1){grid-column:span 4;grid-row:span 1}
.light-pm__bento .light-pm__item:last-child:nth-child(7n+2){grid-column:span 2}
.light-pm__bento img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.light-pm__bento .light-pm__item:hover img{transform:scale(1.06)}
@media(max-width:760px){.light-pm__bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}}

/* slider */
.light-pm__slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.light-pm__slider .light-pm__item{flex:0 0 min(78%,520px);aspect-ratio:4/3;scroll-snap-align:center;border-radius:14px;border:1px solid var(--pm-line)}
.light-pm__slider img{width:100%;height:100%;object-fit:cover}

/* other files */
.light-pm__files{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.light-pm__video{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--pm-line);background:#000}
.light-pm__video video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.light-pm__video figcaption{padding:8px 12px;font-size:12px;color:#a0a09e}
.light-pm__file{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--pm-line);background:#11110f;transition:border-color .3s,transform .3s}
.light-pm__file:hover{border-color:var(--pm-gold);transform:translateY(-2px)}
.light-pm__file-ico{flex:none;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#1b1608;background:linear-gradient(135deg,var(--pm-gold2),#8f6f3a)}
.light-pm__file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#e1e1e1}
.light-pm__file-dl{font-size:12px;color:var(--pm-gold2)}

/* lightbox */
.light-lb{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.92)}
.light-lb.is-open{display:flex}
.light-lb__fig{margin:0;max-width:94vw;max-height:92vh;text-align:center}
.light-lb__fig img{max-width:94vw;max-height:84vh;object-fit:contain;border-radius:6px}
.light-lb__fig figcaption{margin-top:10px;font-size:13px;color:#cfcfcf}
.light-lb__close,.light-lb__nav{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1;transition:background .2s}
.light-lb__close:hover,.light-lb__nav:hover{background:rgba(192,159,106,.55)}
.light-lb__close{top:16px;left:16px}
.light-lb__nav{top:50%;transform:translateY(-50%)}
.light-lb__prev{right:16px}
.light-lb__next{left:16px}
.light-lb.is-single .light-lb__nav{display:none}

/* captions stay readable inside the zero-line-height image wrappers */
.light-pm__bb-frame .light-pm__cap,.light-pm__feed .light-pm__cap{line-height:1.7}

/* page (social) project: the featured image was full-width and huge */
.light-static__thumb--social{max-width:340px;margin-inline:auto;margin-bottom:24px}
.light-static__thumb--social img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#0d0d0b}