/* SHAMIL V8 — curated magazine quick reads, not long scrollable website pages. */
.shamil-reader-modal__panel:has(.shamil-quick){background:#eee9df}
.shamil-reader-modal__body:has(.shamil-quick){overflow:auto;background:#f3eee6}
.shamil-reader-modal__body:has(.shamil-quick) .shamil-quick{font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.shamil-quick{display:grid;grid-template-columns:45% 55%;height:100%;min-height:0;color:#131d28;background:#f3eee6}
.shamil-quick__photo{position:relative;min-height:100%;overflow:hidden;background:#0c1520;color:#fff}
.shamil-quick__photo img{width:100%;height:100%;min-height:100%;display:block;object-fit:cover;filter:saturate(.75)}
.shamil-quick__photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,9,15,.9) 100%);pointer-events:none}
.shamil-quick__photo-title{position:absolute;left:clamp(20px,3vw,50px);right:28px;bottom:60px;display:grid;gap:14px}
.shamil-quick__photo-title span{font-size:10px;letter-spacing:.22em;color:#e5d2b4}
.shamil-quick__photo-title strong{font-family:Georgia,serif;font-size:clamp(32px,4vw,58px);font-weight:400;line-height:.97;letter-spacing:-.05em;max-width:360px}
.shamil-quick__photo-caption{position:absolute;bottom:20px;left:clamp(20px,3vw,50px);right:24px;font:9px/1.4 Arial,sans-serif;letter-spacing:.06em;color:rgba(248,238,221,.72)}
.shamil-quick__main{display:flex;flex-direction:column;align-items:flex-start;min-height:0;overflow-y:auto;padding:clamp(25px,4vw,60px) clamp(25px,4.2vw,68px)}
.shamil-quick__eyebrow{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#8e6e47;text-transform:uppercase}
.shamil-quick__main h1{font:400 clamp(47px,5.2vw,80px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:18px 0 16px;color:#0d1620}
.shamil-quick__lead{font:400 clamp(16px,1.8vw,23px)/1.35 Georgia,serif;max-width:470px;color:#333c46;margin:0 0 clamp(22px,3vw,38px)}
.shamil-quick__deliver{width:100%;padding:16px 0;border-top:1px solid #c7bdaf}
.shamil-quick__deliver>span,.shamil-quick__method span{display:block;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#806a4f}
.shamil-quick__deliver ul{list-style:none;display:grid;gap:11px;padding:14px 0 0;margin:0}
.shamil-quick__deliver li{display:flex;align-items:center;gap:11px;font:400 14px/1.35 Arial,sans-serif;color:#28333f}
.shamil-quick__deliver li svg{flex:0 0 19px;color:#9d7646}
.shamil-quick__method{width:100%;display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid #c7bdaf}
.shamil-quick__method strong{font:400 16px/1.35 Georgia,serif;color:#1c2835}
.shamil-quick__actions,.shamil-quick__portfolio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:22px}
.shamil-quick__primary{border:0;cursor:pointer;min-height:47px;background:#121d2a;color:#faf2e6;letter-spacing:.07em;font:600 11px/1.4 Arial,sans-serif;padding:14px 22px;display:inline-flex;gap:18px;align-items:center;justify-content:space-between;transition:background .2s}
.shamil-quick__primary:hover{background:#876744}
.shamil-quick__secondary{font:600 10px/1.5 Arial,sans-serif;text-decoration:none!important;color:#513e2b!important;letter-spacing:.07em;border-bottom:1px solid #a99275;padding:8px 0}
.shamil-quick__primary:focus-visible,.shamil-quick__secondary:focus-visible,.shamil-quick__tile:focus-visible,.shamil-quick__project:focus-visible{outline:3px solid #ae8150;outline-offset:3px}
/* Four-image editorial contents spread */
.shamil-quick:has(.shamil-quick__services-header){display:flex;flex-direction:column;padding:clamp(18px,2.7vw,43px);gap:14px}
.shamil-quick__services-header{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}
.shamil-quick__services-header h1{font:400 clamp(40px,5vw,67px)/.98 Georgia,serif;letter-spacing:-.055em;margin:0 auto 0 0}
.shamil-quick__services-header p{font:15px/1.4 Arial,sans-serif;max-width:275px;margin:0}
.shamil-quick__service-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:11px}
.shamil-quick__tile{position:relative;overflow:hidden;min-height:175px;background:#0d1521;color:#fff!important;text-decoration:none!important}
.shamil-quick__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.7);transition:transform .35s}
.shamil-quick__tile:hover img{transform:scale(1.055)}
.shamil-quick__tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(1,6,12,.85) 100%);pointer-events:none}
.shamil-quick__tile-copy{position:absolute;z-index:1;bottom:18px;left:21px;right:40px;display:grid;gap:3px}
.shamil-quick__tile-copy small{font:9px Arial,sans-serif;letter-spacing:.18em;color:#e4c7a2!important}
.shamil-quick__tile-copy strong{font:400 clamp(21px,2.2vw,33px)/1.08 Georgia,serif;letter-spacing:-.04em;color:#fff!important}
.shamil-quick__tile-copy em{font:11px/1.3 Arial,sans-serif;font-style:normal;color:#eee8df!important;white-space:normal}
.shamil-quick__tile-arrow{position:absolute;right:20px;bottom:20px;z-index:1;color:#f6dab5}
.shamil-quick__services-footer{display:flex;justify-content:space-between;gap:16px;font:10px Arial,sans-serif;color:#7f735f}
.shamil-quick__services-footer a{color:#51402c!important;text-decoration:underline!important}
/* Portfolio shows approved real work, or clear examples of output (not fake projects). */
.shamil-quick:has(.shamil-quick__portfolio){display:block;padding:clamp(25px,3.5vw,55px);overflow:auto}
.shamil-quick__portfolio{max-width:1050px;margin:0 auto;display:flex;flex-direction:column;gap:22px;min-height:100%}
.shamil-quick__portfolio-head{display:grid;gap:8px}.shamil-quick__portfolio-head h1{margin:0;font:400 clamp(48px,5vw,78px)/1 Georgia,serif;letter-spacing:-.06em}
.shamil-quick__portfolio-head p{font:17px/1.4 Georgia,serif;color:#37404a;margin:0}
.shamil-quick__projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.shamil-quick__project{display:flex;flex-direction:column;position:relative;gap:8px;background:#ded7cc;min-height:220px;color:#162230!important;text-decoration:none!important;padding:14px}
.shamil-quick__project img{width:100%;height:125px;object-fit:cover;display:block}
.shamil-quick__project span{display:grid;gap:5px}.shamil-quick__project span small{font:9px Arial,sans-serif;letter-spacing:.13em}
.shamil-quick__project span strong{font:22px Georgia,serif}.shamil-quick__project em{font:11px/1.4 Arial,sans-serif;font-style:normal}.shamil-quick__project b{position:absolute;right:12px;top:12px}
.shamil-quick__portfolio-empty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shamil-quick__portfolio-empty>a{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;min-height:clamp(205px,28vh,265px);padding:23px;background:#162330;color:#f4e8d8!important;text-decoration:none!important}
.shamil-quick__portfolio-empty>a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.63) brightness(.66);transition:transform .35s}
.shamil-quick__portfolio-empty>a:hover img{transform:scale(1.05)}
.shamil-quick__portfolio-empty>a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,17,.2),rgba(5,10,17,.92));z-index:1}
.shamil-quick__portfolio-empty>a>*:not(img){position:relative;z-index:2}
.shamil-quick__portfolio-empty>a:focus-visible{outline:3px solid #a5804f;outline-offset:3px}
.shamil-quick__portfolio-empty>a span{font:12px Arial,sans-serif;color:#b89b73}
.shamil-quick__portfolio-empty>a strong{margin-top:auto;font:24px/1.13 Georgia,serif}
.shamil-quick__portfolio-empty>a small{font:11px Arial,sans-serif;opacity:.85}
.shamil-quick__portfolio-note{font:11px/1.45 Arial,sans-serif;color:#665849;margin:0}
.shamil-quick__portfolio-actions{padding-top:8px;margin-top:auto;justify-content:flex-end}
@media(min-width:800px) and (max-height:720px){.shamil-quick__main{padding-top:22px;padding-bottom:22px}.shamil-quick__main h1{font-size:55px;margin:10px 0}.shamil-quick__lead{margin-bottom:15px}.shamil-quick__deliver ul{gap:5px}.shamil-quick__actions{padding-top:9px}}
@media(max-width:760px){
 .shamil-reader-modal__body:has(.shamil-quick){overflow-y:auto}
 .shamil-quick{display:flex;flex-direction:column;height:auto;min-height:100%;}
 .shamil-quick__photo{flex:0 0 auto;min-height:0;height:31dvh;max-height:260px}
 .shamil-quick__photo img{min-height:0}
 .shamil-quick__photo-title{bottom:30px;left:20px;gap:6px}.shamil-quick__photo-title strong{display:none}
 .shamil-quick__photo-caption{bottom:9px;left:20px;font-size:8px}
 .shamil-quick__main{padding:25px 25px 32px;overflow:visible;flex:1}
 .shamil-quick__main h1{font-size:clamp(39px,10vw,61px);margin:10px 0}
 .shamil-quick__lead{font-size:18px;margin-bottom:17px}
 .shamil-quick__deliver{padding:10px 0}.shamil-quick__deliver ul{gap:8px;padding-top:10px}
 .shamil-quick__deliver li{font-size:13px}.shamil-quick__method{padding:10px 0}
 .shamil-quick__actions{padding-top:14px}
 .shamil-quick__primary{min-height:46px}
 .shamil-quick:has(.shamil-quick__services-header){padding:20px;gap:15px;min-height:100%;display:flex}
 .shamil-quick__services-header h1{font-size:49px;width:100%}.shamil-quick__services-header p{font-size:13px;max-width:none}
 .shamil-quick__service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}
 .shamil-quick__tile{min-height:190px}.shamil-quick__tile-copy{left:10px;bottom:12px;right:9px}
 .shamil-quick__tile-copy strong{font-size:21px}.shamil-quick__tile-copy em{font-size:10px}.shamil-quick__tile-arrow{right:10px;bottom:12px}
 .shamil-quick__services-footer{display:block;font-size:9px}.shamil-quick__services-footer a{display:block;margin-top:5px}
 .shamil-quick:has(.shamil-quick__portfolio){padding:25px 18px}
 .shamil-quick__portfolio-head h1{font-size:55px}.shamil-quick__portfolio-head p{font-size:14px}
 .shamil-quick__portfolio-empty{grid-template-columns:1fr;gap:8px}
 .shamil-quick__portfolio-empty>a{min-height:108px;padding:13px 16px;gap:4px}
 .shamil-quick__portfolio-empty>a strong{font-size:20px}
 .shamil-quick__projects{grid-template-columns:1fr}.shamil-quick__project{min-height:0}.shamil-quick__project img{height:160px}
 .shamil-quick__portfolio-actions{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.shamil-quick__tile img{transition:none}}