/* =========================================================
   WEBIN SPHERE / REVISION 09 — NEW FIRST IMPRESSIONS
   Studio identity: persimmon, cobalt, lilac, butter and ink.
   Northline remains a separate architectural concept.
   ========================================================= */
:root{
 --r9-orange:#e76e4d;--r9-blue:#344e88;--r9-lilac:#c7b9d9;
 --r9-butter:#e6d36d;--r9-paper:#f1ece3;--r9-ink:#22272c;
 --r9-sky:#a9c9d3;--r9-moss:#788b78;
}
body{overflow-x:clip}
.r9-topline{display:flex;align-items:center;gap:13px;margin:0 0 18px;font:9px var(--mono);letter-spacing:.14em;color:var(--r9-blue)}
.r9-topline i{font-style:normal;color:var(--r9-orange);font-size:18px;animation:r9-spin 12s linear infinite}
@keyframes r9-spin{to{transform:rotate(360deg)}}
@keyframes r9-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes r9-rise{from{opacity:0;transform:translateY(38px) scale(.97)}to{opacity:1;transform:none}}
@keyframes r9-sweep{0%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(500%) skewX(-20deg)}}
@keyframes r9-marquee{to{transform:translateX(-50%)}}

/* Studio homepage — deliberately colourful, editorial and image-led */
.studio-home .opening{background:#f0e8dc;min-height:min(900px,calc(100vh - 70px));padding-top:35px;grid-template-columns:38px minmax(0,1.04fr) minmax(340px,.92fr);column-gap:3vw}
.studio-home .opening:before{content:"";position:absolute;z-index:0;right:0;top:0;width:41%;height:100%;background:#c8b9d8;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);opacity:1}
.studio-home .opening-main{z-index:3}
.studio-home .opening h1{font-size:clamp(76px,9.7vw,150px);line-height:.77;max-width:780px;animation:r9-rise .95s cubic-bezier(.18,.8,.2,1) both}
.studio-home .opening h1 em{color:var(--r9-orange)}
.studio-home .opening h1 .hollow{-webkit-text-stroke:1.7px var(--r9-blue)}
.studio-home .hero-kicker{color:var(--r9-blue);border-bottom:1px solid #344e8840;padding-bottom:17px}
.studio-home .hero-bottom{margin-top:32px}
.studio-home .hero-bottom p{font-size:14px;max-width:320px;color:#41484b}
.studio-home .round-link{width:76px;height:76px;border-radius:0;background:var(--r9-blue);color:white;border:0;font:9px var(--mono);text-align:center;line-height:1.5;transform:rotate(4deg)}
.studio-home .round-link:hover{background:var(--r9-orange);transform:rotate(0) translateY(-5px)}
.studio-home .opening-art{height:min(660px,72vh);margin-left:0;z-index:2}
.studio-home .art-photo{clip-path:polygon(0 0,100% 5%,93% 100%,5% 92%);box-shadow:20px 20px 0 var(--r9-blue);transform:rotate(1.8deg)}
.studio-home .art-photo img{filter:saturate(1.15) contrast(1.03)}
.studio-home .art-photo-secondary{width:45%;height:31%;left:-10%;bottom:5%;border:7px solid #f0e8dc;box-shadow:10px 10px 0 var(--r9-orange);transform:rotate(-6deg)}
.studio-home .art-label{left:-42px;bottom:32%;background:var(--r9-orange);color:#201f22;box-shadow:8px 8px 0 var(--r9-butter);transform:rotate(-5deg)}
.studio-home .art-stamp{background:var(--r9-butter);color:var(--r9-ink);box-shadow:0 0 0 6px #f0e8dc}
.studio-home .art-caption{right:-2%;bottom:7%;background:var(--r9-blue);color:#fff;transform:rotate(2deg);box-shadow:8px 8px 0 var(--r9-orange)}
.r9-orbit-card{position:absolute;z-index:5;right:-7%;top:13%;width:31%;height:23%;padding:7px;background:#fff;box-shadow:11px 12px 0 var(--r9-orange);transform:rotate(7deg);animation:r9-float 7s ease-in-out infinite}
.r9-orbit-card img{width:100%;height:70%;object-fit:cover}
.r9-orbit-card span{display:block;padding:6px 3px 0;font:9px/1.2 var(--mono);letter-spacing:.07em;color:var(--r9-blue)}
.r9-hero-index{position:absolute;left:1%;top:3%;z-index:5;background:var(--r9-butter);padding:12px 14px;font:9px/1.5 var(--mono);letter-spacing:.08em;transform:rotate(-4deg);box-shadow:5px 6px 0 var(--r9-ink)}
.r9-hero-index b{float:right;font-size:20px;margin-left:15px}
.studio-home .opening-foot{position:relative;z-index:4;border-color:#344e8840;color:var(--r9-blue)}
.studio-home .ticker{background:var(--r9-blue);color:#fff;padding:18px 0}
.studio-home .ticker div{animation:r9-marquee 24s linear infinite;white-space:nowrap;min-width:max-content}
.studio-home .manifesto{background:#e3d6c7}
.studio-home .manifesto-content h2{font-size:clamp(55px,8.8vw,132px);max-width:1000px}
.studio-home .manifesto-content h2 span{color:var(--r9-orange)}
.studio-home .manifesto-visual{width:min(42vw,500px);height:310px;box-shadow:18px 18px 0 var(--r9-blue);transform:rotate(-2deg)}
.studio-home .manifesto-visual span{background:var(--r9-butter)}
.studio-home .work-section{background:#d7c9df}
.studio-home .project-image{box-shadow:12px 13px 0 var(--r9-blue)}
.studio-home .project-forme .project-image{box-shadow:12px 13px 0 var(--r9-orange)}
.studio-home .project-north .project-image{box-shadow:12px 13px 0 var(--r9-moss)}
.studio-home .services-section{background:#d4d8d2}
.studio-home .service-tile{border-radius:0;min-height:330px}
.studio-home .service-tile:hover{transform:translateY(-12px) rotate(-1deg)}
.studio-home .studio-ribbon{background:var(--r9-orange)!important;color:var(--r9-ink)}
.studio-home .approach{background:#b8cbd0}
.studio-home .closing{background:var(--r9-blue)!important}
.studio-home .closing h2 em{color:var(--r9-butter)!important}

/* Main navigation: stronger visual menu and active hover treatment */
.site-header,.sitehead,.main-nav,.mainnav{position:relative;z-index:20}
.mainnav a,.main-nav a,.sitehead nav a{position:relative;transition:color .25s,transform .25s}
.mainnav a:before,.main-nav a:before,.sitehead nav a:before{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:3px;background:var(--r9-orange);transition:right .3s}
.mainnav a:hover:before,.main-nav a:hover:before,.sitehead nav a:hover:before{right:0}
.mainnav a:hover,.main-nav a:hover,.sitehead nav a:hover{color:var(--r9-orange);transform:translateY(-2px)}
.head-cta,.nav-cta,.sitehead .cta{background:var(--r9-blue);color:#fff;transition:transform .3s,box-shadow .3s}
.head-cta:hover,.nav-cta:hover,.sitehead .cta:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:6px 6px 0 var(--r9-orange)}

/* Services page — new creative-studio art direction, not a construction look */
.services-page .services-hero{background:#e7d9d0;grid-template-columns:1fr 1fr;min-height:740px}
.services-page .services-hero-copy h1{font-size:clamp(66px,8.2vw,124px);line-height:.8;letter-spacing:-.09em}
.services-page .services-hero-copy h1 em{color:var(--r9-orange)}
.services-page .services-hero-visual{min-height:590px}
.services-page .services-hero-photo{height:86%;width:88%;margin-left:auto;box-shadow:22px 23px 0 var(--r9-blue);transform:rotate(2deg)}
.services-page .services-float-photo{width:46%;height:36%;left:0;bottom:3%;border:8px solid #e7d9d0;box-shadow:11px 12px 0 var(--r9-orange);transform:rotate(-6deg)}
.services-page .services-stamp{background:var(--r9-butter);color:var(--r9-ink);box-shadow:8px 8px 0 var(--r9-orange);right:-1%;top:8%;animation:r9-float 7s ease-in-out infinite}
.services-page .services-marquee{background:var(--r9-blue);color:#fff}
.r9-services-chip{position:absolute;right:1%;bottom:4%;z-index:5;background:var(--r9-orange);padding:13px 15px;display:flex;gap:20px;align-items:center;box-shadow:8px 8px 0 var(--r9-ink);font:9px/1.4 var(--mono);transform:rotate(3deg)}
.r9-services-chip b{font-size:18px}.r9-services-chip i{font-style:normal;font-size:23px}
.services-page .services-intro-image{box-shadow:18px 18px 0 var(--r9-orange)}
.services-page .services-offer{background:#252d3a}
.services-page .services-feature{background:#c9b9d9}
.services-page .services-feature-image{box-shadow:18px 18px 0 var(--r9-blue)}
.services-page .services-bottom{background:#e1c96e}
.services-page .services-bottom-image{box-shadow:15px 15px 0 var(--r9-orange)}

/* Image-led supporting page mastheads: each gets its own collage */
.pagehero:has(.r9-page-art){display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);align-items:center;gap:5vw;min-height:650px;padding-top:70px;padding-bottom:70px;position:relative;overflow:hidden;background:#e9e0d7}
.pagehero:has(.r9-page-art):before{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:#c7b9d9;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);z-index:0}
.pagehero:has(.r9-page-art)>:not(.r9-page-art){position:relative;z-index:2}
.pagehero:has(.r9-page-art) h1{font-size:clamp(58px,7.5vw,105px);line-height:.86;letter-spacing:-.085em;max-width:720px}
.pagehero:has(.r9-page-art) h1 em{color:var(--r9-orange)}
.pagehero:has(.r9-page-art) .lead{max-width:450px;font-size:15px;line-height:1.8}
.r9-page-art{height:470px;position:relative;z-index:2;align-self:center}
.r9-page-art-main{position:absolute;inset:4% 4% 8% 12%;overflow:hidden;box-shadow:18px 18px 0 var(--r9-blue);transform:rotate(2deg)}
.r9-page-art-main img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.r9-page-art-main:hover img{transform:scale(1.08)}
.r9-page-art-main span{position:absolute;left:0;bottom:0;background:var(--r9-ink);color:#fff;padding:13px 16px;font:9px var(--mono);letter-spacing:.12em}
.r9-page-art-detail{position:absolute;left:0;bottom:0;width:35%;height:33%;padding:7px;background:#fff;box-shadow:10px 10px 0 var(--r9-orange);transform:rotate(-6deg);animation:r9-float 8s ease-in-out infinite}
.r9-page-art-detail img{width:100%;height:72%;object-fit:cover}
.r9-page-art-detail b{display:block;font:900 11px/.95 var(--sans);letter-spacing:-.04em;color:var(--r9-blue);padding-top:5px}
.r9-page-art-sticker{position:absolute;right:0;top:0;background:var(--r9-butter);color:var(--r9-ink);padding:16px 20px;font:900 17px/.9 var(--sans);letter-spacing:-.05em;transform:rotate(5deg);box-shadow:7px 8px 0 var(--r9-orange)}
.r9-page-art-sticker em{color:var(--r9-blue);font-family:var(--serif)}
/* Guide page gets a slightly more editorial treatment */
body:has(.article) .pagehero:has(.r9-page-art){background:#d4dce0}
body:has(.article) .pagehero:has(.r9-page-art):before{background:#e6d36d}

/* FORME: athletic culture campaign, no acid green and no Northline palette */
body.forme-demo{--blue:#354d87;--lime:#e96f4f;--paper:#f3eee6;--ink:#20252c;--line:#c5b8aa;background:#f3eee6}
body.forme-demo .concept{background:#20252c;color:#f3eee6}
body.forme-demo .concept a{color:#e6d36d}
body.forme-demo .nav{background:#f3eee6;border-color:#b6a99b}
body.forme-demo .logo{font-size:32px;letter-spacing:-.12em}
body.forme-demo .logo span{color:#e96f4f}
body.forme-demo .join{background:#e96f4f;color:#20252c;font-weight:700;box-shadow:5px 5px 0 #e6d36d}
body.forme-demo .hero{padding:38px 5% 68px;background:#e96f4f;color:#20252c;min-height:800px;isolation:isolate}
body.forme-demo .hero:before{content:"";position:absolute;z-index:-1;inset:11% 0 0 42%;background:#c7b9d9;clip-path:polygon(12% 0,100% 0,100% 100%,0 91%)}
body.forme-demo .hero:after{content:"F/01";right:-1vw;bottom:-5vw;font:900 25vw/.8 var(--sans);color:#20252c12}
body.forme-demo .hero-top{color:#20252c}
body.forme-demo .r9-forme-kicker{display:flex;align-items:center;gap:16px;margin:30px 0 -32px;font:10px var(--mono);letter-spacing:.14em;position:relative;z-index:2}
body.forme-demo .r9-forme-kicker b{background:#e6d36d;padding:10px 13px;transform:rotate(-3deg)}
body.forme-demo .r9-forme-kicker span{color:#354d87}
body.forme-demo .r9-forme-kicker i{font-style:normal;font-size:28px;color:#354d87;animation:r9-spin 9s linear infinite}
body.forme-demo .hero h1{font-size:clamp(100px,17vw,235px);line-height:.68;letter-spacing:-.12em;margin:85px 0 50px;color:#20252c}
body.forme-demo .hero h1 span{color:#354d87!important;-webkit-text-stroke:0!important;transform:skew(-9deg) rotate(-2deg);text-shadow:8px 8px 0 #e6d36d}
body.forme-demo .hero-bottom{align-items:center;gap:4vw}
body.forme-demo .hero-bottom>div:first-child{max-width:330px}
body.forme-demo .hero-bottom p{font-size:15px;line-height:1.65;color:#20252c;font-weight:600}
body.forme-demo .hero-button{background:#354d87;color:#fff;box-shadow:7px 7px 0 #e6d36d;padding:18px 23px;transition:transform .3s,box-shadow .3s}
body.forme-demo .hero-button:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 #e6d36d}
body.forme-demo .hero-photo{width:43%;height:440px;transform:rotate(3deg);border:10px solid #f3eee6;box-shadow:17px 18px 0 #354d87;position:relative;overflow:visible}
body.forme-demo .hero-photo img{height:100%;object-fit:cover;transform:scale(1.06)}
body.forme-demo .r9-forme-photo-tag{position:absolute;right:-34px;top:22px;background:#e6d36d;color:#20252c;padding:13px 15px;font:900 13px/.9 var(--sans);transform:rotate(7deg);box-shadow:5px 5px 0 #20252c}
body.forme-demo .r9-forme-collage{position:absolute;right:5%;bottom:1%;z-index:4;display:flex;gap:10px;transform:rotate(-2deg)}
body.forme-demo .r9-forme-collage figure{width:115px;height:130px;margin:0;background:#f3eee6;padding:6px;box-shadow:6px 7px 0 #354d87;transition:transform .4s}
body.forme-demo .r9-forme-collage figure:nth-child(2){transform:translateY(-22px) rotate(4deg);box-shadow:6px 7px 0 #e6d36d}
body.forme-demo .r9-forme-collage figure:nth-child(3){transform:translateY(7px) rotate(-4deg);box-shadow:6px 7px 0 #20252c}
body.forme-demo .r9-forme-collage figure:hover{transform:translateY(-18px) rotate(0) scale(1.08);z-index:3}
body.forme-demo .r9-forme-collage img{width:100%;height:88px;object-fit:cover}
body.forme-demo .r9-forme-collage figcaption{font:7px var(--mono);padding-top:6px}
body.forme-demo .marquee{background:#354d87;color:#f3eee6}
body.forme-demo .manifesto{background:#c7b9d9}
body.forme-demo .manifesto h2 em{color:#e96f4f;text-decoration-color:#e6d36d}
body.forme-demo .classes{background:#f3eee6}
body.forme-demo .class-row{border-color:#354d87}
body.forme-demo .class-row:hover{background:#e6d36d}
body.forme-demo .manifesto-band{background:#20252c;color:#f3eee6}
body.forme-demo .manifesto-band h2{color:#e96f4f}
body.forme-demo .schedule{background:#e6d36d}
body.forme-demo .slot{background:#f3eee6;box-shadow:8px 8px 0 #354d87}
body.forme-demo footer{background:#354d87;color:#f3eee6}
body.forme-demo .join:hover{background:#e6d36d}

/* Sunday Table: richer trattoria, food photography first, warm but not flat */
body:has(.r9-sunday-card){--cream:#f1e5d2;--rust:#a43d2b;--ink:#2b241f}
body:has(.r9-sunday-card) .hero{grid-template-columns:.76fr 1.24fr;gap:4vw;padding:42px 5% 75px;background:#f1e5d2;min-height:730px}
body:has(.r9-sunday-card) .hero-copy{position:relative;z-index:3;padding:15px 0}
body:has(.r9-sunday-card) .hero-copy h1{font-size:clamp(72px,9.4vw,138px);line-height:.79;letter-spacing:-.09em;margin:30px 0}
body:has(.r9-sunday-card) .hero-copy h1 em{color:#a43d2b}
body:has(.r9-sunday-card) .hero-copy p{font-size:14px;max-width:370px;color:#65574a}
body:has(.r9-sunday-card) .hero-photo{height:650px;box-shadow:22px 23px 0 #d8b66c;transform:rotate(1.4deg);overflow:visible}
body:has(.r9-sunday-card) .hero-photo>img{height:100%;width:100%;object-fit:cover;filter:saturate(1.08)}
body:has(.r9-sunday-card) .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1d171000 45%,#1d171b66);pointer-events:none}
body:has(.r9-sunday-card) .photo-note{z-index:3;background:#f1e5d2;color:#2b241f;left:-20px;bottom:25px;box-shadow:6px 6px 0 #a43d2b}
.r9-sunday-kicker{display:flex;align-items:center;gap:12px;font:9px var(--sans);letter-spacing:.15em;color:#a43d2b}
.r9-sunday-kicker i{font-style:normal;font-size:18px;animation:r9-spin 12s linear infinite}
.r9-sunday-card{position:absolute;z-index:4;left:-7%;top:12%;width:31%;height:30%;padding:7px;background:#fff8ec;box-shadow:11px 12px 0 #a43d2b;transform:rotate(-6deg);animation:r9-float 7s ease-in-out infinite}
.r9-sunday-card img{width:100%;height:76%;object-fit:cover}
.r9-sunday-card span{display:block;padding:5px 3px;font:8px var(--sans);letter-spacing:.1em;color:#a43d2b}
.r9-sunday-index{position:absolute;right:2%;top:2%;z-index:3;background:#d8b66c;color:#2b241f;padding:12px 15px;font:8px/1.6 var(--mono);letter-spacing:.1em;transform:rotate(3deg)}
body:has(.r9-sunday-card) .marquee{background:#a43d2b}
body:has(.r9-sunday-card) .story{background:#c7b9d9}
body:has(.r9-sunday-card) .menu{background:#e6d7c0}
body:has(.r9-sunday-card) .table-film{position:relative}
body:has(.r9-sunday-card) .visit{background:#d8b66c}
body:has(.r9-sunday-card) .visit-visual{box-shadow:16px 16px 0 #a43d2b}

/* Motion and transitions are now real across every page, not just CSS hover polish */
.r9-motion-ready main section,.r9-motion-ready .pagehero,.r9-motion-ready .services-hero{will-change:transform}
.r9-reveal{opacity:0;transform:translateY(42px) scale(.985);filter:blur(2px);transition:opacity .85s ease,transform .95s cubic-bezier(.18,.78,.22,1),filter .8s}
.r9-reveal.r9-visible{opacity:1;transform:none;filter:none}
.r9-image-shift{transition:transform .9s cubic-bezier(.2,.75,.2,1);will-change:transform}
.r9-photo-sheen{position:relative;overflow:hidden}
.r9-photo-sheen:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:35%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-18deg);pointer-events:none}
.r9-photo-sheen:hover:after{animation:r9-sweep .9s ease}
.r9-page-art-main:hover,.r9-page-art-detail:hover{z-index:5}
@media(max-width:900px){
 .studio-home .opening{grid-template-columns:25px 1fr;min-height:auto}
 .studio-home .opening-art{grid-column:2;height:480px;margin:40px 5% 20px 0}
 .studio-home .opening:before{width:65%;height:52%;top:48%}
 .studio-home .opening-foot{grid-column:2}
 .r9-orbit-card{right:-2%;width:35%}
 .pagehero:has(.r9-page-art){grid-template-columns:1fr;gap:30px}
 .r9-page-art{width:min(100%,600px);height:390px}
 .services-page .services-hero{grid-template-columns:1fr}
 body.forme-demo .hero-photo{width:52%;height:350px}
 body.forme-demo .r9-forme-collage{right:4%;bottom:0}
 body:has(.r9-sunday-card) .hero{grid-template-columns:1fr}
 body:has(.r9-sunday-card) .hero-photo{height:500px;margin:20px 4% 25px}
}
@media(max-width:600px){
 .studio-home .opening h1{font-size:clamp(65px,17vw,100px)}
 .studio-home .opening-art{height:380px}
 .r9-orbit-card{height:27%;width:40%}
 .r9-hero-index{font-size:7px}
 .r9-page-art{height:300px}
 .pagehero:has(.r9-page-art){padding-top:50px;padding-bottom:50px}
 body.forme-demo .hero{min-height:auto;padding-bottom:180px}
 body.forme-demo .hero h1{font-size:clamp(92px,22vw,145px);margin:65px 0 35px}
 body.forme-demo .hero-bottom{display:block}
 body.forme-demo .hero-photo{width:82%;height:300px;margin:35px auto 0}
 body.forme-demo .r9-forme-collage{right:4%;bottom:-1%;gap:4px}
 body.forme-demo .r9-forme-collage figure{width:84px;height:100px}
 body.forme-demo .r9-forme-collage img{height:65px}
 body:has(.r9-sunday-card) .hero{padding:30px 6% 45px}
 body:has(.r9-sunday-card) .hero-copy h1{font-size:clamp(66px,17vw,95px)}
 body:has(.r9-sunday-card) .hero-photo{height:380px;margin:12px 2% 25px}
 .r9-sunday-card{width:38%;height:28%;left:-4%}
 .r9-sunday-index{font-size:6px;right:-2%}
}
@media(prefers-reduced-motion:reduce){
 .r9-reveal{opacity:1;transform:none;filter:none;transition:none}
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

.opening-art,.services-hero-visual,.r9-page-art,.hero-photo{translate:0 var(--r9-scroll,0);transition:translate .18s linear}

.r9-page-copy{position:relative;z-index:2}
.pagehero:has(.r9-page-art) .r9-page-copy{grid-column:1;grid-row:1}
.pagehero:has(.r9-page-art) .r9-page-art{grid-column:2;grid-row:1}
@media(max-width:900px){
 .pagehero:has(.r9-page-art) .r9-page-copy,.pagehero:has(.r9-page-art) .r9-page-art{grid-column:1;grid-row:auto}
}

/* Shared mega menu and generated card art */
.nav-panel{width:min(540px,90vw)!important;padding:18px!important;background:#f1ece3!important;border:1px solid #22272c22!important;box-shadow:15px 18px 0 #344e8833!important}
.nav-panel-kicker{color:#e76e4d!important;font:9px var(--mono)!important;letter-spacing:.15em}
.nav-panel>a{display:grid!important;grid-template-columns:76px 28px 1fr 18px!important;align-items:center!important;gap:12px!important;padding:10px 0!important;border-bottom:1px solid #22272c20!important}
.nav-panel>a img{width:76px;height:58px;object-fit:cover;transition:transform .55s,filter .4s;filter:saturate(.85)}
.nav-panel>a:hover img{transform:scale(1.08) rotate(-2deg);filter:saturate(1.2)}
.nav-panel>a b{color:#e76e4d!important}
.nav-panel>a span{font-size:13px!important}
.nav-panel>a small{font-size:10px!important;opacity:.7}
.nav-panel-foot{background:#344e88;color:#fff;padding:11px;margin-top:12px;font:8px var(--mono);letter-spacing:.1em}
.service-item,.industry-item{position:relative;isolation:isolate;overflow:hidden;min-height:360px!important;padding:22px!important;background:#22272c!important;color:#fff!important}
.service-item .tile-image,.industry-item .tile-image{position:absolute;z-index:-2;inset:0}
.service-item .tile-image:after,.industry-item .tile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#171c2340 0%,#171c2366 40%,#171c23eb 100%)}
.service-item .tile-image img,.industry-item .tile-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter .7s;filter:saturate(.9)}
.service-item:hover .tile-image img,.industry-item:hover .tile-image img{transform:scale(1.09);filter:saturate(1.2)}
.service-item .num,.industry-item .num{color:#f1ece3!important}
.service-item .tile-body,.industry-item .tile-body{align-self:end;position:relative;z-index:2}
.service-item .tile-body h3,.industry-item .tile-body h3{font-size:clamp(25px,2.6vw,38px)!important;color:#fff!important}
.service-item .tile-body p,.industry-item .tile-body p{color:#f1ece3!important}
.service-item .pill{background:#e76e4d!important;color:#20252c!important;border:0!important}
.service-item .tile-mark,.industry-item .tile-mark{color:#e6d36d!important}
.package{overflow:hidden!important;position:relative}
.package-image{height:170px;margin:-28px -28px 24px;overflow:hidden}
.package-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.package:hover .package-image img{transform:scale(1.08)}
.package-index{z-index:2}
@media(max-width:700px){
 .nav-panel>a{grid-template-columns:58px 22px 1fr 16px!important;gap:8px!important}
 .nav-panel>a img{width:58px;height:48px}
 .service-item,.industry-item{min-height:300px!important}
}