@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#20243d;--ink2:#33354e;--cream:#fbf7f2;--paper:#fdfaf6;--peach:#e9b19d;--line:#dfd8d2;--muted:#676773;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(100% - 100px,1300px);margin-inline:auto}.site-header{height:94px;background:rgba(251,247,242,.97);position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(32,36,61,.08);backdrop-filter:blur(16px)}.head-inner{height:100%;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;gap:15px;align-items:center;white-space:nowrap;min-width:max-content;color:var(--ink)}.foxmark{width:50px;height:50px;color:#bf826f}.brand-lines{display:flex;flex-direction:column;line-height:1.15}.brand-lines strong{font-weight:600;letter-spacing:.23em;font-size:18px}.brand-lines small{font-size:8px;letter-spacing:.27em;font-weight:700;margin-top:7px}.desktop-nav{display:flex;margin-left:auto;align-items:center;gap:32px}.desktop-nav a,.mobile-nav a{font-size:12px;font-weight:600;white-space:nowrap;position:relative}.desktop-nav a::after{content:'';position:absolute;bottom:-12px;left:0;right:100%;height:2px;background:var(--peach);transition:right .2s}.desktop-nav a:hover::after,.desktop-nav a.active::after{right:0}.arrow{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.btn{padding:16px 25px;display:inline-flex;justify-content:center;align-items:center;gap:17px;border-radius:3px;font-size:13px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-peach{background:var(--peach);color:var(--ink)}.btn-peach:hover{background:#e4a28b}.header-cta{margin-left:0;font-size:12px;padding:14px 21px}.menu-button{display:none;margin-left:auto;border:0;background:none;color:var(--ink);font-size:24px}.mobile-nav{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.25em;color:#9e756d;line-height:1.5}.eyebrow.light{color:#e9b19d}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.023em}h1{font-size:clamp(54px,5.55vw,88px)}h2{font-size:clamp(38px,4vw,60px)}h3{font-size:29px}h1 em,h2 em{color:#bf816d;font-style:italic}.lead{font-size:17px;line-height:1.78;color:var(--ink2)}.hero{padding:86px 0 110px;background:radial-gradient(circle at 55% 22%,#fffaf8 0,transparent 45%)}.hero-grid{display:grid;grid-template-columns:50% 50%;gap:0;align-items:center}.hero-text{padding:40px 65px 45px 0;position:relative;z-index:1}.hero-text h1{margin:28px 0 30px}.hero-text .lead{max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin-top:38px}.under-link,.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--peach);padding-bottom:4px;font-size:13px;font-weight:700}.text-link .arrow,.under-link .arrow{width:17px;height:17px}.hero-foot{font-size:9px;letter-spacing:.22em;color:#9e756d;margin-top:80px;font-weight:700}.hero-visual{height:660px;position:relative;border-radius:260px 0 0 0;overflow:hidden;box-shadow:0 18px 60px rgba(32,36,61,.08)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.image-caption{position:absolute;right:0;bottom:0;color:#fff;background:var(--ink);padding:19px 25px;font-size:9px;letter-spacing:.17em;font-weight:700}.corner-outline{position:absolute;left:25px;bottom:25px;width:80px;height:80px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.section{padding:150px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:130px;margin-bottom:66px}.section-head h2{margin:23px 0 0}.section-head>p{font-size:16px;max-width:360px;color:#5d606e;margin:0 0 14px}.services-section{background:#fffdfb}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.service{padding:16px 35px 8px 0;border-right:1px solid var(--line);margin-right:28px}.service:last-child{border:0;margin-right:0;padding-right:0}.service-icon{height:69px;width:69px;border-radius:50%;background:#f6e7de;display:grid;place-items:center;margin-bottom:30px}.service-icon svg{width:40px;height:40px}.service-number{font-size:10px;color:#b88979;letter-spacing:.2em}.service h3{font-size:25px;line-height:1.18;margin:12px 0 20px}.service p{font-size:14px;line-height:1.7;color:#686875;max-width:250px;margin:0}.section-bottom{text-align:right;margin-top:70px}.approach-section{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f5eee8;min-height:620px}.approach-image{position:relative;min-height:620px}.approach-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-tile{position:absolute;bottom:30px;left:30px;color:#fff;font:italic 38px/1.12 var(--serif);background:rgba(32,36,61,.78);padding:18px 23px}.approach-copy{align-self:center;padding:85px min(8vw,135px);max-width:780px}.approach-copy h2{margin:24px 0 33px}.approach-copy p{color:#585b67;max-width:540px;margin:0 0 18px;font-size:15px}.approach-copy .text-link{margin-top:22px}.packages-section{background:var(--paper)}.package-head{margin-bottom:52px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card{padding:47px 38px 33px;background:var(--cream);min-height:320px;border:1px solid #ece4dd;display:flex;flex-direction:column}.package-card:nth-child(2){background:#f3e7df}.package-card h3{margin:38px 0 18px;font-size:32px}.package-card p{max-width:290px;color:#656675;font-size:14px;margin-bottom:42px}.pkg-base{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:12px;justify-content:space-between;align-items:center}.pkg-base>span{font-size:11px;color:#8c7f7e}.pkg-base .text-link{font-size:11px}.work-section{background:#fffdfb}.work-heading{margin-bottom:58px}.work-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;height:360px}.work-gallery figure{margin:0;overflow:hidden;position:relative}.work-gallery img{width:100%;height:100%;object-fit:cover}.work-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff;font-size:10px;letter-spacing:.2em;font-weight:700;background:linear-gradient(transparent,rgba(20,22,32,.65))}.client-band{margin-top:110px;text-align:center}.logo-tray{margin-top:33px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 12px;min-height:133px}.logo-tray img{max-height:58px;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.73;transition:filter .2s,opacity .2s}.logo-tray img:hover{filter:none;opacity:1}.founder-section{background:#f3ede9}.founder-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:100px;align-items:center}.founder-image{height:620px;position:relative;overflow:hidden;border-radius:0 260px 0 0}.founder-image img{height:100%;width:100%;object-fit:cover;object-position:center top}.founder-content{max-width:610px}.founder-content h2{margin:22px 0 36px}.founder-content p{color:#5d606b;font-size:15px;margin-bottom:18px}.founder-content .text-link{margin-top:24px}.cta-band{background:var(--ink);color:#faf5ee;padding:105px 0}.cta-content{display:flex;align-items:center;justify-content:space-between;gap:70px}.cta-content h2{margin:17px 0 20px}.cta-content p{color:#d8d4d9;margin:0;max-width:540px;font-size:15px}.cta-content .btn{padding:20px 29px}.site-footer{background:#ebe4df;padding:62px 0 22px}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1.5fr;align-items:center;gap:30px}.footer-inner p{font-size:12px;color:#70707a;margin:0}.footer-links{display:flex;gap:20px;justify-content:end;flex-wrap:wrap;font-size:11px;font-weight:700}.footer-note{border-top:1px solid #d4c9c5;padding-top:20px;margin-top:45px;font-size:10px;color:#837c7e}.interior-hero{background:#f6eee8;padding:130px 0 145px}.interior-hero h1{margin:29px 0}.narrow{max-width:620px}.interior-services{background:#fffdfb}.deep-service{display:grid;grid-template-columns:140px 1fr;gap:60px;align-items:start;max-width:960px;margin:0 auto;padding:75px 0;border-bottom:1px solid var(--line)}.deep-service:first-child{padding-top:0}.deep-service:last-child{border:0}.deep-service h2{margin:22px 0}.deep-service p{max-width:600px}.deep-service .muted{color:#666}.inner-packages{padding-bottom:15px}.under-note{font-size:13px;color:#686875;margin-top:28px}.about-two{display:grid;grid-template-columns:42% 1fr;gap:100px;align-items:center}.about-two>img{width:100%;max-height:670px;object-fit:cover}.about-two h2{margin:30px 0}.about-two p{color:#666;max-width:510px}.contact-section{background:#fffdfb}.contact-panel{display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:start}.contact-panel h2{margin-top:22px}.contact-placeholder{padding:60px 50px;background:#f5ebe4}.contact-placeholder h3{margin-top:24px}.contact-placeholder p{font-size:15px;color:#686875}
@media(max-width:1120px){.container{width:min(100% - 60px,1200px)}.desktop-nav{gap:16px}.header-cta{padding:13px 15px}.brand-lines strong{font-size:15px}.hero-text{padding-right:25px}.hero-visual{height:560px}.section-head{gap:55px}.approach-copy{padding:70px 60px}.founder-grid{gap:50px}.service{margin-right:15px;padding-right:20px}}
@media(max-width:800px){.container{width:min(100% - 40px,640px)}.site-header{height:72px}.foxmark{width:39px;height:39px}.brand-lines strong{font-size:14px}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.mobile-nav.open{display:flex;flex-direction:column;gap:0;background:var(--cream);border-top:1px solid var(--line);padding:15px 25px 26px;box-shadow:0 18px 22px #20243d17}.mobile-nav a{padding:11px 0}.hero{padding:60px 0 75px}.hero-grid{display:flex;flex-direction:column;gap:55px}.hero-text{padding:0;width:100%}.hero-text h1{font-size:clamp(49px,10vw,75px)}.hero-foot{margin-top:50px}.hero-visual{width:100%;height:540px;border-radius:190px 0 0 0}.section{padding:93px 0}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:48px}.section-head>p{max-width:540px}.service-grid{grid-template-columns:1fr 1fr;row-gap:45px}.service:nth-child(2){border-right:0}.service{padding-right:20px;margin-right:20px}.approach-section{display:flex;flex-direction:column;padding:0}.approach-image{height:430px;min-height:430px}.approach-copy{padding:80px 30px 90px}.package-grid{grid-template-columns:1fr;gap:15px}.package-card{min-height:250px}.package-card h3{margin-top:25px}.work-gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 240px;height:auto}.work-gallery figure:first-child{grid-column:span 2}.client-band{margin-top:70px}.logo-tray{flex-wrap:wrap;justify-content:center}.logo-tray img{max-height:44px;max-width:100px}.founder-grid{grid-template-columns:1fr;gap:55px}.founder-image{height:580px}.cta-content{display:block}.cta-content .btn{margin-top:30px}.footer-inner{grid-template-columns:1fr;gap:25px}.footer-links{justify-content:start}.deep-service{grid-template-columns:75px 1fr;gap:20px}.contact-panel,.about-two{grid-template-columns:1fr;gap:50px}}
@media(max-width:480px){.hero-visual{height:365px;border-radius:120px 0 0 0}.hero-text h1{font-size:49px}.lead{font-size:15px}.hero-actions{gap:20px}.service-grid{grid-template-columns:1fr}.service{border:0;border-bottom:1px solid var(--line);margin-right:0;padding-bottom:25px}.service:last-child{border:0}.section-head h2,.approach-copy h2,.founder-content h2{font-size:39px}.work-gallery{display:block}.work-gallery figure{height:220px;margin-bottom:12px}.founder-image{height:430px}.cta-band{padding:80px 0}.interior-hero{padding:85px 0}.interior-hero h1{font-size:52px}.deep-service{display:block}.deep-service .service-icon{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* Indigo Fox bespoke editoral art direction, October 2026 */
.site-header .brand .brand-lines strong {font-size:22px;letter-spacing:.18em;line-height:1}
.site-header .brand .brand-lines small {letter-spacing:.24em;margin-top:7px}
.site-header .brand{gap:0}
.brand-footer .brand-lines strong{font-size:19px;letter-spacing:.14em}
.hero-signature{padding:76px 0 95px;background:linear-gradient(117deg,#fcfaf7,#fbf7f2 60%,#fff7f0)}
.hero-signature .hero-grid{grid-template-columns:49% 51%;align-items:center;min-height:640px}
.hero-signature .hero-text{padding:45px 20px 45px 0}
.hero-signature .eyebrow{font-size:10px;letter-spacing:.19em;white-space:normal;max-width:600px}
.hero-signature h1{font-size:clamp(58px,5.65vw,89px);line-height:1.08;letter-spacing:-.025em;margin:33px 0 30px;white-space:nowrap}
.hero-signature .lead{font-size:16px;line-height:1.75;max-width:500px}
.hero-signature .hero-actions{margin-top:37px}
.hero-signature .hero-actions .btn{gap:14px}
.hero-signature .hero-actions .btn span,.hero-signature .under-link span{font-size:19px}
.fox-art{height:620px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center}
.fox-art .hero-fox{position:relative;z-index:4;width:min(77%,505px);height:auto;max-height:90%;object-fit:contain;filter:drop-shadow(0 12px 20px #8e676015)}
.fox-art .orb,.fox-art .orbit{display:block;position:absolute;border-radius:50%;pointer-events:none}
.fox-art .orb-large{width:80%;aspect-ratio:1;max-width:510px;background:linear-gradient(145deg,#fae9debc,#f5c4ac6c);top:4%;right:8%;z-index:1}
.fox-art .orb-left{height:190px;width:190px;background:#f6d6c8b0;top:38%;left:2%;z-index:0}
.fox-art .orb-right{height:116px;width:116px;background:#f4cdbf9c;bottom:12%;right:2%;z-index:0}
.fox-art .orb-dot{height:31px;width:31px;background:#ebb297;top:28%;left:14%;z-index:0}
.fox-art .orbit-main{width:92%;height:85%;top:2%;right:2%;border:1.5px solid #db9a827c;z-index:2}
.fox-art .orbit-small{width:200px;height:200px;right:-18%;bottom:8%;border:1px solid #e4aa9e8c;z-index:2}
.fox-art-note{position:absolute;top:6%;right:1%;font-size:9px;letter-spacing:.23em;color:#5d5a6e;z-index:5}
.fox-art-note span{color:#cd8872;margin:0 3px}
.services-section{position:relative;overflow:hidden}
.services-section::after{content:'';position:absolute;right:-160px;top:48px;width:280px;height:280px;background:#f6ddd176;border-radius:50%;pointer-events:none}
.approach-section{background:#fbf8f4}
.approach-image img{object-position:center 45%}
.approach-copy{position:relative}
.approach-copy::after{content:'';width:290px;height:290px;border:1.5px solid #e3ad9799;border-radius:50%;position:absolute;right:-120px;bottom:-110px;pointer-events:none}
.packages-section{background:#fffdfa}
.work-section{background:#fbf7f2}
.founder-section{background:#f8f0eb}
.founder-image{border-radius:0 170px 0 0}
.cta-band{background:linear-gradient(105deg,#121f39,#243553);position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;left:-110px;top:-80px;width:400px;height:400px;border:1px solid #eab29f66;border-radius:50%;pointer-events:none}
@media(max-width:1100px){.hero-signature h1{font-size:clamp(51px,5.3vw,72px)}.fox-art{height:560px}.hero-signature .hero-grid{min-height:565px}}
@media(max-width:800px){.site-header .brand .brand-lines strong{font-size:16px}.site-header .brand .brand-lines small{font-size:8px}.hero-signature{padding:60px 0 85px}.hero-signature .hero-grid{display:flex;flex-direction:column;min-height:unset;gap:18px}.hero-signature .hero-text{padding:0}.hero-signature h1{font-size:clamp(49px,9vw,74px);white-space:normal}.fox-art{width:100%;height:530px}.fox-art .hero-fox{width:min(76%,430px)}.fox-art .orb-large{right:11%;}.approach-copy::after{display:none}}
@media(max-width:480px){.hero-signature h1{font-size:clamp(45px,10.8vw,55px)}.hero-signature .eyebrow{font-size:9px;letter-spacing:.13em}.fox-art{height:385px}.fox-art .orb-large{width:85%;top:5%;right:5%}.fox-art .hero-fox{width:77%}.fox-art-note{font-size:7px;top:4%}.fox-art .orb-left{height:100px;width:100px}.fox-art .orb-right{height:70px;width:70px}.hero-signature{padding-bottom:50px}}

/* Experience-rich homepage, selected project and flexible ways of working */
.sector-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sector-gallery figure{margin:0;position:relative;min-width:0;height:385px;overflow:hidden;background:#25263a}
.sector-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sector-gallery figure:hover img{transform:scale(1.025)}
.sector-gallery figcaption{position:absolute;bottom:0;left:0;right:0;min-height:92px;display:flex;gap:12px;align-items:flex-end;padding:34px 22px 22px;background:linear-gradient(transparent,rgba(12,17,35,.87));font-family:var(--sans);font-size:12px;letter-spacing:.13em;font-weight:700;color:white;line-height:1.4}
.sector-gallery figcaption small{color:#edb5a0;font-size:11px;white-space:nowrap}
.sector-footnote{font-size:14px;max-width:840px;color:#666675;line-height:1.75;margin:26px 0 0}
.case-study-section{background:#f5ece6}
.case-study-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,7vw,110px);align-items:center}
.case-study-photo{position:relative;min-height:550px;overflow:hidden}
.case-study-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.photo-credit-tag{position:absolute;bottom:0;left:0;background:rgba(32,36,61,.91);padding:17px 22px;color:#fff;letter-spacing:.16em;font-size:10px;font-weight:700}
.case-study-copy h2{margin:29px 0 20px}.case-study-copy .case-name{color:#a76553;font-size:12px;letter-spacing:.19em;font-weight:700;text-transform:uppercase;margin:0 0 26px}
.case-study-copy p:not(.case-name){color:#595b67;font-size:15px;max-width:530px;margin-bottom:21px;line-height:1.8}
.case-study-copy .text-link{margin-top:16px}
.offer-list{display:grid;gap:0;border-top:1px solid var(--line)}
.offer-detail{display:grid;grid-template-columns:240px 1fr;gap:60px;padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}
.offer-count{font-size:11px;letter-spacing:.18em;color:#a67469;font-weight:700;padding-top:14px}
.offer-detail h2{margin:0 0 24px;font-size:clamp(35px,4vw,55px)}
.offer-detail p{max-width:760px;color:#5f626e;font-size:17px;line-height:1.85}
.offer-points{font-weight:600;color:#946d66;letter-spacing:.04em;font-size:13px;margin:26px 0}
.case-hero{background:linear-gradient(135deg,#fbf7f2 35%,#f4d9cc 130%)}
.case-detail-grid{display:grid;grid-template-columns:42% 1fr;gap:clamp(45px,7vw,115px);align-items:start}
.case-detail-aside{background:#fffdf8;padding:32px}.case-brand-logo{max-width:240px;max-height:90px;object-fit:contain;margin:0 auto 30px}.case-detail-photo{width:100%;aspect-ratio:4/5;object-fit:cover}
.case-detail-main h2{margin:20px 0 28px}.case-detail-main p{max-width:680px;color:#5d606b;line-height:1.85;margin-bottom:19px}.case-detail-main h3{margin:25px 0 18px}.case-keyline{border-top:1px solid var(--line);margin:55px 0}
@media(max-width:950px){.sector-gallery{gap:14px}.sector-gallery figure{height:290px}.sector-gallery figcaption{font-size:10px}.case-study-photo{min-height:450px}.case-study-grid{gap:48px}.offer-detail{grid-template-columns:190px 1fr;gap:30px}}
@media(max-width:800px){.sector-gallery{grid-template-columns:1fr 1fr;gap:16px}.sector-gallery figure{height:260px}.sector-gallery figure:nth-child(3){grid-column:1 / -1;height:320px}.case-study-grid,.case-detail-grid{grid-template-columns:1fr}.case-study-photo{min-height:400px}.case-detail-aside{max-width:550px}.offer-detail{grid-template-columns:1fr;gap:8px;padding:45px 0}}
@media(max-width:480px){.sector-gallery{grid-template-columns:1fr}.sector-gallery figure,.sector-gallery figure:nth-child(3){height:285px;grid-column:auto}.sector-gallery figcaption{font-size:11px}.case-study-copy h2{font-size:41px}.case-study-photo{min-height:320px}.case-study-section{padding:80px 0}.case-detail-aside{padding:17px}}


/* Shared founder-led Organic Herb Trading testimonial, added Oct 2026. */
.testimonial-section{background:#fffaf6;padding-block:clamp(90px,10vw,155px);border-top:1px solid #e9e2dc;border-bottom:1px solid #e9e2dc}
.testimonial-layout{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:clamp(50px,8vw,130px);align-items:start}
.testimonial-intro h2{font-size:clamp(35px,3.4vw,58px);margin:25px 0 31px;line-height:1.08}
.testimonial-rule{width:60px;height:2px;background:#d9967c;margin-bottom:27px}
.testimonial-subtitle{color:#6e6770;font-size:13px;letter-spacing:.08em}
.testimonial-quote{margin:0;position:relative;padding:3px 0 0 30px;border-left:1px solid #e3c4b5}
.testimonial-mark{display:block;font:96px/.75 Georgia,serif;color:#d9967c;opacity:.68;margin:0 0 20px}
.testimonial-quote blockquote{margin:0 0 38px;font-family:var(--serif);font-size:clamp(22px,2.25vw,34px);line-height:1.47;letter-spacing:-.013em;color:#20243d}
.testimonial-quote figcaption{display:flex;flex-direction:column;gap:4px;line-height:1.45}
.testimonial-quote figcaption strong{font-size:13px;color:#20243d}
.testimonial-quote figcaption span{font-size:12px;color:#746d72}
@media(max-width:800px){.testimonial-layout{grid-template-columns:1fr;gap:35px}.testimonial-intro h2{max-width:420px}.testimonial-quote{padding-left:23px}.testimonial-section{padding-block:90px}}
@media(max-width:480px){.testimonial-quote blockquote{font-size:24px}.testimonial-mark{font-size:74px}}


/* More restrained, readable client feedback; smaller type, still editorial. */
.testimonial-section{padding-block:clamp(65px,7.5vw,115px)}
.testimonial-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1.3fr);gap:clamp(32px,6vw,98px)}
.testimonial-intro h2{font-size:clamp(33px,3vw,48px)}
.testimonial-mark{font-size:66px;margin-bottom:10px;opacity:.52}
.testimonial-quote blockquote{font-family:var(--serif);font-size:clamp(18px,1.65vw,23px);line-height:1.62;letter-spacing:-.004em;margin-bottom:23px;max-width:740px}
.testimonial-quote figcaption strong{font-size:14px}
.testimonial-quote figcaption span{font-size:12px}
/* Original logos, full-colour where supplied. Colour lives around marks; no trademark recolouring. */
.client-band{margin-top:80px;text-align:left}
.logo-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;padding:0;border:0;min-height:0;align-items:stretch}
.logo-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:164px;padding:24px 20px 18px;overflow:hidden;border:1px solid #e9dbd4;background:#fffaf6;border-radius:3px;isolation:isolate;gap:12px}
.logo-tile::after{content:'';position:absolute;width:90px;height:90px;border:1px solid rgba(214,139,108,.26);border-radius:50%;right:-42px;top:-45px;pointer-events:none;z-index:-1}
.logo-tile img{filter:none!important;opacity:1!important;max-width:min(100%,200px);max-height:83px;height:auto;width:auto;object-fit:contain;transition:transform .25s ease}
.logo-tile:hover img{transform:scale(1.025)}
.logo-tile span{font:700 9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#715d5d;text-align:center;margin-top:auto}
.logo-tile--circus{background:#f3e5e0}
.logo-tile--loco{background:#f7e8e2}
.logo-tile--prospect{background:#f7e9df}
.logo-tile--soul{background:#fff9ed}
.logo-tile--herb{background:#f2f5ed}
.logo-tile--swb{background:#1d2a45;border-color:#1d2a45}
.logo-tile--swb::after{border-color:rgba(235,174,151,.45)}
.logo-tile--swb span{color:#e8c6b9}
.sector-footnote{margin:31px 0 0;max-width:850px;font-size:15px;line-height:1.85;color:#565b66}
@media(max-width:800px){.testimonial-layout{grid-template-columns:1fr;gap:30px}.testimonial-quote blockquote{font-size:20px}.logo-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-tile{min-height:150px}}
@media(max-width:480px){.testimonial-quote blockquote{font-size:19px}.logo-tile{padding:18px 10px 14px;min-height:142px}.logo-tile img{max-height:62px;max-width:min(100%,150px)}.logo-tile span{font-size:8px;letter-spacing:.08em}.sector-footnote{font-size:14px}}


/* October refinement — authentic client branding, subtle geometric language and calmer testimonials */
.fox-art-note{display:none !important}
/* Small graphic flourishes carefully placed in open areas, never over content. */
.services-section::before{
  content:"";pointer-events:none;position:absolute;left:-110px;bottom:14px;
  width:190px;height:190px;border:1px solid rgba(199,132,111,.24);border-radius:50%;
}
.services-section .section-head h2::after{
  content:"";display:block;width:48px;height:2px;background:var(--peach);
  margin-top:30px;
}
.package-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.package-card:hover{transform:translateY(-3px);border-color:#debba9}
.package-card::before{
  content:"";position:absolute;right:-43px;top:-48px;width:118px;height:118px;
  border-radius:50%;border:1px solid rgba(200,134,111,.28);pointer-events:none;
}
.package-card:nth-child(2)::before{width:160px;height:160px;right:-64px;top:-70px}
.work-section{position:relative;overflow:hidden}
.work-section::before{
  content:"";position:absolute;z-index:0;left:-135px;top:60px;
  height:290px;width:290px;border:1px solid rgba(212,150,127,.22);border-radius:50%;pointer-events:none;
}
.work-section>.container{position:relative;z-index:1}
.case-study-section{position:relative;overflow:hidden}
.case-study-section::after{
  content:"";position:absolute;pointer-events:none;right:-140px;bottom:-135px;width:310px;height:310px;
  border:1px solid rgba(205,139,115,.24);border-radius:50%;
}
.testimonial-section{padding-block:clamp(48px,5vw,78px)}
.testimonial-layout{grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,76px);align-items:center}
.testimonial-intro h2{font-size:clamp(29px,2.7vw,41px);margin:16px 0 21px}
.testimonial-quote{padding-left:25px}
.testimonial-quote blockquote{font:400 clamp(16px,1.2vw,18px)/1.75 var(--sans);max-width:700px;letter-spacing:0;margin-bottom:15px}
.testimonial-mark{font-size:48px;margin-bottom:3px;opacity:.43}
.testimonial-more{font-size:11px;display:inline-flex;gap:8px;align-items:center;margin-top:9px;color:#985f51;border-bottom:1px solid #d89e87;align-self:start;padding-bottom:3px;font-weight:700}
.testimonial-more:hover{color:#6a473f}
/* Logos use their authentic supplied artwork — no filter, mix blend, or recolouring. */
.logo-tray{gap:18px;margin-top:30px}
.logo-tile{min-height:150px;gap:0;padding:24px;align-items:center;justify-content:center;background:#fffdf9;border:1px solid #ebdfd7;box-shadow:0 2px 10px rgba(35,37,60,.024)}
.logo-tile::before{content:"";position:absolute;left:0;top:0;width:45px;height:3px;background:#d3a18c;pointer-events:none}
.logo-tile img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;max-width:min(100%,218px);max-height:95px;object-fit:contain;transform:none}
.logo-tile img:hover{transform:none}
.logo-tile span{display:none!important}
.logo-tile--circus,.logo-tile--loco,.logo-tile--prospect,.logo-tile--soul,.logo-tile--herb{background:#fffdf9;border-color:#e9ded6}
.logo-tile--soul::before{background:#dca319}
.logo-tile--herb::before{background:#6a9a4b}
.logo-tile--swb{background:#131a2c;border-color:#131a2c}
.logo-tile--swb::before{background:#44aa54}
.logo-tile--swb::after{border-color:rgba(233,177,157,.18)}
.logo-tile--prospect::before{background:#283753}
.logo-tile--circus::before{background:#b6816f}
.logo-tile--loco::before{background:#20243d}
.logo-tile:focus-within{outline:2px solid #d5aa98}
@media(max-width:800px){
  .testimonial-section{padding-block:55px}
  .testimonial-layout{grid-template-columns:1fr;gap:22px}
  .testimonial-intro h2{font-size:35px;max-width:none}
  .testimonial-quote blockquote{font-size:16px;line-height:1.68}
  .logo-tray{gap:12px}
  .logo-tile{min-height:130px;padding:16px}
  .logo-tile img{max-height:70px;max-width:min(100%,175px)}
}
@media(max-width:480px){
  .services-section::before,.work-section::before,.case-study-section::after{display:none}
  .testimonial-quote{padding-left:16px}
  .testimonial-mark{font-size:43px}
  .logo-tile{min-height:118px;padding:15px 9px}
  .logo-tile img{max-height:64px;max-width:min(100%,155px)}
}
@media(prefers-reduced-motion:reduce){.package-card,.logo-tile img{transition:none}}


/* Subtle indigo brand refinement: preserve cream/peach and generous whitespace. */
:root{--indigo-rich:#273452;--indigo-soft:#e9ecf2}
.site-header{border-top:3px solid var(--indigo-rich);height:95px}
.services-section .service-icon{background:#e7eaf1;box-shadow:inset 0 0 0 1px rgba(39,52,82,.1)}
.services-section .service-icon svg{stroke:var(--indigo-rich)}
.services-section .section-head h2::after{background:var(--indigo-rich);width:60px}
.approach-copy{background:linear-gradient(130deg,#edf0f5 0%,#eeeaf0 62%,#f3e9e2 100%);border-left:5px solid var(--indigo-rich)}
.approach-copy .eyebrow{color:#56627e}
/* One deep-indigo offer card anchors the palette, while other cards remain light. */
.package-card:first-child{background:var(--indigo-rich);color:#fcf6ee;border-color:var(--indigo-rich)}
.package-card:first-child h3{color:#fcf6ee}
.package-card:first-child p{color:#e5e5ee}
.package-card:first-child .overline,.package-card:first-child .pkg-base>span{color:#f3c2b0}
.package-card:first-child .pkg-base{border-color:rgba(255,255,255,.25)}
.package-card:first-child .text-link{color:#fff9f2;border-bottom-color:var(--peach)}
.package-card:first-child::before{border-color:rgba(233,177,157,.6)}
.case-study-copy{border-left:3px solid rgba(39,52,82,.7);padding-left:clamp(20px,2.4vw,36px)}
.founder-content .eyebrow{color:#596787}
.founder-content h2::after{content:'';display:block;margin-top:27px;height:2px;width:48px;background:var(--indigo-rich)}
.client-band{border-top:1px solid rgba(39,52,82,.20);padding-top:38px}
.testimonial-quote{border-left-color:rgba(39,52,82,.35)}
.interior-hero{background:linear-gradient(117deg,#f4f0ed 0%,#e9ebf1 100%)}
.contact-placeholder{background:#e9ebf1;border-top:4px solid var(--indigo-rich)}
@media(max-width:800px){.approach-copy{border-left:none;border-top:4px solid var(--indigo-rich)}.case-study-copy{border-left:none;border-top:2px solid rgba(39,52,82,.5);padding-left:0;padding-top:25px}}
@media(max-width:480px){.site-header{height:73px}}


/* Experience refresh — four clearly distinct areas using the client’s own photographs. */
.work-section .work-heading{align-items:center;margin-bottom:43px}
.work-section .work-heading h2{font-size:clamp(37px,3.55vw,55px);line-height:1.15}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.experience-card{display:grid;grid-template-columns:43% 57%;min-width:0;min-height:285px;background:#fffdfb;border:1px solid #e8dfd9;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(32,36,61,.035)}
.experience-card::before{content:'';position:absolute;top:0;right:0;width:42px;height:3px;background:#c78e7b;z-index:2}
.experience-card--culture::before{background:#33486d}
.experience-card--wellbeing::before{background:#dca32c}
.experience-card--purpose::before{background:#829c61}
.experience-card--growth::before{background:#c78e7b}
.experience-image{position:relative;min-height:285px;overflow:hidden;background:#e8e5e1;isolation:isolate}
.experience-main-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s ease}
.experience-card:hover .experience-main-image{transform:scale(1.025)}
.experience-card--culture .experience-main-image{object-position:48% center}
.experience-card--purpose .experience-main-image{object-position:center 47%}
.experience-card--growth .experience-main-image{object-position:51% 12%}
.experience-inset{position:absolute;width:45%;height:28%;bottom:15px;right:15px;object-fit:cover;object-position:center;border:3px solid #fffdfb;box-shadow:0 5px 15px rgba(10,10,20,.28);z-index:1}
.experience-copy{padding:clamp(22px,2.6vw,38px) clamp(19px,2.6vw,34px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.experience-copy::after{content:'';position:absolute;width:112px;height:112px;right:-70px;bottom:-70px;border:1px solid rgba(39,52,82,.09);border-radius:50%;pointer-events:none}
.experience-count{display:block;color:#8b6878;font-size:9px;font-weight:700;letter-spacing:.19em;line-height:1.45;margin-bottom:18px}
.experience-copy h3{font-size:clamp(23px,2.2vw,31px);line-height:1.14;color:#25334f;letter-spacing:-.022em;margin:0 0 15px}
.experience-copy p{font-size:13px;line-height:1.74;color:#62636c;margin:0}
.work-section .sector-footnote{margin:25px 0 0;font-size:13px;color:#777078;max-width:775px}
.work-section .client-band{margin-top:64px}
@media(max-width:1100px){.experience-card{grid-template-columns:41% 59%}.experience-copy{padding:22px}.experience-copy h3{font-size:clamp(22px,2.5vw,28px)}.experience-copy p{font-size:12.5px}}
@media(max-width:850px){.experience-grid{grid-template-columns:1fr;gap:16px}.experience-card{grid-template-columns:42% 58%;min-height:235px}.experience-image{min-height:235px}.experience-copy h3{font-size:27px}.experience-copy p{font-size:13px}}
@media(max-width:530px){.experience-card{grid-template-columns:1fr}.experience-image{min-height:0;height:220px}.experience-copy{padding:22px 24px 27px}.experience-copy h3{font-size:28px;max-width:320px}.experience-copy p{font-size:13px}.experience-count{margin-bottom:11px}.experience-inset{width:39%;height:35%}.work-section .client-band{margin-top:52px}}
@media(prefers-reduced-motion:reduce){.experience-main-image{transition:none}.experience-card:hover .experience-main-image{transform:none}}


/* Reinstated compact original photographic strip: four equal photos; no giant split cards. */
.sector-gallery--four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sector-gallery--four figure,.sector-gallery--four figure:nth-child(3){grid-column:auto;height:275px;min-height:0;min-width:0;margin:0}
.sector-gallery--four img{display:block;width:100%;height:100%;object-fit:cover}
.sector-gallery--four figure:nth-child(4) img{object-position:center 52%}
.sector-gallery--four figcaption{display:block;min-height:84px;padding:29px 15px 15px;font-size:11px;line-height:1.45;letter-spacing:.055em;font-weight:700}
.sector-gallery--four figcaption small{display:block;color:#edb5a0;font-size:10px;letter-spacing:.16em;margin-bottom:5px}
@media(max-width:1000px){
  .sector-gallery--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .sector-gallery--four figure,.sector-gallery--four figure:nth-child(3){grid-column:auto;height:235px}
}
@media(max-width:600px){
  .sector-gallery--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .sector-gallery--four figure,.sector-gallery--four figure:nth-child(3){grid-column:auto;height:185px}
  .sector-gallery--four figcaption{padding:26px 11px 11px;min-height:79px;font-size:10px;line-height:1.32;letter-spacing:.025em}
  .sector-gallery--four figcaption small{font-size:9px;letter-spacing:.08em;margin-bottom:3px}
}
@media(prefers-reduced-motion:reduce){.sector-gallery--four figure:hover img{transform:none}}

/* Indigo Fox gallery: explicitly keep all four original images in a single
   balanced row on desktop; only break into a 2 × 2 arrangement on mobile. */
@media (min-width: 801px) {
  .work-section .sector-gallery.sector-gallery--four {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 16px;
    width: 100%;
    align-items: stretch;
  }
  .work-section .sector-gallery.sector-gallery--four > figure,
  .work-section .sector-gallery.sector-gallery--four > figure:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    min-width: 0;
    height: 250px;
    margin: 0;
  }
}
@media (max-width: 800px) {
  .work-section .sector-gallery.sector-gallery--four {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .work-section .sector-gallery.sector-gallery--four > figure,
  .work-section .sector-gallery.sector-gallery--four > figure:nth-child(3) {
    grid-column: auto;
    grid-row: auto;
    min-width: 0;
    margin: 0;
    height: 215px;
  }
}
@media (max-width: 480px) {
  .work-section .sector-gallery.sector-gallery--four > figure,
  .work-section .sector-gallery.sector-gallery--four > figure:nth-child(3) {
    height: 180px;
  }
}

/* Focused UK SEO service pages — native Indigo Fox editorial styling */
.seo-service-details{padding-top:24px;padding-bottom:34px}
.seo-service-details .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 42px}
.seo-service-block{padding:26px 0;border-top:1px solid rgba(42,52,86,.20)}
.seo-service-block h2{font-size:clamp(23px,2vw,31px);margin:0 0 12px;line-height:1.12}
.seo-service-block p{font-size:15px;line-height:1.82;color:#46516a;max-width:660px;margin:0}
.seo-faq-section{background:#f5f2f7;padding:55px 0}
.seo-faq-section h2,.seo-next h2{font-size:clamp(26px,3vw,39px);margin:0 0 25px}
.seo-faq{border-top:1px solid rgba(42,52,86,.20);padding:18px 0}
.seo-faq h3{font-size:18px;margin:0 0 9px}
.seo-faq p{margin:0;line-height:1.7;color:#46516a;max-width:890px}
.seo-next{padding:56px 0}
.seo-next p{max-width:750px;line-height:1.7;color:#46516a}
.seo-related-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:18px}
.seo-related-links a,.seo-service-link{font-weight:700;color:#28355b;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.seo-service-link{display:inline-block;margin-top:14px}
.seo-more-services{padding:32px 0 60px}
.seo-more-services .eyebrow{margin:0}
@media(max-width:720px){.seo-service-details .container{grid-template-columns:1fr}.seo-service-block{padding:18px 0}.seo-faq-section{padding:38px 0}}

/* Focused visitor-journey addition — mirrors the existing quiet editorial design. */
.when-work-section{background:#f6f0eb;border-block:1px solid #ede5df;padding:64px 0}
.when-work-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(35px,6vw,105px);align-items:center}
.when-work-title h2{font-size:clamp(34px,3.3vw,49px);margin:17px 0 0;max-width:490px}
.when-work-copy p{max-width:610px;font-size:15px;line-height:1.75;color:#575b67;margin:0 0 12px}
.when-work-copy .text-link{margin-top:7px}
.packages-section .section-bottom{margin-top:32px}
.case-detail-main .case-keyline{margin:30px 0}
@media(max-width:800px){.when-work-section{padding:55px 0}.when-work-inner{grid-template-columns:1fr;gap:22px}.when-work-title h2{font-size:clamp(32px,6vw,45px)}.packages-section .section-bottom{margin-top:25px}}

/* Prominent, accessible email contact link */
.contact-email-link{display:inline-block;max-width:100%;font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}
.contact-email-link:hover,.contact-email-link:focus-visible{color:#9e604a}


/* 14 October 2026: lift the Services introduction out of its previous bottom alignment.
   This is deliberately scoped to the homepage services heading, not the photo gallery. */
@media (min-width: 801px) {
  .services-section .section-head { align-items: center; }
  .services-section .section-head > p {
    margin: 0;
    max-width: 390px;
    font-size: 17px;
    line-height: 1.7;
  }
}
@media (max-width: 800px) {
  .services-section .section-head { align-items: stretch; }
  .services-section .section-head > p { margin: 0; }
}

/* SWB client mark: light understated tile, with preserved green graphic and
   true-shape black lettering; original white-on-transparent asset unchanged. */
.logo-tray .logo-tile--swb{background:#fffdf9;border-color:#e9ded6;box-shadow:0 2px 10px rgba(35,37,60,.024)}
.logo-tray .logo-tile--swb::before{background:#34834a}
.logo-tray .logo-tile--swb::after{border-color:rgba(55,125,75,.16)}
.logo-tray .logo-tile--swb img{max-width:min(100%,190px);max-height:78px}
/* Contact in the footer, visible and tappable on every page. */
.site-footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.site-footer .footer-contact p{margin:0 0 2px;font-size:12px;line-height:1.55;color:#70707a}
.site-footer .footer-email{font-size:13px;line-height:1.5;font-weight:700;color:#283852;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c99179;overflow-wrap:anywhere}
.site-footer .footer-email:hover,.site-footer .footer-email:focus-visible{color:#9c5c47;text-decoration-color:currentColor}
.site-footer .footer-location{font-size:10px;line-height:1.5;color:#77717a}
@media(max-width:480px){.logo-tray .logo-tile--swb img{max-width:min(100%,145px);max-height:62px}}

/* Footer brand: one quiet reuse of the existing Indigo Fox mark. */
.site-footer .brand-footer{gap:12px;align-items:center;}
.site-footer .footer-fox{display:block;flex:0 0 auto;width:36px;height:43px;object-fit:contain;}
@media(max-width:480px){.site-footer .brand-footer{gap:10px}.site-footer .footer-fox{width:31px;height:37px}}

/* Phone-only hero illustration size correction (linked homepage CSS). */
@media screen and (max-width: 480px) { .fox-art .hero-fox { width: 53%; max-width: 220px; } }

/* Indigo Fox wordmark: delayed, slower copper glimmer matching the fox */
.site-header .brand-lines .fox-glimmer { position: relative; display: inline-block; isolation: isolate; }
.site-header .brand-lines .fox-glimmer::after {
  content: attr(data-fox);
  position: absolute;
  inset: 0;
  color: transparent;
  background: linear-gradient(105deg, transparent 36%, rgba(191,130,111,.25) 44%, #e8b497 50%, #bf826f 56%, transparent 64%);
  background-size: 300% 100%;
  background-position: 160% 0;
  -webkit-background-clip: text;
  background-clip: text;
  pointer-events: none;
  animation: fox-glimmer-pass 12s ease-in-out 3.5s infinite;
}
@keyframes fox-glimmer-pass {
  0%, 15% { background-position: 160% 0; }
  43%, 100% { background-position: -160% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .brand-lines .fox-glimmer::after { animation: none; opacity: 0; }
}


/* Indigo Fox: reversible copper + genuine violet-indigo logo trial, 16 Oct 2026 */
.site-header .brand .header-logo-mark {
  width: 45px;
  height: 56px;
  flex: 0 0 45px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 3px rgba(67, 46, 118, .10));
}
.site-header .brand {
  gap: 10px;
}
.fox-art .hero-fox {
  width: min(78%, 500px);
  filter: drop-shadow(0 16px 18px rgba(62, 44, 114, .12));
}
@media (max-width: 800px) {
  .site-header .brand .header-logo-mark { width: 36px; height: 45px; flex-basis: 36px; }
  .site-header .brand { gap: 8px; }
}
@media (max-width: 480px) {
  .site-header .brand .header-logo-mark { width: 31px; height: 40px; flex-basis: 31px; }
  .site-header .brand .brand-lines strong { font-size: 15px; letter-spacing: .12em; }
  .site-header .brand .brand-lines small { font-size: 7px; letter-spacing: .17em; }
  .fox-art .hero-fox { width: 69%; max-width: 270px; }
}


/* Indigo Fox logo trial: typography-matched indigo and clean cream backdrop */
.fox-art .orb,
.fox-art .orbit,
.fox-art .fox-art-note {
  display: none !important;
}
.fox-art {
  overflow: visible;
  background: transparent;
}
.fox-art .hero-fox {
  width: min(67%, 425px) !important;
  max-width: 425px;
  max-height: 84%;
  object-fit: contain;
  filter: drop-shadow(0 12px 17px rgba(32,36,61,.08));
}
@media (max-width: 800px) {
  .fox-art .hero-fox { width: min(65%, 365px) !important; max-width: 365px; }
}
@media (max-width: 480px) {
  .fox-art .hero-fox { width: 63% !important; max-width: 245px; }
}


/* Indigo Fox logo trial: muted values-led rose-copper, gently larger emblem and blush aura */
.fox-art {
  isolation: isolate;
  position: relative;
  background: transparent;
}
.fox-art::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 49%;
  transform: translate(-50%, -50%);
  width: min(89%, 560px);
  height: min(84%, 530px);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(215, 145, 128, .21) 0%, rgba(232, 181, 166, .15) 31%, rgba(244, 216, 205, .07) 54%, transparent 74%);
  pointer-events: none;
}
.fox-art .orb, .fox-art .orbit, .fox-art .fox-art-note {
  display: none !important;
}
.fox-art .hero-fox {
  width: min(74%, 468px) !important;
  max-width: 468px;
  max-height: 89%;
  position: relative;
  z-index: 4;
  filter: drop-shadow(0 12px 16px rgba(32, 36, 61, .07));
}
@media (max-width: 800px) {
  .fox-art .hero-fox { width: min(72%, 400px) !important; max-width: 400px; }
  .fox-art::before { width: 90%; height: 88%; }
}
@media (max-width: 480px) {
  .fox-art .hero-fox { width: 69% !important; max-width: 270px; }
  .fox-art::before { width: 95%; height: 85%; }
}

/* Revert to original geometric fox, calm uncluttered hero for future refinements. */
.fox-art::before { display: none !important; content: none !important; }
.fox-art .orb, .fox-art .orbit, .fox-art .fox-art-note { display: none !important; }
.fox-art { background: transparent; overflow: hidden; }
.fox-art .hero-fox { width: min(77%, 505px) !important; max-width: 505px; max-height: 90%; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(142, 103, 96, .09)); }
@media (max-width: 800px) { .fox-art .hero-fox { width: min(76%, 430px) !important; max-width: 430px; } }
@media (max-width: 480px) { .fox-art .hero-fox { width: 77% !important; max-width: 310px; } }
/* Architectural fox trial: a single understated incomplete copper circle behind the original geometric fox. */
.fox-art { isolation:isolate; background:transparent; overflow:visible; }
.fox-art::before { display:none !important; content:none !important; }
.fox-art .orb, .fox-art .orbit-small, .fox-art .fox-art-note { display:none !important; }
.fox-art .orbit.orbit-main {
  display:block !important;
  position:absolute; z-index:2; pointer-events:none;
  width:min(94%,570px); height:auto; aspect-ratio:1;
  top:50%; left:50%; right:auto; bottom:auto;
  transform:translate(-50%,-50%) rotate(-35deg);
  border:1.6px solid rgba(195,110,79,.66);
  border-right-color:transparent;
  border-bottom-color:rgba(195,110,79,.20);
  border-radius:50%; background:transparent;
}
.fox-art .hero-fox {
  position:relative; z-index:4;
  width:min(77%,505px) !important; max-width:505px;
  max-height:90%; object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(32,36,61,.045));
}
@media (max-width:800px) {
  .fox-art .orbit.orbit-main { width:min(93%,495px); }
  .fox-art .hero-fox { width:min(76%,430px) !important; max-width:430px; }
}
@media (max-width:480px) {
  .fox-art .orbit.orbit-main { width:92%; }
  .fox-art .hero-fox { width:77% !important; max-width:310px; }
}

/* Geometric fox: one-off glimmer that traces the original outer silhouette on page load. */
.fox-art .fox-glimmer-frame {
  position:relative; z-index:4; display:grid; place-items:center;
  width:min(77%,470px); max-height:90%; aspect-ratio:877/1040;
}
.fox-art .fox-glimmer-frame .hero-fox {
  display:block; width:100% !important; height:100% !important;
  max-width:none !important; max-height:none !important;
  object-fit:contain; grid-area:1/1;
}
.fox-art .fox-outline-glimmer {
  grid-area:1/1; width:100%; height:100%; position:relative;
  z-index:5; pointer-events:none; overflow:visible;
}
.fox-art .fox-shine-path {
  stroke-dasharray:62 938; stroke-dashoffset:1062; opacity:0;
  filter:drop-shadow(0 0 5px rgba(246,179,108,.92)) drop-shadow(0 0 2px rgba(255,249,221,.95));
  animation:fox-outline-travel 3.6s ease-in-out .4s 1 both;
}
@keyframes fox-outline-travel {
  0% {stroke-dashoffset:1062;opacity:0;}
  8% {opacity:1;}
  82% {opacity:1;}
  100% {stroke-dashoffset:62;opacity:0;}
}
@media(max-width:800px) { .fox-art .fox-glimmer-frame { width:min(76%,400px); } }
@media(max-width:480px) { .fox-art .fox-glimmer-frame { width:77%; max-width:290px; } }
@media(prefers-reduced-motion:reduce) { .fox-art .fox-shine-path {animation:none !important;opacity:0 !important;} }