:root{--paper:#FAF8F3;--ink:#20211F;--graphite:#30302E;--blue:#E5F1F4;--blue-ink:#527581;--sand:#EEE8DC;--yellow:#FFDF17;--line:#E6E0D6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#eeece6;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-ink);outline-offset:4px}button svg{flex-shrink:0}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}main{max-width:805px;margin:0 auto;background:var(--paper);overflow:hidden;box-shadow:0 0 70px #30302e0a}.section-pad{padding-right:34px;padding-left:34px}h1,h2,h3,p,figure{margin:0}h2,h3{color:#111210;font-weight:800;letter-spacing:-1.3px}mark{position:relative;display:inline-block;isolation:isolate;background:transparent;color:inherit;white-space:nowrap}mark:before{content:"";position:absolute;inset:5% -8px -2%;z-index:-1;background:var(--yellow);border-radius:16% 8% 13% 7%;transform:rotate(-2deg)}.cta{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;background:var(--yellow);color:#12130e;font-size:22px;font-weight:800;line-height:1.2;min-height:58px;padding:16px 26px;box-shadow:0 5px 14px #80641d18;transition:transform .15s,box-shadow .15s}.cta svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px #80641d2a}.cta:active{transform:translateY(0)}
/* Approved full-screen mobile hero. Keep all artwork and the CTA inside the viewport. */
.hero{--hero-height:100vh;position:relative;padding:0;background:#80c7e9;overflow:hidden}
.hero-frame{position:relative;height:var(--hero-height);overflow:hidden;isolation:isolate}
.hero-ambient{position:absolute;inset:-32px;overflow:hidden;pointer-events:none}
.hero-ambient img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(24px);transform:scale(1.04)}
.hero-canvas{position:absolute;top:50%;left:50%;width:min(100%,calc(var(--hero-height) * 941 / 1672));aspect-ratio:941/1672;transform:translate(-50%,-50%)}
.hero-art{display:block;position:static;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 1%,#000 99%,transparent)}
.hero-cta{position:absolute;top:83.85%;left:14.25%;width:71.5%;height:6.95%;min-height:0;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:transparent;z-index:1;transition:background .15s}
.hero-cta:hover{background:#ffffff12;transform:none;box-shadow:none}
.hero-cta:active{background:#20211f0d}
.hero-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hero-frame:after{content:"";position:absolute;inset:auto 0 0;height:18px;background:linear-gradient(transparent,var(--paper));pointer-events:none;z-index:2}
@supports(height:100svh){.hero{--hero-height:100svh}}
@media(min-width:1000px){.hero{--hero-height:calc(100vh - 48px)}@supports(height:100svh){.hero{--hero-height:calc(100svh - 48px)}}}
@media(max-height:520px) and (orientation:landscape){.hero{--hero-height:calc(min(100vw,805px) * 1672 / 941)}}

.services{padding-top:15px;padding-bottom:45px}.services-heading h2{font-size:clamp(29px,5.2vw,54px);line-height:1.12;letter-spacing:-1.9px;text-align:center}.trailer-crop{position:relative;aspect-ratio:904/290;margin:30px -34px 12px;overflow:hidden}.trailer-crop img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-7.18%)}.step{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;column-gap:22px;position:relative;padding:23px 0 25px;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-creatives{grid-template-columns:52px minmax(0,1fr)}.number{display:grid;place-items:center;align-self:start;width:52px;height:49px;border-radius:10px;background:var(--blue);color:var(--blue-ink);font-size:29px;font-weight:800;letter-spacing:-1px}.step h3{font-size:35px;line-height:1.08;margin:0 0 6px}.step-body>p{font-size:20px;line-height:1.4}.toggle{width:28px;height:28px;display:grid;place-items:center;align-self:start;margin-top:3px;padding:0;border:1px solid #d7d9d1;background:transparent;border-radius:50%;color:#676d63;font-size:20px;line-height:1;transition:background .15s}.toggle:hover,.toggle[aria-expanded=true]{background:var(--blue)}.extra{padding-top:14px;font-size:17px;line-height:1.5;color:#51544e}.keep{margin-top:12px;padding-left:12px;border-left:3px solid #c9dce1}.extra[hidden]{display:none}.creative-examples{grid-column:1/-1;margin:16px -18px 0}.creative-preview{display:block;width:100%;border-radius:12px}.creative-crop{display:block;position:relative;aspect-ratio:904/452;overflow:hidden}.creative-crop img{position:absolute;width:100%;height:auto;top:0;left:0;transform:translateY(-37.4%)}.creative-examples figcaption{font-size:16px;text-align:center;color:#777871;margin-top:5px}.ownership{display:grid;grid-template-columns:146px minmax(0,1fr);align-items:center;gap:27px;margin:10px -4px 0;padding:27px 28px 29px 15px;border-radius:20px;background:var(--sand)}.parcel{width:145px;height:155px;filter:drop-shadow(0 9px 6px #654e3420)}.ownership h3{font-size:35px;line-height:1.1;margin-bottom:8px}.ownership p{font-size:20px;line-height:1.35}.ownership .cta{width:100%;margin-top:18px;font-size:23px}
.about{position:relative;padding-top:70px;padding-bottom:42px;background:radial-gradient(ellipse at 95% 0,#f1ece177,transparent 38%),var(--paper)}.about:before{content:"";position:absolute;top:4px;left:34px;right:34px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.miami-note{position:absolute;right:34px;top:24px;color:#a48160;font-family:"Segoe Print","Bradley Hand",cursive;font-size:30px;font-style:italic;transform:rotate(-9deg)}.about-heading h2{font-size:clamp(32px,6.7vw,61px);line-height:1.04;letter-spacing:-2px}.experience{position:relative;white-space:nowrap}.experience:after{content:"";position:absolute;left:5%;right:-7%;bottom:-10px;height:7px;border-radius:55%;background:var(--yellow);transform:rotate(-3deg)}.about-heading>p{font-size:24px;line-height:1.4;margin-top:28px;max-width:710px}.expertise{display:grid;grid-template-columns:.95fr 1.18fr .8fr 1.3fr;gap:12px;padding:0;margin:28px -6px 0;list-style:none}.expertise li{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:99px;background:var(--blue);padding:13px 11px;font-size:16px;font-weight:500;white-space:nowrap;color:#131612}.expertise svg{width:33px;height:33px;fill:none;stroke:#20211F;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.team{margin:12px -34px 0}.team-crop{position:relative;aspect-ratio:941/586;overflow:hidden}.team-crop img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-30.8%)}.team figcaption{color:#777871;text-align:center;font-size:13px;margin-top:4px}.intro-offer{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;padding:32px 30px 30px 23px;margin:25px -4px 0;background:linear-gradient(130deg,#f1e9dc,#f4eddf);border-radius:38px}.rocket{width:105px;height:132px;margin-top:7px;transform:rotate(3deg)}.offer-copy h3{font-size:36px;line-height:1.08;margin-bottom:22px;letter-spacing:-1.1px}.offer-copy p{font-size:19px;line-height:1.4;margin-top:15px}.offer-copy .offer-emphasis{font-weight:700;margin-top:20px}.offer-copy .budget-note{font-size:15px;color:#777871;margin-top:26px}.capacity-note{font-size:14px;line-height:1.5;max-width:610px;text-align:center;color:#777871;margin:23px auto 0}
dialog{border:0;color:var(--ink);background:var(--paper);padding:32px;border-radius:25px;box-shadow:0 30px 100px #20211f44;width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#20211f88;backdrop-filter:blur(5px)}dialog h2{font-size:31px;line-height:1.1;letter-spacing:-1px;margin:0 0 12px}dialog>p:not(.eyebrow){line-height:1.5;color:#66685f}.close{position:absolute;right:12px;top:9px;width:35px;height:35px;border:0;border-radius:50%;background:transparent;color:var(--graphite);font-size:29px;line-height:1}.close:hover{background:var(--sand)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue-ink);margin:6px 0 15px}label{display:block;font-size:14px;font-weight:600;margin:20px 0}.optional{font-size:11px;font-weight:400;color:#777871}input,textarea{display:block;width:100%;padding:12px 13px;margin-top:8px;border:1px solid #d8d8cd;border-radius:11px;color:var(--ink);background:#fffdfa;font-size:16px;line-height:1.4}textarea{resize:vertical}form .cta{width:100%;font-size:18px}form .demo-note{font-size:12px;line-height:1.5;color:#777871;margin-top:12px}#form-result{background:var(--blue);padding:13px;border-radius:11px;margin-top:14px;font-size:14px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){body{padding:24px 0}main{border-radius:20px}}
@media(max-width:600px){.section-pad{padding-left:20px;padding-right:20px}.services{padding-top:10px;padding-bottom:30px}.services-heading h2{letter-spacing:-1.1px;font-size:clamp(25px,6.6vw,38px);white-space:nowrap}.services-heading mark:before{inset:7% -5px -1%}.trailer-crop{margin:22px -20px 4px;aspect-ratio:904/290}.step{grid-template-columns:35px minmax(0,1fr) 24px;gap:12px;padding:19px 0 21px}.step-creatives{grid-template-columns:35px minmax(0,1fr)}.number{width:35px;height:35px;font-size:21px;border-radius:8px}.step h3{font-size:25px;letter-spacing:-.7px;margin:1px 0 5px}.step-body>p{font-size:16px;line-height:1.4}.toggle{width:24px;height:24px;font-size:18px;margin-top:4px}.extra{font-size:14px;padding-top:12px}.creative-examples{margin:13px -12px 0}.creative-examples figcaption{font-size:12px;margin-top:5px}.ownership{grid-template-columns:68px minmax(0,1fr);gap:14px;padding:22px 15px 23px 12px;margin-top:8px;border-radius:18px}.parcel{width:72px;height:83px;align-self:start;margin-top:4px}.ownership h3{font-size:25px;letter-spacing:-.8px}.ownership p{font-size:15px;line-height:1.4}.ownership .cta{font-size:15px;min-height:49px;gap:9px;padding:12px 8px;margin-top:16px}.ownership .cta svg{width:19px;height:19px}.about{padding-top:68px;padding-bottom:30px}.about:before{left:20px;right:20px}.miami-note{font-size:23px;right:22px;top:23px}.about-heading h2{font-size:clamp(28px,7.5vw,43px);letter-spacing:-1.2px}.experience:after{bottom:-7px;height:5px}.about-heading>p{font-size:17px;line-height:1.45;margin-top:22px}.expertise{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 0}.expertise li{gap:12px;padding:10px 12px;font-size:14px}.expertise svg{width:28px;height:28px;stroke-width:2.7}.team{margin:11px -20px 0}.team figcaption{font-size:11px}.intro-offer{display:block;padding:24px 21px 25px;margin-top:21px;border-radius:25px;position:relative}.rocket{position:absolute;top:19px;left:18px;width:48px;height:61px;margin:0}.offer-copy h3{font-size:26px;line-height:1.12;padding-left:53px;letter-spacing:-.8px;margin:0 0 24px}.offer-copy p{font-size:16px;line-height:1.5;margin-top:15px}.offer-copy .offer-emphasis{margin-top:17px}.offer-copy .budget-note{font-size:12px;margin-top:23px}.capacity-note{font-size:12px;margin-top:20px}dialog{padding:28px 24px}}
@media(max-width:360px){.section-pad{padding-left:16px;padding-right:16px}.trailer-crop{margin-left:-16px;margin-right:-16px}.services-heading h2{font-size:24px}.step{gap:9px;grid-template-columns:32px minmax(0,1fr) 23px}.step-creatives{grid-template-columns:32px minmax(0,1fr)}.number{width:32px;height:33px;font-size:19px}.step h3{font-size:23px}.step-body>p{font-size:15px}.ownership{grid-template-columns:48px minmax(0,1fr);gap:10px;padding-left:10px;padding-right:12px}.parcel{width:51px;height:65px}.ownership h3{font-size:22px}.ownership .cta{font-size:13px}.about-heading h2{font-size:26px}.team{margin-right:-16px;margin-left:-16px}.expertise li{font-size:13px;gap:8px}.offer-copy h3{font-size:23px}.intro-offer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Preserve the original hero proportions and illustrated about-section details. */
.services{padding-bottom:28px}
.about{padding-top:72px;isolation:isolate}
.about:before{display:none}
.miami-art{position:absolute;right:0;top:8px;width:26%;height:auto;overflow:hidden;pointer-events:none;z-index:-1}
.about-heading{position:relative;z-index:1}
.experience:before{content:"";position:absolute;left:17%;width:55%;height:2px;bottom:-7px;background:var(--ink);border-radius:100%;transform:rotate(-4deg);z-index:1}
.intro-offer{position:relative;border-radius:44px;background:radial-gradient(ellipse at 25% 20%,#f7f1e7 0,transparent 75%),#f0e7d8}
.intro-offer .rocket{transform:none}
.offer-copy h3 mark:before{inset:3% -10px -4%;border-radius:10%;clip-path:polygon(3% 10%,14% 5%,22% 9%,38% 2%,49% 6%,60% 1%,72% 7%,87% 5%,96% 13%,93% 23%,100% 34%,96% 47%,100% 60%,96% 71%,98% 85%,87% 91%,77% 88%,68% 98%,53% 94%,42% 99%,29% 93%,16% 97%,7% 89%,9% 78%,0 68%,4% 54%,0 42%,5% 28%)}
.offer-footer{position:relative;display:flex;align-items:center;min-height:82px;margin-top:16px;padding:13px 84px 0 0}
.offer-copy .offer-footer .budget-note{margin:0}
.palm-note{position:absolute;right:-20px;bottom:-25px;width:88px;height:auto;overflow:hidden;pointer-events:none}
@media(max-width:600px){
  .services{padding-bottom:22px}
  .about{padding-top:64px}
  .miami-art{top:3px;width:29%;min-width:112px}
  .experience:before{bottom:-5px;height:1.5px}
  .intro-offer{border-radius:29px}
  .offer-footer{min-height:76px;margin-top:15px;padding-right:67px}
  .palm-note{width:73px;right:-14px;bottom:-21px}
}
@media(max-width:360px){.miami-art{min-width:103px}}

.offer-copy h3 mark{margin-left:0.3em}

/* Separate foliage crosses the photograph edge without changing the photo or offer dimensions. */
.team{position:relative;z-index:2;isolation:isolate}
.team-crop .team-original{-webkit-mask-image:linear-gradient(90deg,transparent 17%,#000 20%);mask-image:linear-gradient(90deg,transparent 17%,#000 20%)}
.team-frond{position:absolute;z-index:2;display:block;height:auto;pointer-events:none;user-select:none;opacity:.76;filter:saturate(.43) brightness(.94) drop-shadow(2px 4px 3px #35402112)}
.team-frond-top{width:29%;left:-8%;top:3%;transform:rotate(25deg)}
.team-frond-bottom{width:27%;left:-10%;bottom:0;transform:rotate(68deg)}
@media(max-width:600px){.team-frond-bottom{bottom:-12px}}

/* The reference parcel includes its own soft shadow; preserve its proportions. */
img.parcel{display:block;object-fit:contain;filter:none}

/* A short client-goal transition from the road into the process section. */
.hero-art{mask-image:linear-gradient(to bottom,transparent,#000 1%,#000)}
.hero-frame:after{display:none}
.need-bridge{position:relative;isolation:isolate;background:var(--paper);margin-top:-1px}
.bridge-top{display:block;width:100%;height:clamp(54px,9vw,88px);overflow:hidden}
.bridge-paper{fill:var(--paper)}
.bridge-gold-line{fill:none;stroke:var(--yellow);stroke-width:3;vector-effect:non-scaling-stroke}
.bridge-white-line{fill:none;stroke:#fffefa;stroke-width:5;vector-effect:non-scaling-stroke}
.need-body{position:relative;padding:24px 38px 88px;overflow:hidden}
.need-copy{position:relative;z-index:1;max-width:710px;margin:auto;text-align:center}
.need-copy h2{font-size:clamp(30px,5.3vw,43px);line-height:1.16;letter-spacing:-1.4px;margin-bottom:22px}
.need-copy mark:before{inset:4% -13px -2%;border-radius:8%;clip-path:polygon(1% 18%,8% 10%,15% 8%,24% 3%,39% 6%,49% 1%,65% 5%,78% 2%,94% 8%,97% 18%,95% 26%,100% 40%,97% 51%,100% 65%,96% 75%,98% 84%,89% 92%,74% 96%,61% 92%,45% 98%,31% 93%,16% 98%,5% 89%,8% 77%,0 69%,4% 54%,0 43%,5% 30%)}
.need-copy p{font-size:20px;line-height:1.5;max-width:670px;margin:auto;text-wrap:pretty}



.need-trail{position:absolute;left:-1%;bottom:22px;width:102%;height:49px;fill:none;stroke:#92948c;stroke-width:1.5;stroke-dasharray:5 5;opacity:.7;pointer-events:none}
.need-trail .trail-arrow{stroke:var(--graphite);stroke-width:1.8;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round}
.bridge-bottom{position:absolute;left:0;bottom:-24px;width:100%;height:51px;z-index:2;pointer-events:none}
.need-bridge+.services-about>.services{padding-top:49px;background:linear-gradient(#E5F1F4 0,var(--paper) 110px)}
@media(max-width:600px){
  .need-body{padding:19px 25px 65px}
  .need-copy h2{font-size:clamp(21px,5.9vw,32px);line-height:1.18;letter-spacing:-.7px;margin-bottom:18px}
  .need-copy mark:before{left:-8px;right:-8px}
  .need-copy p{font-size:15px;line-height:1.5}
  
  
  .need-trail{height:34px;bottom:15px;stroke-width:2}
  .bridge-bottom{height:38px;bottom:-18px}
  .need-bridge+.services-about>.services{padding-top:34px;background:linear-gradient(#E5F1F4 0,var(--paper) 83px)}
}
@media(max-width:360px){.need-body{padding-left:20px;padding-right:20px}.need-copy h2{font-size:21px}.need-copy p{font-size:14px}}

/* One continuous road background under the hero and the wave, with the original caption intact. */
.hero{--road-tail:clamp(64px,9vw,94px);padding-bottom:var(--road-tail);background:#4b535f}
.hero-ambient{mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.hero-art{mask-image:linear-gradient(to bottom,transparent,#000 1%,#000 97.6%,transparent)}
.hero>.bridge-top{position:absolute;left:0;bottom:-1px;height:calc(var(--road-tail) + 1px);z-index:2}
.need-body{padding-bottom:100px}
.need-trail{bottom:36px;z-index:3;overflow:visible;stroke-width:1.2;stroke-dasharray:4 5;stroke-linecap:round;opacity:.85}
.need-trail path{vector-effect:non-scaling-stroke}
.need-trail .trail-arrow{stroke-width:1.5}
@media(max-width:600px){.need-body{padding-bottom:77px}.need-trail{bottom:28px;stroke-width:1.2}}

/* The hero and the outpainted road now share one image and one coordinate system. */
.hero{background:#4b535f}
.hero-ambient{inset:-32px;mask-image:none;z-index:0}
.hero-frame{display:grid;place-items:center;overflow:visible;isolation:auto;z-index:1}
.hero-canvas{position:relative;top:auto;left:auto;transform:none;aspect-ratio:941/1672}
.hero-art{position:absolute;inset:0 0 auto;width:100%;height:auto;mask-image:none}
/* Align the clickable area with the CTA in the continuous artwork. */
.hero-cta{top:83.2%;left:14.25%;width:71.5%;height:6.9%}

/* Reference refinements: a larger paint stroke, hanging fronds and a balanced arrowhead. */
.need-copy mark:before{inset:-8% -7.5% -8%;border-radius:4%;transform:rotate(-.6deg);clip-path:polygon(1% 16%,4% 12%,2% 8%,10% 7%,22% 3%,40% 5%,59% 2%,78% 5%,92% 6%,98% 12%,95% 16%,100% 23%,97% 28%,100% 38%,97% 45%,100% 55%,97% 62%,99% 73%,95% 78%,98% 84%,90% 90%,72% 93%,52% 96%,34% 94%,17% 97%,4% 89%,6% 83%,0 78%,4% 70%,1% 61%,4% 53%,0 45%,4% 36%,1% 27%,5% 21%)}
/* Natural translucent palm shadows, cropped at the edges like the reference. */
.need-frond{position:absolute;top:-36px;width:260px;height:auto;opacity:.46;filter:blur(1.3px);pointer-events:none;user-select:none;z-index:0}
.need-frond-left{left:-70px;top:-22px;width:260px;transform:none;opacity:.5}
.need-frond-right{right:-100px;top:-100px;width:210px;transform:scaleX(-1) rotate(-11deg)}
/* Follow the lower wave, then rise; shift the whole trail left by 8% of the section. */
.need-trail{height:auto;aspect-ratio:941/110;left:-6%;width:85%;bottom:24px}
.need-trail .trail-arrow{fill:none;stroke-dasharray:none;stroke-linejoin:miter;stroke-linecap:round}
@media(max-width:600px){
  .need-frond{width:195px;top:-16px;opacity:.32;filter:blur(1.1px)}
  .need-frond-left{left:-48px;top:-10px;width:175px;opacity:.38}
  .need-frond-right{width:160px;top:-80px;right:-90px}
  .need-trail{height:auto;bottom:28px}
}

/* One transparent frond bridges the two sections; only the page edge clips it. */
.services-about{position:relative;isolation:isolate;overflow:visible}
.transition-foliage{position:relative;height:0;z-index:2;overflow:visible;pointer-events:none;user-select:none}
.transition-frond{position:absolute;display:block;top:-26px;right:-20px;width:190px;height:auto;opacity:.82;filter:saturate(.72) brightness(.96) drop-shadow(0 3px 3px #3540210c);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18px);mask-image:linear-gradient(to bottom,transparent,#000 18px)}
.about{padding-top:62px;isolation:auto;overflow:visible}
.miami-art{z-index:3}
@media(max-width:600px){
  /* 390px: 22px section tail + 55.4px heading inset = 77.4px (was 86px). */
  .about{padding-top:55.4px}
  .transition-frond{top:-20px;right:-20px;width:clamp(136px,36vw,190px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px);mask-image:linear-gradient(to bottom,transparent,#000 14px)}
}

/* Approved transition 3 → 4: one continuous background, no added decoration. */
.about{padding-bottom:0}
.creative-showcase .cr-shell{padding-top:48px;padding-bottom:40px}
.creative-showcase .cr-decor{display:none}
@media(max-width:600px){.creative-showcase .cr-shell{padding-top:36px}}

/* Three niches in the process preview: preserve each complete ad, feature the bathroom. */
.creative-triptych{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:0;padding:9px 7px 11px}
.creative-triptych .process-ad{position:relative;min-width:0;border:3px solid #fff;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 5px 13px #453c2521;transform:translateX(9px) rotate(-4deg)}
.creative-triptych .process-ad--featured{z-index:1;transform:none;box-shadow:0 7px 17px #453c2529}
.creative-triptych .process-ad:last-child{transform:translateX(-9px) rotate(4deg)}
.creative-triptych img{display:block;width:100%;height:auto}
.creative-examples:has(.creative-triptych) figcaption{margin-top:7px;line-height:1.4}
@media(max-width:600px){.creative-triptych{padding:7px 5px 9px}.creative-triptych .process-ad{border-width:2px;border-radius:7px}}

/* Optimized standalone photograph and trailer retain their approved containers. */
.team-crop img.team-photo{transform:none;top:0;width:100%;height:100%;object-fit:fill;mask-image:none}
.trailer-crop img{transform:none}