/* APPROVED BY SOPHIA DESIGN — visual studio selections, applied to website. */
:root{--studio-pink:#f6e3e3;--studio-olive:#8f9360;--studio-ink:#373e31;--studio-cream:#f7f5ed;--studio-intro-size:74px;--studio-intro-space:112px;--studio-grid-gap:28px;--studio-image-ratio:0.82;--studio-services-bg:#e9ecdf;--studio-services-size:74px;--studio-editorial-bright:.75;--studio-about-height:640px;--studio-about-position:38%;--studio-about-size:74px;--studio-palette-size:72px;--studio-portfolio-size:78px;--studio-pink-accent:0.4;}
.announcement{height:33px;background:var(--studio-pink)!important;color:var(--studio-ink)!important;display:flex;align-items:center;padding:0 4.4%;font-size:9px;letter-spacing:.12em}.announcement a{color:var(--studio-ink)!important}
.site-header{height:100px;min-height:100px;padding:0 4.4%;background:var(--studio-cream)!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdad0}.brand{display:block;width:164px;flex:0 0 164px}.brand-logo{width:164px;max-width:100%;height:auto;object-fit:contain}.desktop-nav{margin-left:0}.site-header .nav-enquire{font-size:12px}
.approved-hero{display:grid;grid-template-columns:47% 53%;height:calc(100svh - 133px);min-height:680px;max-height:1080px;background:var(--studio-cream);color:var(--studio-ink)}
.approved-hero-copy{position:relative;display:flex;align-items:center;min-width:0;padding:40px 6.5% 65px 8.4%}.approved-hero-inner{min-width:0;width:100%}.approved-eyebrow{display:flex;align-items:center;gap:13px;font-size:9px;font-weight:600;letter-spacing:.14em;margin-bottom:34px;line-height:1.5}.approved-eyebrow:before{content:'';display:block;width:30px;height:2px;background:#e4b9c7;flex:0 0 30px}.approved-hero h1{margin:0 0 26px;line-height:1.04;font-weight:400;letter-spacing:-.04em}.approved-tan-line{display:block;max-width:100%;line-height:1;margin-bottom:-3px}.approved-tan-line img{display:block;height:auto;max-width:100%;object-fit:contain;object-position:left;width:100%}.approved-tan-one{width:calc(88px * 6.58)}.approved-tan-two{width:calc(88px * 4.55)}.approved-hero h1 em{display:block;color:var(--studio-olive);font:italic 400 82.72px/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-.05em;margin-top:0;white-space:nowrap}.approved-description{max-width:410px;font-size:13px;line-height:1.85;margin:0 0 28px}.approved-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:206px;padding:19px 22px;background:var(--studio-olive);color:#273021;font-size:12px}.approved-cta span{font-size:22px;line-height:1}.approved-hero-bottom{position:absolute;bottom:30px;left:8.4%;right:7%;display:flex;align-items:center;gap:12px;font-size:9px;color:#59604d}.approved-hero-bottom:before{content:'';width:29px;height:1px;background:#b7b9a4}.approved-hero-bottom span:last-child{margin-left:auto;font-size:21px}.approved-hero-photo{position:relative;overflow:hidden;background:#ddd8cc}.approved-hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% 49%}.approved-photo-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;font-size:8px;letter-spacing:.11em;text-shadow:0 1px 5px #0006}.approved-photo-round{position:absolute;bottom:64px;right:30px;width:85px;height:85px;border:1px solid rgba(143,147,96,.75);border-radius:50%;display:grid;place-items:center;background:rgba(243,228,228,.9);backdrop-filter:blur(8px);font-size:9px;color:#59633e;box-shadow:inset 0 0 0 4px rgba(243,228,228,.95),inset 0 0 0 5px rgba(143,147,96,.65)}
/* Adjustable sections, no change to the approved brand-note. */
.intro{padding-top:var(--studio-intro-space)}.intro h2{font-size:var(--studio-intro-size)}.portfolio .section-heading h2{font-size:var(--studio-portfolio-size)}
.project-grid{column-gap:var(--studio-grid-gap)}.project-image{aspect-ratio:var(--studio-image-ratio)!important}
.services{background:var(--studio-services-bg)}.services-intro h2{font-size:var(--studio-services-size)}.editorial-break img{filter:brightness(var(--studio-editorial-bright))}
.palette-content h2{font-size:var(--studio-palette-size)}.about-image-wrap img{height:var(--studio-about-height);object-position:50% var(--studio-about-position)}.about-copy h2{font-size:var(--studio-about-size)}
.intro>.eyebrow:before,.portfolio .eyebrow:before{opacity:var(--studio-pink-accent)}

.brand-note{background:#f6e3e3!important;color:#353e2f!important}.brand-note-kicker,.brand-note-caption{color:#353e2f!important}

/* Approved section proportions and images */
:root{--studio-editorial-bright:.75;--studio-about-height:640px;--studio-about-position:38%;}
.intro{padding-top:112px}.intro h2{font-size:74px}
.portfolio .section-heading h2{font-size:78px}
.project-grid{column-gap:28px}.project-image{aspect-ratio:.82!important}
.services{background:#e9ecdf}.services-intro h2{font-size:74px}
.editorial-break img{filter:brightness(.75)}
.palette-content h2{font-size:72px}.palette-content h2 em{display:inline-block}
.about-image-wrap img{height:640px;object-position:50% 38%}.about-copy h2{font-size:74px}
@media(max-width:750px){.intro h2{font-size:min(74px,11vw)}.portfolio .section-heading h2{font-size:min(78px,12vw)}.services-intro h2{font-size:min(74px,12vw)}.palette-content h2{font-size:min(72px,12vw)}.about-copy h2{font-size:min(74px,12vw)}.about-image-wrap img{height:min(640px,110vw)}}

@media(max-width:1100px){.approved-hero h1 em{font-size:clamp(49px,6.7vw,80px)}.approved-tan-one{width:min(calc(88px * 6.58),100%)}.approved-tan-two{width:min(calc(88px * 4.55),100%)}.approved-eyebrow{font-size:8px}}
@media(max-width:750px){.site-header{height:85px;min-height:85px}.brand,.brand-logo{width:145px;flex-basis:145px}.approved-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}.approved-hero-copy{min-height:540px;padding:65px 7% 85px}.approved-hero h1 em{font-size:clamp(43px,10.5vw,69px);white-space:normal}.approved-tan-one{width:min(100%,calc(88px * 6.58))}.approved-tan-two{width:min(100%,calc(88px * 4.55))}.approved-hero-bottom{left:7%;right:7%}.approved-hero-photo{height:65vh;min-height:420px}.intro h2{font-size:min(var(--studio-intro-size),11vw)}.portfolio .section-heading h2{font-size:min(var(--studio-portfolio-size),12vw)}.services-intro h2{font-size:min(var(--studio-services-size),12vw)}.palette-content h2{font-size:min(var(--studio-palette-size),12vw)}.about-copy h2{font-size:min(var(--studio-about-size),12vw)}}
/* Approved olive divider and cream call-to-action lettering */
body:not(.event-page) .intro{position:relative}
body:not(.event-page) .intro::before{content:"";position:absolute;top:70px;left:3.5%;right:3.5%;height:1px;background:#8f9360;pointer-events:none}
.approved-cta{color:#f7f5ed}
@media(max-width:750px){body:not(.event-page) .intro::before{top:43px;left:6%;right:6%}}

/* Header wordmark in the original signature olive green (#8f9360). */
/* Reuse the exact existing logo silhouette; recolour only its header appearance. */
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .site-header .brand {
    background-color: var(--studio-olive);
    -webkit-mask-image: url("assets/logo-olive.png");
    mask-image: url("assets/logo-olive.png");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .site-header .brand-logo { opacity: 0; }
}

/* Keep the italic philosophy line readable against the blush band. */
.brand-note p em{color:#353e2f!important;}

/* Entire philosophy statement in signature olive, preserving italic emphasis. */
.brand-note p,.brand-note p em{color:var(--studio-olive)!important;}

/* Restore the opening phrase to the original charcoal, retaining olive italic. */
.brand-note p{color:#353e2f!important;}
.brand-note p em{color:var(--studio-olive)!important;}

/* Vercel feedback: muted sage rather than the previous minty services background. */
:root{--studio-services-bg:#d9ddcf}
.services{background:#d9ddcf}

/* Review round: olive services section, pink process accents and improved editorial contrast. */
.services{background:#8f9360!important;color:#fffaf1}
.services .eyebrow,.services .services-intro h2,.services .services-intro h2 em,
.services .services-intro>p,.services .text-link,.services .service summary,
.services .service-body,.services .service-body p,.services .service-inclusions,
.services .services-note,.services .service-number{color:#fffaf1!important}
.services .service,.services .service:last-of-type{border-color:rgba(255,250,241,.48)!important}
.services .detail-toggle{color:#fffaf1}
.process .process-step{border-top:2px solid #e3b6c5}
.process .process-step>span{color:#ae7588}
.process .section-heading .eyebrow:before{background:#e3b6c5}
.editorial-break img{filter:brightness(.47) contrast(1.05)!important;object-position:50% 49%}
.editorial-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,29,21,.43),transparent 75%);pointer-events:none}
.editorial-break-copy{z-index:1}
.about-copy .signature{font-family:"Allura","Brush Script MT",cursive!important;font-size:74px!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;line-height:1.1!important;transform:rotate(-4deg)!important}
@media(max-width:650px){.about-copy .signature{font-size:62px!important}}
/* Recolour existing artwork without modifying the approved logo silhouette. */
@supports ((-webkit-mask-image:url("")) or (mask-image:url(""))){
.site-footer .brand,.event-page .detail-footer .footer-logo{background-color:#8f9360;-webkit-mask-image:url("assets/logo-olive.png");mask-image:url("assets/logo-olive.png");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.site-footer .brand img,.event-page .detail-footer .footer-logo img{opacity:0}
}
/* Portfolio galleries use the original editorial grid from styles.css. */

/* Second review: selective blush-pink emphasis on luxury olive and deep-olive sections. */
.services .services-intro h2 em{color:#f5cad5!important}
.enquiry-section .enquiry-intro h2 em{color:#f1c1ce!important}
.process .process-step>span{color:#bf7c91!important;font-weight:600}
.process .process-step{border-top-color:#d9a3b3!important}
.site-footer .footer-top>p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(27px,2.65vw,43px);font-weight:400;line-height:1.06;letter-spacing:-.025em}
.site-footer .footer-top>p em{font-weight:400;color:#8f9360}
.about-copy .signature{font-family:"Mrs Saint Delafield","Brush Script MT",cursive!important;font-size:clamp(83px,8.5vw,120px)!important;line-height:.9!important;letter-spacing:.01em!important;transform:rotate(-7deg)!important;margin:24px 0 25px!important}
#inspiration,#enquire{scroll-margin-top:115px}
@media(max-width:750px){#inspiration,#enquire{scroll-margin-top:88px}.about-copy .signature{font-size:88px!important}}
/* Latest feedback: restore the simple original Amore gallery grid. */
/* Softer blush accents, refined founder signature, and a restrained editorial footer. */
.about{background:#f7efec!important}
.services .services-intro h2 em{color:#ffe1e9!important}
.enquiry-section .enquiry-intro h2 em{color:#ffe1e9!important}
.process .process-step>span{color:#d9a1b4!important}
.process .process-step{border-top-color:#eac4d0!important}
.about-copy .signature{
  font-family:"Qwigley","Brush Script MT",cursive!important;
  font-size:clamp(94px,9vw,130px)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  line-height:.85!important;
  transform:rotate(-5deg)!important;
  margin:24px 0 30px!important;
}
.site-footer .footer-top>p{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:clamp(15px,1.55vw,20px)!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:.015em!important;
  text-align:center;
}
.site-footer .footer-top>p span{
  display:block;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:400;
  letter-spacing:.19em;
  line-height:1.5;
  color:#8f9360;
  margin-top:10px;
}
@media(max-width:750px){
  .about-copy .signature{font-size:100px!important}
  .site-footer .footer-top>p span{font-size:8px;letter-spacing:.11em}
}

/* Latest review: align hash links precisely below the sticky navigation. */
html{scroll-padding-top:88px!important}
#inspiration,#enquire{scroll-margin-top:0!important}
@media(max-width:800px){html{scroll-padding-top:78px!important}}
/* Meet Sophia: match the blush of the Spring, Unscripted feature. */
.about{background:var(--rose)!important}
/* Brand green, rather than pink, for the three process milestones. */
.process .process-step>span{color:#8f9360!important}
.process .process-step{border-top-color:#8f9360!important}
/* Signature green on the form's primary step buttons. */
.enquiry-form-wrap .form-actions .button,
.enquiry-form-wrap .form-actions .button-dark{background:#8f9360!important;color:#fffaf1!important;border-color:#8f9360!important}
.enquiry-form-wrap .form-actions .button:hover,
.enquiry-form-wrap .form-actions .button-dark:hover{background:#7a8050!important;border-color:#7a8050!important}
/* A softer, flowing handwritten signature. */
.about-copy .signature{font-family:"WindSong","Brush Script MT",cursive!important;font-size:clamp(69px,6.8vw,100px)!important;line-height:1.2!important;letter-spacing:0!important;transform:rotate(-3deg)!important;margin:12px 0 25px!important}
@media(max-width:750px){.about-copy .signature{font-size:82px!important}}

/* Comment review: naturally written, restrained signature. */
.about-copy .signature{
  font-family:"Sacramento","Brush Script MT",cursive!important;
  font-size:clamp(50px,4.9vw,69px)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:.01em!important;
  line-height:1.12!important;
  transform:rotate(-4deg)!important;
  margin:11px 0 21px!important;
}
/* Tan Pearl is the studio's display face; keep the editorial italic delicate. */
.editorial-break-copy p em{
  font-family:"Tan Pearl","Alice",Georgia,serif!important;
  font-weight:400!important;
  font-style:normal!important;
  font-size:.89em!important;
  letter-spacing:-.045em!important;
  line-height:1.05!important;
}
/* Editorial Alice rather than sans-serif for the closing brand statement. */
.site-footer .footer-top>p{
  font-family:"Alice",Georgia,serif!important;
  font-size:clamp(18px,1.95vw,27px)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:-.025em!important;
  line-height:1.25!important;
}
/* No gaps from staggered margins or unequal row heights in the two reviewed galleries. */
.amore-page .event-photo-grid,
.pelusa-page .event-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.pelusa-page .event-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.amore-page .event-photo-grid>.event-photo,
.pelusa-page .event-photo-grid>.event-photo{
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:4/5!important;
  margin:0!important;
  height:auto!important;
  min-width:0!important;
}
.amore-page .event-photo-grid>.event-photo img,
.pelusa-page .event-photo-grid>.event-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){
  .pelusa-page .event-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .amore-page .event-photo-grid,
  .pelusa-page .event-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .about-copy .signature{font-size:56px!important}
}

/* Original TAN Pearl lettering, outlined from the owner's font so the design
   displays consistently without a missing webfont asset. */
.editorial-break-copy p em.tan-vector,
.amore-page .detail-cta h2 em.tan-vector{
  display:block!important;
  font-size:inherit!important;
  line-height:1!important;
  font-style:normal!important;
  letter-spacing:0!important;
  margin-top:12px;
}
.editorial-break-copy p em.tan-vector img{
  display:block!important;
  width:clamp(300px,43vw,610px)!important;
  max-width:82vw!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.amore-page .detail-cta h2 em.tan-vector img{
  display:block!important;
  width:clamp(310px,46vw,570px)!important;
  max-width:88vw!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
@media(max-width:700px){
  .editorial-break-copy p em.tan-vector img{width:76vw!important;max-width:76vw!important}
  .amore-page .detail-cta h2 em.tan-vector img{width:82vw!important;max-width:82vw!important}
}
/* Smaller, more natural founder signature and quieter Alice footer. */
.about-copy .signature{
  font-family:"La Belle Aurore","Brush Script MT",cursive!important;
  font-size:clamp(43px,4vw,56px)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  line-height:1.25!important;
  transform:rotate(-3deg)!important;
  margin:6px 0 17px!important;
}
.site-footer .footer-top>p{
  font-family:"Alice",Georgia,serif!important;
  font-size:clamp(14px,1.2vw,17px)!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:-.005em!important;
  line-height:1.45!important;
}
@media(max-width:520px){.about-copy .signature{font-size:47px!important}}

/* Founder signature: elegant, fine-stroke calligraphy rather than casual handwriting. */
.about-copy .signature{
  display:inline-block!important;
  font-family:"Pinyon Script","Snell Roundhand",cursive!important;
  font-size:clamp(63px,5.5vw,82px)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:.012em!important;
  transform:rotate(-4deg)!important;
  margin:7px 0 16px!important;
  color:#353e2f!important;
}
@media(max-width:520px){.about-copy .signature{font-size:66px!important}}

/* Founder signature: Themysion, supplied by the site owner (Sophia glyph subset). */
@font-face{font-family:"Themysion Sophia";src:url("data:font/woff2;base64,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") format("woff2");font-weight:400;font-style:normal;font-display:swap}
.about-copy .signature{font-family:"Themysion Sophia",cursive!important;font-size:clamp(65px,6vw,86px)!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important;line-height:1.2!important;transform:none!important;margin:2px 0 15px!important;color:#353e2f!important}
@media(max-width:520px){.about-copy .signature{font-size:70px!important}}

/* Founder signature: true lowercase Themysion with a gentle handwritten slant.
   Keep the enquiry link on its own line so the two never overlap. */
@font-face{
  font-family:"Themysion Lowercase";
  src:url("assets/fonts/themysion-sophia-lower.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
.about-copy .signature{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  font-family:"Themysion Lowercase",cursive!important;
  font-size:clamp(65px,6vw,86px)!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  transform:rotate(-6deg)!important;
  transform-origin:left center!important;
  margin:15px 0 20px!important;
  color:#353e2f!important;
}
.about-copy>.text-link{
  display:inline-flex!important;
  margin-top:13px!important;
}
@media(max-width:520px){
  .about-copy .signature{font-size:70px!important;margin-bottom:19px!important}
}

/* Slightly reduce philosophy headline size, preserving typography, wording, and colours. */
.brand-note p{font-size:clamp(30px,3.05vw,48px)!important}
@media(max-width:700px){.brand-note p{font-size:clamp(29px,7.5vw,39px)!important}}

/* Center the philosophy statement within its grid column, without changing its font or colours. */
.brand-note-inner>p{justify-self:center;text-align:center}
@media(max-width:650px){.brand-note-inner>p{justify-self:start;text-align:left}}

/* Editorial forest-green typography trial, sampled from the reference screenshot. */
body{color:#373e31}
.announcement,.announcement a,.site-header,.detail-nav,.desktop-nav,.approved-hero,.approved-hero-copy,.event-hero-copy,.event-story,.event-gallery-heading,.portfolio,.intro,.about-copy,.process,.palette-content,.enquiry-section,.site-footer{--ink:#373e31;--studio-ink:#373e31}

/* Finishing touches: visible keyboard focus without changing the resting design. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #8f9360;outline-offset:4px}
.event-photo:focus-visible{outline-offset:3px}
@media(max-width:700px){
  .photo-lightbox-close,.photo-lightbox-prev,.photo-lightbox-next,.menu-toggle,.soundtrack-tab{touch-action:manipulation}
  .photo-lightbox-close,.photo-lightbox-prev,.photo-lightbox-next{min-width:44px;min-height:44px}
}

/* Mobile inspiration: keep the changing floral image beside the heading and palettes in view. */
@media (max-width: 700px) {
  #inspiration.palette-section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
    column-gap: 17px;
    row-gap: 0;
    align-items: start;
    padding-top: 58px;
    padding-bottom: 65px;
  }
  #inspiration .palette-content { display: contents; }
  #inspiration .palette-photo-wrap {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
    height: clamp(180px, 52vw, 255px);
    margin: 0;
    min-width: 0;
  }
  #inspiration .palette-photo-wrap img { width: 100%; height: 100%; object-fit: cover; }
  #inspiration .image-note { font-size: 6px; left: 9px; bottom: 10px; letter-spacing: .08em; }
  #inspiration .palette-content > .eyebrow {
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 12px;
    font-size: 8px;
    align-self: end;
  }
  #inspiration .palette-content > h2 {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-size: clamp(29px, 7.5vw, 44px);
    line-height: 1.08;
    align-self: start;
  }
  #inspiration .palette-content > h2 em { display: inline; }
  #inspiration .palette-content > p:not(.eyebrow) {
    grid-column: 1 / -1;
    margin: 22px 0 0;
    max-width: none;
    font-size: 11px;
  }
  #inspiration .palette-tabs {
    grid-column: 1 / -1;
    margin-top: 21px;
    gap: clamp(12px, 4vw, 25px);
    max-width: none;
    justify-content: space-between;
  }
  #inspiration .palette-tabs button { font-size: 10px; }
  #inspiration .palette-panel {
    grid-column: 1 / -1;
    max-width: none;
    min-height: 0;
    padding-top: 20px;
  }
  #inspiration .palette-select { grid-column: 1 / -1; justify-self: start; margin-top: 16px; }
}

/* Keep the homepage EXPLORE label and arrow together on mobile, as on desktop. */
@media (max-width:750px){
  .approved-hero-photo .approved-photo-round{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:5px;
    white-space:nowrap;
  }
  .approved-hero-photo .approved-photo-round .text-arrow-icon{
    display:block;
    flex:0 0 15px;
    width:15px;
    height:15px;
  }
}

/* Mobile announcement: keep the enquiry arrow neatly beside its label. */
@media(max-width:800px){
  .announcement>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0}
  .announcement>a span{display:inline-flex;align-items:center;justify-content:center;margin-left:0}
  .announcement>a .text-arrow-icon{display:block;width:12px;height:12px;flex:none}
}

/* Homepage Explore circle: keep label and arrow together at every screen size. */
.approved-hero-photo .approved-photo-round{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:4px;
  white-space:nowrap;
}
.approved-hero-photo .approved-photo-round .text-arrow-icon{
  display:block;
  width:13px;
  height:13px;
  flex:0 0 13px;
}

/* Smaller, more balanced navigation lettering on mobile only. */
@media(max-width:800px){
  .mobile-nav a:not(:last-child){font-size:clamp(21px,5.8vw,25px);line-height:1.18;padding:9px 0}
  .mobile-nav a:last-child{font-size:12px}
}