/* REVISION 22 — distinct identities for industries and pricing, plus responsive finish */

/* WHO WE HELP: full-bleed photographic index. Bright type sits on a deliberate dark image gradient. */
.ws-industries-page{background:#f3eee4!important;color:#27362c!important}
.ws-industries-page .pagehero{background:#c6d3b8!important;color:#26372d!important;min-height:620px!important;grid-template-columns:1.05fr .95fr!important;position:relative!important}
.ws-industries-page .pagehero:after{content:"YOUR PEOPLE\A YOUR WORLD";white-space:pre!important;color:#b5c5a6!important;right:-.02em!important;bottom:-.23em!important;font:900 clamp(90px,15vw,205px)/.8 Arial,sans-serif!important;letter-spacing:-.1em!important}
.ws-industries-page .pagehero h1{color:#24372c!important;font:800 clamp(60px,7vw,100px)/.86 Arial,sans-serif!important;letter-spacing:-.09em!important}
.ws-industries-page .pagehero h1 em{color:#a95139!important;font:italic 500 .9em Georgia,serif!important}
.ws-industries-page .pagehero .lead{color:#435244!important}
.ws-industries-page .r10-page-image.ws-industry-mosaic{border-radius:3px 3px 90px 3px!important;box-shadow:18px 18px 0 #a95139!important;transform:rotate(1deg)!important}
.ws-industries-page .ws-industry-mosaic>div{transform:none!important;padding:10px!important;gap:10px!important}
.ws-industries-page .ws-industry-mosaic img{border:0!important;filter:saturate(.9)!important}
.ws-industries-page .section.wrap{max-width:1440px!important;padding:100px 5.5%!important;background:#f3eee4!important}
.ws-industries-page [data-industries]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
.ws-industries-page [data-industries] .industry-item{height:clamp(360px,36vw,500px)!important;min-height:360px!important;position:relative!important;display:block!important;overflow:hidden!important;background:#26352d!important;border:0!important;border-radius:3px!important;box-shadow:0 16px 38px #26352d18!important;isolation:isolate!important;transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s!important}
.ws-industries-page [data-industries] .industry-item:nth-child(2n){transform:translateY(42px)!important}
.ws-industries-page [data-industries] .industry-item:hover{transform:translateY(-7px) rotate(-.35deg)!important;box-shadow:0 28px 54px #26352d2b!important}
.ws-industries-page [data-industries] .industry-item:nth-child(2n):hover{transform:translateY(34px) rotate(.35deg)!important}
.ws-industries-page [data-industries] .industry-item .tile-image{position:absolute!important;inset:0!important;z-index:0!important;height:100%!important;min-height:100%!important;overflow:hidden!important}
.ws-industries-page [data-industries] .industry-item .tile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17231c12 5%,#17231c24 38%,#17231ce8 100%)!important;z-index:1!important}
.ws-industries-page [data-industries] .industry-item .tile-image img{width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;filter:saturate(.88) brightness(.9)!important;transition:transform 1s cubic-bezier(.2,.75,.2,1),filter .7s!important}
.ws-industries-page [data-industries] .industry-item:hover .tile-image img{transform:scale(1.075)!important;filter:saturate(1.08) brightness(.98)!important}
.ws-industries-page [data-industries] .industry-item .num{position:absolute!important;top:22px!important;left:22px!important;z-index:3!important;padding:10px 13px!important;background:#f5f0e5!important;color:#293a30!important;font:10px 'DM Mono',monospace!important;letter-spacing:.12em!important}
.ws-industries-page [data-industries] .industry-item .tile-body{position:absolute!important;z-index:3!important;left:clamp(22px,3vw,42px)!important;right:clamp(22px,3vw,42px)!important;bottom:36px!important;top:auto!important;padding:0!important;color:#fff9ef!important}
.ws-industries-page [data-industries] .industry-item .tile-body h3{font:700 clamp(32px,4vw,52px)/.96 Arial,sans-serif!important;letter-spacing:-.065em!important;color:#fff9ef!important;text-shadow:0 3px 20px #07110bc9!important;margin:0 0 12px!important;max-width:520px!important}
.ws-industries-page [data-industries] .industry-item .tile-body p{font:500 14px/1.7 Arial,sans-serif!important;color:#fff9ef!important;opacity:1!important;text-shadow:0 2px 12px #07110bd9!important;max-width:510px!important;margin:0!important}
.ws-industries-page [data-industries] .industry-item .tile-mark{position:absolute!important;z-index:4!important;right:24px!important;top:21px!important;bottom:auto!important;color:#d9ed91!important;font:28px Arial,sans-serif!important;text-shadow:0 2px 12px #07110b!important}
.ws-industries-page .note{background:#e2e9d9!important;color:#354435!important;padding:22px 25px!important;border-left:4px solid #b65c42!important;line-height:1.7!important}
.ws-industries-page .ws-page-work-strip{margin-top:36px!important}

/* PRICING: a distinct lilac editorial "investment guide", not another image-led hero. */
.ws-pricing-page{background:#f4f0e8!important;color:#292b32!important}
.ws-pricing-page .pagehero{display:block!important;min-height:680px!important;padding:112px 7% 76px!important;background:#e9e0ee!important;color:#292b32!important;position:relative!important;overflow:hidden!important}
.ws-pricing-page .pagehero:before{content:"THE WEBIN SPHERE PRICE GUIDE  /  2026";position:absolute;left:7%;top:34px;color:#75677d!important;font:9px 'DM Mono',monospace!important;letter-spacing:.16em!important}
.ws-pricing-page .pagehero:after{content:"INVEST\A IN GOOD";white-space:pre!important;position:absolute;right:-.02em;bottom:-.2em;color:#ddd0e5!important;font:900 clamp(100px,16vw,220px)/.78 Arial,sans-serif!important;letter-spacing:-.11em!important;pointer-events:none!important}
.ws-pricing-page .r9-page-copy{position:relative!important;z-index:2!important;max-width:760px!important}
.ws-pricing-page .pagehero .eyebrow{color:#986047!important;font:10px 'DM Mono',monospace!important;letter-spacing:.15em!important}
.ws-pricing-page .pagehero h1{font:800 clamp(62px,8vw,112px)/.84 Arial,sans-serif!important;letter-spacing:-.095em!important;color:#2e2934!important;margin:26px 0!important}
.ws-pricing-page .pagehero h1 em{font:italic 500 .9em Georgia,serif!important;color:#98607b!important}
.ws-pricing-page .pagehero .lead{max-width:420px!important;color:#55505b!important;font:15px/1.85 Arial,sans-serif!important}
.ws-pricing-page .r10-page-image.ws-page-visual-pricing{position:relative!important;z-index:2!important;width:min(58%,690px)!important;min-height:330px!important;margin:-105px 2% 0 auto!important;padding:24px!important;background:#3d3444!important;border:0!important;border-radius:3px!important;box-shadow:18px 18px 0 #c8b7d2!important;transform:rotate(1.5deg)!important;display:flex!important;align-items:center!important}
.ws-pricing-page .ws-price-preview{width:100%!important;padding:30px!important;background:#f7f2e9!important;border:1px solid #d7cadb!important;box-shadow:none!important;transform:none!important}
.ws-pricing-page .ws-price-preview>span{display:block!important;color:#92617b!important;font:9px 'DM Mono',monospace!important;letter-spacing:.14em!important;margin-bottom:16px!important}
.ws-pricing-page .ws-price-preview>div{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:15px 0!important;border-bottom:1px solid #d9d0dc!important;color:#34303a!important}
.ws-pricing-page .ws-price-preview>div b{font:700 12px 'DM Mono',monospace!important;letter-spacing:.1em!important}
.ws-pricing-page .ws-price-preview>div strong{font:700 28px Georgia,serif!important;color:#9b5c79!important}
.ws-pricing-page .section.wrap{max-width:1280px!important;padding-top:90px!important;padding-bottom:100px!important}
.ws-pricing-page [data-packages]{display:flex!important;flex-direction:column!important;gap:0!important;border-top:1px solid #c9bdcf!important}
.ws-pricing-page [data-packages] .package{position:relative!important;display:grid!important;grid-template-columns:150px 190px minmax(170px,1fr) minmax(220px,1.15fr) 165px!important;grid-template-rows:auto auto!important;align-items:center!important;gap:10px 24px!important;min-height:0!important;padding:28px 18px!important;background:transparent!important;border:0!important;border-bottom:1px solid #c9bdcf!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.ws-pricing-page [data-packages] .package:hover{background:#eee7f1!important;transform:translateX(6px)!important;box-shadow:none!important}
.ws-pricing-page [data-packages] .package .package-image{grid-column:1!important;grid-row:1/3!important;height:125px!important;width:100%!important;overflow:hidden!important;border-radius:2px!important}
.ws-pricing-page [data-packages] .package .package-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s!important}
.ws-pricing-page [data-packages] .package:hover .package-image img{transform:scale(1.06)!important}
.ws-pricing-page [data-packages] .package>.eyebrow{grid-column:2!important;grid-row:1!important;margin:0!important;color:#98607b!important;font:10px 'DM Mono',monospace!important;letter-spacing:.13em!important}
.ws-pricing-page [data-packages] .package>h3.price{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important;color:#302c35!important;font:700 clamp(32px,3vw,44px)/1 Georgia,serif!important;letter-spacing:-.05em!important}
.ws-pricing-page [data-packages] .package>p.small{grid-column:3!important;grid-row:1/3!important;margin:0!important;color:#56515c!important;font:13px/1.7 Arial,sans-serif!important}
.ws-pricing-page [data-packages] .package>ul{grid-column:4!important;grid-row:1/3!important;margin:0!important;padding:0 0 0 18px!important;border-left:1px solid #d1c5d6!important;flex:none!important}
.ws-pricing-page [data-packages] .package>ul li{font:12px/1.55 Arial,sans-serif!important;padding:4px 0!important;border:0!important;color:#4c4652!important}
.ws-pricing-page [data-packages] .package>ul li span{color:#a85f7d!important}
.ws-pricing-page [data-packages] .package>.btn{grid-column:5!important;grid-row:1/3!important;margin:0!important;padding:13px 12px!important;background:#3d3444!important;color:#fff8ef!important;text-align:center!important;font-size:10px!important;line-height:1.5!important}
.ws-pricing-page [data-packages] .package>.btn:hover{background:#a85f7d!important;color:#fff!important}
.ws-pricing-page [data-packages] .package .package-index{position:absolute!important;right:8px!important;top:6px!important;color:#a85f7d!important;font:9px 'DM Mono',monospace!important}
.ws-pricing-page [data-packages] .package.featured{background:#3d3444!important;border-left:5px solid #d9c4e1!important;padding-left:20px!important}
.ws-pricing-page [data-packages] .package.featured:hover{background:#4a4051!important}
.ws-pricing-page [data-packages] .package.featured>.eyebrow{color:#e4c8dd!important}
.ws-pricing-page [data-packages] .package.featured>h3.price{color:#fff8ef!important}
.ws-pricing-page [data-packages] .package.featured>p.small,.ws-pricing-page [data-packages] .package.featured>ul li{color:#f3eaf0!important}
.ws-pricing-page [data-packages] .package.featured>ul{border-color:#746579!important}
.ws-pricing-page [data-packages] .package.featured>ul li span{color:#e7bfda!important}
.ws-pricing-page [data-packages] .package.featured>.btn{background:#e4c8dd!important;color:#342d39!important}
.ws-pricing-page .section.dark{background:#e9e0ee!important;color:#342d39!important;padding:90px 0!important}
.ws-pricing-page .section.dark h2,.ws-pricing-page .section.dark p{color:#342d39!important}

/* Shared responsive polish: no sideways scroll, comfortable touch targets, and sensible stacking. */
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip}
img,svg,video,iframe{max-width:100%}
button,a{touch-action:manipulation}
@media(max-width:1100px){
 .ws-pricing-page [data-packages] .package{grid-template-columns:120px 160px minmax(150px,1fr) minmax(180px,1fr)!important;gap:10px 18px!important}
 .ws-pricing-page [data-packages] .package>.btn{grid-column:2/5!important;grid-row:3!important;justify-self:start!important;min-width:190px!important}
 .ws-pricing-page [data-packages] .package .package-image{grid-row:1/3!important}
}
@media(max-width:900px){
 .ws-industries-page .pagehero{grid-template-columns:1fr!important;gap:34px!important;padding:90px 7% 65px!important}
 .ws-pricing-page .pagehero{padding:90px 7% 65px!important}
 .ws-industries-page .r10-page-image.ws-industry-mosaic{min-height:360px!important}
 .ws-industries-page [data-industries]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 .ws-industries-page [data-industries] .industry-item{height:390px!important;min-height:390px!important}
 .ws-industries-page [data-industries] .industry-item:nth-child(2n){transform:none!important}
 .ws-industries-page [data-industries] .industry-item:nth-child(2n):hover{transform:translateY(-7px)!important}
 .ws-pricing-page .r10-page-image.ws-page-visual-pricing{width:min(78%,650px)!important;min-height:300px!important;margin:30px 0 0 auto!important}
 .ws-pricing-page [data-packages] .package{grid-template-columns:125px 170px minmax(0,1fr)!important;gap:12px 18px!important}
 .ws-pricing-page [data-packages] .package .package-image{grid-column:1!important;grid-row:1/3!important}
 .ws-pricing-page [data-packages] .package>.eyebrow{grid-column:2!important;grid-row:1!important}
 .ws-pricing-page [data-packages] .package>h3.price{grid-column:2!important;grid-row:2!important}
 .ws-pricing-page [data-packages] .package>p.small{grid-column:3!important;grid-row:1!important}
 .ws-pricing-page [data-packages] .package>ul{grid-column:3!important;grid-row:2!important}
 .ws-pricing-page [data-packages] .package>.btn{grid-column:3!important;grid-row:3!important;justify-self:start!important}
}
@media(max-width:650px){
 .ws-industries-page .pagehero,.ws-pricing-page .pagehero{padding:82px 6% 50px!important}
 .ws-industries-page .pagehero h1,.ws-pricing-page .pagehero h1{font-size:clamp(49px,13vw,72px)!important}
 .ws-industries-page .r10-page-image.ws-industry-mosaic{min-height:260px!important}
 .ws-industries-page .section.wrap{padding:60px 6% 75px!important}
 .ws-industries-page [data-industries]{grid-template-columns:1fr!important;gap:18px!important}
 .ws-industries-page [data-industries] .industry-item{height:390px!important;min-height:390px!important}
 .ws-industries-page [data-industries] .industry-item:nth-child(2n){transform:none!important}
 .ws-industries-page [data-industries] .industry-item .tile-body{left:23px!important;right:23px!important;bottom:27px!important}
 .ws-industries-page [data-industries] .industry-item .tile-body h3{font-size:36px!important}
 .ws-industries-page [data-industries] .industry-item .tile-body p{font-size:14px!important}
 .ws-pricing-page .pagehero{padding:82px 6% 50px!important}
 .ws-pricing-page .r10-page-image.ws-page-visual-pricing{width:94%!important;min-height:250px!important;margin:25px 0 0 auto!important;padding:15px!important}
 .ws-pricing-page .ws-price-preview{padding:20px!important}
 .ws-pricing-page .ws-price-preview>div strong{font-size:24px!important}
 .ws-pricing-page .section.wrap{padding:58px 6% 70px!important}
 .ws-pricing-page [data-packages] .package{grid-template-columns:1fr!important;gap:11px!important;padding:24px 16px!important}
 .ws-pricing-page [data-packages] .package .package-image{grid-column:1!important;grid-row:1!important;height:180px!important}
 .ws-pricing-page [data-packages] .package>.eyebrow{grid-column:1!important;grid-row:2!important}
 .ws-pricing-page [data-packages] .package>h3.price{grid-column:1!important;grid-row:3!important;font-size:39px!important}
 .ws-pricing-page [data-packages] .package>p.small{grid-column:1!important;grid-row:4!important}
 .ws-pricing-page [data-packages] .package>ul{grid-column:1!important;grid-row:5!important;border-left:0!important;border-top:1px solid #d1c5d6!important;padding:12px 0 0!important}
 .ws-pricing-page [data-packages] .package>.btn{grid-column:1!important;grid-row:6!important;justify-self:stretch!important;min-width:0!important}
 .ws-pricing-page [data-packages] .package.featured>ul{border-color:#746579!important}
 .ws-pricing-page .section.dark{padding:65px 0!important}
 .ws-pricing-page .section.dark .wrap{width:88%!important}
 .nav{padding:12px 16px!important;gap:12px!important}
 .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;z-index:20!important;border:1px solid #aeb9ac!important;border-radius:50%!important;background:transparent!important}
 .navcta{padding:11px 12px!important;font-size:10px!important;white-space:nowrap!important}
 .navlinks{position:fixed!important;inset:0!important;z-index:15!important;display:flex!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;transform:translateY(-12px)!important;background:#273a2e!important;padding:100px 28px 40px!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:10px!important;transition:opacity .3s,transform .3s,visibility .3s!important}
 .navlinks.open{visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:translateY(0)!important}
 .navitem>a{font-size:clamp(26px,8vw,40px)!important;color:#f6f0e5!important;padding:12px 0!important}
 .nav-panel{display:none!important}
 .nav .menu-toggle{position:relative!important;z-index:22!important}
 .ws-header{padding:12px 16px!important}
 .ws-nav{display:none!important}
 .ws-menu-toggle{display:flex!important;z-index:22!important}
 .ws-nav.open{display:flex!important;position:fixed!important;inset:0!important;z-index:18!important;background:#273a2e!important;flex-direction:column!important;justify-content:center!important;padding:90px 28px 35px!important}
 .ws-nav.open a{color:#f6f0e5!important;font-size:25px!important;padding:12px 0!important}
 .ws-header-cta{display:none!important}
 .work-project-image,.ws-work-image{max-width:100%!important}
 .pagehero,.ws-service-hero,.work-page-hero{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .ws-industries-page [data-industries] .industry-item,.ws-industries-page [data-industries] .industry-item img{transition:none!important}
}

.ws22-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease var(--ws22-delay,0ms),transform .75s cubic-bezier(.2,.75,.2,1) var(--ws22-delay,0ms)}
.ws22-reveal.ws22-in{opacity:1;transform:translateY(0)}
.ws-industries-page .industry-item .tile-body h3{font-family:'DM Sans',Arial,sans-serif!important}
.ws-industries-page .industry-item .tile-body p{font-family:'DM Sans',Arial,sans-serif!important}
@media(max-width:400px){
 .ws-industries-page [data-industries] .industry-item{height:350px!important;min-height:350px!important}
 .ws-industries-page [data-industries] .industry-item .tile-body h3{font-size:32px!important}
 .ws-industries-page [data-industries] .industry-item .tile-body p{font-size:13px!important}
 .ws-pricing-page .ws-price-preview{padding:17px!important}
 .ws-pricing-page .ws-price-preview>div{padding:12px 0!important}
 .ws-pricing-page .ws-price-preview>div strong{font-size:22px!important}
 .navcta{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .ws22-reveal{opacity:1!important;transform:none!important;transition:none!important}
}