/* Decisions from reference review: preserve working layouts, strengthen weak sections. */
:root{--section:clamp(3.5rem,5.2vw,5.2rem)}
h1,h2,h3{hyphens:none;text-wrap:balance}
.service-hero{padding-block:3rem 3.5rem}
.service-page>.service-hero+.section{border-top:1px solid var(--line)}
.service-hero h1{font-size:clamp(2.7rem,4.3vw,4.4rem)}
.service-hero .breadcrumbs{margin-bottom:1.5rem}
.service-page .offers{gap:0}
.service-page .offer{border-top:0;padding:0 2rem;border-left:1px solid var(--line)}
.service-page .offer:first-child{padding-left:0;border-left:0}
.service-page .offer:last-child{padding-right:0}
.service-page .offer h3{font-size:clamp(1.4rem,2vw,2rem)}
.service-page .offer .icon{color:var(--accent)}
.service-seo .offers{grid-template-columns:1fr 1fr;gap:2rem 0}
.service-seo .offer:nth-child(3){border-left:0;padding-left:0}
.service-websites .service-hero-art{aspect-ratio:1.3;display:grid;place-items:center;background:#e9e5dd;padding:1.4rem}
.service-websites .service-hero-art img{height:auto;object-fit:contain}
.project-card[data-category=websites] .project-media img{object-fit:contain;background:#e8e5dd;padding:1rem}
.home-work-v4 .project-card:first-child .project-media{aspect-ratio:1.9}
.project-full-art:has(.asset-web){aspect-ratio:1.85;background:#e8e5dd;padding:1.8rem}
.project-full-art:has(.asset-web) img{object-fit:contain}
.about-image:has(.asset-web){aspect-ratio:1.45;background:#e8e5dd;padding:1rem}
.about-image .asset-web{object-fit:contain}
.service-card{grid-template-columns:1fr}
.service-card h3 .icon{color:var(--accent)}
.service-card .service-icon{display:none}
.quotes{align-items:stretch}
.quote{display:flex;flex-direction:column}
.quote blockquote{flex:1;font-size:clamp(1.4rem,2.3vw,2.25rem);line-height:1.35}
.quote figcaption{margin-top:2rem}
.quote figcaption strong{font-size:1rem}
.testimonials .section-head{margin-bottom:2.5rem}
.reels-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.reels-triptych figure{position:relative;aspect-ratio:9/19;overflow:hidden;background:var(--soft)}
.reels-triptych figure:nth-child(2){transform:translateY(20px)}
.reels-triptych img{width:100%;height:100%;object-fit:cover}
.reels-triptych figcaption{position:absolute;bottom:0;left:0;right:0;padding:2rem .6rem .7rem;color:white;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(transparent,#0009)}
.service-reels .video-layout{gap:1.5rem}
.service-reels .video-frame{aspect-ratio:3/4}
.service-reels .video-caption{font-size:1.35rem}
.service-reels .video-frame .play-mark{display:none}
.service-reels .frame-action{position:absolute;left:1rem;top:1rem;font:600 .75rem var(--sans);background:#f7f5f0ef;color:#171818;padding:.5rem .65rem}
.timeline-illustration{background:#191c1e;color:#edece6;padding:1.5rem;border-radius:3px;overflow:hidden}
.timeline-heading{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin-bottom:1.2rem}
.timeline-heading .badge{color:#c2c5c5;font-size:.65rem}
.timeline-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.timeline-stills img{width:100%;height:145px;object-fit:cover}
.timeline-ruler{display:flex;justify-content:space-between;border-bottom:1px solid #626567;padding:1.2rem 0 .4rem;font-size:.65rem;color:#acb0b2}
.timeline-track{display:grid;grid-template-columns:65px 1fr;gap:10px;margin-top:12px;align-items:center;font-size:.7rem}
.timeline-track>div{height:25px;display:flex;gap:4px}
.timeline-track i{width:33.33%;background:#cc652d;border-radius:2px}
.track-1 i{background:#929b87}.track-1 i:nth-child(2){width:48%}.track-2 i{background:repeating-linear-gradient(90deg,#768895 0 2px,#52616b 2px 5px)}
.search-illustration{padding:1.5rem 0}
.search-browser{background:#fffdf9;border:1px solid #e4e0d8;box-shadow:0 20px 50px #362a1510;border-radius:10px;padding:0 22px 22px}
.browser-dots{display:flex;gap:6px;margin:0 -22px 20px;padding:12px 16px;background:#efece6;border-radius:10px 10px 0 0}
.browser-dots i{width:7px;height:7px;background:#d3cfc4;border-radius:50%}.browser-dots i:first-child{background:#f36f46}
.search-query{border:1px solid #e6e2dc;box-shadow:0 2px 5px #00000006;border-radius:30px;display:flex;align-items:center;gap:14px;padding:13px 18px;font-size:14px}
.search-query .icon{width:20px;height:20px}
.search-results{display:grid;gap:18px;margin-top:22px}
.search-results>div{display:flex;gap:28px;align-items:center}
.result-text{display:grid;gap:7px;flex:1}.result-text i{display:block;height:5px;background:#dddcd5}.result-text i:first-child{width:50%;background:var(--orange);height:6px}.result-text i:last-child{width:75%}
.result-thumb{width:56px;height:40px;background:#eeece6;border-radius:4px}
.search-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:16px;margin-top:26px;text-align:center}
.search-journey li{display:grid;justify-items:center;gap:5px;position:relative}
.search-journey li:not(:last-child)::after{content:'';position:absolute;top:24px;left:calc(50% + 26px);width:calc(100% - 36px);border-top:1px solid var(--line)}
.journey-icon{width:48px;height:48px;border:1px solid #f4a18b;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--paper);z-index:1}.journey-icon .icon{width:22px;height:22px}
.search-journey strong{font-size:14px}.search-journey small{font-size:12px;color:var(--muted)}
.audit-illustration{position:relative;min-height:360px;display:grid;place-items:center;background:linear-gradient(145deg,#efebe3,#dfd8ca);overflow:hidden;padding:2rem}
.audit-orbit{position:absolute;width:250px;height:250px;border:1px solid #c3bba9;border-radius:50%;left:-80px;bottom:-60px;box-shadow:0 0 0 24px #e9e3d6,0 0 0 25px #c3bba9,0 0 0 50px #e9e3d6,0 0 0 51px #c3bba9}
.audit-sheet{position:relative;width:min(100%,320px);background:#fffdf9;box-shadow:0 16px 36px #3b342519;border-radius:4px;padding:24px}
.audit-sheet h3{font-family:var(--sans);font-size:1.35rem;letter-spacing:-.03em;margin:8px 0 18px}
.audit-sheet>div{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #e6e1d8;font-size:14px}.audit-sheet>div>span:last-child{margin-left:auto;color:var(--accent)}.audit-sheet .icon{width:21px;height:21px}
.studio-figure{margin:0;aspect-ratio:auto;overflow:visible}.studio-figure>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.studio-figure figcaption{font-size:.75rem;color:var(--muted);margin-top:.65rem;text-align:right}
.about-brand-art{background:none;aspect-ratio:1.35}.about-brand-art img{object-fit:contain}
.about-intro h2{font-size:clamp(1.6rem,2.3vw,2.5rem);line-height:1.3}
.contact-heading{max-width:none;display:grid;grid-template-columns:1.55fr .65fr;gap:4rem;align-items:center}
.contact-heading h1{font-size:clamp(3rem,5vw,5.4rem)}
.contact-art{position:relative;min-height:240px;background:linear-gradient(130deg,#ded8cb,#f2eee6 52%,#ddd6c8);overflow:hidden}
.contact-art::before{content:'';position:absolute;width:72%;height:56%;background:#d6cdbb;left:8%;bottom:-16%;transform:skewY(-12deg);box-shadow:30px -30px 40px #42372c20}
.contact-art::after{content:'';position:absolute;width:47%;height:65%;right:10%;bottom:20%;background:linear-gradient(145deg,#ff751d99,#e53b06cf);border:1px solid #f66522;transform:skewY(-12deg);box-shadow:18px 18px 25px #bd522c25,inset 12px 0 20px #ffae5860}
.contact-details{align-content:start;gap:2rem;border-right:1px solid var(--line);padding-right:2.5rem}
.contact-details>div+div{border-top:1px solid var(--line);padding-top:1.8rem}
.contact-layout:has(.contact-details){grid-template-columns:.8fr 1.2fr}
.project-text-row>div{border-left:1px solid var(--line);padding-left:2.5rem}
@media(max-width:1000px){.service-page .offer{padding-inline:1.2rem}.contact-heading{gap:2rem}.service-reels .video-caption{font-size:1.15rem}}
@media(max-width:760px){
  :root{--section:3.4rem}
  .service-hero{padding-block:2.2rem 2.5rem}
  .service-hero h1{font-size:clamp(2.35rem,9.3vw,3.5rem)}
  .service-page .offers,.service-seo .offers{grid-template-columns:1fr;gap:0}
  .service-page .offer,.service-page .offer:first-child,.service-page .offer:last-child{padding:1.5rem 0;border-left:0;border-top:1px solid var(--line)}
  .service-page .offer:first-child{border-top:0;padding-top:0}
  .service-page .offer:last-child{padding-bottom:0}
  .service-page .offer .icon{margin-bottom:.75rem}
  .service-websites .service-hero-art{aspect-ratio:1.45;padding:1rem}
  .reels-triptych{gap:8px;margin-bottom:14px}.reels-triptych figure{aspect-ratio:9/17}.reels-triptych figure:nth-child(2){transform:translateY(12px)}
  .reels-triptych figcaption{font-size:8px;padding:.5rem .3rem}
  .service-reels .video-layout{grid-template-columns:1fr;gap:1.25rem}
  .service-reels .video-frame{aspect-ratio:4/3}
  .service-reels .video-caption{font-size:1.4rem}
  .timeline-illustration{padding:1rem}.timeline-stills img{height:110px}.timeline-heading{font-size:.75rem}.timeline-track{grid-template-columns:54px 1fr;font-size:.65rem}
  .search-illustration{padding:0}.search-browser{padding:0 16px 18px}.browser-dots{margin-inline:-16px}.search-query{font-size:12px;padding:12px}.search-journey{gap:8px}.search-journey strong{font-size:12px}.search-journey small{font-size:10px}
  .audit-illustration{min-height:310px;padding:1.3rem}
  .quote blockquote{font-size:1.55rem}.quote figcaption{margin-top:1.5rem}
  .contact-heading{grid-template-columns:1fr;padding-bottom:0}.contact-art{display:none}
  .contact-heading h1{font-size:clamp(2.7rem,9.5vw,4rem)}
  .contact-layout:has(.contact-details){grid-template-columns:1fr}
  .contact-details{border-right:0;padding-right:0}
  .project-text-row>div{padding-left:0;border-left:0}
  .project-full-art:has(.asset-web){aspect-ratio:1.4;padding:.65rem}
  .home-work-v4 .project-card:first-child .project-media{aspect-ratio:1.45}
}