/* REVISION 06 — art-directed opening, image-led navigation and service pages */
.opening{min-height:780px;grid-template-columns:30px minmax(0,1fr) minmax(380px,.92fr);padding-top:34px;background:#d9d5ca;isolation:isolate}
.opening:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:58%;height:100%;background:linear-gradient(135deg,#e4dfd3 0%,#d7d3c8 70%,#c8c6bc 100%)}
.opening-main{padding-top:42px;max-width:780px}
.hero-kicker{padding-bottom:34px;color:#6d675e}
.opening h1{font-size:clamp(78px,10.5vw,166px);line-height:.75;letter-spacing:-.105em;max-width:820px}
.opening h1 em{color:#7a3d4d;text-shadow:3px 4px 0 #c8a98e}
.opening h1 .hollow{-webkit-text-stroke:1px #393d39;color:transparent}
.hero-bottom{margin-top:54px;max-width:590px;gap:35px;align-items:center}
.hero-bottom p{font-size:13px;max-width:330px;line-height:1.8}
.round-link{border-radius:0;width:88px;height:88px;background:#d4a16f;color:#242923;border:0;box-shadow:7px 7px 0 #6d3d48;font:10px var(--mono);text-align:center;line-height:1.4;transform:rotate(-5deg)}
.round-link span{font-size:20px}.round-link:hover{border-radius:0;transform:rotate(4deg) translateY(-5px);background:#6d3d48;color:#f5eadb}
.opening-art{height:min(680px,76vh);margin-left:0;transform:rotate(1.5deg);overflow:visible}
.art-photo{clip-path:none;border:12px solid #ede7db;box-shadow:18px 22px 0 #7b4650,0 30px 70px #29271f30}
.art-photo img{filter:saturate(.88) contrast(1.08);transform:scale(1.13)}
.art-photo-secondary{width:48%;height:32%;right:-10%;bottom:8%;border:8px solid #d9d5ca;transform:rotate(-7deg)}
.art-label{left:-50px;bottom:70px;transform:rotate(-5deg);background:#d5a16e;color:#242923;box-shadow:9px 9px 0 #293a3a}
.art-caption{right:-18px;top:18px;bottom:auto;background:#6d3d48;color:#f5eadb;padding:14px 18px;font:10px/1.5 var(--mono);letter-spacing:.08em;transform:rotate(4deg)}
.opening-foot{padding-top:12px}
/* navigation drop-down gets the feel of a compact visual directory */
.mega{width:min(1080px,94vw);padding:18px;background:#262c29;color:#f2eadf;grid-template-columns:.85fr repeat(3,1fr);gap:12px;border-top:4px solid #d68e68}
.mega-intro strong{font-size:34px}.mega-intro strong em{color:#e3a87e}.mega-intro small,.mega-item span{color:#c9bdb0}
.mega-item{position:relative;overflow:hidden;min-height:220px;justify-content:flex-end;padding:12px;background:#353d38}
.mega-item img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;opacity:.57;filter:saturate(.85);z-index:0}
.mega-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#161c1a);z-index:0}
.mega-item span,.mega-item b{position:relative;z-index:1}.mega-item b{font-size:15px}.mega-item:hover img{transform:scale(1.09);opacity:.82}
/* image-led service cards on service page */
.service-item,.industry-item{position:relative;overflow:hidden;min-height:360px!important;isolation:isolate;padding:0!important;background:#303a35!important;color:#f3eee5!important;border:0!important}
.service-item:before,.industry-item:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.8);transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.service-item:after,.industry-item:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10171312 5%,#10171322 40%,#101713e8 100%)}
.service-item:nth-child(1):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.service-item:nth-child(2):before{background-image:url('https://i.etsystatic.com/55701633/r/il/59bcfa/6424400554/il_794xN.6424400554_krul.jpg')}
.service-item:nth-child(3):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.service-item:nth-child(4):before{background-image:url('https://v3b.fal.media/files/b/0a8a32bd/F5-2EFvPB8HV5yRagSqYb.jpg')}
.industry-item:nth-child(1):before{background-image:url('https://images.squarespace-cdn.com/content/v1/6732c090fa58c64027e95cfa/2b555a2a-4b3c-4744-a68f-d0f267d91cdc/Blank_Build_Mensa_122024_Jack_Fenby_DSC_0175.jpg')}
.industry-item:nth-child(2):before{background-image:url('https://cdn.sculptform.com.au/app/uploads/2020/03/27074859/IHouse-Masthead01.jpg')}
.industry-item:nth-child(3):before{background-image:url('https://maxfitsa.co.za/images/portfolio/elcor-2.webp')}
.industry-item:nth-child(4):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.industry-item:nth-child(5):before{background-image:url('https://i.etsystatic.com/55701633/r/il/59bcfa/6424400554/il_794xN.6424400554_krul.jpg')}
.industry-item:nth-child(6):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.service-item:hover:before,.industry-item:hover:before{transform:scale(1.1);filter:saturate(1.15)}
.service-item .num,.industry-item .num{position:absolute;top:22px;left:24px;color:#f2e7d9!important;font:10px var(--mono);letter-spacing:.1em}
.service-item .tile-body,.industry-item .tile-body{position:absolute;left:24px;right:24px;bottom:24px;z-index:1}
.service-item h3,.industry-item h3{font:700 clamp(28px,3vw,44px)/.95 var(--sans)!important;letter-spacing:-.06em!important;margin:0 0 12px!important;color:#fff!important}
.service-item p,.industry-item p{max-width:330px;color:#e5ded4!important;font-size:13px!important;line-height:1.65}
.service-item .pill{border:1px solid #ffffff80!important;color:#fff!important;background:#ffffff16!important}
.service-item .tile-mark,.industry-item .tile-mark{position:absolute;right:24px;top:18px;color:#fff!important;font-size:25px!important;transition:transform .35s}
.service-item:hover .tile-mark,.industry-item:hover .tile-mark{transform:translate(5px,-5px)}
/* all internal pages: editorial visual hero and image hover */
.pagehero{position:relative;overflow:hidden;min-height:430px!important;padding-top:100px!important;padding-bottom:90px!important;background:#d8d1c4!important}
.pagehero:after{content:"";position:absolute;right:5%;top:12%;width:34%;height:78%;background:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg') center/cover;box-shadow:15px 15px 0 #744958;transform:rotate(3deg);transition:transform .8s}
.pagehero:hover:after{transform:rotate(0) scale(1.025)}
.pagehero h1{position:relative;z-index:1;max-width:720px;font-size:clamp(58px,8vw,110px)!important;line-height:.88!important;letter-spacing:-.08em!important}
.pagehero .lead{position:relative;z-index:1;max-width:460px!important}
@media(max-width:760px){.opening{display:flex;min-height:0;padding:30px 6% 20px;flex-direction:column}.opening-side{display:none}.opening-main{padding-top:25px}.opening h1{font-size:clamp(66px,17vw,112px)}.opening-art{height:430px;width:88%;margin:45px auto 30px}.opening-foot{width:100%;font-size:7px;gap:8px}.hero-bottom{margin-top:30px}.art-label{left:-20px}.art-caption{right:-18px}.mega{display:none}.pagehero{min-height:0!important;padding:75px 6%!important}.pagehero:after{position:relative;display:block;right:auto;top:auto;width:88%;height:210px;margin:35px 0 0 auto}.service-item,.industry-item{min-height:310px!important}}
@media(prefers-reduced-motion:reduce){.opening-art,.art-photo img,.art-photo-secondary,.service-item:before,.industry-item:before{transition:none!important}}

.opening-art .art-photo img,.project-image img,.ribbon-photo img,.approach-image img{translate:var(--px,0) var(--py,0);will-change:translate}
.service-item:before,.industry-item:before{translate:var(--px,0) var(--py,0)}