/* SHAMIL 6.0: clarity without replacing the approved magazine, transitions or typography */
.shamil-v6 .cover-copy .cover-statement.shamil-clear-title{font-size:clamp(29px,3.8vw,60px);line-height:.96;letter-spacing:-.058em;max-width:600px}
.shamil-v6 .cover-copy .intro-note.shamil-clear-intro{max-width:490px;font-size:clamp(12px,1.23vw,16px);line-height:1.6;letter-spacing:0;color:#514a40}
.shamil-image-disclosure{position:absolute;bottom:14px;left:20px;z-index:9;color:#eee8dcbd;font-size:9px;line-height:1.35;letter-spacing:.02em;max-width:80%;text-shadow:0 2px 5px #000b}
.shamil-v6 .contents-photo-copy h2{font-size:clamp(49px,5.6vw,85px)}
.shamil-v6 .chapter-link{cursor:pointer;text-decoration:none;color:inherit}.shamil-v6 .chapter-link .chapter-body strong{font-size:clamp(25px,2.5vw,40px)}
.shamil-v6 .chapter-link .chapter-body small{font-size:10px;line-height:1.5;text-transform:none;letter-spacing:.015em;max-width:270px}
.shamil-v6 .chapter-link{grid-template-columns:26px 1fr 61px 19px;gap:9px;padding-block:clamp(11px,2vh,23px)}
.shamil-services-end{gap:14px;align-items:center}.shamil-service-all{font-size:10px;color:#8b663e;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px}
.shamil-v6 .discipline-intro .shamil-portfolio-head,.shamil-v6 .discipline-intro .shamil-tech-head,.shamil-v6 .discipline-intro .shamil-about-head{font-size:clamp(51px,6.2vw,92px);line-height:.94;letter-spacing:-.059em}
.shamil-v6 .discipline-intro .shamil-about-head{font-size:clamp(42px,5.0vw,76px)}
.shamil-v6 .discipline-intro p{max-width:500px;font-size:clamp(12px,1vw,16px);line-height:1.65}
.shamil-portfolio-art{background-position:center center}.shamil-art-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#06101cf2,transparent 70%)}
.shamil-art-caption{position:absolute;bottom:7%;left:7%;right:7%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-shadow:0 2px 12px #0009}
.shamil-art-caption strong{font-family:var(--serif);font-size:clamp(43px,5.5vw,82px);line-height:.9;font-weight:400}.shamil-art-caption .micro{font-size:9px;color:#f0e5d5;letter-spacing:.12em}
.shamil-portfolio-foot{align-items:center}.shamil-portfolio-foot .editorial-link{white-space:nowrap}
.shamil-useful-ui{position:absolute;z-index:4;left:9%;right:9%;top:19%;bottom:17%;border:1px solid #e0c7ab70;background:linear-gradient(145deg,#0c1727ed,#151f30e8);color:#fcf6e9;box-shadow:0 25px 65px #0007;display:flex;flex-direction:column;padding:clamp(20px,3vw,37px);gap:20px}
.shamil-ui-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbc5a73b;padding-bottom:16px;font-size:9px;letter-spacing:.17em;color:#e3c49d}
.shamil-ui-live{height:7px;width:7px;border-radius:50%;background:#8bb4a0;box-shadow:0 0 13px #8bb4a0}
.shamil-ui-stage{margin:auto 0}.shamil-ui-stage h3{font-family:var(--serif);font-weight:400;font-size:clamp(39px,4.2vw,75px);line-height:.92;max-width:490px;margin:20px 0 40px}
.shamil-ui-steps{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(6px,1.3vw,19px);font-size:clamp(8px,.73vw,12px);letter-spacing:.11em}
.shamil-ui-steps span{border:1px solid #d2b9964d;padding:12px 14px;background:#fff1}.shamil-ui-steps b{color:#dfbe8c;font-weight:400}
.shamil-useful-ui>small{color:#bdaf9c;font-size:8px;letter-spacing:.13em}.shamil-link-stack{display:flex;flex-direction:column;gap:14px}
.shamil-v6 .flow-node strong{font-size:clamp(8px,.67vw,12px)}.shamil-v6 .flow-node-icon{font-size:14px}.shamil-v6 .flow-intro strong{font-size:clamp(36px,4.4vw,71px)}
.shamil-primary-action{border:0;background:#182333;color:#f5ecdd;padding:15px 19px;text-align:left;font-size:10px;letter-spacing:.16em;cursor:pointer}.shamil-primary-action:hover{background:#34425a}.shamil-text-action{font-size:9px;letter-spacing:.13em;color:#87633f}
.shamil-contact-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.shamil-contact-bottom .contact-line{max-width:100%}.shamil-v6 .studio-message .shamil-contact-head{font-size:clamp(55px,6vw,100px);line-height:.94}
.shamil-v6 .studio-art .studio-image-quote{font-size:clamp(70px,10vw,180px);letter-spacing:-.08em;bottom:17%}.shamil-v6 .studio-art .studio-image-quote span{color:var(--gold)}
.shamil-v6 .toc-entry strong{font-size:clamp(22px,2.1vw,38px)}
.shamil-v6 .toc-bottom{display:flex;gap:10px;align-items:flex-start;flex-direction:column;font-size:9px}.shamil-v6 .toc-bottom .seo-explore{margin:2px 0;gap:12px}
.shamil-v6 .toc-bottom .shamil-nav-extras{gap:12px}.shamil-v6 .toc-bottom .shamil-concept-note{font-size:10px;margin:0;color:#a9a098}
@media(max-width:1020px) and (min-width:761px){.shamil-v6 .discipline-intro .shamil-about-head{font-size:clamp(34px,4.5vw,56px)}.shamil-v6 .shamil-ui-steps{gap:7px}.shamil-v6 .shamil-ui-steps span{padding:8px 7px}.shamil-v6 .contents-list .chapter-link .chapter-photo{display:none}.shamil-v6 .contents-list .chapter-link{grid-template-columns:22px 1fr 17px}.shamil-v6 .shamil-technology-foot .editorial-link{display:none}}
@media(max-width:760px){
 .shamil-v6 .mobile-cover-bottom{bottom:clamp(18px,3vh,40px)}.shamil-v6 .mobile-cover-bottom .shamil-mobile-cover-title{font-size:clamp(39px,10.2vw,64px);line-height:.93;letter-spacing:-.05em;margin:8px 0 10px}
 .shamil-mobile-cover-intro{max-width:330px;font-size:12px;line-height:1.5;color:#eee9e0;margin-bottom:17px}
 .shamil-v6 .mobile-index-top h2{font-size:clamp(48px,13vw,77px)}.shamil-v6 .mobile-chapters{gap:8px}.shamil-v6 .mobile-chapter{color:inherit;text-decoration:none;min-height:87px}.shamil-v6 .mobile-chapter-txt strong{font-size:clamp(23px,6.6vw,34px)}
 .shamil-v6 .mobile-chapter-txt em{font-size:10px;line-height:1.25;max-width:230px;display:block;letter-spacing:0}
 .shamil-mobile-service-all{display:block;align-self:flex-start;font-size:10px;letter-spacing:.1em;color:#8b6335;text-decoration:underline;text-underline-offset:4px;margin-top:3px}
 .shamil-v6 .mobile-feature-bottom h2{font-size:clamp(49px,12.4vw,72px)}
 .shamil-v6 .shamil-mobile-about .mobile-feature-bottom h2{font-size:clamp(43px,10.5vw,59px)}
 .shamil-v6 .mobile-feature-bottom p{font-size:11px;line-height:1.5;max-width:340px}.shamil-v6 .mobile-feature .mobile-shade{background:linear-gradient(180deg,#0a0d12b3,transparent 30%,#030811cc 60%,#02050efc 100%)}
 .shamil-ui-mobile{position:absolute;top:15%;left:8%;right:8%;height:32%;z-index:3;border:1px solid #d4b88d9c;background:linear-gradient(135deg,#0e1c2ae8,#162238c4);padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 22px 40px #0006}.shamil-ui-mobile>span{font-size:9px;letter-spacing:.2em;color:#c7ac87}.shamil-ui-mobile div{display:flex;gap:10px}.shamil-ui-mobile i{height:6px;flex:1;border-radius:8px;background:#d5ac6b}.shamil-ui-mobile i:nth-child(2){opacity:.58}.shamil-ui-mobile i:nth-child(3){opacity:.23}.shamil-ui-mobile strong{font-family:var(--serif);font-size:clamp(21px,5vw,30px);font-weight:400}
 .shamil-v6 .mobile-intelligence-flow{top:14%}.shamil-v6 .mobile-studio-center h2{font-size:clamp(47px,12vw,78px)}.shamil-v6 .mobile-studio-center p{line-height:1.55;max-width:330px}
 .shamil-v6 .mobile-contact.shamil-mobile-contact-action{background:transparent;color:white;cursor:pointer;font-size:clamp(21px,5.5vw,33px);text-align:left}.shamil-mobile-contact-page{position:absolute;bottom:9%;left:23px;color:#d2b88c;font-size:9px;z-index:7;letter-spacing:.12em}
 .shamil-v6 .toc-bottom{gap:6px}.shamil-v6 .toc-bottom .seo-explore{gap:9px}
}
@media(max-width:400px){.shamil-v6 .mobile-index{gap:12px}.shamil-v6 .mobile-cover-bottom .shamil-mobile-cover-title{font-size:clamp(37px,10vw,44px)}.shamil-v6 .mobile-cover-middle h1{font-size:clamp(65px,18.5vw,85px)}.shamil-v6 .mobile-cover-bottom{bottom:16px}.shamil-v6 .mobile-feature-bottom h2{font-size:clamp(46px,12vw,63px)}}
@media(max-height:690px) and (max-width:760px){.shamil-v6 .mobile-cover-bottom .shamil-mobile-cover-title{font-size:clamp(36px,9vw,47px)}.shamil-mobile-cover-intro{margin:8px 0;font-size:10px}.shamil-v6 .mobile-feature-bottom h2{font-size:clamp(40px,10vw,53px)}.shamil-v6 .shamil-mobile-about .mobile-feature-bottom h2{font-size:clamp(38px,9.4vw,48px)}.shamil-v6 .mobile-feature-bottom p{font-size:10px}.shamil-v6 .mobile-index{gap:8px}.shamil-v6 .mobile-chapter{min-height:67px}.shamil-v6 .mobile-chapter-txt em{font-size:8px}}
/* Crawled, truthful dedicated pages */
.shamil-hub{min-height:100vh;background:#eeeae1;color:#0d1521;font-family:var(--sans)}
.shamil-hub-header{height:72px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px clamp(22px,4.3vw,85px);background:#0c141e;color:#eee7dc}
.shamil-hub-header>span{font-size:10px;letter-spacing:.18em;opacity:.7}.shamil-hub-logo{font-family:var(--serif);font-size:25px;letter-spacing:.18em}.shamil-hub-logo span{color:var(--gold)}.shamil-hub-header nav{display:flex;gap:16px;align-items:center}.shamil-hub-header nav a{font-size:11px;letter-spacing:.12em}
.shamil-hub-contact{border:1px solid #81705a;border-radius:50px;padding:9px 15px}
.shamil-hub-main{max-width:1440px;margin:0 auto;padding:clamp(25px,4vw,65px)}
.shamil-hub-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:end;gap:30px;padding:25px 0 clamp(30px,3vw,50px);border-bottom:1px solid #c8beb1}
.shamil-hub-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.23em;color:#97744e}.shamil-hub-hero h1{font:400 clamp(65px,10vw,148px)/.82 var(--serif);letter-spacing:-.075em;margin:22px 0 0}.shamil-hub-hero h1 em{font-weight:400;color:#aa8354}.shamil-hub-hero>p{max-width:400px;line-height:1.65;font-size:clamp(14px,1.3vw,19px);margin:0 0 12px}
.shamil-hub-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin:38px 0}.shamil-hub-service{background:#faf8f3;display:grid;grid-template-columns:42% 58%;min-height:280px;border:1px solid #d8cabc;transition:transform .25s,box-shadow .25s}.shamil-hub-service:hover{transform:translateY(-3px);box-shadow:0 15px 30px #21212119}
.shamil-hub-service-image{background-position:center;background-size:cover;position:relative;min-height:260px}.shamil-hub-service-image:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,#09131a6f,transparent 55%)}.shamil-hub-service-image span{position:absolute;bottom:16px;left:18px;color:white;z-index:2;font-size:9px;letter-spacing:.18em}.shamil-hub-service-copy{padding:clamp(19px,2.4vw,38px);position:relative;display:flex;flex-direction:column}.shamil-hub-service-copy h2{font:400 clamp(31px,3.4vw,50px)/.95 var(--serif);margin:0 0 16px;letter-spacing:-.05em}.shamil-hub-service-copy small{font-size:10px;line-height:1.6;letter-spacing:.04em;color:#9f7950}.shamil-hub-service-copy p{font-size:13px;line-height:1.6;margin:auto 0 20px;color:#4d4a44}.shamil-hub-arrow{font-size:25px;text-align:right}
.shamil-hub-supplement{border-top:1px solid #c8beb1;padding:25px 0;display:flex;gap:30px;flex-wrap:wrap}.shamil-hub-supplement a{font-size:12px;letter-spacing:.09em}
.shamil-hub-portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin:40px 0}.shamil-real-work{background:#f7f3eb}.shamil-real-work-visual{height:clamp(300px,33vw,510px);background:#132337;display:grid;place-items:center;overflow:hidden}.shamil-real-work-visual img{width:100%;height:100%;object-fit:cover}.shamil-project-monogram{font-family:var(--serif);font-size:70px;color:#d6bb91}.shamil-real-work-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px}.shamil-real-work-title span{font-size:9px;letter-spacing:.14em;color:#9a754c}.shamil-real-work-title h2{font:400 clamp(27px,3vw,44px)/.95 var(--serif);margin:0;flex:1}.shamil-real-work-title b{font-weight:400}.shamil-real-work p{margin:0;padding:0 26px 26px;font-size:13px;color:#4b4540}
.shamil-portfolio-awaiting{display:grid;grid-template-columns:1.2fr 1fr;min-height:480px;margin:35px 0;background:#0a1826;color:#f5ecdf}.shamil-portfolio-awaiting-image{min-height:350px;background:center/cover;position:relative}.shamil-portfolio-awaiting-image:after{content:"";position:absolute;inset:0;background:#10182624}.shamil-portfolio-awaiting-image span{position:absolute;bottom:20px;left:25px;z-index:1;font-size:10px;color:#f0e5db}
.shamil-portfolio-awaiting>div:last-child{align-self:center;padding:clamp(26px,5vw,75px)}.shamil-portfolio-awaiting h2{font:400 clamp(49px,5.5vw,86px)/.91 var(--serif);letter-spacing:-.06em;margin:30px 0}.shamil-portfolio-awaiting p{font-size:16px;line-height:1.65;max-width:460px;color:#e0d8cd}.shamil-portfolio-awaiting a{display:inline-block;border:1px solid #cba87c;padding:12px 18px;margin-top:18px;font-size:11px;letter-spacing:.12em}
.shamil-contact-page-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(20px,4vw,65px);padding:40px 0}.shamil-contact-page-grid>aside{padding-top:15px;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.shamil-contact-page-grid aside h2{font:400 clamp(40px,4.4vw,70px)/.93 var(--serif);letter-spacing:-.05em;margin:0}.shamil-contact-page-grid>aside>a{font:400 clamp(29px,2.9vw,43px)/1.2 var(--serif);border-bottom:1px solid #a58b66}.shamil-contact-page-grid aside p{max-width:350px;line-height:1.7}.shamil-contact-page-grid aside nav{display:flex;flex-direction:column;gap:15px;font-size:11px;letter-spacing:.12em}.shamil-contact-page-grid .shamil-inline-form{box-shadow:none;width:100%;max-height:none;background:#f5f0e8;border:1px solid #d3c6b8;color:#131c27}
.shamil-hub-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:35px clamp(22px,4.3vw,85px);background:#0b131d;color:#eee5d8;font-size:10px;letter-spacing:.1em}.shamil-hub-footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:820px){.shamil-hub-header>span{display:none}.shamil-hub-hero{grid-template-columns:1fr}.shamil-hub-services{grid-template-columns:1fr}.shamil-hub-portfolio-grid{grid-template-columns:1fr}.shamil-contact-page-grid{grid-template-columns:1fr}.shamil-portfolio-awaiting{grid-template-columns:1fr}.shamil-hub-footer{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:520px){.shamil-hub-logo{font-size:20px}.shamil-hub-main{padding:25px 19px}.shamil-hub-hero h1{font-size:clamp(57px,14vw,91px)}.shamil-hub-service{grid-template-columns:40% 60%;min-height:220px}.shamil-hub-service-image{min-height:220px}.shamil-hub-service-copy{padding:16px}.shamil-hub-service-copy h2{font-size:30px}.shamil-hub-service-copy small{font-size:9px}.shamil-hub-service-copy p{font-size:11px}.shamil-hub-contact{padding:7px 10px}}

/* Prevent the chapter menu from flashing on the initial paint. */
.shamil-v6 .toc[aria-hidden="true"]{visibility:hidden;opacity:0;pointer-events:none;transform:translateX(102%)}
@media(max-width:760px){
 .shamil-v6 .mobile-chapter{background:#0d1724;color:#f5efe5}
 .shamil-v6 .mobile-chapter .mobile-chapter-txt strong{color:#faf4eb}
 .shamil-v6 .mobile-chapter .mobile-chapter-txt em{color:#ded4c7}
 .shamil-v6 .mobile-chapter .mobile-chapter-txt small{color:#d5b581}
}

.shamil-real-work-lead{margin:35px 0;max-width:100%}.shamil-real-work-lead img{height:auto;max-width:100%;display:block}.shamil-project-intro{font-family:var(--serif);font-size:clamp(24px,3vw,43px);line-height:1.3}
