:root{--ink:#342D28;--muted:#7B7066;--paper:#FAF8F3;--cream:#E7E9DF;--accent:#78856B;--pink:#CFCEBF;--dark:#45382F;--line:#DEDAD0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}em{font-family:'Playfair Display',Georgia,serif;font-weight:400}.top-note{height:29px;background:var(--dark);color:#fff;text-align:center;font-size:9px;letter-spacing:.28em;line-height:29px}.top-note span{color:#D2CCBB;margin:0 12px}.header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);gap:20px;background:var(--paper);position:relative;z-index:5}.wordmark{font-size:19px;font-weight:700;white-space:nowrap;letter-spacing:-.05em}.wordmark i{font-style:normal;color:var(--accent)}.wordmark .star{color:var(--accent);font-size:15px;vertical-align:top;margin-left:4px}.desktop-nav,.header-actions{display:flex;align-items:center;gap:30px}.desktop-nav a{font-size:12px;font-weight:600}.desktop-nav a:hover,.footer-links a:hover{color:var(--accent)}.header-actions{gap:18px}.language{border:0;background:transparent;font-size:10px;letter-spacing:.08em;font-weight:700}.pill{border-radius:50px;display:inline-flex;align-items:center;gap:14px;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.03em;padding:16px 24px;border:1px solid transparent;transition:.2s transform,.2s background}.pill:hover{transform:translateY(-2px)}.pill-dark{background:var(--ink);color:#fff}.pill-dark:hover{background:var(--accent)}.pill-light{background:var(--paper);color:var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:23px}.mobile-nav{display:none}.section-pad{padding:105px max(7vw,24px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:5%;min-height:690px;align-items:center;padding-top:55px;padding-bottom:65px}.hero-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:22px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.sep{margin:0 7px;color:#BAB3A3}h1{font-size:clamp(52px,5.9vw,98px);line-height:1.09;letter-spacing:-.055em;margin-bottom:29px}h1 em,h2 em{color:var(--accent)}.underline-swish{font-style:italic;position:relative}.underline-swish:after{content:'';position:absolute;left:2%;right:0;bottom:-8px;border-bottom:2px solid var(--accent);transform:rotate(-2deg)}.hero-description{max-width:480px;color:#746E62;line-height:1.9;font-size:15px;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:27px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:6px;display:inline-block}.hero-foot{margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#8B8276}.hero-art{height:570px;position:relative;display:flex;justify-content:center;align-items:center}.hero-outline{font-family:'Playfair Display',serif;position:absolute;top:-42px;right:-18px;color:#E5E5D9;font-size:210px;line-height:1;z-index:0}.hero-image{position:relative;width:79%;height:94%;z-index:1;border-radius:220px 220px 6px 6px;overflow:hidden}.placeholder{background-color:#D5D8CB;background-image:linear-gradient(135deg,rgba(248,245,239,.25) 25%,transparent 25%),linear-gradient(225deg,rgba(248,245,239,.25) 25%,transparent 25%),linear-gradient(45deg,rgba(248,245,239,.25) 25%,transparent 25%),linear-gradient(315deg,rgba(248,245,239,.25) 25%,#D5D8CB 25%);background-position:13px 0,13px 0,0 0,0 0;background-size:26px 26px;position:relative;overflow:hidden}.placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(99,44,23,.08));pointer-events:none}.placeholder-index{position:absolute;top:20px;left:20px;color:#5A5249;font-weight:700;font-size:10px;letter-spacing:.1em;z-index:1}.placeholder-center{position:absolute;inset:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#655F54;z-index:1}.placeholder-center strong{font-size:11px;letter-spacing:.14em}.placeholder-center small{font-size:10px}.placeholder-icon{font-size:35px;font-weight:200;line-height:1}.hero-sticker{position:absolute;right:0;bottom:35px;z-index:2;border-radius:50%;background:#E6DED2;height:142px;width:142px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(12deg);font-size:17px;font-family:'Playfair Display',serif;line-height:1.1;box-shadow:0 3px 25px #3C2B231C}.hero-sticker em{color:var(--accent)}.hero-sticker span{font-size:21px;color:var(--accent);margin-top:6px}.marquee{background:var(--accent);color:#fff;overflow:hidden;padding:20px 0}.marquee-track{white-space:nowrap;text-align:center;font-size:13px;letter-spacing:.18em;font-weight:700;word-spacing:6px}.marquee-track b{color:#F1E9D9;font-size:18px;padding:0 21px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head h2,.about h2,.brands h2,.contact h2{font-size:clamp(40px,5vw,69px);line-height:1.2;letter-spacing:-.045em;margin:0}.section-intro{max-width:300px;font-size:13px;color:var(--muted);line-height:1.8;margin:0}.filter-list{display:flex;gap:9px;margin-bottom:32px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 17px;font-size:11px;color:#6A645B}.filter.active,.filter:hover{background:var(--dark);color:white;border-color:var(--dark)}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.video-card{min-width:0}.video-visual{aspect-ratio:9/14;border-radius:3px}.video-card:nth-child(2) .video-visual{background-color:#C6BBAC}.video-card:nth-child(3) .video-visual{background-color:#D7DEC8}.video-card:nth-child(4) .video-visual{background-color:#C0C8B5}.video-meta{display:flex;justify-content:space-between;padding:17px 1px;font-size:10px;letter-spacing:.11em;font-weight:700}.video-card[hidden]{display:none}.section-note{color:#8B8075;font-size:11px;line-height:1.6;margin:27px 0 0}.quote-strip{padding-top:55px;padding-bottom:55px;background:var(--cream);display:flex;gap:55px;align-items:center;justify-content:center}.quote-strip p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,3.4vw,43px);max-width:740px;line-height:1.4;text-align:center;margin:0}.quote-strip em{color:var(--accent)}.quote-star{color:var(--accent);font-size:34px}.stories{background:#F0F0E9}.story-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:260px 260px;gap:17px}.story-card{border:0;padding:0;position:relative;overflow:hidden;text-align:left;min-height:200px;color:#fff}.story-tall{grid-row:span 2}.story-wide{grid-column:span 2}.story-image{width:100%;height:100%;transition:transform .45s}.story-card:hover .story-image{transform:scale(1.04)}.story-card:nth-child(2) .placeholder{background-color:#C6CBB9}.story-card:nth-child(3) .placeholder{background-color:#B9A898}.story-card:nth-child(4) .placeholder{background-color:#D0D7C7}.story-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:25px;background:linear-gradient(0deg,#2D251ECD,transparent);color:white;pointer-events:none}.story-overlay>span{font-size:9px;letter-spacing:.17em}.story-overlay h3{font-size:30px;margin:9px 0}.story-overlay p{font-size:9px;letter-spacing:.1em;margin:0;display:flex;justify-content:space-between}.story-image .placeholder-center{top:0;bottom:38%;color:#5B534A}.story-image .placeholder-center strong{font-size:9px}.about{display:grid;grid-template-columns:.93fr 1.07fr;gap:9%;align-items:center}.about-art{position:relative;padding:0 9% 40px 6%}.about-image{height:550px;max-width:470px;border-radius:240px 240px 2px 2px}.handwritten{font-family:'Playfair Display',serif;font-style:italic;color:var(--accent);font-size:38px;position:absolute;bottom:5px;right:-4%;transform:rotate(-9deg)}.about-copy p:not(.eyebrow){font-size:14px;line-height:1.95;color:#756E64;margin-top:22px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.about-tags span{font-size:9px;border:1px solid var(--line);border-radius:30px;padding:10px 12px;letter-spacing:.06em}.services{background:#EDE8DE}.services-list{border-top:1px solid #c6d6c7}.service{border-bottom:1px solid #c6d6c7;display:grid;grid-template-columns:65px 1fr 40px;gap:15px;padding:25px 0;align-items:center}.service>span:first-child{font-size:12px;color:var(--accent)}.service h3{font-size:26px;margin:0 0 8px}.service p{font-size:12px;color:#73695F;line-height:1.6;margin:0}.service-icon{font-size:24px;color:var(--accent)}.brands{text-align:center}.brands h2{max-width:750px;margin:0 auto 40px}.brand-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.brand-row div{height:95px;border:1px dashed #D7D1C6;display:flex;align-items:center;justify-content:center;color:#938579;font-size:11px;letter-spacing:.08em}.contact{background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:420px}.contact .eyebrow{color:#EEE6D8}.contact h2{font-size:clamp(50px,7vw,100px)}.contact h2 em{color:#E9E0D2}.contact p:not(.eyebrow){max-width:480px;font-size:14px;line-height:1.8;color:#F8F2E9;margin:25px 0}.contact .contact-hint{font-size:10px!important;margin-top:14px!important;opacity:.75}.contact-symbol{position:relative;font-size:210px;color:#B7B8A4;line-height:1}.contact-symbol span{position:absolute;left:40%;top:40%;font-family:'Playfair Display',serif;font-size:24px;color:#fff;transform:rotate(-15deg)}.footer{background:#302A26;color:#FAF6EF;padding-top:65px;padding-bottom:24px}.footer .wordmark{font-size:24px}.footer-links{display:flex;gap:24px;margin-top:28px;font-size:10px;letter-spacing:.14em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #64574C;margin-top:50px;padding-top:20px;font-size:9px;letter-spacing:.13em;color:#C7BAAB}.gallery-dialog{border:none;border-radius:4px;background:var(--paper);color:var(--ink);padding:0;width:min(950px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0005}.gallery-dialog::backdrop{background:#211b19c7}.gallery-content{padding:50px}.gallery-content h2{font-size:50px;margin-bottom:13px}.gallery-content>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.close-gallery{position:sticky;top:10px;float:right;z-index:10;background:#45382F;color:white;border:0;border-radius:50%;width:42px;height:42px;font-size:25px;margin:12px 12px -50px 0}.gallery-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.gallery-photo{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;color:#695A50;font-size:11px;letter-spacing:.09em;text-align:center}.gallery-photo:nth-child(even){background-color:#CFC4B3}.gallery-photo:nth-child(3n){background-color:#D0D8C4}@media(max-width:1050px){.desktop-nav{gap:16px}.header-actions{gap:8px}.section-pad{padding-left:5vw;padding-right:5vw}.hero{gap:0}.hero-art{height:500px}.hero-sticker{right:-5px}.section-head h2{font-size:47px}}@media(max-width:760px){.top-note{font-size:8px}.header{height:68px;padding:0 20px}.wordmark{font-size:16px}.desktop-nav,.header-actions .pill{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;top:97px;left:0;right:0;background:var(--paper);z-index:4;border-bottom:1px solid var(--line);padding:19px 25px;box-shadow:0 15px 25px #0001}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:19px}.mobile-nav a{font-size:13px;font-weight:700}.section-pad{padding:75px 21px}.hero{grid-template-columns:1fr;padding-top:54px;gap:35px}.hero-copy{display:block}.hero h1{font-size:clamp(49px,12vw,80px)}.hero-foot{margin-top:32px;padding-top:0}.hero-art{height:500px}.hero-image{width:75%;height:94%}.hero-outline{right:0}.hero-sticker{right:4%}.section-head{display:block}.section-head h2{font-size:43px}.section-intro{margin-top:20px}.video-grid{grid-template-columns:repeat(2,1fr);gap:13px}.video-meta{font-size:9px}.story-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 240px 260px;gap:12px}.story-tall{grid-row:auto;grid-column:span 2}.story-wide{grid-column:span 2}.story-overlay{padding:15px}.story-overlay h3{font-size:22px}.story-overlay p{font-size:8px}.about{grid-template-columns:1fr;gap:30px}.about-art{padding-right:8%;padding-left:8%}.about-image{height:500px;max-width:none}.handwritten{right:8%}.brand-row{grid-template-columns:repeat(2,1fr)}.contact-symbol{display:none}.footer-bottom{flex-direction:column}.quote-strip{gap:15px}.quote-star{font-size:18px}.gallery-content{padding:35px 17px}.gallery-content h2{font-size:38px}.gallery-photos{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.hero-art{height:400px}.hero-sticker{width:105px;height:105px;font-size:13px}.hero-outline{font-size:140px}.video-grid{gap:9px}.filter{font-size:10px}.story-grid{grid-template-rows:280px 220px 240px}}

/* Design-ready original editorial artwork: distinct visual areas, all replaceable. */
.placeholder{background-image:none;background-size:cover!important;background-position:center!important}
.placeholder::after{background:linear-gradient(180deg,transparent 62%,rgba(32,23,20,.2))}
.hero-image{background-image:url('assets/illustrations/hero.svg')}
.about-image{background-image:url('assets/illustrations/about.svg')}
[data-placeholder="country-cover"]{background-image:url('assets/illustrations/country.svg')}
[data-placeholder="horse-cover"]{background-image:url('assets/illustrations/horse.svg')}
[data-placeholder="rock-cover"]{background-image:url('assets/illustrations/rock.svg')}
[data-placeholder="family-cover"]{background-image:url('assets/illustrations/family.svg')}
[data-placeholder="ugc-beauty"]{background-image:url('assets/illustrations/beauty.svg')}
[data-placeholder="ugc-fashion"]{background-image:url('assets/illustrations/fashion.svg')}
[data-placeholder="ugc-lifestyle"]{background-image:url('assets/illustrations/lifestyle.svg')}
[data-placeholder="ugc-review"]{background-image:url('assets/illustrations/review.svg')}
.placeholder-center{opacity:0;transition:opacity .2s;background:#FAF8F0E8;inset:auto 15% 14%;padding:16px 10px;border-radius:3px}
.placeholder:hover .placeholder-center,.placeholder:focus-within .placeholder-center{opacity:1}
.story-image .placeholder-center{inset:auto 20% 30%;color:#5A5148}
.story-image .placeholder-center strong{font-size:11px}
.video-card{cursor:pointer}.video-card:focus-visible{outline:3px solid #87947A;outline-offset:5px}
.video-card:hover .video-visual{filter:saturate(1.2) brightness(1.02);transform:translateY(-5px)}.video-visual{transition:.25s}
.approach{background:#41352E;color:#F8F4EB;padding-top:75px;padding-bottom:80px}.approach-eyebrow{display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:.18em;color:#CECBB8}.approach-eyebrow span{font-size:24px}.approach-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:end;margin-top:30px}.approach h2{font-size:clamp(54px,7vw,112px);line-height:1.04;letter-spacing:-.055em;margin:0}.approach h2 em{color:#D6DBCA}.approach p{color:#E9E3D9;line-height:1.9;font-size:15px}.approach .text-link{display:inline-block;color:#E7E0D3;margin-top:12px;font-size:12px}
.gallery-photo{background-size:cover!important;background-position:center!important;cursor:zoom-in;position:relative}.gallery-photo:after{content:attr(data-number);font-size:11px;letter-spacing:.16em;background:#fff9;padding:8px 10px}
.gallery-photo.is-loaded:after{display:none}.gallery-photo.is-loaded{border:0}.gallery-photo.is-loaded:hover{filter:brightness(.88)}
.video-dialog{border:0;padding:0;width:min(570px,94vw);max-height:90vh;background:#FAF8F3;color:#342D28}.video-dialog::backdrop{background:#2A211CCD}.video-dialog-inner{padding:36px}.video-dialog h2{font-size:39px}.video-dialog p{line-height:1.6}.video-dialog video{display:block;max-height:60vh;width:100%;background:#322B26}.video-dialog .close-gallery{position:sticky}
#collabButton{cursor:pointer}
@media(max-width:760px){.approach-grid{grid-template-columns:1fr}.approach h2{font-size:56px}.approach-eyebrow{font-size:9px;gap:9px}.video-dialog-inner{padding:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* INNA REDHEAD / PALETTE V4 — SAGE + ESPRESSO
   Design balance: warm ivory backgrounds, muted sage surfaces and accents,
   espresso typography / dramatic panels, and soft taupe editorial details.
   Image and video functionality is unchanged from the approved first design. */
:root {
  --ink: #342D28;
  --muted: #7B7066;
  --paper: #FAF8F3;
  --cream: #E7E9DF;
  --accent: #78856B;
  --pink: #CFCEBF;
  --dark: #45382F;
  --line: #DEDAD0;
  --taupe: #D9C6B6;
  --espresso: #45382F;
  --sage-soft: #E7E9DF;
}
body { background: var(--paper); color:var(--ink); }
.header { background: rgba(250,248,243,.97); }
.top-note { background:#45382F; color:#F7F2E9; }
.top-note span { color:#C3C8AF; }
.wordmark i { color: #7B866B; }
.hero-description { color:#746E62; }
.hero-outline { color:#E5E5D9; }
.hero-sticker {
  background: #E8DCD0;
  box-shadow: 0 12px 35px rgba(69,56,47,.14);
}
.hero-sticker em,.hero-sticker span { color:#65735B; }
.marquee { background:#77836E; color:#fff; }
.marquee-track b { color:#E5D9C8; }
.quote-strip { background:#E7E9DF; }
.quote-star { color:#8A745F; }
.stories { background:#F0F0E9; }
.story-card:nth-child(2) .placeholder { background-color:#C8C9B8; }
.story-card:nth-child(3) .placeholder { background-color:#B9A898; }
.story-card:nth-child(4) .placeholder { background-color:#D8C7B4; }
.story-overlay { background:linear-gradient(0deg, rgba(42,34,27,.88), transparent); }
.services { background:#ECE7DF; }
.services-list,.service { border-color:#D5CCC1; }
.service p,.about-copy p:not(.eyebrow) { color:#786F65; }
.brand-row div { border-color:#D5CFC4; color:#93877B; }
.approach { background:#40352E; color:#F8F4EB; }
.approach-eyebrow { color:#C8CFB7; }
.approach h2 em { color:#D7D8C5; }
.approach p { color:#E3D9CD; }
.approach .text-link { color:#E8E7D7; }
.contact { background:#53463C; color:#FAF8F3; }
.contact .eyebrow { color:#CBD2B9; }
.contact h2 em { color:#CFD4BD; }
.contact p:not(.eyebrow) { color:#EEE9DE; }
.contact-symbol { color:#AAB49C; }
.footer { background:#302A26; color:#FAF6EF; }
.footer-bottom { border-color:#5D534A; color:#C5B9AA; }
.video-dialog { background:var(--paper); color:var(--ink); }
.video-dialog video { background:#302A26; }
.close-gallery { background:#45382F; }
.gallery-photo:nth-child(even) { background-color:#D7C5B7; }
.gallery-photo:nth-child(3n) { background-color:#D3D8C7; }
.placeholder-center { background:#FAF8F0EB; color:#5E544B; }
.hero-image { background-color:#C9D0BF; }
:focus-visible { outline-color:#78856B; }


/* V5 — verified business contact, aligned with Sage & Espresso design */
.contact-channels{display:flex;gap:26px;flex-wrap:wrap;margin-top:23px;max-width:680px}
.contact-channel{display:flex;flex-direction:column;gap:7px;padding:6px 0 8px;border-bottom:1px solid #A3AA96;overflow-wrap:anywhere;transition:color .2s,border-color .2s}
.contact-channel .channel-label{font-size:9px;font-weight:700;letter-spacing:.17em;color:#D8D9C6}
.contact-channel>span:last-child{font-size:13px;font-weight:500;color:#FFF9F1}
.contact-channel:hover{border-color:#F8F2E9}
.footer-links{flex-wrap:wrap}
.footer-links a{transition:color .2s}
@media(max-width:760px){.contact-channels{gap:16px 22px}.contact-channel>span:last-child{font-size:12px}}


/* VERSION 6 — SAGE FIRST · WARM EARTH ACCENTS
   Unified muted-green canvas, gently feathered surface transitions,
   earth-brown details rather than brown-dominant full-width sections. */
:root{
  --ink:#2F4034;
  --muted:#637268;
  --paper:#F1F5ED;
  --cream:#E7EEE5;
  --accent:#637E67;
  --pink:#CEDCCB;
  --dark:#385343;
  --line:#D2DDD0;
  --taupe:#D8CFBF;
  --espresso:#786958;
  --sage-soft:#E8EFE6;
  --sage-light:#F1F5ED;
  --sage-mid:#BBCFBB;
}
body{background:#F1F5ED;color:var(--ink)}
.top-note{background:#3C5845;color:#F4F7F1}
.top-note span{color:#D0DCC7}
.header{background:#F2F6EF;border-bottom:1px solid #D9E3D6}
.wordmark i,.wordmark .star{color:#65866A}
.desktop-nav a:hover,.footer-links a:hover{color:#C7E0BE}
.header .desktop-nav a:hover{color:#526D57}
.pill-dark{background:#3C5947;color:#F7F8F3}
.pill-dark:hover{background:#63846D}
.pill-light{background:#F5F8F2;color:#395140}
.pill-light:hover{background:#E3EDDE}
.text-link{border-color:#829A80}
.eyebrow{color:#5C7C62}
.hero{background:linear-gradient(112deg,#F4F7F0 4%,#F1F5ED 52%,#EAF1E8 100%)}
.hero-description,.about-copy p:not(.eyebrow){color:#637265}
.hero-foot{color:#748477}
.hero-outline{color:#DFE8DC}
.hero-sticker{background:#E5E8D8;color:#5B6959;box-shadow:0 14px 35px #354D3B1B;border:1px solid #D6DFC9}
.hero-sticker em,.hero-sticker span{color:#67856C}
.marquee{background:#829F86;color:#F8FAF5}
.marquee-track b{color:#E9E7D4}
.work{background:linear-gradient(180deg,#EAF1E8 0%,#F1F5ED 22%,#EFF4EB 100%)}
.filter{border-color:#C9D8CA;color:#586D5B}
.filter.active,.filter:hover{background:#4B6B54;border-color:#4B6B54;color:white}
.section-note{color:#728474}
.video-visual{background-color:#C8D6C7}
.video-card:nth-child(2) .video-visual{background-color:#BDD0BE}
.video-card:nth-child(3) .video-visual{background-color:#CEDCC9}
.video-card:nth-child(4) .video-visual{background-color:#C5D7C4}
.quote-strip{background:linear-gradient(180deg,#EFF4EB 0%,#E7EFE5 100%)}
.quote-star{color:#79957C}
.stories{background:linear-gradient(180deg,#E7EFE5 0%,#ECF3EA 45%,#F0F5ED 100%)}
.story-card:nth-child(2) .placeholder{background-color:#BBD0BD}
.story-card:nth-child(3) .placeholder{background-color:#A9BFAA}
.story-card:nth-child(4) .placeholder{background-color:#D0DFCB}
.story-overlay{background:linear-gradient(0deg,rgba(34,57,42,.87),rgba(34,57,42,.03) 94%)}
.about{background:linear-gradient(180deg,#F0F5ED 0%,#F2F6EF 60%,#EDF3EA 100%)}
.about-tags span{border-color:#CDDACC;color:#5C6E60}
.handwritten{color:#627F64}
.services{background:linear-gradient(180deg,#EDF3EA 0%,#E6EFE5 45%,#E5EEE3 100%)}
.services-list,.service{border-color:#C8DAC9}
.service p{color:#65776A}
.service>span:first-child,.service-icon{color:#6D8F72}
.approach{
  background:linear-gradient(180deg,#E5EEE3 0%,#DCE8DB 42%,#E6EFE4 100%);
  color:#2F4636;
  position:relative;
}
.approach-eyebrow{color:#627E67}
.approach-eyebrow span{color:#886F5B}
.approach h2 em{color:#66866C}
.approach p{color:#516A57}
.approach .text-link{color:#405D47}
.brands{background:linear-gradient(180deg,#E6EFE4 0%,#EDF3E9 65%,#E1EBDF 100%)}
.brand-row div{border-color:#C9D6C7;color:#809182;background:#F1F5ED80}
.contact{
  background:linear-gradient(160deg,#E1EBDF 0%,#C8DAC6 56%,#A6C0A9 100%);
  color:#2F4838;
}
.contact .eyebrow{color:#456D50}
.contact h2 em{color:#5E8266}
.contact p:not(.eyebrow){color:#46634D}
.contact-symbol{color:#89AA8B}
.contact-symbol span{color:#F5F8F2}
.contact .pill-light{background:#3D5C47;color:#FBFCF9}
.contact .pill-light:hover{background:#567B5E}
.contact-channel{border-bottom-color:#8FAD92}
.contact-channel .channel-label{color:#52755B}
.contact-channel>span:last-child{color:#345340}
.contact-channel:hover{border-bottom-color:#496E52}
.footer{background:#4A6653;color:#F7F9F3}
.footer .wordmark i,.footer .wordmark .star{color:#D1E0CA}
.footer-bottom{border-color:#71907A;color:#E4EDE2}
.close-gallery{background:#3D5D49}
.video-dialog{background:#F1F5ED;color:#2F4034}
.video-dialog video{background:#2D4434}
.gallery-dialog{background:#F1F5ED;color:#2F4034}
.gallery-dialog::backdrop,.video-dialog::backdrop{background:#243E2EC5}
.gallery-photo:nth-child(even){background-color:#C9D9C6}
.gallery-photo:nth-child(3n){background-color:#B9D0B8}
.placeholder-center{background:#F1F6EDF0;color:#455B48}
.hero-image{background-color:#CFDBCB}
:focus-visible{outline:3px solid #6A946E;outline-offset:3px}
/* Instagram identity mark: inline SVG, no external icon library or font needed. */
.instagram-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle;stroke:currentColor}
.header-instagram{display:inline-flex;align-items:center;justify-content:center;border:1px solid #CDDACA;border-radius:50%;width:36px;height:36px;color:#44694D;transition:background .2s,color .2s}
.header-instagram:hover{background:#DCEADB;color:#2C5037}
.header-instagram .instagram-icon{width:17px;height:17px}
.contact-channel .channel-label{display:inline-flex;align-items:center;gap:8px}
.contact-channel .channel-label .instagram-icon{width:19px;height:19px;stroke-width:1.8}
.footer-instagram{display:inline-flex;align-items:center;gap:8px}
.footer-instagram .instagram-icon{width:15px;height:15px}
.footer-instagram:hover{color:#D7E7D0}
@media(max-width:760px){
  .header-instagram{width:33px;height:33px}
  .header-actions{gap:12px}
  .mobile-nav{background:#F1F6EF;border-color:#CEDDCE}
  .contact{background:linear-gradient(165deg,#E1EBDF 0%,#BBD2BA 100%)}
}


/* VERSION 7 — MOSS & MOCHA
   A deliberately balanced blend (sage leads, cocoa supports) in EACH area.
   Rather than separate green and brown chapters, feather color across sections,
   warm selected artwork & surfaces, and hold a cohesive dark-olive foundation. */
:root{
  --ink:#314338;            /* dark olive */
  --muted:#697064;          /* quiet greige */
  --paper:#F5F6EE;          /* pale pistachio ivory */
  --cream:#E6ECDf;
  --accent:#718D70;         /* botanical sage */
  --pink:#D5DEC9;
  --dark:#405C48;
  --line:#D4D8C9;
  --taupe:#D4BBA8;          /* mushroom / latte */
  --espresso:#694E40;       /* cocoa brown */
  --sage-soft:#E8EEE1;
  --sage-light:#F5F6EE;
  --sage-mid:#C3D5BE;
  --mocha:#765748;
  --caramel:#B48D70;
  --mushroom:#E9DDD0;
}
body{background:var(--paper);color:var(--ink)}
.top-note{background:#4F654F;color:#F8F8EF}
.top-note span{color:#D6B79A}
.header{background:rgba(246,247,240,.98);border-color:#D8DFD2}
.wordmark{color:#354939}
.wordmark i{color:#8B6C58}
.wordmark .star{color:#718D70}
.desktop-nav a:hover,.header .desktop-nav a:hover{color:#91694E}
.header-instagram{color:#6D735B;border-color:#C8D3C3;background:#ECEFE5}
.header-instagram:hover{color:#6E4B3D;background:#E8DCCF}
.pill-dark{background:#49644D;color:#FAF9F2}
.pill-dark:hover{background:#705547;color:#fff}
.pill-light{background:#F8F8F2;color:#405443}
.pill-light:hover{background:#E7DDCF}
.eyebrow{color:#70836C}
.dot{background:#B48D70}
.sep{color:#BDA18C}
.text-link{border-color:#A68872;color:#435A49}
/* Hero is green, but edged by cocoa / latte in its art, typography, and badge */
.hero{background:
  radial-gradient(ellipse at 83% 33%,rgba(190,209,179,.42) 0,rgba(190,209,179,0) 42%),
  radial-gradient(ellipse at 12% 91%,rgba(216,185,158,.22) 0,transparent 42%),
  linear-gradient(116deg,#F5F6EE 0%,#EFF2E8 52%,#E8EBDF 100%)}
.hero h1{color:#34463A}
.hero h1 em{color:#759175}
.hero .underline-swish{color:#684D3D}
.underline-swish:after{border-color:#A38A71}
.hero-description{color:#6D7467}
.hero-foot{color:#7A8173}
.hero-outline{color:#D8D9C9}
.hero-art::before{content:"";position:absolute;width:83%;height:97%;left:11%;top:3%;background:linear-gradient(155deg,#D8BFA7 0%,#DFD3BF 54%,#D7E1D0 100%);border-radius:230px 230px 8px 8px;transform:rotate(5deg);z-index:0;opacity:.75}
.hero-image{background-color:#CCD9C1;box-shadow:11px 20px 44px rgba(73,69,51,.09)}
.hero-sticker{background:#806651;color:#FAF5EA;border:1px solid #A68C76;box-shadow:0 15px 40px #55413133}
.hero-sticker em,.hero-sticker span{color:#DFE8D3}
.marquee{background:#789477;color:#FAFAF1}
.marquee-track b{color:#E5CEAF}
/* Work tiles mix olive with caramel in the same collection, not split chapters. */
.work{background:linear-gradient(180deg,#ECF0E6 0%,#F4F5ED 20%,#F1F1E9 82%,#EBEDE2 100%)}
.section-head h2 em,.about h2 em,.brands h2 em{color:#738B6C}
.section-intro{color:#6E7369}
.filter{border-color:#C7D1C0;color:#5C695E;background:#F8F8F2A8}
.filter.active,.filter:hover{background:#725B4A;border-color:#725B4A;color:white}
.video-card .video-visual{border:5px solid #E5E9DF;box-shadow:0 9px 30px rgba(74,74,56,.055)}
.video-card:nth-child(2) .video-visual{border-color:#E8D6C4}
.video-card:nth-child(3) .video-visual{border-color:#D1DFC9}
.video-card:nth-child(4) .video-visual{border-color:#D9CAB8}
.video-meta{color:#485C4D}
.video-card:nth-child(2) .video-meta span:last-child,.video-card:nth-child(4) .video-meta span:last-child{color:#966E55}
.section-note{color:#79786C}
.quote-strip{background:linear-gradient(100deg,#E8EDDF 0%,#EDEBDF 48%,#E8DDD0 100%);border-top:1px solid #E0E3D8;border-bottom:1px solid #E2DCD2}
.quote-strip em{color:#876A55}
.quote-star{color:#879B78}
/* Photo galleries weave sage and warm brown together as photography moods. */
.stories{background:linear-gradient(180deg,#E8EDE3 0%,#E9EEE3 32%,#F2F3EB 100%)}
.story-card{outline:1px solid rgba(75,69,52,.07);outline-offset:-1px;box-shadow:0 13px 28px rgba(69,73,54,.08)}
.story-card:nth-child(2) .placeholder{background-color:#D2D9C8}
.story-card:nth-child(3) .placeholder{background-color:#C6B19E}
.story-card:nth-child(4) .placeholder{background-color:#D8D7C6}
.story-overlay{background:linear-gradient(0deg,rgba(58,49,38,.85) 0%,rgba(52,65,47,.33) 52%,transparent 99%)}
/* Portrait belongs on a soft mushroom base against a mostly sage canvas. */
.about{background:
  radial-gradient(ellipse at 19% 50%,rgba(214,187,164,.24),transparent 40%),
  linear-gradient(180deg,#F2F3EB 0%,#F5F5EE 55%,#EDF0E5 100%)}
.about-art::before{content:"";position:absolute;inset:5% 6% 10% 11%;border:1px solid #CBB39D;border-radius:250px 250px 4px 4px;transform:rotate(-4deg);pointer-events:none}
.about-image{box-shadow:16px 17px 0 rgba(205,186,165,.22)}
.about-copy p:not(.eyebrow){color:#6B7066}
.about-tags span{border-color:#D6C7B7;color:#67584A;background:#F8F7F1}
.about-tags span:nth-child(2){border-color:#C6D3C2;background:#E8EEE3;color:#4C6653}
.handwritten{color:#8E6D55}
/* Alternating green + warm brown micro-details without full brown backgrounds. */
.services{background:linear-gradient(180deg,#EDF0E5 0%,#E5EBDD 60%,#E9EDDF 100%)}
.services-list,.service{border-color:#BBCAB6}
.service{transition:background .2s,padding .2s}
.service:hover{background:linear-gradient(90deg,rgba(244,239,230,.85),rgba(232,238,224,.45));padding-left:14px;padding-right:10px}
.service>span:first-child{color:#A17F65}
.service:nth-child(even)>span:first-child{color:#688B6E}
.service-icon{color:#8A6F57}
.service p{color:#697067}
/* Make the editorial feature itself the most evident green/brown MIX. */
.approach{background:
  radial-gradient(ellipse at 86% 25%,rgba(195,158,131,.24),transparent 44%),
  linear-gradient(110deg,#D6E3D2 0%,#E4E9D9 45%,#E3D3C1 100%);
  color:#344B3B;position:relative}
.approach::before{content:"";position:absolute;left:max(5vw,24px);right:max(5vw,24px);top:0;height:1px;background:#C7CEBB}
.approach-eyebrow{color:#55705A}
.approach-eyebrow span{color:#986E51}
.approach h2{color:#3C5843}
.approach h2 em{color:#865F49}
.approach p{color:#5C685A}
.approach .text-link{color:#634A3C;border-bottom-color:#8D725D}
.brands{background:linear-gradient(180deg,#E9EDDF 0%,#F1F2E9 55%,#E6EADD 100%)}
.brand-row div{border:1px dashed #BECCB7;color:#829481;background:#F8F7EF99}
.brand-row div:nth-child(2),.brand-row div:nth-child(4){border-color:#D1BDA8;background:#F3EDE4A8;color:#9C866E}
/* CTA moves toward olive and cognac together, never a separate brown endcap. */
.contact{background:
  radial-gradient(ellipse at 93% 82%,rgba(178,141,107,.27) 0%,transparent 39%),
  radial-gradient(ellipse at 3% 8%,rgba(207,224,198,.48) 0%,transparent 42%),
  linear-gradient(125deg,#DBE7D5 0%,#CFDEC9 57%,#D8D8BF 100%);
  color:#344B39}
.contact .eyebrow{color:#547158}
.contact h2{color:#395343}
.contact h2 em{color:#835F4A}
.contact p:not(.eyebrow){color:#576D5B}
.contact-symbol{color:#97AD8C}
.contact-symbol span{color:#F7F7EC}
.contact .pill-light{background:#536D56;color:#FFFDF6}
.contact .pill-light:hover{background:#765C49}
.contact-channel{border-bottom-color:#99AD92}
.contact-channel .channel-label{color:#6E6653}
.contact-channel>span:last-child{color:#344F3B}
.contact-channel:hover{border-bottom-color:#8D6954}
.footer{background:linear-gradient(114deg,#425C47 0%,#425A44 58%,#5F5845 100%);color:#F7F7EE}
.footer .wordmark i{color:#DAC5AB}
.footer .wordmark .star{color:#BED5B9}
.footer-bottom{border-color:#829681;color:#E4E8DB}
.footer-instagram:hover{color:#E6CCB2}
.placeholder-center{background:#F7F4EBE0;color:#66574B}
.placeholder-index{color:#554D42}
.gallery-dialog,.video-dialog{background:#F5F6EE;color:#33483B}
.gallery-dialog::backdrop,.video-dialog::backdrop{background:#283C30C5}
.close-gallery{background:#596A52;color:#fff}
.gallery-photo:nth-child(even){background-color:#C6D7C4}
.gallery-photo:nth-child(3n){background-color:#D8C5B3}
:focus-visible{outline:3px solid #86694D;outline-offset:3px}
@media(max-width:760px){
  .header-instagram{background:#EEF0E6;border-color:#C6D4C1}
  .mobile-nav{background:#F2F4EA;border-color:#CFDACD}
  .hero-art::before{left:10%;width:82%;height:94%}
  .contact{background:linear-gradient(150deg,#DAE5D3 0%,#CAD9C5 66%,#D8D4BC 100%)}
  .approach{background:linear-gradient(145deg,#D8E5D3 0%,#E4E7D9 58%,#E6D6C5 100%)}
}


/* V8 / Curated brand logo wall — original marks, airy editorial presentation. */
.brands{
  background:linear-gradient(180deg,#E9EDDF 0%,#F4F4EC 43%,#ECF0E4 100%);
  text-align:center;
}
.brands-intro{margin:0 auto 40px;max-width:740px}
.brands-intro .eyebrow{color:#846950;letter-spacing:.22em}
.brands h2{margin:0 auto 16px}
.brands-subline{font-size:13px;line-height:1.75;color:#6C756B;margin:0}
.brand-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;max-width:1160px;margin:0 auto}
.brand-card{
  flex:0 1 calc((100% - 54px) / 4);
  min-width:0;margin:0;display:flex;flex-direction:column;gap:12px;
  transition:transform .25s ease;
}
.brand-card:hover{transform:translateY(-4px)}
.brand-row .brand-logo-frame{
  display:flex;justify-content:center;align-items:center;
  width:100%;height:165px;padding:18px;
  border:1px solid #DADED3;border-radius:4px;
  background:#FFFDF9;
  box-shadow:0 8px 25px rgba(52,68,54,.045);
}
.brand-row .brand-card:nth-child(3n + 2) .brand-logo-frame{border-color:#E0D5C9;background:#FEFBF7}
.brand-row .brand-card:nth-child(4n + 3) .brand-logo-frame{border-color:#D5E1D2;background:#FBFDF8}
.brand-logo-frame img{
  display:block;width:100%;height:100%;max-width:100%;max-height:128px;
  object-fit:contain;object-position:center;
}
.brand-card figcaption{
  font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:#5E6D60;line-height:1.5;
}
.brands-footnote{color:#7D847A;font-size:10px;letter-spacing:.04em;margin:38px auto 0}
@media(max-width:860px){
  .brand-card{flex-basis:calc((100% - 36px) / 3)}
  .brand-row .brand-logo-frame{height:145px;padding:14px}
}
@media(max-width:560px){
  .brands-intro{margin-bottom:27px}
  .brand-row{gap:12px}
  .brand-card{flex-basis:calc((100% - 12px) / 2);gap:8px}
  .brand-row .brand-logo-frame{height:134px;padding:11px}
  .brand-logo-frame img{max-height:110px}
  .brand-card figcaption{font-size:9px;letter-spacing:.04em}
}
@media(max-width:355px){
  .brand-row .brand-logo-frame{height:116px;padding:7px}
}


/* Version 9 / Authentic photography integration.
   Art-direction: keep the vivid green + mocha frame, let Inna's photographs lead. */
.placeholder.is-loaded{background-repeat:no-repeat;background-size:cover;background-position:center center}
.placeholder.is-loaded::after{background:linear-gradient(to bottom,rgba(22,31,24,.05),rgba(22,31,24,.02))}
.placeholder.is-loaded .placeholder-center,.placeholder.is-loaded .placeholder-index{display:none}
.hero-image.is-loaded{background-position:center 56%;box-shadow:0 22px 56px #4c54382e}
.hero-art::before{opacity:.78}
.about-image.is-loaded{background-position:center 72%}
.story-image.is-loaded{background-position:center 46%}
[data-placeholder="country-cover"].is-loaded{background-position:center 56%}
[data-placeholder="horse-cover"].is-loaded{background-position:center 48%;background-color:#ECEDE5}
[data-placeholder="rock-cover"].is-loaded{background-position:center 40%}
[data-placeholder="family-cover"].is-loaded{background-position:center 37%}
.video-visual.is-loaded{background-position:center 40%}
[data-placeholder="ugc-fashion"].is-loaded{background-position:center 22%}
[data-placeholder="ugc-review"].is-loaded{background-position:center 28%}
.story-card:hover .story-image.is-loaded{transform:scale(1.035)}
.video-visual.is-loaded::before{content:'VIEW PROJECT';position:absolute;bottom:13px;right:12px;z-index:1;background:#f4f2e7e8;color:#435343;padding:8px 10px;border-radius:30px;font:700 8px 'DM Sans',sans-serif;letter-spacing:.12em}
.video-preview-still{display:block;max-width:100%;max-height:62vh;object-fit:contain;margin:0 auto;border-radius:3px}
#videoMessage{margin-top:13px;font-size:12px;color:#526b5b}
.gallery-photo.is-loaded{background-position:center 35%!important}
.gallery-photo.is-loaded:hover{filter:brightness(.93)}
@media(max-width:760px){
  .hero-image.is-loaded{background-position:center 54%}
  .about-image.is-loaded{background-position:center 65%}
  .story-overlay{padding:16px}
  .video-visual.is-loaded::before{font-size:7px;right:8px;bottom:8px;padding:6px 7px}
}


/* V10 — Phone readability refinements, not a redesign. */
@media (max-width: 760px) {
  .hero-description { font-size:16px; line-height:1.75; }
  .eyebrow { font-size:11px; letter-spacing:.14em; line-height:1.5; }
  .pill { min-height:48px; font-size:12px; padding:15px 20px; }
  .text-link { font-size:13px; line-height:1.5; }
  .section-intro { font-size:15px; line-height:1.75; }
  .filter { font-size:12px; padding:11px 14px; min-height:42px; letter-spacing:0; }
  .video-meta { font-size:11px; line-height:1.5; letter-spacing:.025em; gap:5px; }
  .section-note { font-size:13px; line-height:1.7; }
  .story-overlay > span { font-size:10px; letter-spacing:.12em; }
  .story-overlay h3 { font-size:25px; }
  .story-overlay p { font-size:10px; line-height:1.55; letter-spacing:.035em; }
  .about-copy p:not(.eyebrow) { font-size:16px; line-height:1.8; }
  .about-tags span { font-size:11px; padding:11px 13px; }
  .service h3 { font-size:28px; }
  .service p { font-size:14px; line-height:1.7; }
  .brands-subline { font-size:14px; }
  .brand-card figcaption { font-size:11px; letter-spacing:.025em; }
  .brands-footnote { font-size:12px; line-height:1.5; }
  .contact p:not(.eyebrow) { font-size:15px; }
  .contact-channel .channel-label { font-size:11px; }
  .contact-channel > span:last-child { font-size:14px; }
  .footer-links a { font-size:12px; }
}
@media (max-width: 390px) {
  .hero-buttons { gap:16px; }
  .video-meta { font-size:10.5px; }
  .story-overlay h3 { font-size:23px; }
}

/* Version 11 — real featured video, with motion preview and accessible full player. */
.video-visual.has-reel { position:relative; background-position:center; background-size:cover; }
.ugc-inline-video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;pointer-events:none; }
.video-visual.has-reel .placeholder-index { z-index:3; color:#fff; text-shadow:0 1px 8px #293328; }
.video-visual.has-reel .ugc-watch-label { position:absolute;bottom:15px;left:12px;z-index:4;background:rgba(249,248,240,.94);color:#405D46;border:1px solid #D3DCCC;border-radius:30px;padding:10px 12px;font-size:10px;letter-spacing:.07em;font-weight:700;box-shadow:0 4px 15px #1A302533;pointer-events:none; }
.video-visual.has-reel.is-loaded::before {display:none;}
.video-card[data-category="beauty"]{cursor:pointer;}
@media(max-width:600px){.video-visual.has-reel .ugc-watch-label{font-size:10px;padding:10px 13px;bottom:12px;left:10px;}}
@media(prefers-reduced-motion:reduce){.ugc-inline-video{display:none;}}

/* V12 — Inna Redhead selected editorial logo: brown on light backgrounds,
   warm ivory on dark green footer. Transparent PNGs maintain legibility. */
.header .logo-wordmark,.footer .logo-wordmark{
  display:inline-flex;align-items:center;justify-content:flex-start;
  width:205px;min-width:205px;max-width:205px;flex-shrink:0;
  font-size:0;line-height:0;
}
.logo-wordmark img{
  display:block;width:100%;height:auto;max-height:64px;object-fit:contain;
}
.footer .footer-logo{width:218px;min-width:218px;max-width:218px;}
.footer .footer-logo img{max-height:74px;}
@media(max-width:1100px){
  .header .logo-wordmark{width:180px;min-width:180px;max-width:180px}
  .header .desktop-nav{gap:18px}
}
@media(max-width:760px){
  .header .logo-wordmark{width:168px;min-width:168px;max-width:168px}
  .footer .footer-logo{width:205px;min-width:205px;max-width:205px}
  .logo-wordmark img{max-height:59px}
}
@media(max-width:370px){
  .header .logo-wordmark{width:142px;min-width:142px;max-width:142px}
}


/* V13 / Mobile-first refinement: preserve Moss & Mocha visual identity.
   Desktop and tablet retain a spacious editorial layout; phone is portrait-first. */
:root{--touch:48px}
body{min-width:0}
img,video,svg{max-width:100%}
main,section,.hero-copy,.about-copy,.contact>div{min-width:0}
h1,h2,h3{overflow-wrap:break-word}
:where(a,button,[role="button"]):focus-visible{outline:3px solid #906947;outline-offset:4px}
html{scroll-padding-top:86px}
.video-card{border-radius:8px}
.video-card:focus-visible{outline-offset:6px}
/* Keep tablet from squeezing desktop nav around the new wordmark. */
@media(max-width:980px){
  .header{height:74px;padding-inline:clamp(18px,3.5vw,34px);gap:12px}
  .desktop-nav,.header-actions>.pill{display:none}
  .menu-toggle{display:inline-flex;justify-content:center;align-items:center;
    flex:0 0 46px;min-width:46px;min-height:46px;border:1px solid #D6DDCE;
    border-radius:50%;font-size:23px;line-height:1;color:#3D5D45}
  .header-actions{gap:8px}
  .language{font-size:12px;min-width:68px;min-height:46px;border-radius:24px}
  .header-instagram{width:46px;height:46px;min-width:46px}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0}
  .mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:60;
    background:#F5F6EE;border-bottom:1px solid #C9D7C5;
    box-shadow:0 18px 35px #243B2B1E;padding:14px 24px 22px}
  .mobile-nav a{display:flex;align-items:center;font-size:16px;font-weight:600;min-height:50px;
    padding:12px 6px;border-bottom:1px solid #E1E8DB}
  .mobile-nav a:last-child{border:0;color:#785944}
  .section-pad{padding-inline:clamp(22px,5vw,50px)}
  .header .logo-wordmark{min-width:0;max-width:190px;width:min(190px,38vw)}
}
@media(min-width:761px) and (max-width:980px){
  .hero{grid-template-columns:1fr 1fr;min-height:560px;gap:16px}
  .hero-art{height:490px}
  .hero h1{font-size:clamp(44px,5.7vw,64px)}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-grid{grid-template-columns:1.1fr 1fr;grid-template-rows:270px 270px}
  .story-wide{grid-column:2}
  .story-tall{grid-row:span 2}
  .about{gap:30px}
  .about-image{height:480px}
  .brand-card{flex-basis:calc((100% - 36px)/3)}
}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  .top-note{font-size:9px;letter-spacing:.15em;min-height:28px;line-height:28px}
  .header{height:70px;padding-inline:18px;position:relative}
  .header .logo-wordmark{width:clamp(138px,42vw,192px);max-width:192px;min-width:0}
  .logo-wordmark img{max-height:62px}
  .header-instagram{width:42px;height:42px;min-width:42px}
  .language{min-width:64px;min-height:44px;font-size:12px;letter-spacing:0}
  .menu-toggle{min-width:44px;min-height:44px;flex-basis:44px}
  .section-pad{padding:68px 22px}
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;
    padding-top:28px;padding-bottom:56px;gap:25px}
  .hero-art{order:-1;width:100%;height:clamp(330px,100vw,480px);margin:0}
  .hero-image{width:min(79%,350px);height:100%;border-radius:220px 220px 8px 8px}
  .hero-image.is-loaded{background-position:center 49%}
  .hero-outline{font-size:clamp(118px,37vw,190px);right:3%;top:-12px}
  .hero-sticker{width:clamp(96px,28vw,125px);height:clamp(96px,28vw,125px);
    right:0;bottom:8px;font-size:14px}
  .hero-copy{width:100%}
  .hero .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:17px;line-height:1.8}
  .hero h1{font-size:clamp(39px,10.2vw,63px);line-height:1.10;letter-spacing:-.047em;
    margin-bottom:19px;overflow-wrap:normal;max-width:100%}
  .hero-description{font-size:16px;line-height:1.65;max-width:560px;margin-bottom:22px}
  .hero-buttons{gap:14px 20px}
  .hero-buttons .pill{min-height:48px;padding:14px 22px}
  .hero-foot{margin-top:30px;font-size:10px;letter-spacing:.11em}
  .marquee{padding:14px 0}
  .marquee-track{font-size:11px;letter-spacing:.09em;text-align:left;width:max-content;padding:0 18px}
  .marquee-track b{padding-inline:12px}
  .section-head{margin-bottom:28px}
  .section-head h2,.about h2,.brands h2,.contact h2{font-size:clamp(39px,10vw,55px);line-height:1.14}
  .section-intro{max-width:600px;margin-top:14px;font-size:15px}
  .filter-list{gap:8px;margin-bottom:24px}
  .filter{min-height:46px;padding:12px 15px;font-size:13px}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .video-card:first-child{grid-column:1 / -1;justify-self:center;width:min(100%,345px)}
  .video-meta{font-size:11px;letter-spacing:.04em;padding:12px 1px;line-height:1.5}
  .video-visual{aspect-ratio:9/15;overflow:hidden}
  .video-visual.has-reel .ugc-watch-label{font-size:11px;padding:11px 13px}
  .quote-strip{padding-block:48px;gap:12px}
  .quote-strip p{font-size:clamp(24px,6vw,37px)}
  .story-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:350px 250px 300px}
  .story-card{min-height:0}
  .story-overlay{padding:18px 14px}
  .story-overlay h3{font-size:clamp(22px,6vw,29px)}
  .story-overlay p{font-size:10px;letter-spacing:.04em}
  .story-overlay>span{font-size:11px}
  .about{gap:18px}
  .about-art{padding:0 7% 35px}
  .about-image{height:clamp(340px,115vw,530px)}
  .handwritten{font-size:clamp(28px,8vw,38px);right:1%}
  .about-copy p:not(.eyebrow){font-size:16px;line-height:1.7}
  .about-tags span{font-size:12px;line-height:1.3}
  .service{grid-template-columns:30px minmax(0,1fr) 18px;gap:11px;padding:22px 0}
  .service h3{font-size:24px}
  .service p{font-size:14px;line-height:1.65}
  .approach{padding-block:62px}
  .approach h2{font-size:clamp(45px,11vw,66px)}
  .approach p{font-size:15px;line-height:1.7}
  .brand-card figcaption{font-size:11px;line-height:1.45;letter-spacing:.02em}
  .brands-footnote{font-size:12px}
  .contact{min-height:auto;padding-block:75px}
  .contact h2{font-size:clamp(48px,11vw,70px)}
  .contact p:not(.eyebrow){font-size:16px;line-height:1.7}
  .contact-channel{min-height:53px}
  .contact-channel>span:last-child{font-size:15px}
  .footer{padding-top:64px;padding-bottom:30px}
  .footer-links{gap:8px 22px;line-height:1.4}
  .footer-links a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
  .footer-bottom{font-size:11px;line-height:1.5;letter-spacing:.06em}
  .gallery-dialog,.video-dialog{width:min(100%,100vw - 12px);max-height:calc(100dvh - 12px)}
  .gallery-content{padding:48px 18px 24px}
  .gallery-content h2{font-size:clamp(34px,9vw,48px)}
  .gallery-content>p:not(.eyebrow){font-size:15px}
  .gallery-photos{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-dialog-inner{padding:48px 18px 22px}
  .video-dialog video{max-height:65dvh;object-fit:contain}
  .close-gallery{min-width:46px;min-height:46px}
}
@media(max-width:380px){
  .header{padding-inline:12px;gap:5px}
  .header-actions{gap:2px}
  .header .logo-wordmark{width:clamp(119px,38vw,145px)}
  .header-instagram{width:40px;min-width:40px;height:40px}
  .language{min-width:57px;font-size:11px}
  .menu-toggle{min-width:42px;flex-basis:42px}
  .section-pad{padding-inline:18px}
  .hero h1{font-size:clamp(36px,10.1vw,40px);letter-spacing:-.055em}
  .hero .eyebrow{letter-spacing:.025em;font-size:9px}
  .hero-art{height:clamp(325px,105vw,385px)}
  .hero-image{width:79%}
  .video-card:first-child{width:min(100%,320px)}
  .video-grid{gap:9px}
  .filter{padding:10px 12px}
  .brand-row .brand-logo-frame{height:114px;padding:8px}
  .gallery-photos{grid-template-columns:1fr;gap:12px}
  .gallery-photo{aspect-ratio:4/5}
}
/* Avoid autoplayed motion for visitors who request reduced animation. */
@media(prefers-reduced-motion:reduce){.ugc-inline-video{display:none}}


/* V15 — COMPREHENSIVE EDITORIAL & MOBILE REFINEMENT */
/* Decorative icons are genuine SVG outlines so mobile Safari never renders emoji tiles. */
.editorial-icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex:0 0 auto;stroke:currentColor;overflow:visible}
.editorial-star{width:1.18em;height:1.18em}
.editorial-arrow{width:.95em;height:.95em;vertical-align:-.13em}
.top-note .editorial-icon{font-size:13px;margin:0 10px;color:#DCC3A8;vertical-align:-.18em}
.hero-sticker .editorial-star{font-size:22px;margin-top:7px}
.marquee-track b{display:inline-flex;align-items:center;vertical-align:middle;line-height:1}
.marquee-track .editorial-star{font-size:19px;color:#E9CEB3}
.quote-star{display:inline-flex;align-items:center;justify-content:center}
.quote-star .editorial-star{width:34px;height:34px;color:#8B7057}
.approach-divider{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
.approach-divider .editorial-star{color:#B38A69;width:21px;height:21px}
.section-note .editorial-star{width:15px;height:15px;margin-right:5px;color:#927052}
.service-icon{display:inline-flex;align-items:center;justify-content:center}
.service-icon .editorial-arrow{width:22px;height:22px;color:#83644F}
.video-meta .editorial-arrow{width:16px;height:16px;color:#7D664E}
.story-overlay .editorial-arrow{width:17px;height:17px;color:#FFFAEE}
.text-link .editorial-arrow,.pill .editorial-arrow,.footer-links .editorial-arrow,.contact-channel .editorial-arrow{width:1em;height:1em;margin-left:4px}
.contact-symbol .editorial-star{width:195px;height:195px;opacity:.56}
.hero-outline{display:none!important}
.hero-foot{justify-content:flex-end}
.section-head{margin-bottom:32px}
/* Keep photography-first four-column desktop portfolio; fifth photo is phone-only. */
.video-card.mobile-photo-extra{display:none}
.video-card.mobile-photo-extra[hidden]{display:none}
.approach-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap}
.approach-label{white-space:nowrap}
.footer-links{display:flex;justify-content:flex-start;align-items:center;gap:clamp(18px,2.5vw,38px);flex-wrap:nowrap}
.footer-page-links,.footer-social-links{display:flex;align-items:center;gap:clamp(15px,2.1vw,32px);flex-wrap:nowrap}
.footer-links a{white-space:nowrap}
@media(max-width:760px){
  /* Mobile: smooth rhythm; tight enough to browse without endless empty space. */
  .section-pad{padding-block:46px;padding-inline:clamp(16px,5vw,22px)}
  .hero{padding-top:21px;padding-bottom:38px;gap:22px}
  .hero-art{height:clamp(310px,94vw,450px)}
  .hero-foot{margin-top:22px}
  .marquee{padding:16px 12px}
  .marquee-track{display:none}
  .marquee::after{content:'MADE WITH PERSONALITY';display:block;text-align:center;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.19em;line-height:1.3}
  .section-head{margin-bottom:22px}
  .section-head h2,.about h2,.brands h2{font-size:clamp(37px,9vw,49px)}
  .section-intro{margin-top:10px;line-height:1.6}
  /* Chips remain a true single row with horizontal swipe on narrow iPhones. */
  .filter-list,.about-tags{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;max-width:100%;padding-bottom:7px}
  .filter-list::-webkit-scrollbar,.about-tags::-webkit-scrollbar{display:none}
  .filter-list{margin-bottom:14px}
  .filter{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:42px;padding:10px 14px;font-size:12px}
  .about-tags{margin:19px 0 22px}
  .about-tags span{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;padding:11px 13px;font-size:11px}
  /* One portrait reel + an even 2-by-2 grid of real photography previews. */
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .video-card.mobile-photo-extra:not([hidden]){display:block}
  .video-card:first-child{grid-column:1/-1;justify-self:center;width:min(100%,345px)}
  .video-visual{aspect-ratio:9/14}
  .video-meta{font-size:10.5px;padding-top:9px;padding-bottom:10px}
  .section-note{margin-top:14px}
  .quote-strip{padding-block:34px;gap:8px}
  .quote-star .editorial-star{width:20px;height:20px}
  .story-grid{gap:10px;grid-template-rows:310px 210px 250px}
  .about{gap:12px}
  .about-image{height:clamp(320px,102vw,485px)}
  .about-art{padding-bottom:16px}
  .about-copy p:not(.eyebrow){margin-top:14px;line-height:1.62}
  .service{padding:17px 0}
  .services-list{margin-top:5px}
  /* Both editorial headings remain completely visible, not cut or wrapped. */
  .approach{padding-block:43px}
  .approach-eyebrow{gap:6px;justify-content:space-between;align-items:center;width:100%;font-size:clamp(7px,1.88vw,10px);letter-spacing:.035em;line-height:1.2}
  .approach-divider .editorial-star{width:14px;height:14px}
  .approach-grid{margin-top:26px}
  .approach h2{font-size:clamp(43px,10.5vw,60px)}
  .approach p{line-height:1.6}
  .brands-intro{margin-bottom:22px}
  .brand-row{gap:10px}
  .brand-row .brand-logo-frame{height:125px;padding:10px}
  .brands-footnote{margin-top:23px}
  .contact{padding-block:51px}
  .contact h2{font-size:clamp(45px,10.8vw,67px)}
  .contact p:not(.eyebrow){margin:17px 0}
  .contact-channels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:23px;max-width:100%;width:100%;align-items:start}
  .contact-channel{min-width:0;gap:8px;padding:5px 0 12px;align-self:stretch}
  .contact-channel .channel-label{min-height:23px;font-size:10px;letter-spacing:.09em;white-space:nowrap}
  .contact-channel>span:last-child{font-size:clamp(10px,2.8vw,14px);line-height:1.45;overflow-wrap:anywhere}
  .footer{padding-top:42px;padding-bottom:24px}
  .footer .footer-logo{width:210px;max-width:75vw}
  .footer-links{margin-top:23px;display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .footer-page-links,.footer-social-links{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:clamp(12px,3.8vw,24px);width:100%}
  .footer-social-links{padding-top:5px;border-top:1px solid rgba(255,255,255,.13)}
  .footer-links a{font-size:clamp(9px,2.65vw,12px);line-height:1.3;min-height:41px;white-space:nowrap}
  .footer-links .instagram-icon{width:15px;height:15px}
  .footer-bottom{margin-top:25px}
  .contact-symbol .editorial-star{display:none}
}
@media(max-width:360px){
  .approach-eyebrow{font-size:6.7px;letter-spacing:0;gap:4px}
  .approach-divider .editorial-star{width:12px;height:12px}
  .footer-page-links,.footer-social-links{gap:12px}
  .footer-links a{font-size:9px}
  .contact-channel .channel-label{font-size:9px}
}
/* Prevent inherited 24px span styling from stretching the compact approach labels. */
.approach-eyebrow .approach-label{font-size:inherit!important;line-height:inherit;letter-spacing:inherit;font-weight:600}
.approach-eyebrow .approach-divider{font-size:inherit!important}


/* V16 — Mobile polish based on Inna's marked-up screenshots.
   The full set of chips remains visible; horizontal scroll hiding is removed. */
.marquee-mobile { display:none; }
@media (max-width:760px) {
  /* Mobile banner: two original editorial eight-ray stars, not emoji or CSS text. */
  .marquee { background:#789477; padding:14px 16px; }
  .marquee::after { content:none !important; display:none !important; }
  .marquee-mobile {display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,24px);margin-inline:auto;
    color:#FAFAF1;min-height:23px;max-width:100%;}
  .marquee-mobile span {font-size:clamp(10px,2.85vw,12px);font-weight:700;letter-spacing:.15em;
    white-space:nowrap;line-height:1.3;text-align:center;}
  .marquee-mobile .editorial-star {color:#E9CEB3;width:18px;height:18px;min-width:18px;min-height:18px;}
  /* Do not hide any filter chips; balanced two-column grid avoids clipped final item. */
  .filter-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;
    padding:0;gap:9px;max-width:100%;scroll-snap-type:none;}
  .filter {width:100%;min-width:0;min-height:44px;white-space:normal;text-align:center;
    display:inline-flex;align-items:center;justify-content:center;padding:9px 8px;font-size:clamp(11px,3.2vw,13px);line-height:1.2;}
  /* About category tags: visible pair plus a centered third, no sideways swiping. */
  .about-tags {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;
    padding:0;gap:9px;max-width:100%;scroll-snap-type:none;}
  .about-tags span {min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center;
    text-align:center;white-space:normal;line-height:1.2;min-height:43px;padding:9px 7px;
    font-size:clamp(10px,2.8vw,12px);letter-spacing:.018em;}
  .about-tags span:nth-child(3){grid-column:1/-1;justify-self:center;width:min(100%,230px);}
  /* Restrained note: no decorative star before the descriptive copy. */
  .section-note {padding-left:0;text-indent:0;}
  /* Match the richer botanical-green tone of the desktop feature section. */
  .approach {background:radial-gradient(ellipse at 86% 25%,rgba(195,158,131,.24),transparent 44%),
    linear-gradient(110deg,#D6E3D2 0%,#E4E9D9 45%,#E3D3C1 100%);}
  .approach-eyebrow .approach-label {color:#55705A!important;font-weight:700;}
  .approach-divider .editorial-star {color:#986E51;}
}
@media (max-width:350px) {
  .marquee-mobile {gap:10px;}
  .marquee-mobile span {font-size:10px;letter-spacing:.11em;}
  .marquee-mobile .editorial-star{width:16px;height:16px;min-width:16px;min-height:16px;}
}


/* V17: Desktop branding and contact-line alignment. */
/* Align both contact methods to a common typographic baseline even though the
   Instagram label also contains a taller inline SVG. */
.contact-channel{
  display:grid;
  grid-template-rows:27px auto;
  align-content:start;
  gap:7px;
}
.contact-channel .channel-label{
  display:flex;
  align-items:center;
  min-height:27px;
  height:27px;
  line-height:1;
}
.contact-channel>span:last-child{
  display:block;
  margin:0;
  line-height:1.5;
  align-self:start;
}
/* Equal-width columns preserve alignment on desktop; mobile retains its
   existing two-column layout and type scaling. */
@media (min-width:761px){
  .contact-channels{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
    gap:clamp(18px,3vw,42px);
    max-width:650px;
  }
  .contact-channel>span:last-child{font-size:clamp(13px,1.1vw,16px);}
}
@media (max-width:760px){
  .contact-channel .channel-label{height:27px;min-height:27px;}
}