/* REVISION 21 — clarity, stronger page identities and expressive motion */

/* SERVICES — make the process legible at a glance */
.ws-services-page .ws-service-process{background:#f1e8d9!important;color:#26352b!important;position:relative!important;overflow:hidden!important}
.ws-services-page .ws-service-process:before{content:"THE PROCESS";position:absolute;right:-.02em;top:-.2em;font:900 clamp(100px,18vw,245px)/1 Arial,sans-serif;letter-spacing:-.1em;color:#e8ddca;pointer-events:none}
.ws-services-page .ws-service-process-copy{position:relative!important;z-index:1!important}
.ws-services-page .ws-service-process-copy h2{font:700 clamp(48px,6vw,82px)/.94 Georgia,serif!important;letter-spacing:-.055em!important;color:#26352b!important;max-width:620px!important}
.ws-services-page .ws-service-process-copy h2 em{color:#b45d42!important}
.ws-services-page .ws-process-steps{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 34px!important;margin-top:36px!important}
.ws-services-page .ws-process-steps>div{display:grid!important;grid-template-columns:54px 1fr!important;gap:16px!important;align-items:start!important;padding:24px 0!important;border-top:1px solid #b8b7a8!important;color:#26352b!important}
.ws-services-page .ws-process-steps>div>b{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#d8e6b8!important;color:#26352b!important;font:11px 'DM Mono',monospace!important}
.ws-services-page .ws-process-steps>div span{display:block!important;min-width:0!important}
.ws-services-page .ws-process-steps>div strong{display:block!important;color:#26352b!important;font:700 22px/1.2 Georgia,serif!important;letter-spacing:-.025em!important;margin:0 0 8px!important}
.ws-services-page .ws-process-steps>div small{display:block!important;color:#4e594d!important;font:14px/1.75 Arial,sans-serif!important;letter-spacing:0!important;opacity:1!important;max-width:390px!important}
.ws-services-page .ws-process-steps>div:hover>b{background:#bd6247!important;color:#fff7ed!important;transform:rotate(-9deg) scale(1.06)!important}
.ws-services-page .ws-process-steps>div>b{transition:transform .35s,background .35s!important}

/* WORK — make the project preview itself readable, not just the tiny corner labels */
.ws-work-page .work-project-image{isolation:isolate!important;background:#242a25!important}
.ws-work-page .work-project-image img{position:relative!important;z-index:0!important;filter:saturate(.82) brightness(.82)!important}
.ws-work-page .work-project-image:after{content:"";position:absolute!important;z-index:1!important;inset:25% 0 0!important;background:linear-gradient(180deg,transparent 0%,#111b18a8 100%)!important;pointer-events:none!important}
.ws-work-page .work-project-image:before{position:absolute!important;z-index:2!important;left:clamp(22px,4vw,58px)!important;bottom:76px!important;color:#fff8ed!important;font:italic 500 clamp(42px,7vw,88px)/.9 Georgia,serif!important;letter-spacing:-.055em!important;text-shadow:0 3px 22px #0008!important;pointer-events:none!important}
.ws-work-page .work-project-food .work-project-image:before{content:"Sunday Table."}
.ws-work-page .work-project-forme .work-project-image:before{content:"FORME Studio."}
.ws-work-page .work-project-northline .work-project-image:before{content:"Northline Build."}
.ws-work-page .work-project-image span{z-index:3!important;left:clamp(22px,4vw,58px)!important;top:24px!important;bottom:auto!important;background:#f4eddf!important;color:#26352b!important;padding:11px 14px!important;font:10px 'DM Mono',monospace!important;letter-spacing:.1em!important;text-shadow:none!important}
.ws-work-page .work-project-image b{z-index:3!important;bottom:24px!important;right:clamp(22px,4vw,58px)!important;background:#d8ed8d!important;color:#24352b!important;padding:13px 17px!important;font:10px 'DM Mono',monospace!important}
.ws-work-page .work-project-copy{grid-template-columns:65px minmax(0,1fr) 190px!important;gap:28px!important;padding:32px 0 55px!important}
.ws-work-page .work-project-copy p{max-width:650px!important;color:#e3e0d6!important;font-size:15px!important;line-height:1.85!important}
.ws-work-page .work-project-style{color:#d9b69c!important;font:10px/1.8 'DM Mono',monospace!important;letter-spacing:.1em!important}
.ws-work-page .work-project-copy a{display:inline-block!important;color:#f4d9bd!important;font-size:13px!important;margin-top:8px!important}
.ws-work-page .work-project-image:hover:before{transform:translateY(-8px)!important}
.ws-work-page .work-project-image:before{transition:transform .5s!important}

/* STUDIO — replace the awkward circle/rectangle stack with one intentional editorial poster */
.ws-about-page .r10-page-image{min-height:490px!important;border-radius:4px!important;box-shadow:18px 18px 0 #e7a17e!important;transform:rotate(0)!important;background:#d6e2c6!important;overflow:hidden!important;padding:clamp(24px,4vw,54px)!important;display:flex!important;align-items:stretch!important}
.ws-about-page .r10-page-image:before{content:"✳";position:absolute!important;right:6%!important;top:5%!important;font:clamp(60px,8vw,100px) Georgia,serif!important;color:#b65d43!important;animation:ws21-spin 28s linear infinite!important;z-index:3!important}
.ws-about-page .r10-page-image .ws-page-window{position:relative!important;width:100%!important;min-height:390px!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:34px!important;background:#f7f2e7!important;border:1px solid #bfc8b3!important;box-shadow:none!important;transform:none!important;z-index:1!important}
.ws-about-page .r10-page-image .ws-page-window>b{font:700 clamp(44px,5.3vw,72px)/.92 Georgia,serif!important;letter-spacing:-.06em!important;color:#26372c!important;max-width:460px!important}
.ws-about-page .r10-page-image .ws-page-window>div{display:flex!important;gap:9px!important;align-items:center!important}
.ws-about-page .r10-page-image .ws-page-window>div i{display:block!important;width:25%!important;height:8px!important;background:#d7e5bc!important}
.ws-about-page .r10-page-image .ws-page-window>div i:nth-child(2){background:#c16a4c!important;width:16%!important}
.ws-about-page .r10-page-image .ws-page-window>div i:nth-child(3){background:#283a2e!important;width:34%!important}
.ws-about-page .r10-page-image>span{position:absolute!important;right:20px!important;bottom:14px!important;z-index:4!important;color:#26372c!important;font:9px 'DM Mono',monospace!important;letter-spacing:.14em!important}
.ws-about-page .r10-page-image .ws-page-window small{font:9px 'DM Mono',monospace!important;letter-spacing:.14em!important;color:#677260!important}

/* PRICING — keep the liked lime palette, but switch to an editorial price-list layout */
.ws-pricing-page .pagehero{background:#d8ed8d!important}
.ws-pricing-page .pagehero:after{content:"01 / 02 / 03"!important;right:3%!important;top:auto!important;bottom:-.08em!important;font:900 clamp(95px,15vw,205px)/.85 Arial,sans-serif!important;letter-spacing:-.1em!important;color:#c4dc78!important;white-space:nowrap!important}
.ws-pricing-page .pagehero .r10-page-image{border-radius:3px!important;box-shadow:14px 14px 0 #a95037!important;transform:rotate(0)!important}
.ws-pricing-page .pagehero .ws-price-preview{transform:rotate(0)!important;border-left:5px solid #b45b42!important;box-shadow:12px 12px 0 #e8d8b7!important}

.ws-pricing-page [data-packages]{display:flex!important;flex-direction:column!important;gap:0!important;border-top:1px solid #b9b9a8!important}
.ws-pricing-page [data-packages] .package{position:relative!important;display:grid!important;grid-template-columns:minmax(150px,.62fr) minmax(190px,.9fr) minmax(220px,1.1fr) minmax(160px,.7fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:12px 30px!important;min-height:0!important;padding:28px 48px 28px 20px!important;background:transparent!important;border:0!important;border-bottom:1px solid #b9b9a8!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.ws-pricing-page [data-packages] .package:hover{background:#e8edcf!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:130px!important;width:100%!important;border-radius:2px!important}
.ws-pricing-page [data-packages] .package>.eyebrow{grid-column:2!important;grid-row:1!important;margin:0!important;color:#a6533c!important;font:10px 'DM Mono',monospace!important;letter-spacing:.13em!important}
.ws-pricing-page [data-packages] .package>h3.price{grid-column:3!important;grid-row:1!important;align-self:end!important;margin:0!important;color:#26372d!important;font:700 clamp(36px,4vw,54px)/1 Georgia,serif!important;letter-spacing:-.05em!important}
.ws-pricing-page [data-packages] .package>p.small{grid-column:2!important;grid-row:2!important;margin:0!important;color:#4e5a4d!important;font:13px/1.65 Arial,sans-serif!important}
.ws-pricing-page [data-packages] .package>ul{grid-column:3!important;grid-row:2!important;margin:0!important;padding:0!important;border:0!important;flex:none!important}
.ws-pricing-page [data-packages] .package>ul li{font:12px/1.55 Arial,sans-serif!important;padding:5px 0!important;border:0!important;color:#3c4b3d!important}
.ws-pricing-page [data-packages] .package>.btn{grid-column:4!important;grid-row:1/3!important;margin:0!important;padding:12px 14px!important;background:#273a2e!important;color:#f7f1e4!important;text-align:center!important;font-size:11px!important}
.ws-pricing-page [data-packages] .package .package-index{position:absolute!important;right:13px!important;top:12px!important;color:#a6533c!important;font:10px 'DM Mono',monospace!important}
.ws-pricing-page [data-packages] .package.featured{background:#273a2e!important;border-left:5px solid #d8ed8d!important;padding-left:22px!important}
.ws-pricing-page [data-packages] .package.featured:hover{background:#31483a!important}
.ws-pricing-page [data-packages] .package.featured>h3.price{color:#e1efad!important}
.ws-pricing-page [data-packages] .package.featured>.eyebrow{color:#e1efad!important}
.ws-pricing-page [data-packages] .package.featured>p.small,.ws-pricing-page [data-packages] .package.featured>ul li{color:#f0eee2!important}
.ws-pricing-page [data-packages] .package.featured>.btn{background:#d8ed8d!important;color:#26372d!important}
.ws-pricing-page .section.dark{background:#f0e8d9!important;color:#29382e!important}
.ws-pricing-page .section.dark h2,.ws-pricing-page .section.dark p{color:#29382e!important}

/* HOMEPAGE — extra layers, gentle drift and a playful cursor halo */
.ws-home .ws-hero{overflow:hidden!important}
.ws-home .ws-hero-showcase:before{content:"";position:absolute;inset:5% 7%;border:1px solid #9cac8d;transform:rotate(-5deg);pointer-events:none;animation:ws21-frame 12s ease-in-out infinite alternate}
.ws-home .ws-hero-showcase:after{content:"✳  DESIGN WITH A POINT OF VIEW";position:absolute;right:4%;bottom:4%;z-index:7;padding:12px 16px;background:#f7f1e5;color:#29392f;font:9px 'DM Mono',monospace;letter-spacing:.13em;box-shadow:7px 7px 0 #b85d43;transform:rotate(3deg);animation:ws21-float 5.5s ease-in-out infinite}
.ws-home .ws-collage-tile{will-change:transform,filter!important}
.ws-home .ws-collage-tile:after{content:"";position:absolute;inset:0;border:1px solid #fff8;pointer-events:none}
.ws-home .ws-collage-food{animation:ws21-drift 8s ease-in-out infinite}
.ws-home .ws-collage-fitness{animation:ws21-drift 7s ease-in-out -2s infinite}
.ws-home .ws-collage-build{animation:ws21-drift 9s ease-in-out -4s infinite}
.ws-home .ws-collage-retail{animation:ws21-drift 7.5s ease-in-out -1s infinite}
.ws-home .ws-collage-center{z-index:8!important;position:relative!important}
.ws-home .ws-hero-content{position:relative!important}
.ws-home .ws-hero-content:after{text-shadow:0 10px 30px #d9e59a66!important}
.ws-home .ws-intro{isolation:isolate!important}
.ws-home .ws-intro:before{content:"";position:absolute;z-index:-1;width:clamp(220px,30vw,420px);height:clamp(220px,30vw,420px);right:4%;top:5%;border:1px solid #8da65c;border-radius:50%;animation:ws21-orbit 28s linear infinite}
.ws-home .ws-intro:before{box-shadow:0 0 0 22px #c8df7c44,0 0 0 44px #c8df7c22}
.ws-home .ws-work-card{transform-origin:center center!important}
.ws-home .ws-work-card:hover .ws-work-image img{transform:scale(1.08) rotate(-1deg)!important}
.ws-home .ws-service-row .ws-service-no{transition:transform .4s,color .4s!important}
.ws-home .ws-service-row:hover .ws-service-no{transform:rotate(-12deg) scale(1.12)!important;color:#bd5d43!important}
.ws-home .ws-cta{background-image:radial-gradient(circle at 85% 25%,#e5a18a55,transparent 25%)!important}
.ws-home .ws-cta h2{position:relative!important}
@keyframes ws21-spin{to{transform:rotate(360deg)}}
@keyframes ws21-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes ws21-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ws21-frame{0%{transform:rotate(-5deg) scale(.98)}100%{transform:rotate(-2deg) scale(1.02)}}
@keyframes ws21-orbit{to{transform:rotate(360deg)}}
.ws21-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.ws21-reveal.ws21-in{opacity:1;transform:translateY(0)}
@media(max-width:900px){
 .ws-work-page .work-project-copy{grid-template-columns:42px 1fr!important;gap:15px!important}
 .ws-work-page .work-project-style{grid-column:2!important;text-align:left!important}
 .ws-pricing-page [data-packages] .package{grid-template-columns:140px 1fr!important;gap:10px 20px!important}
 .ws-pricing-page [data-packages] .package .package-image{grid-column:1!important;grid-row:1/4!important}
 .ws-pricing-page [data-packages] .package>.eyebrow{grid-column:2!important;grid-row:1!important}
 .ws-pricing-page [data-packages] .package>h3{grid-column:2!important;grid-row:2!important}
 .ws-pricing-page [data-packages] .package>h3.price{grid-column:2!important;grid-row:3!important}
 .ws-pricing-page [data-packages] .package>p.small{grid-column:2!important;grid-row:4!important}
 .ws-pricing-page [data-packages] .package>ul{grid-column:2!important;grid-row:5!important}
 .ws-pricing-page [data-packages] .package>.btn{grid-column:2!important;grid-row:6!important}
}
@media(max-width:600px){
 .ws-services-page .ws-process-steps{grid-template-columns:1fr!important;gap:0!important}
 .ws-services-page .ws-process-steps>div{grid-template-columns:42px 1fr!important;padding:19px 0!important}
 .ws-services-page .ws-process-steps>div strong{font-size:20px!important}
 .ws-work-page .work-project-image{height:340px!important}
 .ws-work-page .work-project-image:before{font-size:43px!important;bottom:72px!important}
 .ws-pricing-page [data-packages] .package{grid-template-columns:1fr!important;padding:24px 15px!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,.ws-pricing-page [data-packages] .package>h3,.ws-pricing-page [data-packages] .package>h3.price,.ws-pricing-page [data-packages] .package>p.small,.ws-pricing-page [data-packages] .package>ul,.ws-pricing-page [data-packages] .package>.btn{grid-column:1!important}
 .ws-pricing-page [data-packages] .package>.eyebrow{grid-row:2!important}
 .ws-pricing-page [data-packages] .package>h3{grid-row:3!important}
 .ws-pricing-page [data-packages] .package>h3.price{grid-row:4!important}
 .ws-pricing-page [data-packages] .package>p.small{grid-row:5!important}
 .ws-pricing-page [data-packages] .package>ul{grid-row:6!important}
 .ws-pricing-page [data-packages] .package>.btn{grid-row:7!important}
 .ws-about-page .r10-page-image{min-height:390px!important}
 .ws-about-page .r10-page-image .ws-page-window{min-height:320px!important;padding:24px!important}
 .ws-home .ws-hero-showcase:after{font-size:7px!important;right:3%;bottom:2%}
}
@media(prefers-reduced-motion:reduce){
 .ws-home .ws-hero-showcase:before,.ws-home .ws-hero-showcase:after,.ws-home .ws-collage-tile,.ws-home .ws-intro:before,.ws-about-page .r10-page-image:before{animation:none!important}
 .ws21-reveal{opacity:1!important;transform:none!important;transition:none!important}
}