:root{--blue:#dceaff;--butter:#fff4a8;--ink:#292b2c;--cream:#f7f4ec;--pink:#f5c8d4;--soft-accent:#f5c8d4;--lilac:#d7d4ef;--cobalt:#3f66d4;--chrome:#d6d8dc;--line:rgba(41,43,44,.18);--pad:clamp(24px,4.5vw,74px);--font-display:Arial,Helvetica,sans-serif;--font-editorial:"Iowan Old Style",Baskerville,"Libre Baskerville",Georgia,serif;--font-utility:Arial,Helvetica,sans-serif;--font-hand:"Bradley Hand","Segoe Print",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--ink);color:var(--butter)}
.loader{position:fixed;inset:0;z-index:1000;background:var(--ink);color:var(--cream);display:grid;place-content:center;gap:18px;transition:transform .9s cubic-bezier(.77,0,.18,1);transform-origin:top}.loaded .loader{transform:translateY(-101%)}.loader-word{font-size:clamp(28px,5vw,72px);font-weight:800;letter-spacing:-.06em}.loader-line{height:2px;background:#555;width:100%}.loader-line i{display:block;height:100%;background:var(--butter);animation:load 1.25s ease both}@keyframes load{from{width:0}to{width:100%}}
.site-header{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line);position:absolute;z-index:20;width:100%;font-family:var(--font-utility);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700}.brand-mark{border:1px solid;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:var(--font-utility);font-size:10px}.site-header nav{display:flex;gap:clamp(20px,2.6vw,40px)}.site-header nav a,.header-cta{position:relative}.site-header nav a:after,.header-cta:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.35s}.site-header nav a:hover:after,.header-cta:hover:after,.site-header nav a[aria-current="page"]:after{right:0}.header-cta{justify-self:end}.header-cta span{margin-left:8px}.menu-button{display:none;border:0;background:none;text-transform:uppercase;font-size:11px;cursor:pointer}
.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.hero{min-height:100svh;padding-top:clamp(150px,18vh,210px);padding-bottom:60px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px}.hero-title{font-size:clamp(68px,11vw,175px);line-height:.76;letter-spacing:-.085em;margin:35px 0 70px;font-weight:800;max-width:1500px}.hero-title .line{display:block}.hero-title em,.section-intro em,.about h2 em,.services h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cobalt)}.hero-title b{font-weight:800;color:var(--cobalt)}.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;padding-left:42%;gap:40px}.hero-foot p{font-size:clamp(16px,1.5vw,22px);line-height:1.35;max-width:490px;margin:0}.pill{border-radius:999px;padding:17px 23px;display:inline-flex;gap:35px;justify-content:space-between;font-size:13px;white-space:nowrap}.pill-dark{background:var(--ink);color:white}.hero-sticker{position:absolute;right:8%;top:24%;background:var(--butter);padding:15px 21px;transform:rotate(7deg);font-weight:700;box-shadow:0 7px 20px rgba(0,0,0,.08)}.hero-sticker em{font-family:Georgia,serif;color:var(--cobalt)}.hero-note{position:absolute;right:24%;bottom:20%;font:18px/1.3 "Comic Sans MS",cursive;transform:rotate(-6deg);opacity:.7}.spark{font-size:64px;position:absolute}.spark-one{right:2%;top:42%;color:var(--cobalt)}
.marquee{background:var(--butter);border-block:1px solid var(--ink);overflow:hidden;padding:19px 0}.marquee-track{width:max-content;display:flex;align-items:center;text-transform:uppercase;font-size:14px;letter-spacing:.12em;will-change:transform}.marquee-group{display:flex;align-items:center;justify-content:space-around;gap:35px;flex:0 0 auto;min-width:100vw;padding-right:35px}.marquee-track i{font-size:20px;font-style:normal}
.work{padding-top:150px;padding-bottom:140px;background:var(--cream)}.section-intro{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;margin-bottom:90px}.section-intro h2,.about h2,.services h2,.contact h2{font-size:clamp(55px,7.2vw,118px);line-height:.87;letter-spacing:-.07em;margin:0;font-weight:700}.section-intro p{font-size:16px;line-height:1.5;max-width:330px;margin:8px 0 0}.project-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:28px}.project-main{grid-row:span 2}.project-image{position:relative;overflow:hidden;background-image:none;min-height:35vw;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-main .project-image{min-height:56vw}.image-left{background-position:left}.image-mid{background-position:center}.image-right{background-position:right}.project-hover{cursor:pointer}.project-hover:hover .project-image{transform:scale(.985)}.project-number{position:absolute;top:18px;right:18px;background:var(--cream);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:11px}.tag{position:absolute;bottom:22px;left:22px;background:var(--soft-accent);border-radius:999px;padding:10px 15px;font-size:11px}.tag-blue{background:var(--blue)}.project-meta{display:grid;grid-template-columns:1fr auto;position:relative;padding:15px 0 32px;border-top:1px solid var(--ink)}.project-meta h3{font:28px Georgia,serif;margin:0}.project-meta p{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:7px 0 0}.project-meta span{grid-column:2;grid-row:1;font-size:11px}.work-footer{border-top:1px solid var(--ink);padding-top:30px;margin-top:90px;display:flex;justify-content:space-between;align-items:flex-end;font-size:18px}.work-footer>p{font:clamp(25px,2.5vw,38px)/1.08 var(--font-editorial);letter-spacing:-.035em;margin:0;max-width:500px}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:8px}
.proof{padding:65px var(--pad);background:var(--ink);color:var(--cream)}.proof-label{text-transform:uppercase;font-size:10px;letter-spacing:.15em;text-align:center;margin:0 0 50px;opacity:.6}.logo-row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.logo-row span{font-size:clamp(14px,1.6vw,23px);font-weight:700;letter-spacing:-.03em}
.about{min-height:950px;padding-top:150px;padding-bottom:150px;position:relative;overflow:hidden}.about-copy{position:relative;z-index:2}.about h2{max-width:1050px;margin-top:50px}.about-body{margin:70px 0 0 50%;display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:650px;font-size:17px;line-height:1.55}.polaroid-stack{position:absolute;right:3%;bottom:3%;width:360px;height:420px}.polaroid{position:absolute;background:#f7f4ec;padding:13px 13px 38px;width:250px;box-shadow:0 18px 50px rgba(28,40,54,.12);font:12px "Comic Sans MS",cursive}.polaroid-fill{height:270px;background-image:url('assets/client-work/wow-high-res-2.webp');background-size:300% 100%}.p-back{left:0;top:50px;transform:rotate(-9deg)}.p-front{right:0;top:0;transform:rotate(8deg)}.p-back .polaroid-fill{background-position:left}.p-front .polaroid-fill{background-position:center}.polaroid span{display:block;margin-top:12px}.tape{position:absolute;width:80px;height:24px;background:rgba(255,241,132,.75);right:75px;top:0;transform:rotate(3deg)}.about-quote{position:absolute;left:7%;bottom:10%;background:var(--cobalt);color:white;border-radius:18px 18px 18px 3px;padding:20px 25px;font-size:18px;transform:rotate(-3deg)}
.services{background:var(--pink);padding-top:140px;padding-bottom:140px}.services-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:100px}.service{border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 3fr 3fr auto;align-items:center;padding:30px 0;transition:padding .4s,background .4s}.service:last-child{border-bottom:1px solid}.service:hover{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.35)}.service>span{font-size:11px}.service h3{font:clamp(30px,4vw,60px) Georgia,serif;margin:0}.service p{font-size:12px;text-transform:uppercase;letter-spacing:.08em;max-width:380px;line-height:1.6}.service i{font-size:30px;font-style:normal}
.testimonial{padding-top:160px;padding-bottom:150px;background:var(--cream);position:relative}.quote-mark{font:160px Georgia,serif;line-height:.5;color:var(--cobalt)}blockquote{font:clamp(38px,5.4vw,84px)/1.02 Georgia,serif;letter-spacing:-.04em;max-width:1350px;margin:40px auto 80px}.quote-credit{margin-left:65%;border-top:1px solid;padding-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;flex-direction:column;gap:5px}
.contact{min-height:90vh;background:var(--cobalt);color:white;padding-top:130px;padding-bottom:75px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.contact h2{margin:55px 0 100px;max-width:1200px}.contact h2 em{color:var(--butter)}.giant-cta{border:0;background:var(--butter);color:var(--ink);border-radius:999px;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;max-width:650px;width:100%;font:clamp(18px,2vw,28px) var(--font-display);cursor:pointer;transition:.3s}.giant-cta:hover{transform:scale(1.02);background:white}.giant-cta i{font-style:normal}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-family:var(--font-utility);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.contact-spark{position:absolute;right:5%;top:12%;font-size:100px;color:var(--butter);animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.global-footer{height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--cream);font-family:var(--font-utility);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:none}.cursor{width:72px;height:72px;border-radius:50%;background:var(--butter);position:fixed;z-index:99;pointer-events:none;display:grid;place-items:center;font-size:10px;text-transform:uppercase;transform:translate(-50%,-50%) scale(0);transition:transform .25s;mix-blend-mode:multiply}.cursor.show{transform:translate(-50%,-50%) scale(1)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:72px}.site-header nav,.header-cta{display:none}.site-header nav.mobile-open{display:flex;position:absolute;left:0;right:0;top:72px;height:calc(100vh - 72px);background:var(--blue);flex-direction:column;align-items:center;justify-content:center;gap:40px;font:700 11vw/1 Arial,sans-serif;letter-spacing:-.06em}.menu-button{display:block}.hero{padding-top:130px;min-height:850px}.hero-title{font-size:clamp(61px,18vw,125px);line-height:.82}.hero-foot{padding-left:0;align-items:flex-start;flex-direction:column}.hero-note,.spark-one{display:none}.hero-sticker{top:auto;right:6%;bottom:26%}.section-intro{grid-template-columns:1fr}.section-intro h2{margin:35px 0}.project-grid{grid-template-columns:1fr}.project-main{grid-row:auto}.project-main .project-image,.project-image{min-height:100vw}.proof{padding-block:50px}.logo-row{justify-content:center}.about{min-height:1100px}.about-body{margin-left:0;grid-template-columns:1fr;max-width:480px}.polaroid-stack{right:-10%;bottom:4%}.about-quote{bottom:32%}.services-head{grid-template-columns:1fr;gap:40px}.service{grid-template-columns:45px 1fr auto}.service p{grid-column:2;max-width:270px}.service i{grid-column:3;grid-row:1}.quote-credit{margin-left:30%}.contact-bottom{grid-template-columns:1fr}.contact-details{align-items:flex-start}.cursor{display:none}}
@media(max-width:560px){:root{--pad:20px}.hero{min-height:760px}.hero-title{font-size:17vw;margin-top:30px}.hero-foot p{max-width:350px}.hero-sticker{font-size:11px}.section-intro h2,.about h2,.services h2,.contact h2{font-size:15vw}.work,.about,.services,.testimonial{padding-top:100px;padding-bottom:100px}.project-meta h3{font-size:23px}.project-meta p{max-width:220px}.work-footer{align-items:flex-start;flex-direction:column;gap:35px}.logo-row{gap:23px}.about{min-height:960px}.about-body{margin-top:45px;font-size:15px}.polaroid-stack{transform:scale(.75);transform-origin:bottom right;right:-5%;bottom:1%}.about-quote{bottom:27%;font-size:15px}.service{padding:23px 0}.service h3{font-size:34px}.service p{font-size:9px}.testimonial blockquote{font-size:11vw}.quote-credit{margin-left:0}.contact{min-height:780px}.contact-spark{font-size:60px}.giant-cta{width:100%}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.reveal{opacity:1;transform:none}.marquee-track,.contact-spark{animation:none}}

/* Type system: display sans for headlines, editorial serif for warmth, mono for utility labels, hand only for small human touches. */
body{font-family:var(--font-display)}
.eyebrow,.hero-kicker,.proof-label,.project-meta p,.text-link,.quote-credit,.service>span,.service p,.availability,.quote-no{font-family:var(--font-utility)}
.hero-title em,.section-intro em,.about h2 em,.services h2 em,.contact h2 em,.project-meta h3,.service h3,blockquote{font-family:var(--font-editorial)}
.hero-note,.polaroid,.floating-note,.hand-caption{font-family:var(--font-hand)}

/* Hero charms replace the heavier supporting copy with playful, airy brand punctuation. */
.hero-foot{padding-left:0;justify-content:flex-end}.hero-charms{position:absolute;inset:0;pointer-events:none}.charm{position:absolute;color:var(--cobalt);line-height:1;animation:charm-drift 5s ease-in-out infinite}.charm-star-one{right:2.5%;top:40%;font-size:62px}.charm-heart-one{right:27%;bottom:21%;font:70px var(--font-editorial);transform:rotate(9deg)}.charm-star-two{right:18%;top:28%;font-size:29px;animation-delay:-1.4s}.charm-heart-two{left:46%;bottom:9%;font:23px var(--font-editorial);color:var(--pink);animation-delay:-2.3s}.charm-star-three{left:3%;bottom:8%;font-size:22px;animation-delay:-3.1s}@keyframes charm-drift{50%{transform:translateY(-8px) rotate(6deg)}}

/* A small brand-manifesto interlude pulled from the brief's personal, homegrown direction. */
.club-notes{position:relative;background:var(--pink);padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;overflow:hidden}.club-note{min-height:240px;background:rgba(247,244,236,.7);border:1px solid rgba(41,43,44,.16);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.club-note span{font:10px var(--font-utility)}.club-note strong{font:clamp(28px,3vw,48px) var(--font-editorial);font-weight:400}.club-note p{max-width:260px;font-size:13px;line-height:1.45}.chrome-stamp{position:absolute;right:2%;top:8px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;font:10px/1.1 var(--font-utility);letter-spacing:.08em;color:#303236;background:radial-gradient(circle at 35% 30%,#fff 0,#bfc2c5 20%,#f9f9f9 38%,#81868b 62%,#e4e6e7 78%,#7d8286 100%);box-shadow:0 8px 22px rgba(0,0,0,.16);animation:stamp-float 4s ease-in-out infinite}@keyframes stamp-float{50%{transform:translateY(7px) rotate(6deg)}}
.testimonial-link{position:absolute;left:var(--pad);bottom:65px}

/* Web3Forms-ready enquiry form. */
.enquiry-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(500px,1.3fr);gap:clamp(50px,9vw,150px);align-items:start}.enquiry-intro>p{font:clamp(20px,2vw,30px)/1.3 var(--font-editorial);max-width:430px;margin:0 0 35px}.availability{font-size:10px;text-transform:uppercase;margin-bottom:90px;display:flex;align-items:center;gap:10px}.availability i{width:8px;height:8px;background:#bce58d;border-radius:50%;box-shadow:0 0 0 5px rgba(188,229,141,.18);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(188,229,141,0)}}.booking-form{display:grid;gap:28px}.booking-form label{display:grid;gap:10px}.booking-form label>span{font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.04em}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0;background:transparent;color:white;padding:8px 0 15px;font:clamp(17px,1.7vw,24px) var(--font-display);outline:none}.booking-form textarea{resize:vertical}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-bottom-color:var(--butter)}.booking-form input::placeholder,.booking-form textarea::placeholder{color:rgba(255,255,255,.45)}.booking-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,white 50%),linear-gradient(135deg,white 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px;background-repeat:no-repeat}.booking-form option{color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.booking-form .giant-cta{margin-top:15px}.botcheck{position:absolute!important;left:-9999px!important}.form-status{font:11px var(--font-utility);min-height:1.4em;margin:0}.form-status.is-warning{color:var(--butter)}

/* Testimonials page. */
.site-header-static{position:relative}.testimonials-page{background:var(--cream)}.testimonials-hero{min-height:720px;padding-top:120px;padding-bottom:90px;background:var(--butter);position:relative;overflow:hidden}.testimonials-hero h1{font-size:clamp(75px,11vw,170px);line-height:.78;letter-spacing:-.08em;margin:55px 0 80px;max-width:1300px}.testimonials-hero h1 em,.testimonial-cta h2 em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.testimonials-hero>p{margin-left:58%;max-width:430px;font-size:20px;line-height:1.4}.floating-note{position:absolute;padding:14px 18px;background:var(--cream);box-shadow:0 8px 20px rgba(0,0,0,.08)}.note-a{right:7%;top:18%;transform:rotate(6deg)}.note-b{left:5%;bottom:6%;transform:rotate(-4deg);background:var(--pink)}.testimonial-wall{padding-top:110px;padding-bottom:120px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quote-card{min-height:470px;padding:35px;background:var(--blue);display:flex;flex-direction:column;justify-content:space-between}.quote-card-large{grid-column:span 2;min-height:650px;background:var(--pink)}.quote-card blockquote{font:clamp(35px,4.3vw,70px)/1.04 var(--font-editorial);letter-spacing:-.04em;margin:40px 0;max-width:1200px}.quote-card:not(.quote-card-large) blockquote{font-size:clamp(30px,3.5vw,54px)}.quote-card footer{height:auto;padding-top:20px;border-top:1px solid;display:flex;justify-content:space-between;gap:30px;font:10px var(--font-utility);text-transform:uppercase}.quote-card footer strong{font-weight:400}.quote-card-blue{background:var(--cobalt);color:white}.quote-card-dark{background:var(--ink);color:white}.quote-card-image{padding:18px;background:var(--butter)}.quote-image{height:390px;background:none}.hand-caption{font-size:18px;transform:rotate(-2deg);padding:12px}.testimonial-cta{min-height:750px;background:var(--blue);padding-top:130px;padding-bottom:90px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-cta h2{font-size:clamp(60px,8vw,125px);line-height:.86;letter-spacing:-.07em;margin:45px 0 80px}.testimonial-cta .giant-cta{align-self:flex-end}

@media(max-width:900px){.club-notes{grid-template-columns:1fr}.club-note{min-height:180px}.enquiry-grid{grid-template-columns:1fr}.availability{margin-bottom:45px}.contact{min-height:auto}.testimonials-hero>p{margin-left:30%}.testimonial-wall{grid-template-columns:1fr}.quote-card-large{grid-column:auto}.quote-card{min-height:430px}.charm-heart-one{right:6%;bottom:20%;font-size:52px}.charm-star-two{right:5%;top:36%}.charm-heart-two{left:60%;bottom:7%}}
@media(max-width:560px){.club-notes{padding-top:80px}.form-row{grid-template-columns:1fr}.booking-form{gap:24px}.contact h2{margin-bottom:70px}.enquiry-grid{gap:60px}.testimonial-link{position:static;display:inline-block;margin-top:40px}.testimonials-hero{min-height:690px;padding-top:90px}.testimonials-hero h1{font-size:18vw;margin-top:55px}.testimonials-hero>p{margin-left:0;font-size:17px;max-width:320px}.note-a{top:auto;bottom:5%;right:5%}.note-b{display:none}.testimonial-wall{padding-top:55px}.quote-card,.quote-card-large{min-height:400px;padding:24px}.quote-card blockquote,.quote-card:not(.quote-card-large) blockquote{font-size:10vw}.testimonial-cta{min-height:650px}.global-footer span:nth-child(2){display:none}.charm-star-one{font-size:42px;right:3%;top:45%}.charm-heart-one{right:8%;bottom:24%;font-size:44px}.charm-star-two{display:none}.charm-heart-two{left:52%;bottom:5%}.charm-star-three{left:7%;bottom:5%}}

/* Final layout refinement: independent portrait assets, consistent card rhythm, and collision-free editorial spacing. */
.about h2 em{display:block;font-family:var(--font-display);font-style:normal;font-weight:700;letter-spacing:-.07em;color:var(--cobalt)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px);align-items:start}
.project-main{grid-row:auto}
.project-image,.project-main .project-image{min-height:0;aspect-ratio:4/5;background-size:cover;background-repeat:no-repeat;background-position:center}
.image-left{background-image:url('assets/client-work/whiteash-photo-2.webp');background-size:cover;background-position:center 28%}
.image-mid{background-image:url('assets/client-work/kosis-collab.webp');background-size:cover;background-position:center}
.image-right{background-image:url('assets/client-work/alwaysbusy-collab.webp');background-size:cover;background-position:center}
.project-meta{min-height:100px}
.polaroid-fill{background-size:cover;background-repeat:no-repeat;background-position:center}
.p-back .polaroid-fill{background-image:url('assets/client-work/wow-high-res-2.webp');background-size:cover;background-position:center}
.p-front .polaroid-fill{background-image:url('assets/client-work/moda-tequila.webp');background-size:cover;background-position:center}
.quote-image{background-image:none}

@media(min-width:901px) and (max-width:1300px){
  .hero{min-height:900px;padding-top:150px}
  .hero-title{font-size:clamp(76px,10.2vw,130px);line-height:.8;max-width:900px;margin-bottom:80px}
  .hero-sticker{top:17%;right:6%;font-size:13px}
  .charm-star-one{right:2.5%;top:43%;font-size:46px}
  .charm-star-two{right:3%;top:31%;font-size:22px}
  .charm-heart-one{right:18%;bottom:22%;font-size:48px}
  .charm-heart-two{left:58%;bottom:8%}
  .section-intro{grid-template-columns:.7fr 1.8fr 1fr;gap:25px}
  .section-intro h2{font-size:clamp(60px,7vw,90px)}
  .about{min-height:auto;padding-top:120px;padding-bottom:620px}
  .about h2{font-size:clamp(58px,6.7vw,86px);line-height:.92;max-width:100%;margin-top:44px}
  .about-body{margin:58px 0 0;width:50%;max-width:520px;grid-template-columns:1fr;gap:18px;font-size:16px}
  .polaroid-stack{right:5%;bottom:95px;transform:scale(.9);transform-origin:bottom right}
  .about-quote{left:7%;bottom:120px}
}

/* Fast final tidy from latest notes. Keep these overrides last. */
.instagram-preview{
  display:none!important;
}

.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.18)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee i{
  font-weight:400!important;
  opacity:.92;
}

.catalog-nav,
.catalog-page-intro{
  background:var(--pink)!important;
  color:var(--ink)!important;
}

.catalog-nav h1 em,
.catalog-nav h2 em,
.catalog-page-intro h1 em{
  color:var(--ink)!important;
}

.catalog-nav nav,
.catalog-nav nav a{
  border-color:rgba(41,43,44,.42)!important;
}

.catalog-nav nav span,
.catalog-nav nav i{
  color:var(--ink)!important;
  opacity:.72!important;
}

.catalog-nav nav a:hover{
  color:var(--ink)!important;
  padding-left:10px;
}

.featured-gallery{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,30px)!important;
}

.featured-media{
  aspect-ratio:4/5!important;
}

.featured-card-placeholder .featured-media{
  background:linear-gradient(135deg,#dadbd6,#eeeeea)!important;
  border:1px solid rgba(41,43,44,.28);
}

.testimonials-page .testimonial-wall{
  gap:clamp(24px,3vw,40px)!important;
}

.testimonials-page .testimonial-video-card{
  min-height:620px!important;
  background:var(--butter)!important;
}

.testimonial-written-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,28px);
}

.testimonial-written-card{
  min-height:280px;
  padding:clamp(24px,3vw,38px);
  display:flex;
  flex-direction:column;
  border:1px solid rgba(41,43,44,.22);
}

.testimonial-written-card blockquote{
  margin:34px 0 24px;
  font:400 clamp(24px,2.6vw,38px)/.98 var(--font-editorial);
  letter-spacing:-.045em;
}

.testimonial-written-card .mini-stars{
  margin-top:auto;
  color:var(--cobalt);
  font-size:clamp(25px,2.5vw,36px);
  letter-spacing:.03em;
}

.testimonial-written-card>div{
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(41,43,44,.44);
  padding-top:14px;
  font:10px var(--font-utility);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.testimonial-card-cream{
  background:var(--cream);
  color:var(--ink);
}

@media(max-width:1100px){
  .featured-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .testimonial-written-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .featured-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  .featured-gallery{
    grid-template-columns:1fr!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:900px){
  .project-grid{grid-template-columns:1fr;gap:55px}
  .project-image,.project-main .project-image{aspect-ratio:4/5;min-height:0}
  .about h2 em{line-height:.98}
}

@media(prefers-reduced-motion:reduce){.charm,.chrome-stamp{animation:none}}

/* Accessible navigation and keyboard focus. */
.skip-link{position:fixed;left:18px;top:14px;z-index:2000;background:var(--ink);color:white;padding:12px 16px;transform:translateY(-160%);transition:transform .2s;font:12px var(--font-utility)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--butter);outline-offset:4px}.project:focus-visible{outline-color:var(--cobalt)}

/* Process: concrete reassurance without adding visual noise. */
.process{background:var(--ink);color:var(--cream);padding-top:140px;padding-bottom:140px}.process-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:100px}.process-head h2{font-size:clamp(55px,7vw,110px);line-height:.88;letter-spacing:-.07em;margin:0}.process-head h2 em{display:block;color:var(--butter);font-family:var(--font-display);font-style:normal}.process-step{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid rgba(255,255,255,.25);padding:30px 0}.process-step:last-child{border-bottom:1px solid rgba(255,255,255,.25)}.process-step>span{font:11px var(--font-utility);opacity:.6}.process-step>div{display:grid;grid-template-columns:1fr 1fr;gap:45px}.process-step h3{font:clamp(30px,4vw,58px) var(--font-editorial);font-weight:400;margin:0}.process-step p{max-width:390px;line-height:1.55;margin:8px 0 0;opacity:.75}
.consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:12px!important}.consent input{appearance:none;flex:0 0 18px;width:18px!important;height:18px;border:1px solid rgba(255,255,255,.7)!important;padding:0!important;margin:0}.consent input:checked{background:var(--butter);box-shadow:inset 0 0 0 4px var(--cobalt)}.consent span{font-size:10px!important;line-height:1.5;text-transform:none!important}.consent a{text-decoration:underline;text-underline-offset:3px}

/* Work archive and reusable case-study structure. */
.work-page{background:var(--cream)}.work-hero{min-height:700px;padding-top:110px;padding-bottom:90px;display:flex;flex-direction:column;justify-content:space-between}.work-hero h1{font-size:clamp(75px,11vw,170px);line-height:.79;letter-spacing:-.085em;margin:45px 0}.work-hero h1 em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.work-hero>p{max-width:480px;margin-left:58%;font-size:19px;line-height:1.45}.case-study{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;border-top:1px solid var(--ink)}.case-image{position:sticky;top:0;height:100vh;overflow:hidden}.case-image img{width:100%;height:100%;object-fit:cover;display:block}.case-info{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;justify-content:space-between}.case-number{font:11px var(--font-utility)}.case-info h2{font:clamp(50px,6vw,95px)/.9 var(--font-editorial);font-weight:400;letter-spacing:-.05em;margin:0 0 35px}.case-info p{font-size:20px;line-height:1.45;max-width:520px}.case-info dl{display:grid;gap:0;margin:60px 0 0}.case-info dl div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid;padding:14px 0}.case-info dl div:last-child{border-bottom:1px solid}.case-info dt,.case-info dd{font:10px var(--font-utility);text-transform:uppercase;margin:0}.case-study-blue{background:var(--blue)}

/* Lightweight legal page. */
.legal-page{background:var(--blue)}.legal-content{padding-top:110px;padding-bottom:130px}.legal-content h1{font-size:clamp(75px,11vw,160px);line-height:.8;letter-spacing:-.08em;margin:45px 0 100px}.legal-content h1 em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.legal-copy{max-width:720px;margin-left:35%;font-size:18px;line-height:1.6}.legal-copy h2{font:32px var(--font-editorial);margin:55px 0 8px}.legal-copy a{text-decoration:underline}.legal-note{margin-top:70px;padding:22px;background:rgba(255,255,255,.45);font-size:13px}

@media(max-width:900px){.process-head{grid-template-columns:1fr;gap:35px}.process-step{grid-template-columns:50px 1fr}.process-step>div{grid-template-columns:1fr;gap:5px}.case-study{grid-template-columns:1fr}.case-image{position:relative;height:auto;aspect-ratio:4/5}.case-info{min-height:620px}.work-hero>p{margin-left:0}.legal-copy{margin-left:0}.consent{display:flex!important}}
@media(max-width:560px){.process{padding-top:100px;padding-bottom:100px}.process-head h2{font-size:14vw}.process-step h3{font-size:35px}.process-step p{font-size:14px}.work-hero{min-height:650px}.work-hero h1{font-size:18vw}.case-info{min-height:560px}.case-info p{font-size:17px}.legal-content h1{font-size:18vw}.legal-copy{font-size:16px}}

/* Supporting copy follows the same clean sans used by navigation and eyebrow labels. */
.hero-foot p,
.section-intro p,
.project-meta p,
.work-footer>p,
.proof p,
.about-body p,
.club-note p,
.service p,
.process-step p,
.enquiry-intro>p,
.booking-form,
.quote-credit,
.testimonials-hero>p,
.work-hero>p,
.case-info p,
.case-info dl,
.legal-copy p,
.legal-note{
  font-family:var(--font-utility);
  font-style:normal;
}

/* One supporting-content face: titles, descriptions and functional copy all match the navigation. */
.section-intro p,
.project-meta h3,
.project-meta p,
.work-footer>p,
.club-note strong,
.club-note p,
.about-body p,
.service h3,
.service p,
.process-step h3,
.process-step p,
.enquiry-intro>p,
.booking-form label,
.booking-form input,
.booking-form select,
.booking-form textarea,
.availability,
.contact-details,
.testimonials-hero>p,
.quote-credit,
.work-hero>p,
.case-info h2,
.case-info p,
.case-info dl,
.legal-copy h2,
.legal-copy p{
  font-family:var(--font-utility);
  font-style:normal;
}

/* Process alignment follows the left edge used throughout the rest of the page. */
.process-head{
  grid-template-columns:1fr;
  gap:34px;
}
.process-head h2{
  max-width:1100px;
}
.process-step{
  grid-template-columns:80px minmax(0,1fr);
}
.process-step>div{
  grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);
}

@media(max-width:700px){
  .process-step{grid-template-columns:42px minmax(0,1fr)}
  .process-step>div{grid-template-columns:1fr;gap:8px}
}

/* Real collaboration media supplied by Juno Club. */
.collab-reel{background:var(--blue);padding-top:140px;padding-bottom:140px}.collab-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:90px}.collab-head h2{font-size:clamp(55px,7vw,110px);line-height:.87;letter-spacing:-.07em;margin:0}.collab-head h2 em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.collab-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}.collab-item{margin:0}.collab-item img,.collab-item video{width:100%;height:100%;display:block;object-fit:cover;background:var(--ink)}.collab-photo{grid-column:span 4}.collab-photo img{aspect-ratio:4/5}.collab-kosis{margin-top:70px}.collab-video{grid-column:span 2;margin-top:0}.collab-video video{aspect-ratio:9/16}.collab-yung{margin-top:70px}.collab-item figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:12px;margin-top:10px;font-family:var(--font-utility);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.collab-item figcaption strong{font-weight:600}.collab-item figcaption span{text-align:right}
@media(max-width:900px){.collab-head{grid-template-columns:1fr;gap:35px}.collab-photo,.collab-still,.collab-video{grid-column:span 6}.collab-kosis{margin-top:0}.collab-still,.collab-video{margin-top:35px}}
@media(max-width:560px){.collab-reel{padding-top:100px;padding-bottom:100px}.collab-head h2{font-size:14vw}.collab-photo,.collab-still,.collab-video{grid-column:1/-1;margin-top:30px}.collab-grid{gap:35px}}

/* Art-directed media: preserve each film instead of cropping it into a generic card. */
.video-frame{width:100%;aspect-ratio:9/16;display:grid;place-items:center;overflow:hidden;background:#111}
.collab-item .video-frame video{width:100%;height:100%;object-fit:contain;background:#111}
.about-feature{position:absolute;left:29%;bottom:5%;width:clamp(210px,20vw,310px);margin:0;background:var(--cream);padding:11px 11px 34px;box-shadow:0 18px 50px rgba(28,40,54,.12);transform:rotate(-2deg);z-index:1}
.about-feature img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.about-feature figcaption{padding-top:10px;font:11px var(--font-utility);text-transform:uppercase;letter-spacing:.06em}
.testimonial-video-card{padding:18px;background:var(--butter);justify-content:flex-start}
.testimonial-placeholder-video{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,420px) minmax(240px,1fr);justify-content:center;align-items:center;gap:24px;min-height:650px;padding:28px}
.testimonial-card-pink{background:var(--pink)}
.testimonial-card-blue-legacy{background:var(--soft-accent)}
.testimonial-video-placeholder{position:relative;display:grid;place-items:center;background:rgba(41,43,44,.12);border:1px solid rgba(41,43,44,.24);color:var(--ink);font:10px var(--font-utility);letter-spacing:.1em;text-transform:uppercase}
.testimonial-video-placeholder span{padding:12px 16px;border:1px solid currentColor;border-radius:999px}
@media(max-width:900px){.testimonial-placeholder-video{grid-template-columns:minmax(250px,390px);justify-content:center;min-height:0}.testimonial-placeholder-video .testimonial-video-frame{height:auto;aspect-ratio:9/16}}
.testimonial-video-frame{height:540px;display:grid;place-items:center;overflow:hidden;background:#111}
.testimonial-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.testimonial-video-card .hand-caption{margin-top:10px}
@media(max-width:900px){.about-feature{left:7%;bottom:4%;width:230px}.testimonial-video-frame{height:580px}}
@media(max-width:560px){.about-feature{display:none}.testimonial-video-frame{height:auto;aspect-ratio:9/16}.testimonial-video-frame video{aspect-ratio:9/16}}

/* Final simplification pass. */
.collab-video{grid-column:span 4;margin-top:0}.collab-yung{margin-top:0}
.about{min-height:860px;padding-top:110px;padding-bottom:90px}
.about-body{margin-top:48px}
.polaroid-stack{top:395px;bottom:auto;right:5%;transform:scale(.88);transform-origin:top right}
.about-quote{top:650px;bottom:auto}
.about-feature{display:none}

.work-page{height:100vh;overflow:hidden}.work-page main{height:calc(100vh - 76px)}.work-page .work-hero{display:none}.case-viewer{height:100%}.case-study{display:none;height:100%;min-height:0;border-top:1px solid var(--ink)}.case-study.is-active{display:grid}.case-image{position:relative;top:auto;height:100%;min-height:0}.case-info{min-height:0;height:100%;overflow:auto;padding-top:45px;padding-bottom:35px}.case-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-top:1px solid;margin-top:32px;padding-top:18px;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.06em}.case-nav span{text-align:center}.case-nav button{width:48px;height:48px;border:1px solid;border-radius:50%;background:transparent;color:inherit;font-size:20px;cursor:pointer;transition:.2s}.case-nav button:hover{background:var(--ink);color:var(--cream)}.case-study-blue .case-nav button:hover{background:var(--cobalt);color:white}

.testimonial-wall{grid-template-columns:repeat(3,1fr)}.testimonial-video-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);gap:24px;min-height:0}.testimonial-video-frame{height:min(72vh,760px)}.video-testimonial-caption{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px}.five-stars{font:clamp(23px,3vw,42px) var(--font-display);letter-spacing:.12em;color:var(--cobalt);margin-top:20px}.testimonial-wall>.quote-card:not(.testimonial-video-card){min-height:420px}.testimonial-wall>.quote-card:not(.testimonial-video-card) blockquote{font-size:clamp(28px,3vw,46px)}

.global-footer{height:auto;min-height:80px;gap:30px}.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,2.5vw,38px)}.footer-links a{display:flex;align-items:center;gap:7px;white-space:nowrap;opacity:.8;transition:opacity .2s}.footer-links a:hover{opacity:1}

@media(max-width:900px){.about{min-height:980px;padding-top:100px}.polaroid-stack{top:auto;bottom:35px;right:-5%}.about-quote{top:auto;bottom:300px}.work-page{height:auto;overflow:auto}.work-page main{height:auto;min-height:calc(100vh - 72px)}.case-study.is-active{grid-template-columns:1fr}.case-image{height:auto;aspect-ratio:4/5}.case-info{height:auto;min-height:560px;overflow:visible}.testimonial-wall{grid-template-columns:1fr}.testimonial-video-card{grid-template-columns:1fr}.testimonial-video-frame{height:auto;aspect-ratio:9/16}.video-testimonial-caption{padding:5px}.footer-links span{display:none}}
@media(max-width:560px){.about{min-height:900px}.polaroid-stack{bottom:15px}.about-quote{bottom:250px}.global-footer{padding-top:24px;padding-bottom:24px;align-items:flex-start}.footer-links{gap:16px;flex-wrap:wrap;justify-content:flex-end}.testimonial-wall>.quote-card:not(.testimonial-video-card){min-height:360px}}

/* Unified vertical section introductions. */
.section-intro,.collab-head,.services-head,.process-head{display:block;max-width:1050px;margin-bottom:75px}
.section-intro h2,.collab-head h2,.services-head h2,.process-head h2{margin-top:24px}
.section-intro p,.collab-head p{max-width:540px;margin:28px 0 0;font-size:16px;line-height:1.55}
.services-head h2,.process-head h2{max-width:1000px}

/* Centre-focus campaign carousel. */
.collab-grid{grid-template-columns:1fr 1.45fr 1fr;align-items:center;min-height:720px;gap:clamp(18px,3vw,48px)}
.collab-item,.collab-video,.collab-photo{grid-column:auto;margin:0;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .45s ease;will-change:transform}
.collab-item.is-left{order:1;transform:scale(.8);transform-origin:right center;opacity:.62}
.collab-item.is-active{order:2;transform:scale(1);opacity:1;z-index:2}
.collab-item.is-right{order:3;transform:scale(.8);transform-origin:left center;opacity:.62}
.collab-item:not(.is-active) video{pointer-events:none}
.campaign-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:35px;font:10px var(--font-utility);letter-spacing:.08em}.campaign-controls button{width:52px;height:52px;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:20px;cursor:pointer;transition:.2s}.campaign-controls button:hover{background:var(--ink);color:var(--cream)}

/* Continuous client-name conveyor. */
.proof{overflow:hidden}.logo-row{display:flex;justify-content:flex-start;gap:0;overflow:visible;width:max-content;max-width:none;padding:0;will-change:transform}.logo-group{display:flex;flex:0 0 max-content;align-items:center;gap:clamp(50px,6vw,100px);padding-right:clamp(50px,6vw,100px)}.logo-group i{font-style:normal;font-size:13px}

/* A fitted portrait testimonial with an always-visible playback control. */
.testimonial-video-card{grid-template-columns:minmax(280px,420px) minmax(240px,1fr);justify-content:center;align-items:center;padding:28px}.testimonial-video-frame{position:relative;width:100%;height:auto;aspect-ratio:9/16;max-height:72vh}.video-toggle{position:absolute;left:14px;bottom:14px;z-index:3;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(20,20,20,.76);backdrop-filter:blur(8px);color:white;padding:11px 15px;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.quote-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-stars{font:11px var(--font-utility);letter-spacing:.1em;color:currentColor}

@media(max-width:900px){.section-intro,.collab-head,.services-head,.process-head{margin-bottom:55px}.collab-grid{display:grid;grid-template-columns:1fr;min-height:0}.collab-item{display:none}.collab-item.is-active{display:block;order:1;transform:none}.campaign-controls{margin-top:26px}.testimonial-video-card{grid-template-columns:minmax(250px,390px);justify-content:center}.video-testimonial-caption{padding-top:18px}}
@media(max-width:560px){.section-intro p,.collab-head p{font-size:14px}.collab-head h2{font-size:14vw}.testimonial-video-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.collab-item{transition:none}}

/* Proportion pass: less empty height, same visual language. */
.hero{min-height:760px;padding-top:125px;padding-bottom:42px;justify-content:flex-start}
.hero-title{font-size:clamp(68px,9.5vw,145px);margin:30px 0 38px;max-width:1220px}
.hero-foot{margin-top:auto}
.hero-sticker{top:19%}.charm-heart-one{bottom:16%}.charm-heart-two,.charm-star-three{bottom:5%}

.collab-reel{padding-top:95px;padding-bottom:90px}.collab-head{margin-bottom:48px}.collab-grid{min-height:520px;max-width:1080px;margin-inline:auto}.video-frame{aspect-ratio:4/5}.campaign-controls{margin-top:20px}

/* How We Work now mirrors What We Do exactly, while keeping its dark palette. */
.process{padding-top:140px;padding-bottom:140px}.process-head{max-width:1050px;margin-bottom:75px}.process-head h2{font-size:clamp(55px,7.2vw,118px);line-height:.87;letter-spacing:-.07em;margin-top:24px;max-width:1000px}.process-head h2 em{line-height:inherit}

/* Kind Words: quieter hierarchy and more breathing room around the proof. */
.testimonial{padding-top:105px;padding-bottom:100px}.testimonial .quote-mark{font-size:105px}.testimonial blockquote{font-size:clamp(36px,4.6vw,70px);max-width:1120px;margin:22px auto 55px}.testimonial .quote-credit{margin-left:58%}.testimonial-link{margin-top:35px}
.testimonials-hero{min-height:600px;padding-top:90px;padding-bottom:70px}.testimonials-hero h1{font-size:clamp(72px,9vw,138px);margin:40px 0 55px}.testimonials-hero>p{font-size:17px}.testimonials-hero .note-b{display:none}.testimonial-wall{padding-top:75px;padding-bottom:85px;gap:18px}.testimonial-video-frame{max-height:62vh}.testimonial-wall>.quote-card:not(.testimonial-video-card){min-height:360px;padding:28px}.testimonial-wall>.quote-card:not(.testimonial-video-card) blockquote{font-size:clamp(27px,2.7vw,41px);margin:30px 0}.testimonial-cta{min-height:620px;padding-top:100px;padding-bottom:75px}

@media(max-width:900px){.hero{min-height:700px;padding-top:115px}.hero-title{font-size:clamp(60px,16vw,110px);margin-bottom:30px}.collab-reel{padding-top:80px;padding-bottom:75px}.collab-grid{min-height:0}.video-frame{aspect-ratio:4/5}.process{padding-top:105px;padding-bottom:105px}.process-head h2{font-size:clamp(52px,13vw,88px)}.testimonial{padding-top:85px;padding-bottom:85px}.testimonials-hero{min-height:560px}.testimonial-video-frame{max-height:none}}
@media(max-width:560px){.hero{min-height:620px;padding-top:105px;padding-bottom:30px}.hero-title{font-size:15.5vw;margin-top:24px}.hero-sticker{top:auto;bottom:19%}.collab-reel{padding-top:70px;padding-bottom:65px}.process{padding-top:90px;padding-bottom:90px}.testimonial{padding-top:75px;padding-bottom:75px}.testimonials-hero{min-height:520px;padding-top:75px}.testimonials-hero h1{font-size:16vw}.testimonial-wall{padding-top:50px;padding-bottom:60px}}

/* Final campaign compression after measuring the rendered portrait cards. */
.collab-reel{padding-top:72px;padding-bottom:62px}.collab-head{margin-bottom:30px;max-width:900px}.collab-head h2{font-size:clamp(52px,6.2vw,96px)}.collab-head p{margin-top:18px}.collab-grid{min-height:440px;max-width:900px}.campaign-controls{margin-top:12px}
@media(max-width:900px){.collab-reel{padding-top:68px;padding-bottom:60px}.collab-head h2{font-size:clamp(50px,12vw,82px)}.collab-grid{min-height:0}}

/* True component parity between What We Do and How We Work. */
.process-head h2 em{display:inline;font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--butter);letter-spacing:inherit}
.process-step{display:grid;grid-template-columns:1fr 3fr 3fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.28);padding:30px 0;transition:padding .4s,background .4s}
.process-step:last-child{border-bottom:1px solid rgba(255,255,255,.28)}
.process-step:hover{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.06)}
.process-step>span{font-size:11px;opacity:.65}.process-step h3{font:clamp(30px,4vw,60px) var(--font-editorial);font-weight:400;margin:0}.process-step p{font-size:12px;text-transform:uppercase;letter-spacing:.08em;max-width:380px;line-height:1.6;margin:0;opacity:.75}.process-step i{font-size:30px;font-style:normal;transition:transform .35s}.process-step:hover i{transform:translate(4px,-4px)}

.tag-pink{background:var(--pink)}.tag-orange{background:#ee8b49;color:var(--ink)}

/* Hero content that earns the space without reintroducing clutter. */
.hero-foot{align-items:flex-end;justify-content:space-between}.hero-intro{max-width:390px}.hero-intro p{font-size:clamp(15px,1.4vw,19px);line-height:1.4;margin:0 0 18px}.hero-intro a{font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:6px}

/* Real line icons rather than ambiguous text glyphs. */
.footer-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer-links .icon-fill{fill:currentColor;stroke:none}

/* Stronger testimonial context without fabricating a client quote or name. */
.testimonials-hero>p{margin-left:0;max-width:500px}.kind-hero-meta{display:flex;align-items:center;gap:25px;margin-top:26px;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}.kind-hero-meta span:first-child{color:var(--cobalt);font-size:14px;letter-spacing:.12em}.video-testimonial-caption{justify-content:center;align-items:flex-start}.video-testimonial-caption h2{font:clamp(42px,5vw,74px)/.92 var(--font-editorial);letter-spacing:-.045em;margin:25px 0}.video-testimonial-caption strong{font:11px var(--font-utility);text-transform:uppercase;letter-spacing:.08em}.video-testimonial-caption p{font-size:16px;line-height:1.5;max-width:430px;margin:25px 0 0}.video-testimonial-caption small{font:9px var(--font-utility);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-top:22px}

@media(max-width:900px){.process-step{grid-template-columns:45px 1fr auto}.process-step p{grid-column:2;max-width:330px}.process-step i{grid-column:3;grid-row:1}.hero-foot{align-items:flex-start}.video-testimonial-caption h2{font-size:52px}}
@media(max-width:560px){.process-step{padding:23px 0}.process-step h3{font-size:34px}.process-step p{font-size:9px}.hero-intro{max-width:280px}.hero-intro p{font-size:13px}.hero-foot{gap:22px}.video-testimonial-caption h2{font-size:13vw}}

/* Hero: one decisive piece of real work, not decorative filler. */
.hero{isolation:isolate;overflow:hidden}.hero-title{position:relative;z-index:2;max-width:70%}.hero-feature{position:absolute;z-index:1;right:4.5%;top:155px;width:clamp(250px,25vw,365px);margin:0}.hero-feature-media{position:relative;overflow:hidden;border:1px solid rgba(41,43,44,.55);background:var(--pink)}.hero-feature-media:before{content:"JUNO / SELECTED";position:absolute;z-index:2;left:12px;top:12px;background:var(--butter);padding:8px 10px;font:8px var(--font-utility);letter-spacing:.1em}.hero-feature img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.hero-feature:hover img{transform:scale(1.025)}.hero-feature figcaption{display:grid;grid-template-columns:1fr auto;gap:5px 18px;border-top:1px solid var(--ink);padding-top:11px;margin-top:9px;font:9px var(--font-utility);text-transform:uppercase;letter-spacing:.07em}.hero-feature figcaption span{grid-column:1/-1;opacity:.58}.hero-feature figcaption strong{font-weight:500}.hero-feature figcaption i{font-style:normal}.hero-sticker{z-index:3;right:2.5%;top:13%;transform:rotate(5deg)}.charm-star-one{right:1.5%;top:56%;z-index:3}.charm-star-two{right:31%;top:23%}.charm-heart-one{right:31%;bottom:15%;font-size:50px}.hero-title .line:first-child{max-width:900px}

@media(min-width:901px) and (max-width:1300px){.hero-title{font-size:clamp(72px,8.4vw,108px);max-width:68%}.hero-feature{right:3%;top:150px;width:260px}.hero-sticker{right:1.5%;top:12%}.hero-intro{max-width:340px}}
@media(max-width:900px){.hero-feature{right:4%;top:190px;width:210px;opacity:.3;z-index:0}.hero-feature figcaption{display:none}.hero-title{max-width:100%;z-index:2}.hero-sticker{z-index:4}.charm-heart-one{display:none}}
@media(max-width:560px){.hero-feature{display:none}.hero-title{max-width:100%}.hero-sticker{right:5%}}

/* Official supplied wordmark. */
.brand{width:max-content;background:#99c9e5;padding:7px 10px}.brand-logo{display:block;width:132px;height:auto}

/* Equal-weight founder profiles; Eleni's image slot is ready for a direct swap. */
.founders{background:var(--cream);padding-top:120px;padding-bottom:130px}.founders-head{max-width:1050px;margin-bottom:70px}.founders-head h2{font-size:clamp(55px,7.2vw,118px);line-height:.87;letter-spacing:-.07em;margin:24px 0 0}.founders-head h2 em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,46px)}.founder-card{margin:0}.founder-image{aspect-ratio:4/5;overflow:hidden;background:var(--blue)}.founder-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.founder-card:hover .founder-image img{transform:scale(1.018)}.founder-placeholder{display:grid;place-content:center;position:relative;text-align:center;border:1px solid var(--ink);color:var(--cobalt)}.founder-placeholder span{font:clamp(34px,5vw,72px)/.9 var(--font-editorial);letter-spacing:-.045em}.founder-placeholder i{position:absolute;right:8%;top:8%;font-style:normal;font-size:56px}.founder-meta{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--ink);padding-top:16px;margin-top:10px}.founder-meta span{font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}.founder-meta h3{font:clamp(30px,3.3vw,52px)/1 var(--font-editorial);letter-spacing:-.04em;margin:8px 0 0}.founder-meta>i{font:10px var(--font-utility);font-style:normal}

@media(max-width:900px){.brand-logo{width:115px}.founders{padding-top:95px;padding-bottom:100px}.founders-head{margin-bottom:50px}}
@media(max-width:620px){.brand{padding:6px 8px}.brand-logo{width:98px}.founders{padding-top:80px;padding-bottom:85px}.founders-grid{grid-template-columns:1fr;gap:55px}.founders-head h2{font-size:15vw}.founder-placeholder i{font-size:42px}}

/* Final restraint pass: exact palette logo, editorial hero and lighter process. */
.brand{width:132px;height:45px;padding:0;background:var(--blue);position:relative;overflow:hidden}
.brand-logo{position:absolute;width:100%;height:100%;opacity:0}
.brand::after{content:"";position:absolute;inset:7px 8px;background:var(--butter);-webkit-mask:url('assets/brand/juno-club-wordmark.png') center/contain no-repeat;mask:url('assets/brand/juno-club-wordmark.png') center/contain no-repeat}

.hero{min-height:720px;padding-top:132px;padding-bottom:42px}
.hero-title{max-width:1040px;font-size:clamp(72px,10vw,148px);line-height:.78;margin:32px 0 34px}
.hero-side-note{position:absolute;right:var(--pad);top:34%;width:clamp(175px,18vw,245px);border-top:1px solid var(--ink);font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}
.hero-side-note span{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
.hero-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}
.hero-intro{display:flex;align-items:flex-end;gap:32px;max-width:590px}.hero-intro p{margin:0;max-width:365px}
.charm-star-one{right:29%;top:44%;font-size:26px}.charm-heart-one{right:18%;bottom:14%;font-size:42px}

.process{padding-top:110px;padding-bottom:110px}
.process-head{max-width:900px;margin-bottom:58px}
.process-head h2{font-size:clamp(52px,6.2vw,94px);line-height:.9;max-width:820px}
.process-step{grid-template-columns:60px minmax(190px,.8fr) minmax(260px,1fr) auto;padding:22px 0}
.process-step h3{font-size:clamp(27px,3vw,45px)}
.process-step p{font-size:10px;line-height:1.5;max-width:330px}
.process-step i{font-size:22px}

.footer-links a{gap:0}.footer-links svg{display:none}

@media(max-width:900px){.brand{width:115px;height:40px}.hero{min-height:670px}.hero-side-note{display:none}.hero-title{max-width:100%}.hero-intro{display:block}.hero-intro p{margin-bottom:16px}.process{padding-top:90px;padding-bottom:90px}.process-step{grid-template-columns:42px 1fr auto}.process-step p{grid-column:2}}
@media(max-width:560px){.brand{width:100px;height:36px}.hero{min-height:610px}.hero-title{font-size:15.5vw}.hero-foot{padding-top:15px}.charm-star-one{right:5%;top:47%}.charm-heart-one{display:none}.process-head h2{font-size:14vw}.footer-links{gap:18px}}

/* Component parity and final functional refinements. */
.work-page .brand,.testimonials-page .brand{background:var(--cream)}
.work-page .brand::after,.testimonials-page .brand::after{background:var(--ink)}

.services,.process{padding-top:140px;padding-bottom:140px}
.services-head,.process-head{display:block;max-width:1050px;margin-bottom:75px}
.services-head h2,.process-head h2{font-size:clamp(55px,7.2vw,118px);line-height:.87;letter-spacing:-.07em;margin:24px 0 0;max-width:1000px;font-weight:700}
.services-head h2 em,.process-head h2 em{display:inline;font-family:var(--font-editorial);font-style:italic;font-weight:400;letter-spacing:inherit;line-height:inherit}
.process-head h2 em{color:var(--butter)}
.service,.process-step{display:grid;grid-template-columns:1fr 3fr 3fr auto;align-items:center;padding:30px 0}
.process-step h3{font:clamp(30px,4vw,60px) var(--font-utility);font-weight:400;margin:0}
.process-step p{font-size:12px;text-transform:uppercase;letter-spacing:.08em;max-width:380px;line-height:1.6;margin:0}
.process-step i{font-size:30px}

.video-frame{position:relative}.campaign-video-toggle{left:12px;bottom:12px;padding:9px 13px}
.collab-item:not(.is-active) .campaign-video-toggle{opacity:.72;pointer-events:none}

.booking-form select{padding-left:13px;padding-right:34px;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%}
.legal-copy{margin-left:0;max-width:760px}

.charm-star-two{right:6%;top:23%;font-size:21px;color:var(--pink)}
.charm-heart-two{left:57%;bottom:24%;font-size:18px;color:var(--pink)}
.charm-flower{position:absolute;right:34%;top:28%;font:27px var(--font-editorial);color:var(--butter)}
.charm-spark-mini{position:absolute;left:3%;bottom:18%;font-size:17px;color:var(--cobalt)}

@media(max-width:900px){.services,.process{padding-top:105px;padding-bottom:105px}.services-head,.process-head{margin-bottom:55px}.services-head h2,.process-head h2{font-size:clamp(52px,13vw,88px)}.service,.process-step{grid-template-columns:45px 1fr auto}.process-step p{grid-column:2;max-width:330px}.process-step i{grid-column:3;grid-row:1}.charm-flower{right:8%;top:31%}.charm-heart-two{left:70%;bottom:21%}}
@media(max-width:560px){.services,.process{padding-top:90px;padding-bottom:90px}.services-head h2,.process-head h2{font-size:15vw}.service,.process-step{padding:23px 0}.process-step h3{font-size:34px}.process-step p{font-size:9px}.charm-star-two{right:7%;top:28%}.charm-heart-two{left:66%;bottom:18%}.charm-flower{display:none}.charm-spark-mini{left:4%;bottom:20%}}

/* Shared row-title typography: deliberately one identical declaration. */
.service h3,.process-step h3{font-family:var(--font-utility);font-size:clamp(30px,4vw,60px);font-style:normal;font-weight:400!important;line-height:normal;letter-spacing:normal;font-synthesis:none;margin:0}
.legal-content{padding-left:clamp(18px,3vw,48px)}
.kind-scroll-cue{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}
.charm-orbit{right:9%;bottom:31%;font:28px var(--font-editorial);color:var(--soft-accent)}
.hero .charm-star-one{right:23%;top:43%;font-size:48px}.hero .charm-heart-one{right:35%;bottom:18%;font-size:66px}.hero .charm-flower{right:14%;top:24%;font-size:48px;color:var(--butter)}

@media(max-width:560px){.service h3,.process-step h3{font-size:34px}.kind-scroll-cue{margin-top:22px}.charm-orbit{right:8%;bottom:28%;font-size:22px}.hero .charm-star-one{right:7%;top:43%;font-size:36px}.hero .charm-heart-one{right:14%;bottom:22%;font-size:50px}.hero .charm-flower{right:8%;top:27%;font-size:36px}}

/* Launch-hardening pass. */
.mobile-nav-cta{display:none}
.brand::after{filter:drop-shadow(0 .5px 0 rgba(41,43,44,.18))}
.work-page .brand::after,.testimonials-page .brand::after{filter:none}
.testimonial{min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.proof-heading{font-size:clamp(60px,8vw,125px);line-height:.86;letter-spacing:-.07em;margin:28px 0 0;max-width:1050px}.proof-heading em{font-family:var(--font-editorial);font-weight:400;color:var(--cobalt)}.proof-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid var(--ink);padding-top:20px;margin-top:70px}.proof-intro p{max-width:430px;margin:0;font-size:18px;line-height:1.45}
.project-image,.polaroid-fill,.quote-image{background-image:none}.image-left{background-image:url('assets/client-work/whiteash-photo-2.webp')}.image-mid{background-image:url('assets/client-work/kosis-collab.webp')}.image-right{background-image:url('assets/client-work/alwaysbusy-collab.webp')}.p-back .polaroid-fill{background-image:url('assets/client-work/wow-high-res-2.webp')}.p-front .polaroid-fill{background-image:url('assets/client-work/moda-tequila.webp')}

/* A restrained metallic accent and the deck's little call-and-response. */
.about-response{position:absolute;z-index:4;left:clamp(198px,20vw,345px);top:735px;background:#e8e3d9;color:var(--ink);border-radius:16px 16px 3px 16px;padding:14px 18px;font:16px/1.1 Arial,Helvetica,sans-serif;box-shadow:0 10px 22px rgba(33,39,48,.09);transform:rotate(2deg)}.about-response::after{content:"";position:absolute;right:-7px;bottom:1px;width:15px;height:15px;background:#e8e3d9;clip-path:polygon(0 0,0 100%,100% 100%)}.about-chrome-star{position:absolute;z-index:2;right:7%;top:76px;width:62px;height:62px;filter:drop-shadow(0 9px 11px rgba(34,42,51,.2));animation:chrome-star-float 5s ease-in-out infinite;pointer-events:none}.about-chrome-star svg{display:block;width:100%;height:100%}@keyframes chrome-star-float{50%{transform:translateY(10px) rotate(12deg)}}

@media(max-width:900px){.site-header nav.mobile-open .mobile-nav-cta{display:inline-block;margin-top:18px;padding:14px 22px;border:1px solid currentColor;font:11px var(--font-utility);letter-spacing:.06em}.testimonial{min-height:500px}.proof-intro{align-items:flex-start;flex-direction:column;margin-top:50px}.proof-heading{font-size:clamp(54px,13vw,88px)}}
@media(max-width:560px){.testimonial{min-height:460px}.proof-heading{font-size:15vw}.proof-intro{margin-top:40px}.proof-intro p{font-size:15px}}

@media(max-width:900px){.about-response{left:clamp(115px,26vw,235px);top:auto;bottom:235px}.about-chrome-star{right:8%;top:66px;width:50px;height:50px}}
@media(max-width:560px){.about-response{left:118px;bottom:190px;padding:11px 14px;font-size:13px}.about-chrome-star{right:7%;top:56px;width:40px;height:40px}}

/* The hero uses an actual Juno image as its one louder, imperfect editorial gesture. */
.hero-feature{filter:saturate(.85) contrast(1.08)}.hero-feature-media{box-shadow:none}.hero-feature-media::after{content:"";position:absolute;right:-13px;bottom:18%;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0 9%,#b8bec2 30%,#f4f5f5 52%,#747b82 100%);box-shadow:0 7px 13px rgba(31,40,51,.18)}

/* Rebuilt hero: an imperfect, image-led editorial collage with no decorative symbols. */
.hero-visual{position:absolute;z-index:1;right:5%;top:128px;width:clamp(300px,31vw,460px);height:440px}.hero-visual img{display:block;object-fit:cover}.hero-visual-main{position:absolute;right:0;top:0;width:68%;height:94%;filter:saturate(.8) contrast(1.12);box-shadow:0 17px 28px rgba(35,43,52,.17)}.hero-visual-detail{position:absolute;left:0;bottom:0;width:45%;height:46%;border:10px solid var(--cream);filter:saturate(.88) contrast(1.05);box-shadow:0 15px 28px rgba(35,43,52,.14);transform:rotate(-5deg)}.hero-visual-label{position:absolute;left:10px;top:22px;z-index:2;padding:9px 11px;background:var(--butter);font:9px/1.2 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-3deg)}
@media(min-width:901px){.hero-title{max-width:68%;position:relative;z-index:2}.hero-foot{position:relative;z-index:3}.hero .hero-intro{max-width:650px}.hero-visual{right:clamp(28px,5vw,84px);top:134px}}
@media(max-width:900px){.hero-visual{right:3%;top:176px;width:260px;height:340px;opacity:.32}.hero-visual-detail{border-width:7px}.hero-visual-label{display:none}.hero-title{max-width:100%;z-index:2}}
@media(max-width:560px){.hero-visual{display:none}}

/* Desktop rhythm: keep the editorial pace spacious at full-screen sizes. */
@media(min-width:1200px){.hero{min-height:clamp(790px,92svh,960px);padding-top:clamp(150px,18vh,210px);padding-bottom:62px}.hero-title{font-size:clamp(82px,10.2vw,164px);margin-top:40px;margin-bottom:52px}.hero-visual{top:clamp(150px,19vh,210px);height:clamp(450px,53vh,560px)}.work{padding-top:175px;padding-bottom:165px}.section-intro{margin-bottom:105px}.work-footer{margin-top:110px}.collab-reel{padding-top:108px;padding-bottom:98px}.collab-head{margin-bottom:48px}.collab-grid{min-height:500px}.proof{padding-top:82px;padding-bottom:82px}.about{min-height:930px;padding-top:140px;padding-bottom:120px}.founders{padding-top:145px;padding-bottom:150px}.services,.process{padding-top:160px;padding-bottom:160px}.testimonial{min-height:570px;padding-top:125px;padding-bottom:120px}.contact{min-height:92svh;padding-top:150px;padding-bottom:90px}}

/* Full-screen refinement: campaign films need a cinematic stage, not a narrow strip. */
@media(min-width:1200px){
  .collab-reel{padding-top:118px;padding-bottom:112px}
  .collab-head{max-width:1100px;margin-bottom:62px}
  .collab-grid{width:min(100%,1640px);max-width:none;min-height:650px;grid-template-columns:minmax(250px,.75fr) minmax(520px,1.55fr) minmax(250px,.75fr);gap:clamp(44px,5vw,94px)}
  .collab-item.is-left,.collab-item.is-right{transform:scale(.88);opacity:.74}
  .collab-item.is-active .video-frame{aspect-ratio:9/12}
  .campaign-controls{margin-top:32px}
}

/* Section two: copy and imagery have deliberately separate territory. */
@media(min-width:1200px){
  .about{min-height:1000px}
  .about-body{display:block;width:38%;max-width:560px;margin:66px 0 0;font-size:18px}
  .about-body p + p{margin-top:26px}
  .polaroid-stack{top:auto;right:5%;bottom:108px;width:420px;height:470px;transform:scale(1);transform-origin:bottom right}
  .about-quote{top:auto;bottom:145px}
  .about-response{top:auto;left:clamp(230px,21vw,390px);bottom:90px}
}

/* iPhone Safari pass — intentionally scoped so desktop and tablet layouts stay untouched. */
@supports (-webkit-touch-callout:none) {
  @media (max-width:600px) {
    html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
    body{min-width:0;overflow-x:hidden}
    :root{--pad:20px}

    .site-header{height:calc(62px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-bottom:10px}
    .menu-button{min-width:44px;min-height:44px;padding:0;text-align:right}
    .site-header nav.mobile-open{top:calc(62px + env(safe-area-inset-top));height:calc(100dvh - 62px - env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);gap:28px;font-size:10vw}

    .hero{min-height:100svh;min-height:100dvh;padding-top:calc(92px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom));justify-content:space-between}
    .hero-kicker{font-size:9px;letter-spacing:.11em}
    .hero-title{font-size:clamp(56px,15.2vw,68px);line-height:.8;letter-spacing:-.08em;margin:20px 0 26px}
    .hero-foot{gap:18px;padding-top:15px}
    .hero-intro{max-width:290px}
    .hero-intro p{font-size:14px;line-height:1.35;margin-bottom:14px}
    .pill{min-height:52px;padding:14px 19px;font-size:12px}
    .hero-sticker{right:5%;bottom:17%;padding:11px 14px}
    .hero .charm-star-one{font-size:31px;right:6%;top:41%}
    .hero .charm-flower{font-size:31px;right:10%;top:27%}
    .charm-orbit{font-size:19px;right:9%;bottom:31%}

    .work,.services,.process,.testimonial,.founders{padding-top:82px;padding-bottom:82px}
    .section-intro,.services-head,.process-head{margin-bottom:42px}
    .section-intro h2,.services-head h2,.process-head h2,.about h2,.founders-head h2,.contact h2{font-size:14.2vw;line-height:.88}
    .section-intro p,.collab-head p{font-size:14px;line-height:1.45}
    .project-main .project-image,.project-image{min-height:112vw}
    .project-meta{padding:12px 0 25px}
    .project-meta h3{font-size:25px}
    .project-number{width:46px;height:46px;top:12px;right:12px}
    .tag{bottom:14px;left:14px;padding:8px 11px}
    .work-footer{margin-top:55px;padding-top:22px;gap:25px}

    .collab-reel{padding-top:76px;padding-bottom:72px}
    .collab-head{margin-bottom:36px}
    .collab-head h2{font-size:14vw;line-height:.88}
    .collab-grid{width:100%;max-width:none}
    .collab-item.is-active .video-frame{aspect-ratio:9/12}
    .campaign-controls{margin-top:24px;gap:20px}
    .campaign-controls button{width:54px;height:54px}

    .about{min-height:1020px;padding-top:86px;padding-bottom:70px}
    .about h2{margin-top:30px}
    .about-body{margin-top:38px;max-width:320px;font-size:15px;line-height:1.5}
    .polaroid-stack{right:-18px;bottom:26px;transform:scale(.7);transform-origin:bottom right}
    .about-quote{left:20px;bottom:355px;padding:15px 18px;font-size:14px}
    .about-response{left:154px;bottom:294px;font-size:13px;padding:11px 14px}
    .about-chrome-star{right:7%;top:52px;width:38px;height:38px}

    .service,.process-step{grid-template-columns:36px minmax(0,1fr) 32px;padding:21px 0}
    .service>span,.process-step>span{font-size:9px}
    .service h3,.process-step h3{font-size:32px;line-height:.96}
    .service p,.process-step p{font-size:9px;line-height:1.5;margin:12px 0 0;max-width:270px}
    .service i,.process-step i{font-size:23px}

    .testimonial{min-height:440px}
    .proof-heading{font-size:14vw}
    .proof-intro{margin-top:34px;padding-top:16px;gap:20px}
    .proof-intro p{font-size:15px}
    .testimonial-video-card{padding:14px}
    .testimonial-video-frame{max-height:none;aspect-ratio:9/14}
    .video-testimonial-caption h2{font-size:13vw}

    .founders-grid{gap:44px}
    .founder-meta h3{font-size:34px}
    .founder-image{aspect-ratio:4/5}

    .contact{min-height:auto;padding-top:88px;padding-bottom:calc(44px + env(safe-area-inset-bottom))}
    .contact h2{margin:36px 0 62px}
    .enquiry-grid{gap:52px}
    .booking-form{gap:22px}
    .booking-form input,.booking-form select,.booking-form textarea{font-size:16px;padding:9px 0 14px}
    .giant-cta{min-height:58px;padding:16px 20px;font-size:18px}
    .global-footer{height:auto;min-height:72px;padding-top:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;align-items:flex-start}
  }

  @media (max-width:390px) {
    .hero-title{font-size:14.7vw}
    .about{min-height:1000px}
    .about-response{left:142px}
  }
}

/* Desktop rhythm pass: more composed first fold, clearer card hierarchy and quieter detail. */
@media (min-width:901px) {
  .hero{min-height:clamp(720px,88svh,900px);padding-bottom:54px}
  .hero-foot{min-height:108px}
  .hero-intro{max-width:430px}
  .hero-intro p{max-width:390px}
  .hero-visual-main{box-shadow:0 20px 36px rgba(35,43,52,.18)}
  .hero-visual-detail{box-shadow:0 17px 32px rgba(35,43,52,.15)}

  .section-intro{margin-bottom:82px}
  .project-meta{min-height:112px;padding-top:17px}
  .project-meta h3{font-size:clamp(28px,2.35vw,38px)}
  .project-meta p{max-width:300px;line-height:1.45}
  .work-footer{margin-top:82px}

  .club-note{min-height:260px;padding:29px}
  .founder-meta{padding-top:18px}

  .service,.process-step{padding-top:32px;padding-bottom:32px}
  .contact-details{gap:10px}
}

@media (min-width:901px) and (max-width:1300px) {
  .hero{min-height:800px;padding-top:132px}
  .hero-title{font-size:clamp(72px,9.2vw,118px);margin-bottom:46px}
  .hero-visual{top:128px;width:clamp(290px,29vw,360px);height:410px}
  .hero-foot{padding-top:18px}
}

@media (hover:hover) and (min-width:901px) {
  .project-hover .tag{transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease}
  .project-hover:hover .tag{transform:translateY(-5px);box-shadow:0 10px 18px rgba(41,43,44,.13)}
  .founder-card:hover .founder-meta h3{color:var(--cobalt)}
}

/* Final client-review polish: clearer wordmark contrast and collision-free editorial joins. */
.brand::after{background:var(--ink)}
.about h2,.founders-head h2{line-height:.96;letter-spacing:-.064em}
.about h2 em,.founders-head h2 em{line-height:1.02}
@media(max-width:900px){.about h2,.founders-head h2{line-height:.94}}

/* Keep the two-message exchange in open space rather than on top of editorial copy. */
@media(min-width:901px){
  .about{min-height:1040px}
  .about-quote{left:7%;bottom:112px}
  .about-response{left:clamp(188px,18vw,334px);bottom:48px}
}
@media(max-width:600px){
  .hero{min-height:760px}
  .hero-visual{display:block;left:50%;right:auto;top:330px;bottom:auto;width:146px;height:178px;opacity:1;z-index:1;transform:translateX(-50%)}
  .hero-visual-main{width:78%;height:94%;right:0;top:0;box-shadow:0 12px 22px rgba(35,43,52,.16)}
  .hero-visual-detail{display:block;width:50%;height:43%;left:0;bottom:0;border-width:5px}
  .hero-visual-label{display:none}
  .hero-title,.hero-foot,.hero-kicker{position:relative;z-index:2}
.about{min-height:1350px}
  .about-body{max-width:100%;padding-right:4px}
  .about-conversation{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:min(100%,340px);margin-top:34px;padding:22px;background:var(--cobalt);box-shadow:0 14px 30px rgba(35,43,52,.12)}
  .about-conversation .about-quote,.about-conversation .about-response{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0;transform:none}
  .about-conversation .about-quote{background:#4169d8;padding:15px 18px;font-size:15px}
  .about-conversation .about-response{align-self:flex-end;padding:12px 15px;font-size:13px}
  .polaroid-stack{bottom:28px}
}

/* iPhone client-review pass: centred CTAs, cleaner conversation, and tighter first fold. */
@media (max-width:600px){
  .hero{min-height:735px}
  .hero-visual{left:20px;right:20px;top:335px;width:auto;height:190px;transform:none}
  .hero-visual-main{left:0;right:auto;top:0;width:59%;height:100%;border:6px solid var(--cream);object-position:center 28%;transform:rotate(-2deg);box-shadow:0 14px 24px rgba(35,43,52,.15)}
  .hero-visual-detail{left:auto;right:0;bottom:0;width:46%;height:70%;border:5px solid var(--cream);object-position:center 42%;transform:rotate(3deg);box-shadow:0 13px 22px rgba(35,43,52,.14)}
  .hero-foot .pill{position:relative;width:100%;justify-content:center;padding-inline:58px;text-align:center}
  .hero-foot .pill span{position:absolute;right:22px;font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}

  .about-conversation{padding:0;background:transparent;box-shadow:none}

  .contact-spark{top:calc(12% + 26px)}

  .global-footer{flex-direction:column}
  .footer-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:14px 26px;justify-content:initial}
  .footer-links a:nth-child(1){grid-column:1;grid-row:1}
  .footer-links a:nth-child(2){grid-column:1;grid-row:2}
  .footer-links a:nth-child(3){grid-column:2;grid-row:1}
  .footer-links a:nth-child(4){grid-column:2;grid-row:2}
}

/* Client revision pass — exact labels, palette emphasis and restrained layout updates. */
.brand{width:158px;height:52px}
.hero-title{font-size:clamp(66px,7.6vw,112px);line-height:.8;max-width:64%;margin-bottom:34px}
.hero-title .line{white-space:nowrap}
.work{background:var(--pink)}
.work .eyebrow{display:inline-block;width:max-content;padding:7px 10px;background:var(--soft-accent)}
.project-grid.project-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1240px;margin-inline:auto;gap:clamp(24px,3vw,52px)}
.project-grid-two .project-image{min-height:45vw}
.welcome-title,.welcome-title em{color:#df7899!important}
.polaroid{padding-bottom:13px}
.role-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:2px}
.role-link:hover{opacity:.58}

@media(min-width:1200px){
  .hero-title{font-size:clamp(78px,7.8vw,116px);max-width:63%}
}

@media(max-width:900px){
  .brand{width:132px;height:44px}
  .hero-title{font-size:clamp(54px,13.8vw,74px);max-width:100%;line-height:.81}
  .project-grid.project-grid-two{grid-template-columns:1fr;max-width:none}
  .project-grid-two .project-image{min-height:112vw}
}

@media(max-width:600px){
  .brand{width:118px;height:40px}
  .hero-title{font-size:13.5vw;margin-top:18px}
  .hero-visual{top:360px}
}

/* Give the hero campaign imagery more presence without crowding the copy. */
@media(min-width:1301px){
  .hero-visual{
    right:clamp(34px,3vw,58px);
    width:clamp(420px,33vw,520px);
    height:clamp(510px,58vh,620px);
  }
}
@media(min-width:901px) and (max-width:1300px){
  .hero-visual{
    right:clamp(24px,3vw,42px);
    width:clamp(340px,32vw,420px);
    height:470px;
  }
}
@media(min-width:601px) and (max-width:900px){
  .hero-visual{
    right:2%;
    width:320px;
    height:400px;
    opacity:.4;
  }
}
@media(max-width:600px){
  .hero{min-height:820px}
  .hero-visual{
    left:14px;
    right:14px;
    top:350px;
    height:250px;
  }
  .hero-visual-main{width:62%}
  .hero-visual-detail{width:50%;height:76%}
}

/* Supplied Sims-style plumbob, integrated as the Welcome section's one playful widget. */
.about-sims-gem{position:absolute;z-index:3;right:6%;top:62px;width:74px;filter:drop-shadow(0 0 14px rgba(126,201,58,.7));animation:juno-gem-bob 3s ease-in-out infinite}
.about-sims-gem-spin{width:100%;animation:juno-gem-spin 4.5s ease-in-out infinite}
.about-sims-gem svg{display:block;width:100%;height:auto}
@keyframes juno-gem-spin{0%,50%,100%{transform:scaleX(1)}25%,75%{transform:scaleX(.22)}}
@keyframes juno-gem-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:600px){.about-sims-gem{right:7%;top:84px;width:48px}}
@media(prefers-reduced-motion:reduce){.about-sims-gem,.about-sims-gem-spin{animation:none}}

/* Revision placeholders preserve the portfolio structure without showing retired imagery. */
.hero-title b,.hero-title .line:last-child em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--cobalt)}
.hero-image-placeholder,.image-placeholder,.case-image-placeholder{overflow:hidden;color:var(--ink);background:
  radial-gradient(circle at 78% 18%,rgba(255,241,132,.95) 0 8%,transparent 8.4%),
  linear-gradient(145deg,rgba(245,200,212,.95) 0 38%,rgba(203,220,183,.9) 38% 61%,rgba(153,201,229,.95) 61% 100%)}
.hero-image-placeholder{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:25px;text-transform:uppercase}
.hero-image-placeholder:after,.image-placeholder:after,.case-image-placeholder:after{content:"";position:absolute;inset:12px;border:1px solid rgba(41,43,44,.38);pointer-events:none}
.hero-image-placeholder span,.placeholder-kicker,.case-image-placeholder span{font:9px var(--font-utility);letter-spacing:.12em}
.hero-image-placeholder strong,.image-placeholder strong,.case-image-placeholder strong{font:clamp(20px,2.3vw,36px)/.95 var(--font-display);letter-spacing:-.05em;text-transform:none;margin-top:8px}
.hero-image-placeholder i,.image-placeholder i,.case-image-placeholder i{position:absolute;right:20px;top:18px;font:28px var(--font-display);font-style:normal}
.image-placeholder{display:flex;position:relative;flex-direction:column;justify-content:flex-end;padding:28px}
.image-placeholder .tag{z-index:2}
.image-placeholder strong{margin-bottom:44px}
.case-image-placeholder{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,5vw,80px)}
.case-image-placeholder strong{font-size:clamp(42px,6vw,94px);max-width:650px}
.case-image-placeholder i{right:7%;top:7%;font-size:clamp(36px,6vw,88px)}

/* Welcome title: confident sans first line, editorial pink second line. */
.welcome-title,.welcome-title span{color:var(--ink)!important}
.welcome-title em{display:inline!important;font-family:var(--font-editorial)!important;font-style:italic!important;font-weight:400!important;color:#df7899!important;letter-spacing:-.055em!important}

/* Simplified wordmark: no secondary Creative Agency line. */
.brand{width:auto!important;height:auto!important;padding:0!important;background:transparent!important;overflow:visible}
.brand::after{display:none!important}
.brand-logo{display:none}
.brand-text{display:block;font:800 clamp(24px,2.15vw,34px)/1 var(--font-display);letter-spacing:-.06em;color:var(--ink);white-space:nowrap}

/* Quiet grey canvases for content that is intentionally awaiting client assets. */
.hero-image-placeholder,.image-placeholder,.case-image-placeholder,.campaign-placeholder{background:#d7d7d3;color:#4c4d4d}
.hero-image-placeholder:after,.image-placeholder:after,.case-image-placeholder:after{inset:12px;border:1px solid rgba(41,43,44,.24)}
.hero-image-placeholder,.image-placeholder,.case-image-placeholder{align-items:center;justify-content:center;padding:24px;text-align:center}
.hero-image-placeholder span,.image-placeholder>span,.case-image-placeholder>span{font:500 11px/1.35 var(--font-utility);letter-spacing:.12em;text-transform:uppercase}
.campaign-placeholder{display:flex;aspect-ratio:4/5;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(41,43,44,.22)}
.campaign-placeholder span{font:clamp(48px,6vw,86px)/1 var(--font-editorial);color:#777}
.campaign-placeholder small{margin-top:18px;font:9px var(--font-utility);letter-spacing:.12em;text-transform:uppercase}
.collab-item:not(.is-active):not(.is-left):not(.is-right){display:none}
.collab-item.is-active .campaign-placeholder{aspect-ratio:9/12}

@media(max-width:600px){
  .brand-text{font-size:24px}
  .hero-image-placeholder span{font-size:9px}
}

/* Homepage catalogue architecture: substantial sections, still one continuous experience. */
#catalog,#featured-work,#brand-deals,#recent,#experience,#about,#services,#contact{scroll-margin-top:24px}
.catalog-nav{background:var(--pink);color:var(--ink);padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(80px,10vw,150px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.2fr);gap:clamp(60px,10vw,170px);align-items:start}
.catalog-nav h2,.featured-head h2,.experience-head h2{font-size:clamp(58px,7.2vw,116px);line-height:.86;letter-spacing:-.07em;margin:34px 0 0}
.catalog-nav h2 em,.featured-head h2 em,.experience-head h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:400}
.catalog-nav h2 em{color:var(--butter)}
.catalog-nav nav{border-top:1px solid rgba(41,43,44,.42)}
.catalog-nav nav a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:18px;border-bottom:1px solid rgba(41,43,44,.42);padding:22px 0;transition:padding .3s ease,color .3s ease}
.catalog-nav nav a:hover{padding-left:14px;color:var(--butter)}
.catalog-nav nav span{font:10px var(--font-utility);opacity:.6}
.catalog-nav nav strong{font:clamp(25px,2.7vw,43px)/1 var(--font-display);letter-spacing:-.045em}
.catalog-nav nav i{font-style:normal;font-size:20px}

.featured-work{background:var(--cream);padding-top:clamp(110px,12vw,190px);padding-bottom:clamp(110px,12vw,190px)}
.featured-head{display:grid;grid-template-columns:1fr 2.2fr .9fr;align-items:start;gap:35px;margin-bottom:clamp(70px,8vw,125px)}
.featured-head h2{margin:0}
.featured-head h2 em{color:var(--cobalt)}
.featured-head>p,.experience-head>p{font-size:15px;line-height:1.5;max-width:330px;margin:8px 0 0}
.feature-case{display:grid;grid-template-columns:.85fr 1.15fr;min-height:620px;background:var(--ink);color:var(--cream);margin-bottom:clamp(55px,7vw,105px)}
.feature-case-copy{padding:clamp(35px,5vw,78px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.feature-case-copy>span,.featured-card>div:last-child>span{font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.11em;opacity:.66}
.feature-case-copy h3{font-size:clamp(48px,5vw,82px);line-height:.9;letter-spacing:-.065em;margin:40px 0 25px}
.feature-case-copy p{max-width:410px;font-size:16px;line-height:1.55;margin:0 0 45px;color:rgba(247,244,236,.72)}
.feature-case-placeholder{position:relative;display:grid;place-items:center;min-height:620px;background:#d7d7d3;color:#4c4d4d;text-align:center}
.feature-case-placeholder:after{content:"";position:absolute;inset:16px;border:1px solid rgba(41,43,44,.24)}
.feature-case-placeholder span,.featured-card-placeholder .featured-media>span{font:500 11px/1.4 var(--font-utility);text-transform:uppercase;letter-spacing:.13em}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,38px)}
.featured-card{min-width:0}
.featured-media{aspect-ratio:4/5;overflow:hidden;background:var(--soft-accent)}
.featured-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.featured-card:hover .featured-media img{transform:scale(1.025)}
.featured-card>div:last-child{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--ink);padding-top:14px;margin-top:10px}
.featured-card h3{font:clamp(28px,3vw,45px)/1 var(--font-editorial);letter-spacing:-.04em;margin:8px 0 0;grid-column:1}
.featured-card>div:last-child>a{grid-column:2;grid-row:1/3;align-self:center;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:5px}
.featured-card-placeholder .featured-media{display:grid;place-items:center;background:#d7d7d3;color:#4c4d4d;text-align:center;border:1px solid rgba(41,43,44,.18)}

.experience{background:var(--soft-accent);padding-top:clamp(110px,12vw,185px);padding-bottom:0}
.experience-head{display:grid;grid-template-columns:1fr 2.2fr .9fr;gap:35px;align-items:start;margin-bottom:clamp(65px,7vw,110px)}
.experience-head h2{margin:0}
.experience-head h2 em{color:var(--cobalt)}
.experience-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:18px;align-items:end;padding-bottom:clamp(80px,9vw,145px)}
.experience-tile{margin:0;min-width:0}
.experience-tile img{display:block;width:100%;height:clamp(380px,46vw,730px);object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.experience-tile:hover img{transform:scale(1.018);filter:saturate(1.06)}
.experience-tile:not(.experience-tile-wide) img{height:clamp(310px,36vw,570px)}
.experience-tile figcaption{border-top:1px solid var(--ink);padding-top:11px;margin-top:8px;font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}
.experience-proof{background:var(--ink);color:var(--cream);margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:65px var(--pad);overflow:hidden}
.experience-proof .proof-label{margin-bottom:50px}

/* The focused client card has an obvious escape route without disturbing the case content. */
.case-close{position:fixed;z-index:40;right:24px;top:105px;width:66px;height:66px;border:1px solid var(--ink);border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-content:center;text-align:center;cursor:pointer;box-shadow:0 10px 24px rgba(41,43,44,.11);transition:transform .25s ease,background .25s ease}
.case-close span{font:34px/22px var(--font-display);font-weight:300}
.case-close small{font:8px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}
.case-close:hover{transform:rotate(5deg) scale(1.06);background:var(--butter)}

@media(max-width:900px){
  .catalog-nav{grid-template-columns:1fr;gap:55px}
  .featured-head,.experience-head{grid-template-columns:1fr;gap:30px}
  .featured-head h2,.experience-head h2{margin:0}
  .feature-case{grid-template-columns:1fr;min-height:0}
  .feature-case-copy{min-height:500px}
  .feature-case-placeholder{min-height:620px}
  .featured-grid{grid-template-columns:1fr 1fr}
  .featured-card:last-child{grid-column:1/-1;width:calc(50% - 9px)}
  .experience-gallery{grid-template-columns:1fr 1fr}
  .experience-tile-wide{grid-column:1/-1}
  .experience-tile img,.experience-tile:not(.experience-tile-wide) img{height:auto;aspect-ratio:4/5}
  .experience-tile-wide img{aspect-ratio:16/10}
}

@media(max-width:600px){
  .catalog-nav{padding-top:78px;padding-bottom:82px;gap:42px}
  .catalog-nav h2,.featured-head h2,.experience-head h2{font-size:14.2vw}
  .catalog-nav nav a{grid-template-columns:30px 1fr auto;padding:19px 0}
  .catalog-nav nav strong{font-size:27px}
  .featured-work,.experience{padding-top:86px}
  .featured-head,.experience-head{margin-bottom:50px}
  .feature-case{margin-bottom:58px}
  .feature-case-copy{min-height:430px;padding:30px 24px}
  .feature-case-copy h3{font-size:13.5vw}
  .feature-case-placeholder{min-height:108vw}
  .featured-grid{grid-template-columns:1fr;gap:44px}
  .featured-card:last-child{grid-column:auto;width:auto}
  .experience-gallery{grid-template-columns:1fr;gap:42px;padding-bottom:80px}
  .experience-tile-wide{grid-column:auto}
  .experience-tile img,.experience-tile:not(.experience-tile-wide) img,.experience-tile-wide img{aspect-ratio:4/5;height:auto}
  .case-close{position:fixed;right:14px;top:78px;width:58px;height:58px}
}

@media(hover:hover) and (pointer:fine){
  .cursor{width:54px;height:54px;background:var(--pink);color:var(--ink);mix-blend-mode:normal;box-shadow:0 8px 20px rgba(41,43,44,.13)}
  .cursor span{font:32px/1 var(--font-editorial);transform:translateY(-1px)}
}

/* Split catalogue: concise homepage entry points and full, breathable detail pages. */
.hero-intro a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.catalog-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(32px,4vw,58px);background:var(--ink)}
.catalog-previews-head{grid-column:1/-1;color:var(--cream);padding-bottom:clamp(42px,5vw,76px)}
.catalog-previews-head h2{font:800 clamp(48px,6.2vw,96px)/.88 var(--font-display);letter-spacing:-.07em;margin:25px 0 0}
.catalog-previews-head h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--pink)}
.contact>.eyebrow{align-self:flex-start;text-align:left}
.recent-page .collab-head h1{grid-column:1/-1;text-align:left}
.catalog-preview{position:relative;display:flex;box-sizing:border-box;min-height:clamp(500px,40vw,620px);flex-direction:column;align-items:flex-start;padding:clamp(42px,6vw,94px);overflow:hidden;transition:filter .35s ease}
.catalog-preview:hover{filter:saturate(1.08)}
.catalog-preview-featured{background:var(--cream)}
.catalog-preview-experience{background:var(--soft-accent)}
.catalog-preview h2{max-width:100%;margin:clamp(64px,8vw,118px) 0 28px;font:800 clamp(44px,4.5vw,70px)/.88 var(--font-display);letter-spacing:-.068em}
.catalog-preview h2 em{display:block;font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--cobalt);line-height:.9}
.catalog-preview p{max-width:440px;margin:0;font-size:15px;line-height:1.5}
.catalog-preview>i{margin-top:auto;padding-top:54px;border-bottom:1px solid currentColor;font:9px var(--font-utility);font-style:normal;letter-spacing:.11em;text-transform:uppercase}

.catalog-page .site-header-static{background:inherit}
.catalog-page .featured-work,.catalog-page .experience{padding-top:clamp(105px,11vw,170px)}
.page-section-head{display:flex;max-width:1140px;flex-direction:column;align-items:flex-start;margin-bottom:clamp(72px,8vw,120px)}
.page-section-head h1{max-width:1050px;margin:34px 0 32px;font:800 clamp(62px,7.6vw,122px)/.86 var(--font-display);letter-spacing:-.072em}
.page-section-head h1 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--cobalt)}
.page-section-head p{max-width:500px;margin:0;font-size:16px;line-height:1.55}
.feature-case-copy h2{font-size:clamp(48px,5vw,82px);line-height:.9;letter-spacing:-.065em;margin:40px 0 25px}
.role-cta{font-size:8px!important;letter-spacing:.1em}
.featured-card h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.055em}
.featured-card>div:last-child>a{font-size:8px}
.experience-page .experience-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.experience-page .experience-tile img,.experience-page .experience-tile:not(.experience-tile-wide) img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.page-next{display:flex;box-sizing:border-box;min-height:190px;align-items:center;justify-content:space-between;gap:40px;padding:48px var(--pad);background:var(--pink);overflow:hidden}
.page-next>a{display:inline-flex;max-width:58%;align-items:center;gap:.18em;font:800 clamp(34px,4.5vw,68px)/1 var(--font-display);letter-spacing:-.06em;white-space:normal;text-align:right}
.page-next>a i{font-style:normal}
.page-next>a i{display:inline-block;transition:transform .3s ease}
.page-next>a:hover i{transform:translate(5px,-5px)}

@media(max-width:900px){
  .catalog-previews{grid-template-columns:1fr}
  .catalog-preview{min-height:570px}
  .experience-page .experience-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .catalog-preview{min-height:480px;padding:34px 24px}
  .catalog-preview h2{margin-top:70px;font-size:13.5vw}
  .page-section-head{margin-bottom:52px}
  .page-section-head h1{margin:28px 0 25px;font-size:14vw}
  .page-section-head p{font-size:15px}
  .experience-page .experience-gallery{grid-template-columns:1fr}
  .page-next{min-height:190px;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;padding-top:38px;padding-bottom:38px}
  .page-next>a{max-width:100%;font-size:11.5vw;white-space:normal}
}

/* Focused homepage: concise editorial previews replace the long-form inner pages. */
.recent-preview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(60px,10vw,170px);align-items:center;background:var(--blue);padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}
.recent-preview-copy{max-width:820px}
.recent-preview-copy h2,.services-preview-head h2,.about-preview h2{font:800 clamp(54px,6.8vw,108px)/.87 var(--font-display);letter-spacing:-.07em;margin:30px 0}
.recent-preview-copy h2 em,.services-preview-head h2 em,.about-preview h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:400}
.recent-preview-copy h2 em{color:var(--cobalt)}
.recent-preview-copy p{max-width:500px;font-size:16px;line-height:1.55;margin:0 0 38px}
.recent-preview-media{position:relative;display:block;justify-self:end;width:min(100%,460px);transform:rotate(1.8deg);transition:transform .35s ease}
.recent-preview-media:hover{transform:rotate(0) translateY(-5px)}
.recent-preview-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.recent-preview-chip{position:absolute;left:18px;bottom:18px;padding:11px 15px;border-radius:999px;background:var(--butter);font:9px var(--font-utility);letter-spacing:.08em;text-transform:uppercase}

.about-preview{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.5fr);gap:clamp(60px,12vw,200px);align-items:center;min-height:650px;background:var(--cream);overflow:hidden}
.about-preview-copy{max-width:960px}
.about-preview h2{margin:28px 0 34px}
.about-preview h2 em{color:#df7899}
.about-preview p{max-width:610px;font-size:18px;line-height:1.5;margin:0 0 36px}
.about-preview-gem{justify-self:center;width:clamp(85px,9vw,140px);filter:drop-shadow(0 12px 22px rgba(79,150,32,.22));animation:juno-gem-bob 3s ease-in-out infinite}
.about-preview-gem svg{display:block;width:100%}
.about-preview-note{position:absolute;right:7%;bottom:8%;display:flex;align-items:center;gap:14px;transform:rotate(-4deg)}
.about-preview-note span{font:52px/1 var(--font-editorial);color:var(--cobalt)}
.about-preview-note p{font:10px/1.3 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;margin:0}

.services-preview{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(480px,1.1fr);gap:clamp(70px,10vw,170px);align-items:end;background:var(--ink);color:var(--cream);padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}
.services-preview-head h2{margin:30px 0 42px}
.services-preview-head h2 em{color:var(--pink)}
.services-preview-head .text-link{color:var(--cream)}
.services-preview-list{border-top:1px solid rgba(247,244,236,.42)}
.services-preview-list span{display:grid;grid-template-columns:46px 1fr;align-items:center;border-bottom:1px solid rgba(247,244,236,.42);padding:22px 0;font:700 clamp(27px,3.4vw,50px)/1 var(--font-display);letter-spacing:-.045em}
.services-preview-list i{font:9px var(--font-utility);font-style:normal;opacity:.55;letter-spacing:.08em}

/* Dedicated catalogue routes. */
.catalog-page-intro h1{font-size:clamp(58px,7.2vw,116px);line-height:.86;letter-spacing:-.07em;margin:34px 0 0}
.catalog-page-intro h1 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--pink)}
.catalog-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);padding-top:clamp(48px,6vw,90px);padding-bottom:clamp(48px,6vw,90px)}
.catalog-hub-card{display:flex;box-sizing:border-box;min-height:520px;flex-direction:column;align-items:flex-start;padding:clamp(38px,5vw,78px)}
.catalog-hub-card{transition:filter .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.catalog-hub-card:hover{filter:saturate(1.08);transform:translateY(-3px);z-index:1}
.catalog-hub-card>i,.catalog-preview>i{transition:padding-right .3s ease}
.catalog-hub-card:hover>i,.catalog-preview:hover>i{padding-right:10px}
.catalog-hub-card>span{font:9px var(--font-utility);letter-spacing:.11em;text-transform:uppercase}
.catalog-hub-card h2{max-width:680px;margin:clamp(70px,8vw,120px) 0 26px;font:800 clamp(42px,4.5vw,70px)/.9 var(--font-display);letter-spacing:-.06em}
.catalog-hub-card p{max-width:460px;font-size:15px;line-height:1.55}
.catalog-hub-card>i{margin-top:auto;padding-top:42px;border-bottom:1px solid currentColor;font:9px var(--font-utility);font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.hub-featured{background:var(--cream)}.hub-deals{background:var(--pink)}.hub-recent{background:var(--blue)}.hub-experience{background:var(--soft-accent)}
.brand-deals-page .section-intro h1,.recent-page .collab-head h1,.services-page .services-head h1{font:800 clamp(55px,7.2vw,118px)/.87 var(--font-display);letter-spacing:-.07em;margin:24px 0 0;max-width:1050px}
.brand-deals-page .section-intro h1 em,.recent-page .collab-head h1 em,.services-page .services-head h1 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;letter-spacing:inherit;line-height:inherit}
.brand-deals-page .section-intro h1 em,.recent-page .collab-head h1 em{color:var(--cobalt)}
.services-page .services-head h1 em{color:var(--butter)}
.brand-deals-page .project-meta h2{font:clamp(28px,3.2vw,50px)/1 var(--font-editorial);letter-spacing:-.04em;margin:0}
.services-page .service h2{font-family:var(--font-utility);font-size:clamp(30px,4vw,60px);font-style:normal;font-weight:400;line-height:normal;letter-spacing:normal;margin:0}
.about-page .about{min-height:900px}
.about-page .welcome-title{font-size:clamp(58px,7.2vw,116px);line-height:.86;letter-spacing:-.07em;margin:34px 0 0}
.about-page .club-notes{border-top:1px solid rgba(41,43,44,.3)}

@media(max-width:900px){
  .recent-preview,.services-preview{grid-template-columns:1fr;gap:58px}
  .recent-preview-media{justify-self:start;width:min(70%,460px)}
  .about-preview{grid-template-columns:1fr;min-height:640px}
  .about-preview-gem{position:absolute;right:8%;top:20%;opacity:.72}
  .catalog-hub-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .recent-preview,.services-preview{padding-top:78px;padding-bottom:82px}
  .recent-preview-copy h2,.services-preview-head h2,.about-preview h2{font-size:14vw}
  .recent-preview-media{width:82%;justify-self:center}
  .about-preview{min-height:580px;padding-top:80px;padding-bottom:80px}
  .about-preview p{font-size:16px;max-width:84%}
  .about-preview-gem{right:6%;top:18%;width:70px}
  .about-preview-note{display:none}
  .services-preview-list span{font-size:29px}
  .catalog-page-intro h1{font-size:14.2vw}
  .catalog-hub-grid{padding-left:0;padding-right:0}
  .catalog-hub-card{min-height:430px;padding:34px 24px}
  .catalog-hub-card h2{font-size:13vw}
  .brand-deals-page .section-intro h1,.recent-page .collab-head h1,.services-page .services-head h1,.about-page .welcome-title{font-size:14vw}
}

/* iOS About page: separate the editorial copy, chat motif and Polaroids into clean bands. */
@media(max-width:700px){
  .about-page .about{
    min-height:auto;
    padding-top:calc(118px + env(safe-area-inset-top));
    padding-bottom:84px;
    overflow:hidden;
  }
  .about-page .about-copy{position:relative;z-index:4}
  .about-page .about .eyebrow{display:block;margin-top:0}
  .about-page .welcome-title{
    max-width:100%;
    margin-top:34px;
    font-size:clamp(54px,13.5vw,78px);
    line-height:.92;
    letter-spacing:-.055em;
  }
  .about-page .about-body{
    display:block;
    width:auto;
    max-width:100%;
    margin:56px 0 0;
    padding-right:0;
    font-size:clamp(18px,5vw,22px);
    line-height:1.45;
  }
  .about-page .about-body p{margin:0}
  .about-page .about-body p+p{margin-top:36px}
  .about-page .about-conversation{
    position:relative;
    z-index:5;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    width:100%;
    max-width:360px;
    margin:44px 0 0;
    padding:0;
    background:transparent;
    box-shadow:none;
  }
  .about-page .about-conversation .about-quote,
  .about-page .about-conversation .about-response{
    position:relative;
    inset:auto;
    margin:0;
    transform:none;
  }
  .about-page .about-conversation .about-quote{
    max-width:76%;
    padding:15px 18px;
    font-size:15px;
    line-height:1.25;
  }
  .about-page .about-conversation .about-response{
    align-self:flex-end;
    max-width:78%;
    padding:12px 16px;
    font-size:13px;
    line-height:1.25;
  }
  .about-page .polaroid-stack{
    position:relative;
    z-index:2;
    right:auto;
    bottom:auto;
    width:min(108vw,430px);
    height:520px;
    margin:54px auto 0;
    transform:none;
    transform-origin:center;
  }
  .about-page .polaroid{width:min(72vw,285px)}
  .about-page .polaroid-fill{height:330px}
  .about-page .p-back{left:-10px;top:78px;transform:rotate(-8deg)}
  .about-page .p-front{right:-12px;top:0;transform:rotate(7deg)}
  .about-page .tape{right:68px;top:20px}
  .about-page .about-sims-gem{
    top:calc(128px + env(safe-area-inset-top));
    right:18px;
    width:42px;
    opacity:.82;
  }
}

@media(max-width:430px){
  .about-page .about{padding-top:calc(126px + env(safe-area-inset-top));padding-bottom:72px}
  .about-page .welcome-title{font-size:clamp(52px,14.2vw,66px);line-height:.93}
  .about-page .about-body{margin-top:52px;font-size:18px;line-height:1.5}
  .about-page .about-body p+p{margin-top:44px}
  .about-page .about-conversation{max-width:100%;margin-top:40px}
  .about-page .polaroid-stack{
    width:calc(100vw - 24px);
    height:430px;
    margin-top:44px;
  }
  .about-page .polaroid{width:66vw;padding:10px 10px 32px}
  .about-page .polaroid-fill{height:280px}
  .about-page .p-back{left:2px;top:84px}
  .about-page .p-front{right:-5px;top:6px}
  .about-page .tape{right:54px;top:20px;width:68px;height:21px}
}


/* Final client revision pass — cleaner navigation, no green accent system, tighter homepage. */
.brand-text{font-size:clamp(18px,1.65vw,30px);letter-spacing:-.055em;font-weight:900}.brand-logo{display:none}.site-header{background:rgba(220,234,255,.86);backdrop-filter:blur(14px)}.site-header-static{position:relative;background:var(--cream)}
.hero{min-height:92svh}.hero-title em,.section-intro em,.about h2 em,.services h2 em,.contact h2 em,.catalog-page-intro h1 em,.catalog-preview h2 em,.page-section-head h1 em,.brand-deals-page .section-intro h1 em,.services-page .services-head h1 em{font-family:var(--font-editorial)}.hero-visual{width:clamp(260px,24vw,410px);right:var(--pad);top:23%}.hero-visual-main{width:72%;aspect-ratio:4/5}.hero-visual-detail{width:58%;aspect-ratio:4/5;object-fit:cover}.hero-image-placeholder,.image-placeholder,.feature-case-placeholder,.featured-card-placeholder .featured-media,.testimonial-video-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#d9d9d4,#efeee9);border:1px solid rgba(41,43,44,.28);color:rgba(41,43,44,.7);font:10px var(--font-utility);letter-spacing:.14em;text-transform:uppercase;text-align:center}
.proof-client-marquee{background:var(--pink);color:var(--ink);padding:26px 0;border-block:1px solid var(--ink);overflow:hidden}.proof-client-marquee .proof-label{margin:0 0 18px;color:var(--ink);opacity:.72}.proof-client-marquee .logo-row{flex-wrap:nowrap;width:max-content;justify-content:flex-start;gap:0;animation:marquee 28s linear infinite}.proof-client-marquee .logo-group{display:flex;align-items:center;gap:42px;min-width:max-content;padding-right:42px}.proof-client-marquee .logo-row span{font-size:clamp(16px,2vw,28px);white-space:nowrap}.proof-client-marquee i{font-style:normal;font-size:24px}.marquee{background:var(--butter)}.marquee-track{animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.catalog-nav{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(460px,1.2fr);gap:clamp(60px,9vw,150px);align-items:start}.catalog-nav h1,.catalog-nav h2{font:800 clamp(52px,6vw,96px)/.88 var(--font-display);letter-spacing:-.07em;margin:28px 0 0}.catalog-nav h1 em,.catalog-nav h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:400;color:var(--butter)}.catalog-nav nav{border-top:1px solid rgba(247,244,236,.28)}.catalog-nav nav a{display:grid;grid-template-columns:42px 1fr auto;gap:28px;align-items:center;border-bottom:1px solid rgba(247,244,236,.28);padding:28px 0}.catalog-nav nav strong{font:700 clamp(28px,3vw,46px)/1 var(--font-display);letter-spacing:-.055em}.catalog-nav nav span,.catalog-nav nav i{font-style:normal;font:10px var(--font-utility);opacity:.7}.catalog-previews{background:var(--ink);padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.catalog-previews-head{display:none}.catalog-preview{min-height:560px;padding:clamp(44px,5vw,78px);display:flex;flex-direction:column;background:var(--cream);color:var(--ink);border:1px solid rgba(247,244,236,.08)}.catalog-preview-collabs{background:var(--pink)}.catalog-preview h2{font:800 clamp(44px,5.2vw,76px)/.88 var(--font-display);letter-spacing:-.07em;margin:auto 0 28px}.catalog-preview h2 em{display:block;color:var(--cobalt)}
.about-preview{background:var(--cream);min-height:560px}.about-preview h2 em{color:var(--pink)}.about-preview-note span{color:var(--cobalt)}.services-preview{background:var(--ink);color:var(--cream)}.services-preview-head h2 em{color:var(--pink)}.services-preview-list span{font-weight:400}.testimonial{background:var(--cream)}.contact-spark{width:120px;height:120px;border-radius:50%;right:5%;top:10%;font-size:0;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#d8d9da 28%,#9fa4ab 52%,#f7f4ec 72%,#7f858d 100%);box-shadow:0 22px 50px rgba(41,43,44,.24)}.contact-spark::after{content:'JUNO\A APPROVED';white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:700 12px/1 var(--font-utility);letter-spacing:.08em;color:var(--ink);transform:rotate(-8deg)}.availability i{background:var(--butter);box-shadow:0 0 0 10px rgba(255,244,168,.18)}
.catalog-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:var(--ink);gap:1px}.catalog-hub-card{min-height:520px}.hub-featured{background:var(--cream)}.hub-deals{background:var(--pink)}.hub-contact{background:var(--butter)}.hub-recent,.hub-experience{display:none!important;background:var(--blue)}.catalog-page-intro h1 em{color:var(--butter)}
.featured-work{background:var(--cream)}.featured-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.featured-card{display:flex;flex-direction:column;gap:16px}.featured-media{aspect-ratio:4/5;background:var(--chrome);overflow:hidden}.featured-media img{width:100%;height:100%;object-fit:cover;display:block}.featured-card h3{font:800 clamp(26px,2.8vw,44px)/.95 var(--font-display);letter-spacing:-.06em;margin:8px 0 0}.featured-card span{font:10px var(--font-utility);text-transform:uppercase;letter-spacing:.1em}.featured-card a{display:none}.brand-collabs-page .work{background:var(--pink)}.collab-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.collab-card{display:block}.collab-card .project-image{min-height:0;aspect-ratio:4/5}.image-mid{background-image:url('assets/client-work/kosis-collab.webp');background-size:cover;background-position:center}.image-right{background-image:url('assets/client-work/alwaysbusy-collab.webp');background-size:cover;background-position:center}.image-product{background-image:url('assets/client-work/moda-tequila.webp');background-size:cover;background-position:center}.tag{background:var(--butter)}.tag-blue{background:var(--blue)}.tag-orange{background:#ff9148}.tag-pink{background:var(--pink)}.brand-collabs-page .work-footer,.role-cta{display:none!important}.brand-collabs-page .project-meta h2{font-family:var(--font-display);font-weight:800;font-style:normal;letter-spacing:-.055em}
.services-page .services{background:var(--pink)}.services-page .process{display:none}.services-page .services-head{display:block}.services-page .service h2{font-weight:400}.services-page .page-next{background:var(--pink)}
.testimonials-page{background:var(--ink)}.testimonials-hero{background:var(--ink);color:var(--cream)}.testimonials-hero h1 em{color:var(--pink)}.testimonial-wall{background:var(--ink);display:grid;gap:34px}.testimonial-video-card,.testimonial-placeholder-video{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:clamp(34px,5vw,76px);align-items:center;min-height:620px;padding:clamp(36px,5vw,72px);border:1px solid rgba(247,244,236,.14)}.testimonial-video-card{background:var(--butter);color:var(--ink)}.testimonial-card-pink{background:var(--pink);color:var(--ink)}.testimonial-card-blue{background:var(--blue);color:var(--ink)}.testimonial-card-blue-legacy{background:var(--blue)!important}.testimonial-video-frame{aspect-ratio:4/5;overflow:hidden;background:rgba(41,43,44,.14);position:relative}.testimonial-video-frame video{width:100%;height:100%;object-fit:cover;display:block}.testimonial-video-placeholder span{font-size:12px}.video-testimonial-caption h2{font:800 clamp(44px,5vw,80px)/.88 var(--font-display);letter-spacing:-.06em;margin:28px 0}.video-testimonial-caption .five-stars{display:block;color:var(--cobalt);font-size:38px;letter-spacing:.05em;margin:28px 0}.testimonial-cta{background:var(--cream)}.testimonial-cta h2 em{color:var(--pink)}
.about-sims-gem{filter:drop-shadow(0 16px 28px rgba(41,43,44,.18))}.about-preview-gem{display:none!important}.about-page .founders-grid img{transform:scale(1.04)}
@media(max-width:980px){.catalog-nav,.catalog-previews,.testimonial-video-card,.testimonial-placeholder-video{grid-template-columns:1fr}.catalog-hub-grid,.featured-gallery,.collab-gallery{grid-template-columns:1fr 1fr}.hero-visual{position:relative;right:auto;top:auto;width:min(100%,380px);margin:22px auto 46px}.hero{min-height:auto}.hero-foot{padding-left:0}.catalog-preview{min-height:440px}.testimonial-video-card,.testimonial-placeholder-video{min-height:0}.testimonial-video-frame{max-width:520px}}
@media(max-width:640px){.site-header{height:92px}.brand-text{font-size:22px}.hero{padding-top:132px;padding-bottom:54px}.hero-title{font-size:clamp(56px,17vw,78px);line-height:.82;margin-bottom:34px}.hero-visual{height:340px}.hero-visual-main{width:70%;position:absolute;right:4%;top:0}.hero-visual-detail{width:54%;position:absolute;left:2%;bottom:0}.hero-visual-label{display:none}.hero-foot{display:grid;gap:22px}.hero-intro p{font-size:18px}.pill{width:100%;justify-content:center;gap:20px}.proof-client-marquee{padding:22px 0}.proof-client-marquee .logo-group{gap:30px}.marquee{padding:16px 0}.catalog-nav{gap:44px}.catalog-nav,.catalog-preview,.services-preview,.about-preview{padding-top:76px;padding-bottom:78px}.catalog-nav h1,.catalog-nav h2{font-size:15vw}.catalog-nav h1 em,.catalog-nav h2 em{color:var(--butter)}.catalog-previews,.catalog-hub-grid,.featured-gallery,.collab-gallery{grid-template-columns:1fr}.catalog-preview{min-height:390px}.about-preview{min-height:0}.about-preview p{max-width:100%}.services-preview-list span{grid-template-columns:34px 1fr}.testimonial-video-card,.testimonial-placeholder-video{padding:28px 22px;gap:26px}.video-testimonial-caption h2{font-size:13vw}.contact-spark{width:78px;height:78px}.contact-spark::after{font-size:8px}.global-footer{height:auto;min-height:110px;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.about-page .about-sims-gem{display:none}.page-next{background:var(--pink)}}
@media(prefers-reduced-motion:reduce){.marquee-track,.proof-client-marquee .logo-row,.contact-spark{animation:none!important}}

/* Final visual QA fix — stop mobile overflow and make the hero read as one clean section. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.instagram-preview{
  display:inline-block;
  width:min(100%,280px);
  max-width:280px;
  margin-top:28px;
  color:inherit;
  text-decoration:none;
}

.instagram-preview>span{
  display:block;
  margin-bottom:10px;
  font:10px var(--font-utility);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.instagram-preview>div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  width:100%;
  aspect-ratio:3/1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
}

.instagram-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.contact .enquiry-grid{
  position:relative;
  z-index:2;
}

.contact .contact-spark{
  z-index:1;
  pointer-events:none;
}

.marquee,
.proof-client-marquee{
  max-width:100vw;
  overflow:hidden;
  contain:paint;
}

@media(max-width:640px){
  .hero{
    min-height:auto;
    padding-top:112px;
    padding-bottom:42px;
    display:block;
  }

  .hero-title{
    font-size:clamp(52px,16vw,64px);
    line-height:.83;
    margin:20px 0 28px;
  }

  .hero-title .line{
    white-space:normal;
  }

  .hero-visual{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:min(100%,350px);
    height:355px;
    margin:26px auto 34px;
    transform:none;
    opacity:1;
  }

  .hero-visual-main{
    position:absolute;
    left:50%;
    right:auto;
    top:0;
    width:76%;
    height:92%;
    transform:translateX(-39%) rotate(1.5deg);
  }

  .hero-image-placeholder{
    align-items:flex-end;
    justify-content:flex-start;
    padding:28px 18px;
    text-align:right;
  }

  .hero-image-placeholder span{
    max-width:120px;
  }

  .hero-visual-detail{
    position:absolute;
    left:10px;
    right:auto;
    bottom:18px;
    width:47%;
    height:52%;
    transform:rotate(-4deg);
  }

  .hero-foot{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
    margin-top:0;
    min-height:0;
  }

  .hero-intro,
  .enquiry-grid,
  .enquiry-intro,
  .booking-form,
  .contact-details,
  .availability,
  .instagram-preview{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .enquiry-grid{
    grid-template-columns:1fr;
  }

  .instagram-preview img,
  .instagram-preview div{
    max-width:100%;
  }

  .instagram-preview{
    width:min(100%,240px);
    max-width:240px;
  }
}

/* Latest client notes — absolute final cascade layer. */
.instagram-preview{display:none!important}
.proof-client-marquee{background:var(--ink)!important;color:var(--cream)!important;border-block:1px solid rgba(247,244,236,.18)!important}
.proof-client-marquee .proof-label,.proof-client-marquee .logo-row span,.proof-client-marquee i{color:var(--cream)!important}
.proof-client-marquee i{font-weight:400!important;opacity:.92!important}
.catalog-nav,.catalog-page-intro{background:var(--pink)!important;color:var(--ink)!important}
.catalog-nav h1 em,.catalog-nav h2 em,.catalog-page-intro h1 em{color:var(--ink)!important}
.catalog-nav nav,.catalog-nav nav a{border-color:rgba(41,43,44,.42)!important}
.catalog-nav nav span,.catalog-nav nav i{color:var(--ink)!important;opacity:.72!important}
.catalog-nav nav a:hover{color:var(--ink)!important;padding-left:10px}
.featured-gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(18px,2vw,30px)!important}
.featured-media{aspect-ratio:4/5!important}
.featured-card-placeholder .featured-media{background:linear-gradient(135deg,#dadbd6,#eeeeea)!important;border:1px solid rgba(41,43,44,.28)}
.testimonials-page .testimonial-wall{gap:clamp(24px,3vw,40px)!important}
.testimonials-page .testimonial-video-card{min-height:620px!important;background:var(--butter)!important}
.testimonial-written-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.testimonial-written-card{min-height:280px;padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;border:1px solid rgba(41,43,44,.22)}
.testimonial-written-card blockquote{margin:34px 0 24px;font:400 clamp(24px,2.6vw,38px)/.98 var(--font-editorial);letter-spacing:-.045em}
.testimonial-written-card .mini-stars{margin-top:auto;color:var(--cobalt);font-size:clamp(25px,2.5vw,36px);letter-spacing:.03em}
.testimonial-written-card>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(41,43,44,.44);padding-top:14px;font:10px var(--font-utility);letter-spacing:.08em;text-transform:uppercase}
.testimonial-card-cream{background:var(--cream);color:var(--ink)}
@media(max-width:1100px){.featured-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.testimonial-written-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.featured-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.featured-gallery{grid-template-columns:1fr!important}}

/* Catalogue homepage section polish — stop the pink chooser and preview cards feeling clipped. */
.catalog-nav:not(.catalog-page-intro){
  padding-top:clamp(58px,6vw,96px)!important;
  padding-bottom:clamp(58px,6vw,96px)!important;
  gap:clamp(44px,7vw,110px)!important;
}

.catalog-nav:not(.catalog-page-intro) h2{
  margin-top:18px!important;
  font-size:clamp(54px,5.6vw,92px)!important;
}

.catalog-nav:not(.catalog-page-intro) nav a{
  padding:22px 0!important;
}

.catalog-previews{
  position:relative;
  padding-top:clamp(64px,7vw,108px)!important;
  padding-bottom:clamp(64px,7vw,108px)!important;
  background:var(--ink)!important;
  row-gap:clamp(30px,3vw,46px)!important;
}

.catalog-previews::before{
  content:"A closer look";
  grid-column:1/-1;
  color:var(--cream);
  font:10px var(--font-utility);
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.78;
}

.catalog-preview{
  min-height:clamp(430px,34vw,540px)!important;
  padding:clamp(42px,5vw,78px)!important;
}

.catalog-preview h2{
  margin:clamp(66px,7vw,100px) 0 26px!important;
  font-size:clamp(42px,4.7vw,72px)!important;
}

/* Last polish pass — steady strips, straight chrome, homepage-only Sims gem, calmer testimonials. */
.marquee-track,
.proof-client-marquee .logo-row{
  animation:none!important;
}

.contact-spark{
  animation:none!important;
  transform:none!important;
}

.contact-spark::after{
  transform:none!important;
}

.about-preview .about-preview-gem{
  display:block!important;
  position:absolute;
  right:9%;
  top:12%;
  width:clamp(58px,7vw,104px);
  z-index:2;
  opacity:.96;
  animation:juno-gem-bob 3.4s ease-in-out infinite;
}

.about-preview .about-preview-gem svg{
  display:block;
  width:100%;
  height:auto;
}

.about-page .about-sims-gem,
.about-page .about-preview-gem{
  display:none!important;
}

.testimonial-written-grid{
  grid-column:1/-1!important;
  width:min(100%,1160px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(22px,2.4vw,34px)!important;
}

.testimonial-written-card{
  min-width:0!important;
  min-height:clamp(300px,25vw,380px)!important;
  padding:clamp(26px,3vw,42px)!important;
  overflow:hidden;
}

.testimonial-written-card blockquote{
  font-size:clamp(28px,3vw,46px)!important;
  line-height:.98!important;
}

.testimonial-written-card .mini-stars{
  font-size:clamp(24px,2.6vw,34px)!important;
  white-space:nowrap;
}

@media(max-width:900px){
  .about-preview .about-preview-gem{
    right:8%;
    top:14%;
    width:68px;
  }

  .testimonial-written-grid{
    grid-template-columns:1fr!important;
    max-width:620px!important;
  }
}

/* Final interaction/layout tightening — requested 06 Aug. */
.catalog-nav h1 em,
.catalog-nav h2 em,
.catalog-page-intro h1 em{
  color:var(--cobalt)!important;
}

.hero .pill-hero{
  background:var(--butter)!important;
  color:var(--ink)!important;
  border:1px solid rgba(41,43,44,.55)!important;
}

.hero .pill-hero:hover{
  background:var(--pink)!important;
}

.about-preview .about-preview-gem{
  filter:drop-shadow(0 18px 28px rgba(65,105,216,.18)) drop-shadow(0 4px 0 rgba(255,241,132,.35));
}

.about-page .polaroid-stack{
  bottom:clamp(74px,8vw,136px)!important;
}

.testimonials-hero{
  min-height:clamp(500px,56vh,630px)!important;
  padding-top:clamp(82px,7vw,112px)!important;
  padding-bottom:clamp(42px,5vw,68px)!important;
}

.testimonials-hero h1{
  margin:clamp(30px,3vw,44px) 0 clamp(32px,3.5vw,50px)!important;
}

.testimonial-page-next{
  background:var(--pink)!important;
}

/* Final colour + motion polish — requested 06 Aug. */
.proof-heading em,
.catalog-preview-featured h2 em,
.about-preview h2 em,
.testimonials-hero h1 em,
.testimonial-cta h2 em,
.services-preview-head h2 em{
  color:var(--pink)!important;
}

.about-preview .about-preview-gem{
  filter:drop-shadow(0 18px 28px rgba(63,141,31,.24)) drop-shadow(0 4px 0 rgba(226,255,154,.36))!important;
}

@keyframes juno-approved-rattle{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  24%{transform:translate3d(-5px,1px,0) rotate(-2deg)}
  52%{transform:translate3d(4px,-1px,0) rotate(1.5deg)}
  76%{transform:translate3d(-2px,1px,0) rotate(-1deg)}
}

.contact-spark{
  animation:juno-approved-rattle 3.4s ease-in-out infinite!important;
  transform-origin:center!important;
}

.contact-spark::after{
  transform:rotate(-8deg)!important;
}

.marquee-track{
  animation:marquee 34s linear infinite!important;
}

.proof-client-marquee .logo-row{
  animation:marquee 42s linear infinite!important;
}

@media(prefers-reduced-motion:reduce){
  .marquee-track,
  .proof-client-marquee .logo-row,
  .contact-spark{
    animation:none!important;
  }
}

/* 06 Aug final10 — About page: place bubbles in their own space, not over the copy. */
.about-page .about{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(64px,8vw,150px)!important;
  row-gap:clamp(26px,3vw,48px)!important;
  align-items:start!important;
  min-height:auto!important;
  overflow:hidden!important;
  padding-top:clamp(96px,7vw,132px)!important;
  padding-bottom:clamp(96px,7vw,138px)!important;
}

.about-page .about-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:900px!important;
}

.about-page .welcome-title{
  max-width:900px!important;
}

.about-page .about-body{
  width:100%!important;
  max-width:760px!important;
  margin:clamp(48px,4vw,68px) 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(42px,5vw,84px)!important;
}

.about-page .about-conversation{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:5!important;
  width:min(100%,620px)!important;
  height:170px!important;
  margin:clamp(12px,2vw,30px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}

.about-page .about-conversation .about-quote,
.about-page .about-conversation .about-response{
  position:absolute!important;
  inset:auto!important;
  margin:0!important;
}

.about-page .about-conversation .about-quote{
  left:0!important;
  top:0!important;
  max-width:265px!important;
  padding:16px 22px!important;
  transform:rotate(-2deg)!important;
}

.about-page .about-conversation .about-response{
  left:clamp(250px,22vw,360px)!important;
  top:72px!important;
  max-width:245px!important;
  padding:14px 20px!important;
  transform:rotate(1deg)!important;
}

.about-page .polaroid-stack{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2!important;
  place-self:center end!important;
  width:clamp(390px,28vw,540px)!important;
  height:clamp(430px,31vw,590px)!important;
  margin:clamp(118px,11vw,190px) 0 0!important;
  transform:none!important;
}

@media(max-width:980px){
  .about-page .about{
    display:block!important;
    padding-bottom:clamp(78px,12vw,118px)!important;
  }

  .about-page .about-body{
    grid-template-columns:1fr!important;
    max-width:680px!important;
    gap:24px!important;
  }

  .about-page .about-conversation{
    width:min(100%,430px)!important;
    height:165px!important;
    margin:42px 0 0!important;
  }

  .about-page .about-conversation .about-response{
    left:auto!important;
    right:0!important;
    top:74px!important;
  }

  .about-page .polaroid-stack{
    width:min(100%,390px)!important;
    height:420px!important;
    margin:42px auto 0!important;
    transform:scale(.94)!important;
    transform-origin:center!important;
  }
}

/* 06 Aug final-final About layout: keep message bubbles in the open marked space. */
.about-page .about{
  position:relative!important;
  overflow:hidden!important;
  min-height:clamp(820px,56vw,940px)!important;
  padding-top:clamp(96px,7vw,132px)!important;
  padding-bottom:clamp(120px,8vw,170px)!important;
}

.about-page .about-copy{
  position:relative!important;
  z-index:5!important;
  width:min(58vw,880px)!important;
  max-width:880px!important;
}

.about-page .welcome-title{
  max-width:760px!important;
}

.about-page .about-body{
  margin:clamp(48px,4.2vw,68px) 0 0!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(56px,5vw,94px)!important;
}

.about-page .about-conversation{
  position:absolute!important;
  left:var(--pad)!important;
  top:clamp(620px,40vw,700px)!important;
  right:auto!important;
  bottom:auto!important;
  z-index:8!important;
  width:min(650px,48vw)!important;
  height:170px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}

.about-page .about-conversation .about-quote,
.about-page .about-conversation .about-response{
  position:absolute!important;
  inset:auto!important;
  margin:0!important;
  max-width:none!important;
}

.about-page .about-conversation .about-quote{
  left:0!important;
  top:0!important;
  width:max-content!important;
  max-width:260px!important;
  padding:16px 22px!important;
  transform:rotate(-2deg)!important;
}

.about-page .about-conversation .about-response{
  left:clamp(280px,24vw,390px)!important;
  top:clamp(68px,5vw,86px)!important;
  width:max-content!important;
  max-width:245px!important;
  padding:14px 20px!important;
  transform:rotate(1deg)!important;
}

.about-page .polaroid-stack{
  position:absolute!important;
  z-index:3!important;
  top:clamp(270px,20vw,350px)!important;
  right:clamp(38px,5vw,100px)!important;
  bottom:auto!important;
  width:clamp(390px,27vw,530px)!important;
  height:clamp(420px,30vw,560px)!important;
  transform:scale(1)!important;
  transform-origin:top right!important;
}

.about-page .polaroid{
  width:clamp(255px,17vw,335px)!important;
}

.about-page .polaroid-fill{
  height:clamp(275px,19vw,365px)!important;
}

@media(max-width:900px){
  .about-page .about{
    min-height:auto!important;
    padding-bottom:clamp(76px,11vw,118px)!important;
  }

  .about-page .about-copy{
    width:100%!important;
    max-width:100%!important;
  }

  .about-page .about-body{
    grid-template-columns:1fr!important;
    max-width:680px!important;
    gap:24px!important;
  }

  .about-page .about-conversation{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100%,420px)!important;
    height:auto!important;
    margin:44px 0 0!important;
  }

  .about-page .about-conversation .about-quote,
  .about-page .about-conversation .about-response{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
  }

  .about-page .about-conversation .about-response{
    display:block!important;
    margin:14px 0 0 auto!important;
  }

  .about-page .polaroid-stack{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100%,390px)!important;
    height:420px!important;
    margin:42px auto 0!important;
    transform:scale(.94)!important;
    transform-origin:center!important;
  }
}

/* 06 Aug absolute final: About speech bubbles must sit in the drawn open spaces, not over copy. */
.about-page .about{
  position:relative!important;
  overflow:hidden!important;
  min-height:clamp(780px,56vw,920px)!important;
  padding-top:clamp(96px,7vw,132px)!important;
  padding-bottom:clamp(110px,8vw,155px)!important;
}

.about-page .about-copy{
  position:relative!important;
  z-index:4!important;
  width:min(58vw,880px)!important;
  max-width:880px!important;
}

.about-page .welcome-title{
  max-width:760px!important;
}

.about-page .about-body{
  margin:clamp(46px,4vw,66px) 0 0!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(48px,5vw,86px)!important;
}

.about-page .about-conversation{
  position:relative!important;
  inset:auto!important;
  z-index:8!important;
  width:min(100%,690px)!important;
  margin:clamp(64px,5.5vw,100px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,280px) minmax(0,260px)!important;
  column-gap:clamp(50px,6vw,120px)!important;
  align-items:start!important;
}

.about-page .about-conversation .about-quote,
.about-page .about-conversation .about-response{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
}

.about-page .about-conversation .about-quote{
  justify-self:start!important;
  align-self:start!important;
  width:max-content!important;
  max-width:255px!important;
  padding:16px 22px!important;
  transform:rotate(-2deg)!important;
}

.about-page .about-conversation .about-response{
  justify-self:start!important;
  align-self:start!important;
  width:max-content!important;
  max-width:245px!important;
  margin:54px 0 0!important;
  padding:14px 20px!important;
  transform:rotate(1deg)!important;
}

.about-page .polaroid-stack{
  position:absolute!important;
  z-index:3!important;
  top:clamp(245px,19vw,330px)!important;
  right:clamp(42px,6vw,118px)!important;
  bottom:auto!important;
  width:clamp(390px,27vw,530px)!important;
  height:clamp(420px,30vw,560px)!important;
  transform:scale(1)!important;
  transform-origin:top right!important;
}

.about-page .polaroid{
  width:clamp(255px,17vw,335px)!important;
}

.about-page .polaroid-fill{
  height:clamp(275px,19vw,365px)!important;
}

@media(max-width:900px){
  .about-page .about{
    min-height:auto!important;
    padding-bottom:clamp(76px,11vw,118px)!important;
  }

  .about-page .about-copy{
    width:100%!important;
    max-width:100%!important;
  }

  .about-page .about-body{
    grid-template-columns:1fr!important;
    max-width:680px!important;
    gap:24px!important;
  }

  .about-page .about-conversation{
    grid-template-columns:1fr!important;
    width:min(100%,420px)!important;
    margin-top:44px!important;
    row-gap:14px!important;
  }

  .about-page .about-conversation .about-response{
    justify-self:end!important;
    margin:0!important;
  }

  .about-page .polaroid-stack{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100%,390px)!important;
    height:420px!important;
    margin:42px auto 0!important;
    transform:scale(.94)!important;
    transform-origin:center!important;
  }
}

@media(max-width:560px){
  .about-page .about-conversation{
    width:100%!important;
  }

  .about-page .about-conversation .about-quote{
    max-width:235px!important;
  }

  .about-page .about-conversation .about-response{
    max-width:220px!important;
  }

  .about-page .polaroid-stack{
    height:370px!important;
    transform:scale(.82)!important;
  }
}

/* 06 Aug placement correction — user-drawn outlines are the intended layout. */
.about-page .about{
  position:relative!important;
  overflow:hidden!important;
  min-height:clamp(740px,52vw,860px)!important;
  padding-top:clamp(94px,7vw,132px)!important;
  padding-bottom:clamp(76px,6vw,112px)!important;
}

.about-page .about-copy{
  position:relative!important;
  z-index:4!important;
  width:min(58vw,880px)!important;
  max-width:880px!important;
}

.about-page .welcome-title{
  max-width:760px!important;
}

.about-page .about-body{
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin-top:clamp(44px,4vw,64px)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(48px,5vw,86px)!important;
}

.about-page .about-conversation{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:7!important;
  width:min(100%,640px)!important;
  margin:clamp(28px,3vw,44px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  column-gap:clamp(32px,4vw,72px)!important;
  align-items:start!important;
}

.about-page .about-conversation .about-quote,
.about-page .about-conversation .about-response{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  max-width:none!important;
}

.about-page .about-conversation .about-quote{
  justify-self:start!important;
  width:max-content!important;
  max-width:260px!important;
  padding:16px 22px!important;
  transform:rotate(-2deg)!important;
}

.about-page .about-conversation .about-response{
  justify-self:start!important;
  align-self:end!important;
  width:max-content!important;
  max-width:245px!important;
  margin:44px 0 0!important;
  padding:14px 20px!important;
  transform:rotate(1deg)!important;
}

.about-page .polaroid-stack{
  position:absolute!important;
  z-index:3!important;
  top:clamp(240px,19vw,330px)!important;
  right:clamp(42px,6vw,118px)!important;
  bottom:auto!important;
  width:clamp(370px,26vw,520px)!important;
  height:clamp(400px,30vw,560px)!important;
  transform:scale(1)!important;
  transform-origin:top right!important;
}

.about-page .polaroid{
  width:clamp(250px,17vw,330px)!important;
}

.about-page .polaroid-fill{
  height:clamp(270px,19vw,360px)!important;
}

@media(max-width:900px){
  .about-page .about{
    min-height:auto!important;
    padding-bottom:clamp(70px,10vw,110px)!important;
  }

  .about-page .about-copy{
    width:100%!important;
  }

  .about-page .about-body{
    grid-template-columns:1fr!important;
    max-width:680px!important;
    gap:24px!important;
  }

  .about-page .about-conversation{
    grid-template-columns:1fr!important;
    width:min(100%,420px)!important;
    gap:14px!important;
  }

  .about-page .about-conversation .about-response{
    justify-self:end!important;
    margin:0!important;
  }

  .about-page .polaroid-stack{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100%,390px)!important;
    height:420px!important;
    margin:42px auto 0!important;
    transform:scale(.94)!important;
    transform-origin:center!important;
  }
}

@media(max-width:560px){
  .about-page .about-conversation{
    width:100%!important;
  }

  .about-page .about-conversation .about-quote{
    max-width:235px!important;
  }

  .about-page .about-conversation .about-response{
    max-width:220px!important;
  }

  .about-page .polaroid-stack{
    height:370px!important;
    transform:scale(.82)!important;
  }
}

/* 06 Aug About page final layout fix — keep the iMessage motif out of the body copy. */
.about-page .about{
  min-height:auto!important;
  padding-top:clamp(96px,7vw,136px)!important;
  padding-bottom:clamp(104px,8vw,150px)!important;
}

.about-page .about-body{
  margin:clamp(44px,4.5vw,70px) 0 0!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(32px,4vw,72px)!important;
}

.about-page .about-conversation{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:6!important;
  width:min(100%,380px)!important;
  margin:clamp(38px,4vw,62px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}

.about-page .about-conversation .about-quote,
.about-page .about-conversation .about-response{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
}

.about-page .about-conversation .about-quote{
  display:inline-block!important;
  max-width:255px!important;
  padding:16px 19px!important;
  transform:rotate(-2deg)!important;
}

.about-page .about-conversation .about-response{
  display:block!important;
  width:max-content!important;
  max-width:230px!important;
  margin:16px 0 0 auto!important;
  padding:13px 18px!important;
  transform:rotate(1deg)!important;
}

.about-page .polaroid-stack{
  right:var(--pad)!important;
  bottom:clamp(74px,7vw,130px)!important;
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}

@media(max-width:760px){
  .about-page .about-body{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:0!important;
  }

  .about-page .about-conversation{
    width:min(100%,340px)!important;
    margin-top:36px!important;
  }

  .about-page .polaroid-stack{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    margin:44px auto 0!important;
    transform:scale(.82)!important;
    transform-origin:center!important;
  }
}

/* 06 Aug final hard override: this must stay at EOF so the homepage client conveyor cannot fall back to yellow. */
.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.22)!important;
  padding-block:clamp(24px,3vw,38px)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee .logo-row span{
  font-weight:700!important;
}

.proof-client-marquee i{
  font-weight:400!important;
  opacity:1!important;
}

.marquee-track,
.proof-client-marquee .logo-row{
  animation:none!important;
}

@keyframes juno-approved-sway{
  0%,100%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(-10px,2px,0)}
  50%{transform:translate3d(3px,-1px,0)}
  75%{transform:translate3d(10px,2px,0)}
}

.contact-spark{
  animation:juno-approved-sway 3.1s ease-in-out infinite!important;
  transform-origin:center!important;
  will-change:transform!important;
}

.contact-spark::after{
  transform:none!important;
}

.about-preview .about-preview-gem{
  top:22%!important;
}

.catalog-nav-copy{
  margin:clamp(22px,2.4vw,34px) 0 0!important;
  max-width:430px!important;
  font:clamp(15px,1.25vw,19px)/1.42 var(--font-display)!important;
  color:rgba(41,43,44,.78)!important;
}

.testimonials-hero{
  min-height:clamp(420px,46vh,540px)!important;
  padding-top:clamp(70px,6vw,98px)!important;
  padding-bottom:clamp(28px,3.5vw,46px)!important;
}

.testimonials-hero h1{
  margin:clamp(24px,2.5vw,36px) 0 clamp(24px,3vw,38px)!important;
}

.testimonial-wall{
  padding-top:clamp(42px,5vw,68px)!important;
}

@media(max-width:640px){
  .about-preview .about-preview-gem{
    top:28%!important;
  }

  .testimonials-hero{
    min-height:430px!important;
    padding-top:68px!important;
    padding-bottom:28px!important;
  }

  .testimonial-wall{
    padding-top:36px!important;
  }
}

/* 06 Aug final alignment pass — keep the homepage cleaner and stop old overrides fighting. */
.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.22)!important;
  padding-block:clamp(24px,3vw,38px)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee .logo-row span{
  font-weight:700!important;
}

.proof-client-marquee i{
  color:var(--cream)!important;
  opacity:1!important;
  font-weight:400!important;
}

.marquee-track,
.proof-client-marquee .logo-row{
  animation:none!important;
}

.catalog-nav-copy{
  margin:clamp(22px,2.4vw,34px) 0 0;
  max-width:420px;
  font:clamp(15px,1.25vw,19px)/1.42 var(--font-body);
  color:rgba(41,43,44,.78);
}

.catalog-nav:not(.catalog-page-intro) nav a{
  padding:24px 0!important;
}

.about-preview .about-preview-gem{
  top:18%!important;
}

@keyframes juno-approved-sway{
  0%,100%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(-10px,2px,0)}
  50%{transform:translate3d(3px,-1px,0)}
  75%{transform:translate3d(10px,2px,0)}
}

.contact-spark{
  animation:juno-approved-sway 3.1s ease-in-out infinite!important;
}

.contact-spark::after{
  transform:none!important;
}

.testimonials-hero{
  min-height:clamp(420px,46vh,540px)!important;
  padding-top:clamp(70px,6vw,98px)!important;
  padding-bottom:clamp(28px,3.5vw,46px)!important;
}

.testimonials-hero h1{
  margin:clamp(24px,2.5vw,36px) 0 clamp(24px,3vw,38px)!important;
}

.testimonial-wall{
  padding-top:clamp(42px,5vw,68px)!important;
}

@media(max-width:640px){
  .catalog-nav-copy{
    max-width:320px;
    font-size:15px;
  }

  .about-preview .about-preview-gem{
    top:24%!important;
  }

  .testimonials-hero{
    min-height:430px!important;
    padding-top:68px!important;
    padding-bottom:28px!important;
  }

  .testimonial-wall{
    padding-top:36px!important;
  }
}

/* Client/collaborator strip — dark, calm and consistent with the main conveyor. */
.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.24)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee .logo-row span{
  font-weight:700!important;
}

.proof-client-marquee i{
  color:var(--cream)!important;
  font-weight:400!important;
  opacity:1!important;
}

/* Final requested tidy — closer-look removal, moderate conveyors, partnerships grid, case-study video. */
.catalog-previews::before{
  content:none!important;
  display:none!important;
}

.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.18)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee i{
  opacity:1!important;
  font-weight:400!important;
}

.marquee-track,
.proof-client-marquee .logo-row{
  animation:none!important;
}

.brand-collabs-page .collab-gallery{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,28px)!important;
}

.brand-collabs-page .collab-card .project-image{
  aspect-ratio:4/5!important;
  min-height:0!important;
}

.brand-collabs-page .image-placeholder{
  background:linear-gradient(135deg,#d7d7d1,#efeee8)!important;
}

.testimonial-case-study{
  align-items:stretch!important;
  min-height:clamp(610px,54vw,760px)!important;
  border:1px solid rgba(41,43,44,.18)!important;
}

.testimonial-case-study .testimonial-video-frame{
  height:100%!important;
  min-height:clamp(480px,43vw,620px)!important;
  aspect-ratio:auto!important;
}

.testimonial-case-study .video-testimonial-caption{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  max-width:620px!important;
}

.testimonial-case-study .video-testimonial-caption small{
  color:rgba(41,43,44,.62)!important;
}

@media(max-width:980px){
  .brand-collabs-page .collab-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .testimonial-case-study .testimonial-video-frame{
    min-height:420px!important;
  }
}

@media(max-width:640px){
  .brand-collabs-page .collab-gallery{
    grid-template-columns:1fr!important;
  }

  .testimonial-case-study{
    min-height:0!important;
  }

  .testimonial-case-study .testimonial-video-frame{
    min-height:360px!important;
  }
}

@media(min-width:901px) and (max-width:1300px){
  .about-page .about{
    min-height:clamp(760px,72vw,900px)!important;
    padding-bottom:clamp(96px,10vw,150px)!important;
  }

  .about-page .about-body{
    max-width:min(58vw,780px)!important;
    gap:clamp(24px,3vw,42px)!important;
  }

  .about-page .polaroid-stack{
    right:3%!important;
    bottom:clamp(62px,6vw,108px)!important;
    transform:scale(.82)!important;
    transform-origin:bottom right!important;
  }

  .about-page .about-conversation{
    position:absolute!important;
    left:clamp(44px,6vw,92px)!important;
    bottom:clamp(64px,7vw,118px)!important;
    width:min(340px,28vw)!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:block!important;
    z-index:5!important;
  }

  .about-page .about-conversation .about-quote,
  .about-page .about-conversation .about-response{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
  }

  .about-page .about-conversation .about-quote{
    max-width:245px!important;
    padding:16px 18px!important;
    transform:rotate(-2deg)!important;
  }

  .about-page .about-conversation .about-response{
    width:max-content!important;
    max-width:220px!important;
    margin:14px 0 0 auto!important;
    padding:13px 17px!important;
    transform:rotate(1deg)!important;
  }
}

@media(max-width:640px){
  .hero .pill-hero{
    width:100%;
  }

  .about-page .polaroid-stack{
    bottom:24px!important;
  }

  .testimonials-hero{
    min-height:500px!important;
    padding-top:74px!important;
  }
}

/* Real final correction — remove CSS fighting the JS conveyor and rebalance the rough areas. */
.marquee-track,
.proof-client-marquee .logo-row{
  animation:none!important;
}

.proof-client-marquee{
  background:var(--ink)!important;
  color:var(--cream)!important;
  border-block:1px solid rgba(247,244,236,.22)!important;
  padding-block:clamp(24px,3vw,38px)!important;
}

.proof-client-marquee .proof-label,
.proof-client-marquee .logo-row span,
.proof-client-marquee i{
  color:var(--cream)!important;
}

.proof-client-marquee i{
  opacity:1!important;
  font-weight:400!important;
}

@keyframes juno-approved-walk{
  0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}
  25%{transform:translate3d(-18px,2px,0) rotate(-7deg)}
  50%{transform:translate3d(0,-1px,0) rotate(-3deg)}
  75%{transform:translate3d(18px,2px,0) rotate(3deg)}
}

.contact-spark{
  animation:juno-approved-walk 2.8s ease-in-out infinite!important;
  transform-origin:center!important;
  will-change:transform!important;
}

.contact-spark::after{
  transform:rotate(-8deg)!important;
}

.booking-form select{
  text-align:left!important;
  text-align-last:left!important;
  padding-left:0!important;
  padding-right:38px!important;
  background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%!important;
}

.booking-form option{
  text-align:left;
}

.about-page .about{
  min-height:auto!important;
  padding-top:clamp(92px,7vw,132px)!important;
  padding-bottom:clamp(82px,7vw,128px)!important;
}

.about-page .about-copy{
  max-width:min(100%,1180px)!important;
}

.about-page .welcome-title{
  margin-top:clamp(34px,4vw,58px)!important;
  max-width:980px!important;
}

.about-page .about-body{
  margin:clamp(44px,4.5vw,70px) 0 0!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(28px,4vw,64px)!important;
  font-size:clamp(16px,1.18vw,19px)!important;
  line-height:1.45!important;
}

.about-page .about-body p{
  margin:0!important;
}

.about-page .about-conversation{
  left:var(--pad)!important;
  bottom:clamp(58px,6vw,96px)!important;
}

.about-page .polaroid-stack{
  right:var(--pad)!important;
  bottom:clamp(60px,7vw,120px)!important;
  transform:scale(.88)!important;
  transform-origin:bottom right!important;
}

@media(max-width:760px){
  .about-page .about-body{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .marquee-track,
  .proof-client-marquee .logo-row,
  .contact-spark{
    animation:none!important;
  }
}

/* 06 Aug final11 — hard fix: About messages sit below copy, never over it. */
body.about-page .about{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.86fr)!important;
  column-gap:clamp(70px,8vw,150px)!important;
  align-items:start!important;
  min-height:auto!important;
  padding-top:clamp(96px,7vw,132px)!important;
  padding-bottom:clamp(96px,8vw,150px)!important;
  overflow:hidden!important;
}

body.about-page .about-copy{
  grid-column:1!important;
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:930px!important;
}

body.about-page .about-body{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:790px!important;
  margin:clamp(48px,4vw,70px) 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(52px,5.6vw,96px)!important;
}

body.about-page .about-conversation{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
  display:block!important;
  width:min(100%,690px)!important;
  height:190px!important;
  margin:clamp(52px,4.6vw,76px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

body.about-page .about-conversation .about-quote,
body.about-page .about-conversation .about-response{
  position:absolute!important;
  inset:auto!important;
  margin:0!important;
}

body.about-page .about-conversation .about-quote{
  left:0!important;
  top:0!important;
  width:310px!important;
  max-width:310px!important;
  padding:18px 26px!important;
  font-size:18px!important;
  line-height:1.12!important;
  transform:rotate(-2deg)!important;
}

body.about-page .about-conversation .about-response{
  left:clamp(330px,29vw,440px)!important;
  top:86px!important;
  width:max-content!important;
  max-width:260px!important;
  padding:15px 22px!important;
  font-size:16px!important;
  transform:rotate(1deg)!important;
}

body.about-page .polaroid-stack{
  grid-column:2!important;
  position:relative!important;
  inset:auto!important;
  justify-self:end!important;
  align-self:start!important;
  width:clamp(410px,29vw,560px)!important;
  height:clamp(440px,31vw,590px)!important;
  margin:clamp(190px,14vw,250px) 0 0!important;
  transform:none!important;
  z-index:2!important;
}

@media(max-width:980px){
  body.about-page .about{
    display:block!important;
    padding-bottom:clamp(86px,13vw,128px)!important;
  }

  body.about-page .about-body{
    grid-template-columns:1fr!important;
    max-width:680px!important;
    gap:24px!important;
  }

  body.about-page .about-conversation{
    width:min(100%,430px)!important;
    height:172px!important;
    margin:42px 0 0!important;
  }

  body.about-page .about-conversation .about-quote{
    width:285px!important;
    max-width:285px!important;
    font-size:16px!important;
  }

  body.about-page .about-conversation .about-response{
    left:auto!important;
    right:0!important;
    top:78px!important;
    font-size:15px!important;
  }

  body.about-page .polaroid-stack{
    width:min(100%,390px)!important;
    height:420px!important;
    margin:40px auto 0!important;
    transform:scale(.94)!important;
    transform-origin:center!important;
  }
}