/* REVISION 20 — real layout differentiation + a stronger creative-studio homepage */

/* ABOUT / STUDIO: warm, light, editorial. This page must not inherit the dark studio palette. */
.ws-about-page{background:#f2eee4!important;color:#252b24!important}
.ws-about-page .pagehero{max-width:none!important;width:100%!important;min-height:680px!important;padding:clamp(70px,9vw,130px) max(7vw,calc((100vw - 1320px)/2))!important;display:grid!important;grid-template-columns:1.02fr .98fr!important;gap:7vw!important;align-items:center!important;background:#f2eee4!important;position:relative!important;overflow:hidden!important}
.ws-about-page .pagehero:before{content:"STUDIO / 2026";position:absolute;right:6.5%;top:8%;font:9px 'DM Mono',monospace;letter-spacing:.18em;color:#8c927f}
.ws-about-page .pagehero:after{content:"BIG\A IDEAS";white-space:pre;position:absolute;right:-.03em;bottom:-.24em;font:900 clamp(110px,20vw,280px)/.72 Arial,sans-serif;letter-spacing:-.12em;color:#dfe5d4;pointer-events:none}
.ws-about-page .r9-page-copy{position:relative;z-index:2;max-width:650px}
.ws-about-page .pagehero .eyebrow{color:#b65d43!important;font-size:10px!important;letter-spacing:.16em!important}
.ws-about-page .pagehero h1{font:700 clamp(64px,8.5vw,122px)/.88 Georgia,serif!important;letter-spacing:-.075em!important;color:#27352b!important;margin:30px 0!important;max-width:700px}
.ws-about-page .pagehero h1 em{font:italic 500 .94em Georgia,serif!important;color:#b65d43!important}
.ws-about-page .pagehero .lead{max-width:440px!important;color:#566052!important;font:15px/1.9 Arial,sans-serif!important}
.ws-about-page .r10-page-image{position:relative!important;z-index:1;min-height:480px!important;background:#d6e2c6!important;border:0!important;border-radius:48% 48% 4px 4px!important;box-shadow:22px 22px 0 #e7a17e!important;transform:rotate(2deg)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.ws-about-page .r10-page-image:before{content:"✳";position:absolute;right:7%;top:6%;font:90px Georgia,serif;color:#b65d43;animation:ws20-spin 30s linear infinite}
.ws-about-page .ws-page-window{width:78%!important;min-height:280px!important;padding:34px!important;background:#f8f4e9!important;border:1px solid #c9cdbd!important;box-shadow:16px 18px 0 #24372c!important;transform:rotate(-3deg)!important}
.ws-about-page .ws-page-window>b{font:700 clamp(32px,4vw,55px)/.98 Georgia,serif!important;letter-spacing:-.06em!important;color:#26362c!important}
.ws-about-page .ws-page-window>b em{color:#b65d43!important}
.ws-about-page .ws-page-window small{color:#657060!important}
.ws-about-page .section.wrap{max-width:none!important;width:100%!important;padding:110px max(7vw,calc((100vw - 1320px)/2))!important;background:#e2ead9!important}
.ws-about-page .section.wrap .manifesto{color:#314638!important;font:500 clamp(29px,4vw,52px)/1.1 Georgia,serif!important}
.ws-about-page .section.dark{background:#b8cba9!important;color:#25352a!important}
.ws-about-page .section.dark h2,.ws-about-page .section.dark h3,.ws-about-page .section.dark p{color:#25352a!important}
.ws-about-page .section.dark .tile{border-top:1px solid #82957b!important}
.ws-about-page .ws-page-work-strip{background:#f2eee4!important;color:#27352b!important}

/* PRICING: a typographic, horizontal offer menu—not a recoloured generic hero. */
.ws-pricing-page{background:#f5efdf!important;color:#252d25!important}
.ws-pricing-page .pagehero{max-width:none!important;width:100%!important;min-height:610px!important;padding:90px 7%!important;display:grid!important;grid-template-columns:1fr .82fr!important;gap:8vw!important;align-items:center!important;background:#d8ed8d!important;position:relative!important;overflow:hidden!important}
.ws-pricing-page .pagehero:before{content:"INVEST IN YOUR NEXT CHAPTER";position:absolute;left:7%;top:35px;font:9px 'DM Mono',monospace;letter-spacing:.17em;color:#48533b}
.ws-pricing-page .pagehero:after{content:"$";position:absolute;right:30%;top:-.28em;font:900 clamp(300px,48vw,650px)/1 Arial,sans-serif;letter-spacing:-.12em;color:#c4dc78;pointer-events:none}
.ws-pricing-page .r9-page-copy{position:relative;z-index:2;max-width:680px}
.ws-pricing-page .pagehero .eyebrow{color:#8c4934!important;font-size:10px!important;letter-spacing:.15em!important}
.ws-pricing-page .pagehero h1{font:800 clamp(62px,8vw,112px)/.86 Arial,sans-serif!important;letter-spacing:-.09em!important;color:#233329!important;margin:26px 0!important}
.ws-pricing-page .pagehero h1 em{font:italic 500 .9em Georgia,serif!important;color:#a95037!important}
.ws-pricing-page .pagehero .lead{max-width:430px!important;color:#445344!important;font-size:15px!important;line-height:1.85!important}
.ws-pricing-page .r10-page-image{position:relative!important;z-index:1;min-height:400px!important;background:#f4ead4!important;border:1px solid #27372b!important;border-radius:48% 48% 4px 4px!important;box-shadow:18px 18px 0 #b95d43!important;transform:rotate(2deg)!important;padding:35px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ws-pricing-page .ws-price-preview{width:100%!important;background:#f8f4e9!important;padding:30px!important;box-shadow:0 20px 50px #25332920!important;transform:rotate(-3deg)!important}
.ws-pricing-page .ws-price-preview>span{color:#a6533c!important;font:9px 'DM Mono',monospace!important;letter-spacing:.14em!important}
.ws-pricing-page .ws-price-preview>div{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:17px 0!important;border-bottom:1px solid #d6d2c4!important;color:#29372f!important}
.ws-pricing-page .ws-price-preview strong{font:700 30px Georgia,serif!important;color:#a6533c!important}
.ws-pricing-page .section.wrap{max-width:1320px!important;padding-top:85px!important;padding-bottom:100px!important}
.ws-pricing-page [data-packages]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.ws-pricing-page .package{position:relative!important;display:flex!important;flex-direction:column!important;min-height:600px!important;padding:0 0 30px!important;background:#e8e3d5!important;border:1px solid #d2cbbb!important;border-radius:2px!important;overflow:hidden!important;box-shadow:0 16px 40px #2d352510!important;transition:transform .45s,box-shadow .45s!important}
.ws-pricing-page .package:hover{transform:translateY(-9px)!important;box-shadow:0 26px 50px #2d35251f!important}
.ws-pricing-page .package-image{height:190px!important;overflow:hidden!important;position:relative!important}
.ws-pricing-page .package-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#182b20a8,transparent 65%)}
.ws-pricing-page .package-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .8s!important}
.ws-pricing-page .package:hover .package-image img{transform:scale(1.07)!important}
.ws-pricing-page .package>.eyebrow,.ws-pricing-page .package>h3,.ws-pricing-page .package>p,.ws-pricing-page .package>ul,.ws-pricing-page .package>.btn{margin-left:28px!important;margin-right:28px!important}
.ws-pricing-page .package>.eyebrow{margin-top:27px!important;color:#a6533c!important;font:10px 'DM Mono',monospace!important;letter-spacing:.12em!important}
.ws-pricing-page .package>.price{font:700 clamp(38px,4vw,55px)/1 Georgia,serif!important;color:#283a2e!important;margin-top:12px!important;margin-bottom:14px!important}
.ws-pricing-page .package>p{color:#536052!important;line-height:1.7!important}
.ws-pricing-page .package ul{padding:20px 0 10px!important;margin-top:8px!important;border-top:1px solid #c9c7b8!important;flex:1!important}
.ws-pricing-page .package li{padding:10px 0!important;border-bottom:1px solid #d4d0c3!important;color:#39483c!important;font-size:13px!important}
.ws-pricing-page .package li span{color:#b45c42!important}
.ws-pricing-page .package>.btn{margin-top:20px!important;text-align:center!important;background:#26392e!important;color:#f8f2e4!important}
.ws-pricing-page .package.featured{background:#253a2e!important;border:0!important;border-top:0!important;transform:translateY(-14px)!important}
.ws-pricing-page .package.featured .package-image:after{background:linear-gradient(0deg,#15251ce0,transparent 70%)}
.ws-pricing-page .package.featured>.eyebrow,.ws-pricing-page .package.featured>.price{color:#d9ed91!important}
.ws-pricing-page .package.featured>p,.ws-pricing-page .package.featured li{color:#e4e9d8!important}
.ws-pricing-page .package.featured ul{border-color:#637767!important}
.ws-pricing-page .package.featured li{border-color:#455e4d!important}
.ws-pricing-page .package.featured>.btn{background:#d9ed91!important;color:#24362b!important}
.ws-pricing-page .ws-page-work-strip{background:#f5efdf!important;color:#27352b!important}
.ws-pricing-page .section.dark{background:#b85d43!important;color:#fff4e6!important;padding:95px 0!important}
.ws-pricing-page .section.dark h2,.ws-pricing-page .section.dark p{color:#fff4e6!important}

/* WHO WE HELP: image-led magazine index with alternating wide cards and readable copy panels. */
.ws-industries-page{background:#f0e9dd!important;color:#2c332b!important}
.ws-industries-page .pagehero{max-width:none!important;width:100%!important;min-height:640px!important;padding:90px 7%!important;display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:6vw!important;align-items:center!important;background:#bd5b43!important;color:#fff4e8!important;position:relative!important;overflow:hidden!important}
.ws-industries-page .pagehero:before{content:"WEBSITE DESIGN / BY INDUSTRY";position:absolute;left:7%;top:35px;font:9px 'DM Mono',monospace;letter-spacing:.16em;color:#f7d9c8}
.ws-industries-page .pagehero:after{content:"WHO?";position:absolute;right:-.02em;bottom:-.3em;font:900 clamp(150px,26vw,360px)/.8 Arial,sans-serif;letter-spacing:-.12em;color:#a84c39;pointer-events:none}
.ws-industries-page .r9-page-copy{position:relative;z-index:2;max-width:610px}
.ws-industries-page .pagehero .eyebrow{color:#f4d58e!important;font:10px 'DM Mono',monospace!important;letter-spacing:.16em!important}
.ws-industries-page .pagehero h1{font:700 clamp(58px,7.3vw,105px)/.88 Georgia,serif!important;letter-spacing:-.075em!important;color:#fff4e8!important;margin:26px 0!important}
.ws-industries-page .pagehero h1 em{font:italic 500 .9em Georgia,serif!important;color:#f3d68f!important}
.ws-industries-page .pagehero .lead{max-width:420px!important;color:#f8e5d8!important;font-size:15px!important;line-height:1.9!important}
.ws-industries-page .r10-page-image{position:relative!important;z-index:1;min-height:440px!important;background:#e8c5a7!important;border:0!important;border-radius:48% 48% 2px 2px!important;box-shadow:20px 20px 0 #803e32!important;transform:rotate(-2deg)!important;overflow:hidden!important}
.ws-industries-page .ws-industry-mosaic>div{height:100%!important;display:grid!important;grid-template-columns:1.2fr .8fr!important;grid-template-rows:1fr 1fr!important;gap:8px!important;padding:14px!important;transform:rotate(2deg) scale(1.04)!important}
.ws-industries-page .ws-industry-mosaic img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;border:5px solid #f5eee1!important}
.ws-industries-page .ws-industry-mosaic img:first-child{grid-row:1/3}
.ws-industries-page .ws-industry-mosaic>span,.ws-industries-page .ws-industry-mosaic>b{display:none!important}
.ws-industries-page .section.wrap{max-width:1320px!important;padding-top:90px!important;padding-bottom:110px!important}
.ws-industries-page [data-industries]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important}
.ws-industries-page [data-industries] .industry-item{display:grid!important;grid-template-columns:1.05fr .95fr!important;min-height:300px!important;position:relative!important;overflow:hidden!important;background:#e1e7d8!important;border:0!important;border-radius:2px!important;box-shadow:0 15px 35px #27362b12!important;isolation:isolate;transition:transform .45s,box-shadow .45s!important}
.ws-industries-page [data-industries] .industry-item:nth-child(3n+2){background:#e9d7c5!important;transform:translateY(22px)!important}
.ws-industries-page [data-industries] .industry-item:hover{transform:translateY(-7px)!important;box-shadow:0 25px 48px #27362b22!important}
.ws-industries-page [data-industries] .industry-item:nth-child(3n+2):hover{transform:translateY(15px)!important}
.ws-industries-page [data-industries] .industry-item .tile-image{position:relative!important;inset:auto!important;height:100%!important;min-height:300px!important;z-index:0!important;grid-row:1;grid-column:1}
.ws-industries-page [data-industries] .industry-item .tile-image img{width:100%!important;height:100%!important;min-height:300px!important;object-fit:cover!important;filter:saturate(.9)!important;transition:transform .8s!important}
.ws-industries-page [data-industries] .industry-item:hover .tile-image img{transform:scale(1.08)!important}
.ws-industries-page [data-industries] .industry-item .num{position:absolute!important;top:15px!important;left:15px!important;z-index:2!important;background:#f7f0e4!important;color:#29382d!important;padding:8px 10px!important;font:9px 'DM Mono',monospace!important}
.ws-industries-page [data-industries] .industry-item .tile-body{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;align-self:center!important;padding:26px 22px!important;color:#29382d!important}
.ws-industries-page [data-industries] .industry-item .tile-body h3{font:600 clamp(24px,2.4vw,34px)/.98 Georgia,serif!important;letter-spacing:-.04em!important;color:#29382d!important;margin:0 0 12px!important;text-shadow:none!important}
.ws-industries-page [data-industries] .industry-item .tile-body p{font:13px/1.75 Arial,sans-serif!important;color:#4e5a4d!important;margin:0!important;text-shadow:none!important}
.ws-industries-page [data-industries] .industry-item .tile-mark{position:absolute!important;right:17px!important;bottom:14px!important;top:auto!important;color:#b45a42!important;font-size:22px!important;text-shadow:none!important}
.ws-industries-page .ws-page-work-strip{background:#f0e9dd!important;color:#29362c!important}

/* HOME: stronger Squarespace-like art direction, layered motion, oversized type and playful interactions. */
.ws-home .ws-hero{position:relative!important;min-height:760px!important;grid-template-columns:1.08fr .92fr!important;background:#e9e5d9!important;isolation:isolate!important}
.ws-home .ws-hero-content{padding:clamp(70px,9vw,130px) clamp(32px,7vw,105px)!important;background:linear-gradient(145deg,#f4f0e6 0%,#e6eadb 100%)!important}
.ws-home .ws-hero-content:before{content:"INDEPENDENT BY DESIGN  ·  MADE TO MOVE";position:absolute;top:36px;left:clamp(32px,7vw,105px);font:9px 'DM Mono',monospace;letter-spacing:.16em;color:#75806e}
.ws-home .ws-hero-content:after{content:"✳";position:absolute;right:8%;bottom:5%;font:clamp(70px,11vw,150px)/1 Georgia,serif;color:#d9e59a;opacity:.9;animation:ws20-spin 35s linear infinite;pointer-events:none}
.ws-home .ws-hero-content h1{font-size:clamp(60px,7.2vw,104px)!important;line-height:.86!important;max-width:760px!important;letter-spacing:-.095em!important;color:#27382d!important}
.ws-home .ws-hero-content h1 em{font:italic 500 .86em Georgia,serif!important;color:#b75e43!important;letter-spacing:-.065em!important}
.ws-home .ws-hero-content>p{max-width:410px!important;color:#505d50!important;font-size:15px!important;line-height:1.9!important}
.ws-home .ws-hero-actions{margin-top:32px!important}
.ws-home .ws-hero-showcase{max-width:none!important;min-height:760px!important;padding:7%!important;background:#d9e3ce!important;transform:none!important;display:grid!important;align-content:center!important}
.ws-home .ws-collage-tile{border:8px solid #f4f0e6!important;box-shadow:0 22px 55px #24352c26!important}
.ws-home .ws-collage-food{min-height:460px!important;transform:rotate(-4deg)!important}
.ws-home .ws-collage-fitness{transform:rotate(3deg)!important}
.ws-home .ws-collage-build{transform:rotate(-2deg)!important}
.ws-home .ws-collage-retail{transform:rotate(6deg)!important}
.ws-home .ws-collage-center{width:205px!important;height:205px!important;border:8px solid #d9e3ce!important;background:#f6f0e2!important}
.ws-home .ws-collage-center strong{font-size:29px!important}
.ws-home .ws-collage-note{right:7%!important;top:7%!important;transform:rotate(3deg)!important;background:#d8ed8d!important;color:#25362b!important}
.ws-home .ws-live-ticker{background:#bd5d43!important;color:#fff4e8!important;padding:18px 0!important;font-size:11px!important;letter-spacing:.18em!important}
.ws-home .ws-live-ticker i{color:#d9ed91!important}
.ws-home .ws-services-preview{background:#f5f0e5!important;position:relative!important;overflow:hidden!important}
.ws-home .ws-services-preview:after{content:"01";position:absolute;right:-.02em;top:30px;font:900 clamp(180px,28vw,360px)/1 Arial,sans-serif;letter-spacing:-.12em;color:#e8e5d8;pointer-events:none}
.ws-home .ws-services-preview>*{position:relative;z-index:1}
.ws-home .ws-service-row{border-color:#c9cabb!important;padding-top:27px!important;padding-bottom:27px!important}
.ws-home .ws-service-row h3{font:600 clamp(24px,3vw,38px)/1 Georgia,serif!important;letter-spacing:-.04em!important}
.ws-home .ws-service-row:hover{background:#e3ecd9!important;padding-left:25px!important}
.ws-home .ws-intro{background:#d8ed8d!important;position:relative!important;overflow:hidden!important}
.ws-home .ws-intro:after{content:"MAKE IT\A MATTER.";white-space:pre;position:absolute;right:-.04em;bottom:-.25em;font:900 clamp(100px,19vw,260px)/.78 Arial,sans-serif;letter-spacing:-.12em;color:#bcd56b;pointer-events:none}
.ws-home .ws-intro-main{position:relative;z-index:1}
.ws-home .ws-intro-main h2{font-size:clamp(65px,9vw,130px)!important;line-height:.84!important;letter-spacing:-.1em!important}
.ws-home .ws-intro-main h2 em{font-family:Georgia,serif!important;color:#a9533b!important}
.ws-home .ws-work{background:#e9e5d9!important;position:relative!important}
.ws-home .ws-work-card:nth-child(2){margin-top:65px!important}
.ws-home .ws-work-card:nth-child(3){margin-top:125px!important}
.ws-home .ws-work-image{overflow:hidden!important;border:8px solid #f5f0e5!important;box-shadow:0 18px 45px #26372c18!important}
.ws-home .ws-work-info h3{font:600 32px Georgia,serif!important}
.ws-home .ws-process-compact{background:#26392e!important;color:#f5f0e5!important}
.ws-home .ws-process-compact h2,.ws-home .ws-process-compact strong{color:#d9ed91!important}
.ws-home .ws-process-compact p,.ws-home .ws-process-compact small{color:#d3ddcc!important}
.ws-home .ws-process-compact-steps>div{border-color:#617365!important}
.ws-home .ws-cta{background:#bd5d43!important;color:#fff4e8!important;position:relative!important;overflow:hidden!important}
.ws-home .ws-cta:before{content:"LET'S BUILD";position:absolute;right:-.05em;top:-.22em;font:900 clamp(110px,20vw,270px)/1 Arial,sans-serif;letter-spacing:-.12em;color:#a94e3d;pointer-events:none}
.ws-home .ws-cta>*{position:relative;z-index:1}
.ws-home .ws-cta h2{font-size:clamp(60px,8vw,112px)!important;line-height:.88!important}
.ws-home .ws-cta h2 em{font-family:Georgia,serif!important;color:#d9ed91!important}
.ws-home .ws-button-light{box-shadow:7px 7px 0 #7e3c30!important;transition:transform .35s,box-shadow .35s!important}
.ws-home .ws-button-light:hover{transform:translate(-4px,-4px)!important;box-shadow:12px 12px 0 #7e3c30!important}
@keyframes ws20-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.ws-pricing-page .pagehero,.ws-industries-page .pagehero,.ws-about-page .pagehero{grid-template-columns:1fr!important;gap:45px!important}.ws-pricing-page .r10-page-image,.ws-industries-page .r10-page-image,.ws-about-page .r10-page-image{min-height:350px!important}.ws-pricing-page [data-packages]{grid-template-columns:1fr 1fr!important}.ws-pricing-page .package.featured{transform:none!important}.ws-industries-page [data-industries]{grid-template-columns:1fr!important}.ws-industries-page [data-industries] .industry-item:nth-child(3n+2){transform:none!important}.ws-industries-page [data-industries] .industry-item:nth-child(3n+2):hover{transform:translateY(-7px)!important}.ws-home .ws-hero{grid-template-columns:1fr!important}.ws-home .ws-hero-showcase{min-height:560px!important;order:2}.ws-home .ws-hero-content{order:1}}
@media(max-width:600px){.ws-about-page .pagehero,.ws-pricing-page .pagehero,.ws-industries-page .pagehero{padding:80px 7% 55px!important}.ws-about-page .r10-page-image,.ws-pricing-page .r10-page-image,.ws-industries-page .r10-page-image{min-height:280px!important}.ws-pricing-page [data-packages]{grid-template-columns:1fr!important}.ws-industries-page [data-industries] .industry-item{grid-template-columns:1fr!important}.ws-industries-page [data-industries] .industry-item .tile-image{grid-column:1!important;grid-row:1!important;height:230px!important;min-height:230px!important}.ws-industries-page [data-industries] .industry-item .tile-image img{min-height:230px!important}.ws-industries-page [data-industries] .industry-item .tile-body{grid-column:1!important;grid-row:2!important;padding:24px!important}.ws-home .ws-hero-showcase{min-height:450px!important;padding:5%!important}.ws-home .ws-collage-food{min-height:300px!important}.ws-home .ws-collage-food img{min-height:300px!important}.ws-home .ws-collage-center{width:145px!important;height:145px!important}.ws-home .ws-collage-center strong{font-size:22px!important}.ws-home .ws-work-card:nth-child(2),.ws-home .ws-work-card:nth-child(3){margin-top:0!important}}
@media(prefers-reduced-motion:reduce){.ws-home .ws-hero-content:after,.ws-home .ws-intro:after,.ws-about-page .r10-page-image:before{animation:none!important}}
.ws-home-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#68745f;font:9px 'DM Mono',monospace;letter-spacing:.14em}
.ws-home-kicker>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d9ed91;color:#283a2e;font-size:15px;animation:ws20-spin 18s linear infinite}
.ws-home-kicker i{font-style:normal;margin-left:8px;padding-left:13px;border-left:1px solid #bdc4b2;color:#9a634e}
.ws-collage-orbit-label{position:absolute;z-index:6;left:2%;bottom:7%;display:flex;align-items:center;gap:12px;padding:13px 16px;background:#bd5d43;color:#fff4e8;font:8px 'DM Mono',monospace;letter-spacing:.13em;box-shadow:7px 7px 0 #f4f0e6;transform:rotate(-5deg);animation:ws20-float 6s ease-in-out infinite}
.ws-collage-orbit-label b{font-size:18px;color:#d9ed91}
@keyframes ws20-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:600px){.ws-home-kicker{flex-wrap:wrap;font-size:8px}.ws-home-kicker i{display:none}.ws-collage-orbit-label{font-size:7px;left:1%;bottom:4%;padding:9px 10px}}