/* /fonts/fonts.css */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url("/fonts/original-1.ttf") format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url("/fonts/original-2.ttf") format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url("/fonts/original-3.ttf") format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url("/fonts/original-4.ttf") format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/original-5.ttf") format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/original-6.ttf") format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/original-7.ttf") format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/original-8.ttf") format('truetype');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/original-9.ttf") format('truetype');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/original-10.ttf") format('truetype');
}

/* /baseline-styles.css */

:root{--r:#D12C12;--iv:#F5EFE4;--ink:#1A0F0C;--navy:#10204A;--peach:#F5C7B2;--gutter:clamp(21px,5.15vw,92px);--ease:cubic-bezier(.2,.72,.16,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--iv);color:var(--ink);font:400 16px/1.55 'DM Sans',Arial,sans-serif;overflow-x:hidden}::selection{background:var(--peach);color:var(--ink)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3ca8ff;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Archivo','Arial Black',Arial,sans-serif;text-transform:uppercase;font-weight:900;line-height:.97;letter-spacing:-.052em}h1{font-size:clamp(60px,8.1vw,138px)}h2{font-size:clamp(42px,5.5vw,93px)}h3{font-size:clamp(27px,2.9vw,44px)}.serif{font-family:'Instrument Serif',Georgia,serif;text-transform:none;font-weight:400;font-style:italic;letter-spacing:-.03em;line-height:.98}.eyebrow{font:800 11px/1.6 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase}.micro{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.container{width:min(100%,1780px);padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:55ch}.lede{font-size:clamp(19px,1.6vw,25px);line-height:1.42}.quiet{opacity:.72}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,95px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;background:var(--ink);border:2px solid var(--ink);color:var(--iv);text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.075em;text-transform:uppercase;padding:15px 22px;transition:background .2s,transform .3s var(--ease),color .2s}.button:hover{transform:translateY(-3px);background:var(--navy)}.button.ivory{background:var(--iv);color:var(--r);border-color:var(--iv)}.button.ivory:hover{background:var(--peach);border-color:var(--peach)}.button.outline{background:transparent;border-color:currentColor;color:inherit}.button.outline:hover{background:var(--iv);color:var(--ink)}.link-arrow{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;white-space:nowrap}.link-arrow span{display:inline-block;transition:transform .3s}.link-arrow:hover span{transform:translate(4px,-3px)}.spacer{height:20px}
.preview-bar{height:43px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#171514;color:var(--iv);padding:0 var(--gutter);position:relative;z-index:1000}.preview-bar .tag{color:var(--peach);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.preview-bar .message{font-size:11px;opacity:.7}.preview-bar button{color:var(--iv);background:transparent;border:1px solid #79716c;border-radius:0;padding:4px 11px;font-size:11px}.preview-bar button:hover{background:#38312f}.reading-line{position:fixed;top:0;left:0;height:3px;background:#f3b2a2;z-index:2000;width:0%;pointer-events:none}
.site-header{height:86px;background:var(--iv);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--gutter);position:sticky;top:0;z-index:800;border-bottom:1px solid rgba(26,15,12,.16);transition:height .3s var(--ease)}.site-header.compact{height:70px}.brand{display:block;width:clamp(180px,17.8vw,272px);flex-shrink:0}.brand img{width:100%;height:auto}.nav{display:flex;align-items:center;gap:clamp(15px,2.3vw,42px)}.nav>a,.nav .nav-main{font-size:12px;text-transform:uppercase;letter-spacing:.055em;font-weight:800;text-decoration:none;padding:17px 0;white-space:nowrap;position:relative}.nav a[aria-current=page]:after,.nav-main[aria-current=page]:after{content:"";position:absolute;height:2px;background:var(--r);bottom:10px;left:0;right:0}.nav .has-sub{position:relative}.nav .nav-main{text-decoration:none;display:block}.nav .menu-indicator{font-size:10px;margin-left:3px;color:var(--r)}.dropdown{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:-28px;width:330px;background:var(--iv);border:1px solid var(--ink);box-shadow:12px 12px 0 rgba(26,15,12,.09);padding:10px}.has-sub:hover .dropdown,.has-sub:focus-within .dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}.dropdown a{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 14px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.12);font-size:13px;font-weight:700}.dropdown a:last-child{border-bottom:0}.dropdown a:hover{background:var(--peach)}.nav .nav-contact{background:var(--r);color:var(--iv);padding:14px 19px}.nav .nav-contact:hover{background:var(--ink)}.nav .nav-contact:after{display:none}.mobile-menu-button{display:none;border:0;background:transparent;font:800 13px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}.route{display:none}.route.active{display:block}.skip{position:absolute;left:-200vw;top:10px;background:var(--iv);color:var(--ink);padding:12px;z-index:9999}.skip:focus{left:10px}
.home-hero{background:var(--r);color:var(--iv);position:relative;overflow:hidden}.home-hero .inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,90px);min-height:min(750px,82vh);padding-top:clamp(50px,6vw,105px);padding-bottom:clamp(65px,5vw,95px);align-items:center}.home-hero .eyebrow{display:flex;gap:13px;align-items:center;margin-bottom:38px}.home-hero .eyebrow:before{content:"";display:inline-block;width:24px;height:3px;background:var(--iv)}.hero-h1{font-size:clamp(65px,8vw,140px);line-height:.91;max-width:9ch;position:relative;z-index:2}.hero-h1>span{display:block}.hero-h1 .pill{background:var(--iv);color:var(--r);font:.7em/.94 'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.035em;display:inline-block;padding:.02em .13em .16em;margin-top:.09em;white-space:nowrap;transform:rotate(-1.4deg);box-shadow:9px 10px 0 rgba(26,15,12,.16)}.hero-summary{font-size:clamp(19px,1.66vw,25px);line-height:1.42;max-width:32ch;margin-top:40px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.hero-photo{margin:0;position:relative;justify-self:stretch}.hero-photo img{width:100%;height:clamp(520px,45.3vw,690px);object-fit:cover;object-position:center 35%;filter:saturate(.94);transition:transform .7s var(--ease)}.hero-photo:before,.hero-photo:after{content:"";position:absolute;width:35px;height:35px;border:5px solid var(--iv);z-index:2;pointer-events:none}.hero-photo:before{left:-13px;top:-13px;border-right:0;border-bottom:0}.hero-photo:after{right:-13px;bottom:29px;border-left:0;border-top:0}.hero-photo figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.14em;padding-top:13px}.hero-sticker{position:absolute;top:-33px;right:-34px;width:119px;height:119px;border-radius:50%;background:var(--navy);color:var(--iv);display:flex;justify-content:center;align-items:center;text-align:center;transform:rotate(12deg);font:800 12px/1.2 'DM Sans',sans-serif;letter-spacing:.07em;z-index:4;padding:17px;text-transform:uppercase;box-shadow:8px 9px 0 rgba(26,15,12,.2)}.hero-foot{border-top:1px solid rgba(255,255,255,.5);padding-block:17px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.hero-foot a{text-decoration:none}.hero-foot a:hover{text-decoration:underline}.ticker{background:var(--ink);color:var(--iv);overflow:hidden;border-bottom:1px solid var(--ink)}.ticker-track{display:flex;gap:35px;align-items:center;width:max-content;animation:marquee 32s linear infinite;padding:15px 0}.ticker b{font:900 clamp(17px,1.8vw,27px) Archivo,sans-serif;white-space:nowrap;letter-spacing:-.02em}.ticker:hover .ticker-track{animation-play-state:paused}.ticker em{font:italic 30px 'Instrument Serif',serif;color:var(--peach)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding-block:clamp(88px,9vw,152px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:clamp(35px,5vw,70px)}.section-head h2{max-width:12ch}.section-head p{font-size:clamp(17px,1.45vw,22px);max-width:40ch;padding-bottom:9px}.intro-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,110px);align-items:start}.intro-story h2{font-size:clamp(43px,6.3vw,105px);max-width:10ch}.intro-story .large-quote{font-size:clamp(27px,3.9vw,64px);line-height:1.06;font-weight:700;letter-spacing:-.05em;max-width:16ch}.intro-story .large-quote .serif{color:var(--r);font-size:1.17em}.intro-story .support{margin-top:24px;max-width:44ch;font-size:18px;line-height:1.6}.intro-story .link-arrow{display:inline-block;margin-top:28px}.editorial-index{padding-top:28px;border-top:2px solid var(--ink);margin-top:30px;display:flex;gap:15px;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.story-lab{background:var(--navy);color:var(--iv);padding-block:clamp(80px,8.2vw,140px)}.story-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(35px,7vw,110px);align-items:center}.story-lab h2{font-size:clamp(45px,6vw,100px);margin-top:20px}.story-lab h2 .serif{color:var(--peach)}.story-lab .lede{margin-top:27px;max-width:34ch}.story-tabs{margin-top:45px;border-top:1px solid rgba(255,255,255,.3)}.story-tabs button{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);color:var(--iv);background:transparent;display:flex;align-items:center;gap:20px;padding:20px 3px;transition:padding .25s,background .25s;text-align:left}.story-tabs button[aria-selected=true]{background:rgba(255,255,255,.08);padding-left:17px}.story-tabs button strong{font:800 clamp(17px,2vw,29px) Archivo,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.story-tabs button span{font-size:11px;letter-spacing:.1em;color:var(--peach)}.story-tabs button i{font-style:normal;margin-left:auto;font-size:24px}.story-visual{min-height:590px;position:relative;background:#b9b0a9;overflow:hidden}.story-visual figure{margin:0;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),transform .65s var(--ease);transform:scale(1.04)}.story-visual figure.active{opacity:1;visibility:visible;transform:scale(1)}.story-visual img{height:100%;width:100%;object-fit:cover}.story-visual figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:80px 28px 25px}.story-visual figcaption span{font-size:11px;letter-spacing:.17em;text-transform:uppercase}.story-visual figcaption p{font-size:clamp(17px,1.5vw,24px);line-height:1.4;margin-top:8px;max-width:34ch}.story-lab .story-note{margin-top:15px;font-size:11px;opacity:.65}
.services-home{background:var(--iv)}.service-list{border-top:2px solid var(--ink)}.service-item{border-bottom:2px solid var(--ink);display:grid;grid-template-columns:70px 1.15fr .85fr 50px;gap:clamp(15px,2vw,30px);align-items:center;padding:27px 0;text-decoration:none;transition:background .3s,padding .3s}.service-item:hover{background:#eadecf;padding-inline:15px}.service-item .number{font-size:12px;font-weight:800;color:var(--r)}.service-item h3{font-size:clamp(29px,3.2vw,55px);line-height:.99}.service-item p{font-size:16px;max-width:39ch}.service-item .arrow{font-size:34px;transition:transform .3s}.service-item:hover .arrow{transform:translate(5px,-5px)}
.creative-strip{background:var(--peach)}.creative-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(16px,3vw,42px)}.creative-card:nth-child(2){margin-top:115px}.creative-card img{width:100%;height:clamp(330px,39vw,610px);object-fit:cover;transition:transform .65s var(--ease)}.creative-card .crop{overflow:hidden;background:var(--iv)}.creative-card:hover img{transform:scale(1.045)}.creative-card .meta{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.creative-card h3{font-size:clamp(24px,2.5vw,42px);margin-top:14px}.creative-card p{max-width:55ch;font-size:15px;margin-top:10px}.creative-disclaimer{margin-top:40px;font-size:12px;opacity:.72}
.approach{background:var(--ink);color:var(--iv)}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px)}.approach-intro{position:sticky;top:113px;align-self:start}.approach-intro h2{margin-top:25px;max-width:10ch}.approach-intro p{margin-top:22px;max-width:38ch;font-size:19px}.approach-item{padding:40px 0 62px;border-top:1px solid rgba(255,255,255,.36);display:grid;grid-template-columns:65px 1fr;gap:20px}.approach-item .step{color:var(--peach);font-size:11px;font-weight:800;letter-spacing:.13em}.approach-item h3{margin-bottom:17px}.approach-item p{max-width:40ch;font-size:18px;opacity:.85}.approach-item:first-child{border-top:0;padding-top:0}
.insights-band{background:var(--iv)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,42px)}.article-card{border-top:2px solid var(--ink);padding-top:16px;text-decoration:none;display:flex;flex-direction:column;transition:transform .28s}.article-card:hover{transform:translateY(-6px)}.article-card .top{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--r)}.article-card h3{font-size:clamp(25px,2.4vw,40px);margin:25px 0 22px;flex:1}.article-card p{font-size:15px;max-width:42ch;margin-bottom:25px}.article-card .more{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.red-cta{background:var(--r);color:var(--iv);padding-block:clamp(65px,8vw,135px)}.red-cta .inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.red-cta h2{font-size:clamp(54px,8vw,132px);max-width:12ch}.red-cta h2 .serif{display:block}.red-cta p{font-size:19px;max-width:33ch;margin-top:30px}.red-cta .button{align-self:end}.footer{background:var(--ink);color:var(--iv);padding-block:36px}.footer-inner{display:flex;justify-content:space-between;gap:26px;align-items:center}.footer img{width:190px}.footer p{font-size:12px;max-width:41ch;opacity:.74}.footer a{font-size:12px;text-decoration:none}
/* Secondary pages */
.pagehero{background:var(--r);color:var(--iv);padding-block:clamp(86px,9.5vw,168px)}.pagehero.alt{background:var(--ink)}.pagehero.cream{background:var(--iv);color:var(--ink)}.pagehero h1{margin-top:25px;font-size:clamp(58px,8.15vw,142px);max-width:12ch}.pagehero h1 .serif{color:var(--peach)}.pagehero.cream h1 .serif{color:var(--r)}.pagehero .lede{margin-top:30px;max-width:45ch}.pagehero .hero-footline{margin-top:45px;display:flex;gap:40px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.pagehero-grid.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.pagehero .portrait img{width:100%;max-height:690px;object-fit:cover;aspect-ratio:4/5}.pagehero .portrait figcaption{font-size:11px;margin-top:12px;text-transform:uppercase;letter-spacing:.12em}.longform{padding-block:100px}.longform h2{font-size:clamp(40px,5.2vw,82px)}.longform p{font-size:clamp(18px,1.65vw,24px);max-width:62ch;line-height:1.58}.longform p+p{margin-top:22px}.longform .serif{color:var(--r)}.year-band{background:var(--peach);padding-block:clamp(70px,8vw,120px)}.year-band .est{font:900 clamp(105px,17vw,288px)/.9 Archivo,sans-serif;letter-spacing:-.08em;color:var(--r)}.year-band h2{max-width:18ch;font-size:clamp(33px,4.25vw,69px)}.year-band p{margin-top:28px;max-width:44ch;font-size:19px;line-height:1.6}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.value{border-top:3px solid var(--ink);padding-top:23px}.value h3{font-size:clamp(25px,2.6vw,38px);margin-bottom:18px}.value p{font-size:17px;line-height:1.6}.vision{background:var(--navy);color:var(--iv)}.vision h2{max-width:18ch}.vision h2 .serif{color:var(--peach)}
.services-hero{background:var(--iv);color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.service-tile{display:flex;flex-direction:column;border-top:3px solid var(--ink);padding-top:22px;text-decoration:none;min-height:385px;transition:background .3s,padding .3s}.service-tile:hover{background:var(--peach);padding-inline:14px}.service-tile .num{font-size:12px;font-weight:800;color:var(--r);margin-bottom:36px}.service-tile h3{font-size:clamp(26px,3vw,47px);margin-bottom:20px}.service-tile p{font-size:16px}.service-tile .bottom{margin-top:auto;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:12px;padding-top:29px}.service-detail-hero h1{max-width:10ch}.service-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);padding-block:90px}.service-detail-main h2{max-width:10ch}.service-detail-main .outcomes{display:grid;gap:14px;margin-top:35px}.outcome{padding:23px;border-top:2px solid var(--ink);display:flex;gap:15px;align-items:start}.outcome b{color:var(--r)}.outcome p{font-size:17px}.service-includes{background:var(--peach)}.tag-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:37px}.tag-grid span{border:1px solid var(--ink);padding:11px 14px;font-size:13px;font-weight:700}.service-breadcrumb{display:flex;gap:10px;align-items:center}.service-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.journal-controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:47px}.journal-controls button{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 18px;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.journal-controls button[aria-pressed=true]{background:var(--ink);color:var(--iv)}.journal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.journal-card{border-top:3px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;min-height:290px;text-decoration:none}.journal-card[hidden]{display:none}.journal-card .topic{font-size:11px;color:var(--r);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.journal-card h3{font-size:clamp(32px,3.8vw,61px);margin:24px 0}.journal-card p{font-size:17px;max-width:40ch;margin-bottom:28px}.journal-card .read{margin-top:auto;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.09em}.draft{font-size:12px;opacity:.65;margin-top:37px}.article-layout{display:grid;grid-template-columns:220px minmax(0,790px);gap:clamp(35px,7vw,110px);align-items:start}.article-rail{position:sticky;top:110px;border-top:2px solid;padding-top:19px}.article-rail a{display:block;padding:7px 0;font-size:13px;text-decoration:none}.article-copy h2{font-size:clamp(33px,3.1vw,50px);margin:50px 0 15px}.article-copy h2:first-child{margin-top:0}.article-copy p,.article-copy li{font-size:18px;line-height:1.7}.article-copy p+p{margin-top:19px}.article-copy ul{padding-left:21px}.answer-box{background:var(--peach);padding:27px;margin:33px 0}.answer-box p{margin:0}.article-copy details{border-bottom:1px solid var(--ink);padding:16px 0}.article-copy summary{font-weight:800;cursor:pointer}.article-copy details p{margin-top:13px}
.contact-split{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(40px,7vw,140px)}.contact-split h1{font-size:clamp(62px,7.1vw,115px)}.contact-split .contact-mail{font-size:clamp(23px,2.6vw,39px);display:inline-block;letter-spacing:-.04em;overflow-wrap:anywhere;margin:28px 0}.contact-form{background:var(--iv);color:var(--ink);padding:clamp(27px,4vw,62px);align-self:center}.contact-form h2{font-size:clamp(29px,3vw,47px);margin-bottom:25px}.contact-form label{display:block;text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:11px;margin-top:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;margin-top:9px;border:0;border-bottom:2px solid var(--ink);padding:14px 2px;background:transparent;color:var(--ink);border-radius:0}.contact-form textarea{min-height:100px;resize:vertical}.contact-form button{margin-top:26px;width:100%}.contact-form small{font-size:12px;display:block;opacity:.7;margin-top:17px}
.js:not([data-reduce=true]) .reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js:not([data-reduce=true]) .reveal.visible{opacity:1;transform:none}.js:not([data-reduce=true]) .hero-appear{animation:heroRise .85s both var(--ease)}.js:not([data-reduce=true]) .hero-appear.delay{animation-delay:.16s}.js:not([data-reduce=true]) .hero-appear.delay2{animation-delay:.28s}@keyframes heroRise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.nav{gap:18px}.nav>a,.nav .nav-main{font-size:11px}.home-hero .inner{grid-template-columns:1fr 1fr}.hero-h1{font-size:clamp(60px,7.6vw,100px)}.hero-h1 .pill{font-size:.7em}}
@media(max-width:920px){.site-header{height:75px}.mobile-menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--iv);border-bottom:2px solid var(--ink);padding:12px var(--gutter) 25px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 100px);overflow-y:auto}.nav.open{display:flex}.nav>a,.nav .nav-main{font-size:15px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.16)}.nav .nav-contact{margin-top:20px;padding:17px 19px;text-align:center}.nav .dropdown{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border:0;padding:0 0 0 15px;width:100%}.nav .dropdown a{font-size:13px;padding:10px}.home-hero .inner{grid-template-columns:1fr;gap:45px}.hero-h1{font-size:clamp(70px,11.4vw,122px)}.hero-photo{max-width:690px}.hero-photo img{height:580px}.intro-story,.story-grid,.approach-grid,.service-detail-main,.contact-split{grid-template-columns:1fr}.approach-intro{position:static}.approach-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.approach-item{padding:20px 0 35px}.section-head{display:block}.section-head p{margin-top:22px}.pagehero-grid.split{grid-template-columns:1fr}.pagehero .portrait{max-width:570px}.service-item{grid-template-columns:40px 1fr 30px}.service-item p{display:none}.values,.service-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.contact-form{max-width:720px}}
@media(max-width:620px){.preview-bar{padding-inline:15px}.preview-bar .message{display:none}.site-header{height:70px}.brand{width:185px}h1{font-size:56px}h2{font-size:43px}.home-hero .inner{padding-top:60px;gap:37px;padding-bottom:65px}.home-hero .eyebrow{margin-bottom:23px}.hero-h1{font-size:clamp(51px,12.5vw,78px)}.hero-h1 .pill{font-size:.7em}.hero-summary{font-size:19px;margin-top:31px}.hero-photo img{height:auto;max-height:600px;aspect-ratio:4/5}.hero-sticker{height:85px;width:85px;font-size:9px;right:-10px;top:-22px}.hero-foot{flex-wrap:wrap}.hero-actions .button{width:100%}.section{padding-block:75px}.intro-story h2{font-size:clamp(42px,11vw,67px)}.intro-story .large-quote{font-size:35px}.story-lab h2{font-size:49px}.story-visual{min-height:470px}.story-tabs button strong{font-size:19px}.creative-grid,.article-grid,.journal-cards,.values,.service-grid,.approach-steps{grid-template-columns:1fr}.creative-card:nth-child(2){margin-top:28px}.creative-card img{height:390px}.service-item{grid-template-columns:29px 1fr 25px;padding:22px 0;gap:10px}.service-item h3{font-size:30px}.approach-item{grid-template-columns:38px 1fr;padding:23px 0}.insights-band .article-grid{gap:38px}.red-cta .inner{grid-template-columns:1fr}.red-cta h2{font-size:clamp(47px,11.5vw,75px)}.footer-inner{display:block}.footer p{margin:15px 0}.pagehero{padding-block:75px}.pagehero h1{font-size:clamp(49px,11.5vw,75px)}.pagehero .hero-footline{flex-direction:column;gap:10px}.longform{padding-block:65px}.year-band .est{font-size:22vw}.service-tile{min-height:240px}.article-layout{grid-template-columns:1fr}.article-rail{position:static}.contact-split h1{font-size:clamp(54px,11vw,82px)}.contact-form{padding:25px}.journal-card{min-height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ticker-track{animation:none}}
html[data-reduce=true]{scroll-behavior:auto}html[data-reduce=true] *,html[data-reduce=true] *:before,html[data-reduce=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-reduce=true] .ticker-track{animation:none}

/*  ASTRAVALO EXPERIENCE 03 — BRAND GRAVITY / AN EXPERIMENT IN DESIRE */
.v3-hero{background:#d12c12;color:#f5efe4;position:relative;isolation:isolate;overflow:clip}
.v3-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 43%,rgba(255,110,75,.24),transparent 43%),linear-gradient(105deg,transparent 55%,rgba(76,10,4,.16) 100%)}
.v3-graphic-lines{position:absolute;right:-140px;top:50px;width:400px;height:750px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(35deg)}
.v3-topnote{display:flex;justify-content:space-between;gap:15px;padding-top:25px;color:#ffe0d1}
.v3-topnote .eyebrow{font-size:10px;letter-spacing:.16em}
.v3-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(15px,3vw,52px);padding-block:46px 32px;min-height:695px}
.v3-copy{position:relative;z-index:4;padding-block:25px}
.v3-small-tag{font:800 10px 'DM Sans',sans-serif;letter-spacing:.14em;display:flex;align-items:center;gap:10px;white-space:nowrap;margin-bottom:39px}
.v3-square{display:inline-block;background:#f5efe4;width:24px;height:3px;flex-shrink:0}
.v3-title{font-family:'Archivo',Arial,sans-serif;font-size:clamp(65px,7.5vw,125px);line-height:.91;font-weight:900;letter-spacing:-.075em;max-width:none;position:relative;z-index:3}
.v3-title>span{display:block}
.v3-title em{display:table;font:italic 400 clamp(45px,5.4vw,83px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;text-transform:none;background:#f5efe4;color:#d12c12;margin-top:13px;padding:3px 15px 12px 10px;box-shadow:11px 11px 0 rgba(26,15,12,.25);transform:rotate(-1.2deg);white-space:nowrap}
.v3-hero-summary{font-size:clamp(18px,1.55vw,23px);line-height:1.4;max-width:34ch;margin-top:39px}
.v3-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.v3-actions .button{font-size:11px;padding:15px 17px;gap:17px;min-height:57px}
.v3-left-footer{font:800 10px/1.8 'DM Sans',sans-serif;letter-spacing:.115em;margin-top:55px;color:#f9cdbd}
.v3-left-footer span{display:block;color:#fff4e9}
.v3-stage-outer{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:stretch}
.v3-stage-topline{display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:800;letter-spacing:.17em;line-height:1.7;margin-bottom:-8px;position:relative;z-index:2}
.v3-stage{position:relative;width:100%;max-width:700px;aspect-ratio:690/620;transform-style:preserve-3d;outline-offset:5px;touch-action:pan-y;cursor:crosshair;--tilt-x:0deg;--tilt-y:0deg}
.v3-object{width:100%;height:100%;transform:perspective(1200px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform .3s ease-out;transform-origin:50% 50%;filter:drop-shadow(0 25px 9px rgba(84,16,8,.18))}
.v3-stage-glow{position:absolute;inset:15% 8%;background:radial-gradient(circle,rgba(255,244,231,.4) 0,transparent 58%);border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.v3-bag,.v3-cup,.v3-box,.v3-receipt,.v3-spark{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s,opacity .5s;transform-origin:center;transform-box:fill-box}
.v3-bag{animation:v3FloatBag 6s ease-in-out infinite}
.v3-cup{animation:v3FloatCup 5.4s ease-in-out infinite}
.v3-receipt{animation:v3FloatNote 7s ease-in-out infinite}
@keyframes v3FloatBag{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes v3FloatCup{0%,100%{transform:translateY(0)}50%{transform:translateY(13px)}}
@keyframes v3FloatNote{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
.v3-interaction-badge{position:absolute;z-index:4;right:-11px;top:14%;background:#10204a;color:#f5efe4;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(13deg);font:900 13px/1.05 Archivo,sans-serif;box-shadow:8px 10px 0 rgba(38,9,5,.27);letter-spacing:-.025em}
.v3-cursor-tip{position:absolute;bottom:13%;right:0%;font-size:9px;letter-spacing:.16em;font-weight:800;color:#fff3ea}
.v3-chapter-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);position:relative;z-index:5}
.v3-chapter{border:0;border-right:1px solid rgba(255,255,255,.35);color:#fcefe5;background:transparent;font-size:10px;letter-spacing:.07em;font-weight:800;padding:17px 8px 17px 12px;display:flex;align-items:center;gap:12px;text-align:left;transition:background .25s,color .25s}
.v3-chapter:last-child{border-right:0}.v3-chapter:hover,.v3-chapter.is-selected{background:#f5efe4;color:#c82917}.v3-chapter span{font:italic 27px 'Instrument Serif',Georgia,serif;letter-spacing:0}
.v3-stage-message{font-size:12px;letter-spacing:.01em;line-height:1.5;margin-top:15px;min-height:38px;color:#ffe5d6}.v3-stage-message strong{color:#fff;font-weight:800}
.v3-stage-outer[data-chapter="desire"] .v3-bag,.v3-stage-outer[data-chapter="desire"] .v3-cup,.v3-stage-outer[data-chapter="loyalty"] .v3-bag,.v3-stage-outer[data-chapter="loyalty"] .v3-cup{animation:none}
.v3-stage-outer[data-chapter="desire"] .v3-bag{transform:translate(-17px,-20px) rotate(-7deg) scale(1.075)}
.v3-stage-outer[data-chapter="desire"] .v3-cup{transform:translate(-18px,6px) rotate(7deg) scale(.94)}
.v3-stage-outer[data-chapter="desire"] .v3-box{transform:translate(9px,-10px) rotate(5deg) scale(1.055)}
.v3-stage-outer[data-chapter="loyalty"] .v3-bag{transform:translate(-20px,9px) rotate(-7deg) scale(.95)}
.v3-stage-outer[data-chapter="loyalty"] .v3-cup{transform:translate(18px,-11px) rotate(-6deg) scale(1.09)}
.v3-stage-outer[data-chapter="loyalty"] .v3-box{transform:translate(-2px,-17px) rotate(-4deg) scale(1.08)}
.v3-stage-outer[data-chapter="desire"] .v3-receipt{opacity:.38}.v3-stage-outer[data-chapter="desire"] .v3-spark{transform:scale(1.32) rotate(15deg)}.v3-stage-outer[data-chapter="desire"] .v3-stage-glow{filter:brightness(1.4)}
.v3-stage-outer[data-chapter="loyalty"] .v3-receipt{opacity:.95}.v3-stage-outer[data-chapter="loyalty"] .v3-spark{transform:rotate(80deg)}.v3-stage-outer[data-chapter="loyalty"] .v3-object{filter:drop-shadow(0 18px 16px rgba(84,16,8,.34))}
.v3-hero-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.3);padding-top:17px;padding-bottom:19px;font-size:10px;font-weight:800;letter-spacing:.11em}
.v3-hero-bottom a{text-decoration:none;border-bottom:1px solid transparent}.v3-hero-bottom a:hover{border-color:currentColor}
.v3-film{background:#1a0f0c;color:#f5efe4;position:relative;padding:68px 0 0}
.v3-film-header{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:46px}
.v3-film-header>p:last-child{font:900 clamp(25px,3vw,50px)/1.03 Archivo,sans-serif;letter-spacing:-.06em;text-transform:uppercase;max-width:20ch}
.v3-film-header em{font:italic 400 1.28em/1.1 'Instrument Serif',Georgia,serif;text-transform:none;color:#ffbda5;letter-spacing:-.01em}
.v3-film-photo{position:relative;margin:0;height:min(760px,65vw);min-height:480px;overflow:hidden;clip-path:inset(0 5% 0 5%);transition:clip-path 1s ease}
.v3-film-photo.is-visible{clip-path:inset(0 0 0 0)}
.v3-film-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.v3-film-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);pointer-events:none}
.v3-film-photo figcaption{position:absolute;z-index:2;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#fff}
@media(min-width:1600px){.v3-hero-grid{min-height:785px}.v3-stage{max-width:760px}}
@media(max-width:1180px){.v3-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.v3-title{font-size:clamp(59px,8vw,98px)}.v3-title em{font-size:clamp(42px,5.35vw,72px)}.v3-interaction-badge{width:93px;height:93px;font-size:10px;right:0}.v3-actions .button{padding:14px 11px}.v3-left-footer{margin-top:30px}}
@media(max-width:900px){.v3-hero-grid{grid-template-columns:1fr;gap:18px;padding-top:35px;padding-bottom:30px}.v3-copy{padding-block:5px}.v3-small-tag{margin-bottom:26px}.v3-title{font-size:clamp(64px,11vw,102px)}.v3-title em{font-size:clamp(45px,8.7vw,75px)}.v3-hero-summary{margin-top:30px}.v3-left-footer{display:none}.v3-stage-outer{width:min(100%,650px);justify-self:center;margin-inline:auto}.v3-stage-topline{margin-bottom:0}.v3-hero-bottom span:last-child{display:none}.v3-film-photo{height:620px}.v3-film-header{flex-direction:column;align-items:start}}
@media(max-width:550px){.v3-topnote{padding-top:16px}.v3-topnote p:last-child{display:none}.v3-hero-grid{padding-top:45px}.v3-small-tag{font-size:9px;letter-spacing:.08em;white-space:normal}.v3-title{font-size:clamp(57px,14.5vw,86px)}.v3-title em{font-size:clamp(38px,10.7vw,60px);padding:5px 8px 10px;box-shadow:6px 6px 0 rgba(26,15,12,.25)}.v3-hero-summary{font-size:19px;margin-top:25px}.v3-actions{display:grid;grid-template-columns:1fr;gap:10px}.v3-actions .button{justify-content:space-between}.v3-stage{margin:13px auto 0}.v3-stage-topline{font-size:8px}.v3-serial{display:none}.v3-interaction-badge{width:78px;height:78px;top:9%;right:1%;font-size:9px;box-shadow:4px 5px 0 rgba(38,9,5,.27)}.v3-cursor-tip{display:none}.v3-chapter{font-size:8px;gap:6px;padding:12px 5px;justify-content:center}.v3-chapter span{font-size:23px}.v3-stage-message{font-size:12px}.v3-hero-bottom{font-size:8px}.v3-hero-bottom span:first-child{display:none}.v3-hero-bottom a{margin-left:auto}.v3-film{padding-top:55px}.v3-film-header>p:last-child{font-size:clamp(27px,7.5vw,40px)}.v3-film-photo{height:490px;min-height:0}.v3-film-photo figcaption{font-size:8px}.v3-film-photo figcaption span:last-child{display:none}}
@media (prefers-reduced-motion:reduce){.v3-bag,.v3-cup,.v3-receipt{animation:none}.v3-object{transition:none}.v3-film-photo{clip-path:none}}
:root[data-reduce="true"] .v3-bag,:root[data-reduce="true"] .v3-cup,:root[data-reduce="true"] .v3-receipt{animation:none!important}:root[data-reduce="true"] .v3-object{transition:none}:root[data-reduce="true"] .v3-film-photo{clip-path:none}

/* BRAND GRAVITY 3.5 — V3 preserved; one photoreal campaign world replaces the flat illustration. */
.v3-hero{--world-ink:#680708}
.v3-stage{max-width:760px;aspect-ratio:690/620;cursor:inherit;isolation:isolate}
.v3-stage-glow{display:none}
.v7-photo-world{position:absolute;inset:2% -1% 0;overflow:hidden;isolation:isolate;perspective:1400px;pointer-events:none}
.v7-photo-panel{position:absolute;inset:7% 0 6%;overflow:hidden;background:#8f0809;clip-path:polygon(4% 5%,100% 0,99% 94%,7% 100%,0 85%);box-shadow:0 30px 60px rgba(68,9,8,.38);transform:perspective(1400px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) translateZ(0);transition:transform .42s cubic-bezier(.22,.75,.22,1),filter .7s ease}
.v7-photo-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(111,3,3,.15),transparent 24%,rgba(65,1,3,.2) 100%),linear-gradient(0deg,rgba(78,3,3,.38),transparent 23%,transparent 73%,rgba(66,5,7,.12));}
.v7-photographic-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 51%;transform:scale(1.035);transition:transform 1.05s cubic-bezier(.2,.7,.25,1),filter .7s ease;filter:saturate(1.05)}
.v7-orbit{position:absolute;border:1px solid rgba(255,246,230,.64);border-radius:50%;pointer-events:none;mix-blend-mode:screen;transform:rotate(-17deg)}
.v7-orbit-one{width:80%;height:93%;left:8%;top:4%;border-style:dashed;opacity:.65}
.v7-orbit-two{width:65%;height:81%;left:15%;top:11%;border-color:rgba(255,240,228,.35);transform:rotate(14deg)}
.v7-ingredient-note{position:absolute;z-index:2;color:#f5efe4;letter-spacing:.14em;font:800 10px/1.2 'DM Sans',sans-serif;display:block;background:rgba(19,11,14,.62);backdrop-filter:blur(8px);padding:11px 12px;box-shadow:5px 5px 0 rgba(21,3,4,.13)}
.v7-ingredient-note-top{top:8%;left:1%;transform:rotate(-7deg)}
.v7-ingredient-note-top i{color:#ffbda5;margin-left:12px}
.v7-ingredient-note-bottom{right:2%;bottom:6%;transform:rotate(4deg)}
.v7-ingredient-note-bottom em{font-family:'Instrument Serif',Georgia,serif;font-size:15px;letter-spacing:0;font-weight:400;color:#ffd6ca}
.v7-editorial-index{position:absolute;bottom:15%;left:4%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:800;letter-spacing:.18em;color:#f5efe4;opacity:.85}
.v3-interaction-badge{width:116px;height:116px;right:1%;top:12%;background:#f5efe4;color:#a31b16;box-shadow:8px 10px 0 #510609;font-size:12px;transform:rotate(9deg);z-index:7}
.v3-cursor-tip{bottom:5%;right:13%;z-index:5;background:#f5efe4;color:#a31b16;padding:8px 10px;font-size:9px}
.v3-stage-outer[data-chapter="notice"] .v7-photographic-scene{filter:saturate(.88) contrast(1.03)}
.v3-stage-outer[data-chapter="desire"] .v7-photographic-scene{transform:scale(1.11) translate3d(-1.3%,1%,0);filter:saturate(1.34) contrast(1.07) brightness(1.05)}
.v3-stage-outer[data-chapter="loyalty"] .v7-photographic-scene{transform:scale(1.13) translate3d(2%,-1%,0);filter:saturate(.97) contrast(1.13) sepia(.03)}
.v3-stage-outer[data-chapter="desire"] .v7-orbit-one{animation:v7Orbit 19s linear infinite}
.v3-stage-outer[data-chapter="loyalty"] .v7-orbit-two{animation:v7Orbit 28s linear infinite reverse}
@keyframes v7Orbit{to{transform:rotate(343deg)}}
/* This can follows the pointer globally, not just within the hero. The original pointer remains for touch and reduced-motion visitors. */
#v7CanCursor{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;display:none;transform:translate3d(-100px,-100px,0);will-change:transform;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25));transition:opacity .14s;}
#v7CanCursor svg{display:block;width:30px;height:48px;transform:rotate(-22deg);transition:transform .16s ease}
#v7CanCursor.is-pouring svg{transform:rotate(-68deg) translate3d(3px,3px,0)}
@media (hover:hover) and (pointer:fine){body.has-v7-cursor,body.has-v7-cursor *,body.has-v7-cursor a,body.has-v7-cursor button{cursor:none!important}body.has-v7-cursor #v7CanCursor{display:block}}
.v7-liquid-burst{position:fixed;left:0;top:0;pointer-events:none;z-index:2147482999;width:10px;height:10px;border:2px solid var(--splash-color,#d12c12);border-radius:50%;transform:translate3d(-50%,-50%,0) scale(.1);animation:v7-ring .58s ease-out forwards}
@keyframes v7-ring{0%{opacity:.95;transform:translate3d(-50%,-50%,0) scale(.12)}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(9)}}
.v7-droplet{position:fixed;z-index:2147482999;width:8px;height:12px;border-radius:65% 65% 65% 0;background:var(--splash-color,#d12c12);pointer-events:none;transform:translate3d(-50%,-50%,0) rotate(-45deg);animation:v7-drop .65s cubic-bezier(.12,.76,.18,1) forwards}
@keyframes v7-drop{0%{opacity:1;transform:translate3d(-50%,-50%,0) rotate(-45deg) scale(1)}100%{opacity:0;transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) rotate(30deg) scale(.3)}}
@media(max-width:1100px){.v7-ingredient-note{font-size:9px}.v3-interaction-badge{width:90px;height:90px;font-size:10px}}
@media(max-width:900px){.v7-photo-world{inset:0}.v3-stage{width:100%;max-width:690px}.v3-stage-topline{margin-bottom:2px}}
@media(max-width:550px){.v7-ingredient-note-top{font-size:8px;left:1%;top:4%}.v7-ingredient-note-bottom{font-size:8px;bottom:3%}.v7-ingredient-note-bottom em{font-size:12px}.v7-editorial-index{font-size:7px}.v3-interaction-badge{width:75px;height:75px;font-size:8px;top:10%;right:-1%}.v3-cursor-tip{right:14%;bottom:0%;font-size:7px;max-width:50%;text-align:center}}
@media(prefers-reduced-motion:reduce){.v7-photo-panel,.v7-photographic-scene{transition:none!important}.v7-orbit-one,.v7-orbit-two{animation:none!important}.v7-liquid-burst,.v7-droplet{animation:none!important;display:none!important}}

/* RESTORED V3.5 — APPROVED EDIT SCOPE: replace hero backdrop only, retain complete site, original logo and cursor. */
.v3-hero{background:radial-gradient(ellipse 95% 130% at 65% 42%,#c51c18 0%,#9c0b0e 53%,#710508 100%)!important;isolation:isolate;}
.v3-hero .restored-v3-photo{position:absolute;inset:-2% 0 0;pointer-events:none;z-index:0;background-image:url("/site-assets/embedded-01.webp");background-position:center 42%;background-size:cover;background-repeat:no-repeat;will-change:transform;transform:translate3d(0,0,0) scale(1.03);transition:filter .7s ease,transform .7s cubic-bezier(.2,.72,.16,1);filter:saturate(1.11) contrast(1.04);}
.v3-hero .restored-v3-grade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(101,4,8,.49),rgba(95,5,8,.19) 42%,transparent 68%),linear-gradient(0deg,rgba(92,3,7,.86) 0%,transparent 21%,transparent 83%,rgba(71,3,5,.17));}
.v3-hero > .container{position:relative;z-index:2}
.v3-graphic-lines,.v3-stage-glow,.v3-interaction-badge{display:none!important}
.v3-stage .v7-photo-world{opacity:0!important;visibility:hidden!important}
.v3-stage{aspect-ratio:690/510;cursor:pointer}
.v3-stage-outer{isolation:isolate}
.v3-stage-topline,.v3-cursor-tip{text-shadow:0 2px 14px rgba(71,3,5,.66)}
.v3-chapter-choices{position:relative;z-index:3}
.v3-hero[data-active-chapter="desire"] .restored-v3-photo{filter:saturate(1.18) contrast(1.07) brightness(1.07);}
.v3-hero[data-active-chapter="loyalty"] .restored-v3-photo{filter:saturate(.98) contrast(1.08) brightness(.97);}
/* On small screens, put the genuine F&B photograph into its own visual stage; keep typography readable. */
@media(max-width:900px){
  .v3-hero .restored-v3-photo{background-size:cover;background-position:59% 20%;opacity:.7}
  .v3-hero .restored-v3-grade{background:linear-gradient(180deg,rgba(115,5,9,.76) 0%,rgba(115,5,9,.72) 37%,rgba(70,3,6,.20) 60%,rgba(75,3,6,.5) 100%)}
  .v3-stage{aspect-ratio:690/425}
}
@media(max-width:550px){
  .v3-hero .restored-v3-photo{inset:28% -34% 9% -25%;background-size:cover;background-position:64% center;opacity:1}
  .v3-hero .restored-v3-grade{background:linear-gradient(180deg,rgba(98,4,7,.95) 0%,rgba(111,4,9,.86) 40%,rgba(91,3,7,.24) 60%,rgba(74,3,6,.62) 100%)}
  .v3-stage{aspect-ratio:690/460}
  .v3-stage-topline{background:rgba(76,3,8,.23);padding:4px 8px}
}
@media(prefers-reduced-motion:reduce){.v3-hero .restored-v3-photo{transform:none!important;transition:none!important}}

/* V3.8: Full cinematic scene, original V3.5 page structure and copy preserved. */
.v3-hero{background:#800c09;isolation:isolate;position:relative;min-height:min(1000px, 75vw)}
.v3-hero .restored-v3-photo{display:none!important}
.v3-hero .restored-v3-grade{background:linear-gradient(90deg,rgba(64,5,5,.62) 0%,rgba(82,7,5,.5) 22%,rgba(104,8,6,.13) 48%,transparent 72%)!important;z-index:2}
.v3-hero .v3-graphic-lines{z-index:2;opacity:.28}
.astravalo-scene-wrap{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;display:grid;place-items:center;background:#710b08}
.astravalo-full-scene{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;pointer-events:none;transition:filter .6s ease}
.v3-hero .v3-topnote,.v3-hero .v3-hero-grid,.v3-hero .v3-hero-bottom{position:relative;z-index:4}
.v3-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(690px,56vw,890px)}
.v3-copy{z-index:6;text-shadow:0 2px 30px rgba(45,4,4,.18)}
.v3-hero-summary{max-width:34ch}
/* Original interactive chapter controls stay in place; the original illustrated SVG is hidden behind the chosen full-scene photograph. */
.v3-stage{opacity:0;visibility:hidden;pointer-events:none}
.v3-stage-topline,.v3-chapter-choices,.v3-stage-message{position:relative;z-index:5}
.astravalo-float-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.astravalo-float{position:absolute;display:block;will-change:transform;filter:drop-shadow(0 10px 16px rgba(34,4,3,.28))}
.astravalo-float img{width:100%;height:auto;display:block;animation:astravaloDrift 5.8s ease-in-out infinite alternate}
.af-strawberry{width:clamp(72px,9vw,148px);right:17%;top:15%}
.af-coffee{width:clamp(30px,4vw,66px);right:35%;top:19%}
.af-ice{width:clamp(45px,7.2vw,112px);right:38%;bottom:16%}
.af-chocolate{width:clamp(35px,5.6vw,89px);right:49%;top:46%}
.af-coffee img{animation-duration:7.1s;animation-delay:-1.9s}
.af-ice img{animation-duration:6.8s;animation-delay:-2.8s}
.af-chocolate img{animation-duration:5.2s;animation-delay:-.8s}
@keyframes astravaloDrift{0%{transform:translateY(0) rotate(-3deg)}100%{transform:translateY(-15px) rotate(5deg)}}
.story-visual img,.creative-card img,.pagehero .portrait img,.v3-film-photo img{object-position:center;transition:transform .65s var(--ease),filter .65s var(--ease)}
.story-visual figure.active img{animation:astravaloPhotoIn .85s var(--ease) both}
@keyframes astravaloPhotoIn{from{transform:scale(1.06);filter:saturate(.75)}to{transform:scale(1);filter:saturate(1)}}
@media(max-width:850px){
.v3-hero{min-height:0;background:#720c08}
.astravalo-scene-wrap{inset:0 0 auto 0;aspect-ratio:16/9;display:block;background:#720c08;}
.astravalo-full-scene{height:auto;width:100%;object-fit:contain}
.v3-hero .restored-v3-grade{background:linear-gradient(180deg,rgba(95,8,6,.03) 0%,rgba(95,8,6,.12) 30%,#780e0a 52%,#780e0a 100%)!important}
.v3-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:clamp(210px,55vw,420px)}
.v3-stage-outer{min-height:0}
.v3-stage{display:none}
.v3-stage-topline,.v3-cursor-tip,.v3-interaction-badge{display:none}
.astravalo-float-layer{inset:0 0 auto;aspect-ratio:16/9}
.af-strawberry{top:12%;right:17%;width:clamp(40px,9vw,75px)}
.af-coffee{top:12%;right:37%;width:clamp(18px,3.5vw,38px)}
.af-chocolate{top:45%;right:52%;width:clamp(18px,5vw,50px)}
.af-ice{bottom:11%;right:38%;width:clamp(25px,6vw,60px)}
}
@media(prefers-reduced-motion:reduce){.astravalo-float img{animation:none!important}.astravalo-full-scene{transition:none!important}}


/* V3.10 — Surgical visual-only update. Original V3.8 copy, route structure and can cursor are unchanged. */
.v3-hero .astravalo-scene-wrap.v310-scene-wrap{isolation:isolate}
.v310-scene-wrap .astravalo-full-scene{position:relative;z-index:0;will-change:filter;animation:v310-scene-gleam 12s ease-in-out infinite alternate}
.v310-scene-wrap .v310-photo-element{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;will-change:transform;}
.v310-element-fry{animation:v310-fry-drift 8.4s ease-in-out infinite alternate}
.v310-element-coffee{animation:v310-coffee-drift 6.9s ease-in-out infinite alternate}
.v310-element-strawberry{animation:v310-berry-drift 7.7s ease-in-out infinite alternate}
.v310-element-chocolate{animation:v310-choc-drift 9.4s ease-in-out infinite alternate}
@keyframes v310-fry-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-8px)}}
@keyframes v310-coffee-drift{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(4px,-9px) rotate(1.2deg)}}
@keyframes v310-berry-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-4px,-9px)}}
@keyframes v310-choc-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,6px)}}
@keyframes v310-scene-gleam{0%,100%{filter:saturate(1.03) brightness(1)}50%{filter:saturate(1.075) brightness(1.035)}}
/* The user-approved burger and hand are the only objects in the second photograph. */
.v3-film.v310-approved-desire{background:#f6e5d6;color:#86100b;padding:0;border-top:8px solid #a80d0b}
.v310-desire-stage{display:grid;grid-template-columns:minmax(0,.49fr) minmax(0,.51fr);align-items:center;gap:0;max-width:1780px;margin-inline:auto;min-height:400px;overflow:hidden}
.v310-desire-stage .v3-film-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(42px,6vw,92px) clamp(26px,5vw,92px);height:100%;gap:22px;min-width:0}
.v310-desire-stage .v3-film-header .eyebrow{color:#a3160d}
.v310-desire-stage .v3-film-header>p:last-child{font-size:clamp(38px,4.1vw,72px);max-width:15ch;color:#82110a;line-height:.98}
.v310-desire-stage .v3-film-header em{color:#bf2c14;display:block;margin-top:10px}
.v310-desire-stage .v3-film-photo{margin:0;height:auto;min-height:0;aspect-ratio:755/353;clip-path:none;overflow:visible;position:relative;transform:translate3d(0,0,0);transition:transform .8s var(--ease)}
.v310-desire-stage .v3-film-photo.is-visible{clip-path:none}
.v310-desire-stage .v3-film-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right;filter:none;transform:translate3d(0,0,0) scale(1);will-change:transform;transition:transform 800ms var(--ease)}
.v310-desire-stage .v3-film-photo:after{display:none}
.v310-desire-stage .v3-film-photo figcaption{position:absolute;bottom:10px;left:22px;right:16px;z-index:2;color:#f9ede3;font-size:9px;text-shadow:0 1px 8px #430606;background:rgba(99,9,9,.2);width:max-content;max-width:90%;padding:6px 9px}
.v310-desire-stage .v3-film-photo:hover img{transform:translate3d(0,-4px,0) scale(1.015)}
.v310-desire-stage .v3-film-photo::before{content:'';position:absolute;z-index:1;inset:25% 12% 8% 0;pointer-events:none;opacity:.0;transition:opacity .8s;background:radial-gradient(ellipse at 35% 65%,rgba(255,255,255,.25),transparent 48%);mix-blend-mode:screen;}
.v310-desire-stage .v3-film-photo:hover::before{opacity:.45}
/* Route photography is real imagery (not pure CSS decorative shapes) and carries an explicit concept disclaimer. */
.pagehero.v310-has-photo{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(520px,48vw,730px)}
.pagehero.v310-has-photo>.container{position:relative;z-index:2}
.pagehero.v310-has-photo>.container h1{max-width:11ch}
.v310-route-photo{margin:0;position:absolute;inset:0 0 0 auto;width:min(48%,720px);height:100%;z-index:1;overflow:hidden}
.v310-route-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block;transition:transform 1.1s var(--ease),filter .6s ease;filter:saturate(1.03)}
.v310-route-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#d12c12 0,rgba(209,44,18,.12) 53%, transparent);pointer-events:none}
.pagehero.cream .v310-route-photo:before{background:linear-gradient(90deg,#f5efe4 0,rgba(245,239,228,.1) 53%, transparent)}
.pagehero.alt .v310-route-photo:before{background:linear-gradient(90deg,#1a0f0c 0,rgba(26,15,12,.1) 53%, transparent)}
.v310-route-photo figcaption{position:absolute;bottom:18px;right:19px;z-index:2;background:rgba(13,6,6,.53);color:#f5efe4;font-size:9px;font-weight:800;letter-spacing:.1em;padding:8px 11px}
.v310-route-photo:hover img,.pagehero:hover .v310-route-photo img{transform:scale(1.045) translate3d(var(--v310-x,0px),var(--v310-y,0px),0)}
.v310-route-photo.v310-contact-photo{position:relative;width:100%;height:clamp(330px,35vw,520px);background:#680b0a}
.v310-contact-photo img{object-position:center 35%}
.v310-contact-photo:before{display:none}
/* Preserve existing About photo sizing, but give it the same gentle cinematic response. */
.route[data-route="about"] .portrait img{transition:transform .8s var(--ease)}
.route[data-route="about"] .portrait:hover img{transform:scale(1.035)}
@media(max-width:960px){
.v310-desire-stage{grid-template-columns:1fr}.v310-desire-stage .v3-film-header{padding:44px var(--gutter) 27px}.v310-desire-stage .v3-film-header>p:last-child{max-width:18ch}.v310-desire-stage .v3-film-photo{width:100%;aspect-ratio:755/353}
.pagehero.v310-has-photo{padding-bottom:0}.v310-route-photo{position:relative;margin-top:24px;width:100%;height:clamp(280px,52vw,480px)}.v310-route-photo:before{display:none}
}
@media(max-width:580px){
.v310-desire-stage .v3-film-header>p:last-child{font-size:clamp(32px,9vw,52px)}
.v310-desire-stage .v3-film-photo figcaption{font-size:7px}
.v310-route-photo{height:320px}
}
@media(max-width:650px){.v310-scene-wrap::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0px,transparent 190px,rgba(129,12,10,.55) 305px,rgba(129,12,10,1) 440px,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.v310-photo-element,.astravalo-full-scene{animation:none!important}.v310-desire-stage .v3-film-photo img,.v310-route-photo img{transition:none!important}}
html[data-reduce="true"] .v310-photo-element,html[data-reduce="true"] .astravalo-full-scene{animation:none!important}


/* V3.12 — restore readable hero and scene-native photo movement; no stacked, duplicated imagery. */
.v3-hero{min-height:0!important;isolation:isolate!important;overflow:hidden!important;background:#7e0b09!important}
.v3-hero .astravalo-scene-wrap.v310-scene-wrap{
  position:absolute!important;inset:0!important;height:100%!important;width:100%!important;
  aspect-ratio:auto!important;display:block!important;z-index:0!important;
  overflow:hidden!important;pointer-events:none!important;
}
.v3-hero .astravalo-full-scene{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  position:relative!important;z-index:0!important;
  transform:none!important;
  animation:v312SceneBreath 12s ease-in-out infinite alternate!important;
  filter:saturate(1.015) brightness(1.01);
}
/* Soft glint on the liquid and can — light changes on elements already in the photograph. */
.v3-hero .v310-scene-wrap:before{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 11% 23% at 62% 57%,rgba(255,236,209,.13),transparent 100%),
             radial-gradient(ellipse 15% 12% at 58% 27%,rgba(255,232,203,.12),transparent 95%);
  mix-blend-mode:screen;opacity:.18;animation:v312Glint 7.4s ease-in-out infinite alternate;
}
.v3-hero .v310-scene-wrap:after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(91deg,rgba(80,5,4,.34) 0%,rgba(76,5,4,.20) 28%,rgba(76,5,4,0) 65%);
}
/* Always keep the copy and UI above the image. */
.v3-hero .v3-topnote,.v3-hero .v3-hero-grid,.v3-hero .v3-hero-bottom{position:relative!important;z-index:4!important}
.v3-hero .v3-topnote{padding-top:28px;padding-bottom:8px}
.v3-hero .v3-hero-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(650px,56vw,820px);padding-top:36px;padding-bottom:38px}
.v3-hero .v3-copy{z-index:8!important;opacity:1!important;visibility:visible!important;transform:none!important}
.v3-hero .v3-title,.v3-hero .v3-hero-summary,.v3-hero .v3-actions,.v3-hero .v3-small-tag{position:relative;z-index:9;opacity:1;visibility:visible}
.v3-hero .v3-stage-outer{position:relative;z-index:5}
.v3-hero .v3-stage{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Reduce the number of competing labels; keep original text and actions. */
.v3-hero .v3-graphic-lines{opacity:.08!important}
.v310-scene-wrap .v310-photo-element,.astravalo-float-layer,.v311-scene-layer,.v311-burger-layer{display:none!important}
/* Approved burger photograph: a single original image with very restrained physical-light treatment. */
.v310-desire-stage .v3-film-photo{overflow:hidden!important;background:#eac4af;isolation:isolate}
.v310-desire-stage .v3-film-photo>img{width:100%!important;height:100%!important;object-fit:contain!important;z-index:0;display:block;transform:none!important;animation:v312BurgerBreath 10s ease-in-out infinite alternate}
.v310-desire-stage .v3-film-photo:before{display:block!important;content:''!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 44%,rgba(255,243,218,.09) 52%,transparent 61%);opacity:.12;mix-blend-mode:screen;animation:v312Glint 8.4s ease-in-out infinite alternate}
.v310-desire-stage .v3-film-photo:hover>img{transform:none!important}
@keyframes v312SceneBreath{0%{filter:saturate(1.005) brightness(1)}100%{filter:saturate(1.035) brightness(1.024)}}
@keyframes v312BurgerBreath{0%{filter:saturate(1) brightness(1)}100%{filter:saturate(1.04) brightness(1.016)}}
@keyframes v312Glint{0%{opacity:.08}60%{opacity:.27}100%{opacity:.12}}
@media(max-width:900px){
 .v3-hero .astravalo-scene-wrap.v310-scene-wrap{position:absolute!important;inset:0 0 auto 0!important;height:auto!important;aspect-ratio:16/9!important;width:100%!important}
 .v3-hero .astravalo-full-scene{width:100%!important;height:100%!important;object-fit:contain!important}
 .v3-hero .v310-scene-wrap:after{background:linear-gradient(180deg,transparent 35%,rgba(117,11,9,.44) 65%,#7e0b09 99%)}
 .v3-hero .v3-topnote{padding-top:20px}
 .v3-hero .v3-hero-grid{grid-template-columns:1fr!important;min-height:0!important;padding-top:clamp(180px,51vw,330px)!important;padding-bottom:42px!important}
 .v3-hero .v3-stage-outer{min-height:0}
 .v3-hero .v3-copy{padding-top:0}
}
@media(max-width:550px){
 .v3-hero .v3-topnote{padding-bottom:0}
 .v3-hero .v3-hero-grid{padding-top:clamp(148px,45vw,240px)!important}
 .v3-hero .v3-title{font-size:clamp(45px,13.3vw,68px)!important;line-height:.95!important}
 .v3-hero .v3-title em{font-size:clamp(35px,10.2vw,55px)!important;max-width:100%;white-space:normal}
 .v310-desire-stage .v3-film-photo{aspect-ratio:755/353!important}
}
@media(prefers-reduced-motion:reduce){.v312SceneBreath,.v3-hero .astravalo-full-scene,.v3-hero .v310-scene-wrap:before,.v310-desire-stage .v3-film-photo>img,.v310-desire-stage .v3-film-photo:before{animation:none!important;transition:none!important}}
html[data-reduce="true"] .v3-hero .astravalo-full-scene,
html[data-reduce="true"] .v3-hero .v310-scene-wrap:before,
html[data-reduce="true"] .v310-desire-stage .v3-film-photo>img,
html[data-reduce="true"] .v310-desire-stage .v3-film-photo:before{animation:none!important}



/* --------------- V3.13 / master-brief refinement ---------------
   Preserve V3.12 content, original logo, exact approved photographs, 9 routes,
   can cursor and Brand Gravity chapters.  All visual movement uses each existing
   photograph itself; no repeated image layer or extra ingredient is created.
*/
/* Hiding a reveal must never hide copy if a JS observer fails to run. */
.reveal,.js .reveal,.route .reveal{opacity:1!important;transform:none!important;visibility:visible!important}
.reveal.ast-enter{animation:astEnter .65s cubic-bezier(.22,.7,.25,1) both}
@keyframes astEnter{from{opacity:.72;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Subtle review controls rather than a large bar above the hero. */
.preview-bar{position:fixed!important;top:auto!important;bottom:14px;right:14px;left:auto!important;width:auto!important;max-width:320px;display:flex!important;align-items:center;justify-content:flex-end;gap:10px;padding:8px 10px!important;background:rgba(14,7,6,.73)!important;border:1px solid rgba(255,255,255,.2);border-radius:100px;backdrop-filter:blur(14px);color:#f5efe4!important;z-index:910!important;font-size:10px!important;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.preview-bar>:first-child{display:none!important}
.preview-bar>*{font-size:10px!important}
.preview-bar button{border-radius:999px;color:#f5efe4!important;white-space:nowrap}
/* Homepage: a seamless photographic experience beneath the original wordmark. */
body.ast-home-route .site-header{position:sticky;top:0;margin-bottom:-86px;background:rgba(77,5,4,.08);border-bottom:1px solid rgba(255,255,255,.11);box-shadow:none;backdrop-filter:blur(7px);transition:background .35s ease,border .35s ease,box-shadow .35s ease;}
body.ast-home-route.ast-hero-in-view .site-header .brand img{filter:brightness(0) invert(1)}
body.ast-home-route.ast-hero-in-view .nav>a,body.ast-home-route.ast-hero-in-view .nav .nav-main{color:#f5efe4}
body.ast-home-route.ast-hero-in-view .nav a[aria-current=page]:after,body.ast-home-route.ast-hero-in-view .nav-main[aria-current=page]:after{background:#f5efe4}
body.ast-home-route.ast-hero-in-view .site-header .nav-contact{color:#5c0b09!important;background:#f5efe4!important}
body.ast-home-route.ast-hero-in-view .site-header .mobile-menu-button{color:#f5efe4;border-color:rgba(255,255,255,.52)}
body.ast-home-route:not(.ast-hero-in-view) .site-header{background:#f5efe4;border-color:rgba(26,15,12,.16)}
body.ast-home-route .site-header .dropdown{background:#f5efe4;color:#1a0f0c}
/* Use the same full, uncut composition as V3.12. */
.v3-hero{background:#7b0807!important;isolation:isolate;overflow:hidden!important}
.v3-hero .astravalo-scene-wrap.v310-scene-wrap{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;z-index:0!important;display:block!important;overflow:hidden!important;pointer-events:none!important}
.v3-hero .astravalo-full-scene{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;position:absolute!important;inset:0!important;transform:translate3d(0,0,0) scale(1.015);animation:none!important;will-change:transform,filter;filter:saturate(1.03) contrast(1.025);transition:transform .55s cubic-bezier(.2,.7,.18,1),filter .85s ease}
.v3-hero .v310-scene-wrap:before,.v3-hero .v310-scene-wrap:after{display:none!important}
.v3-hero .restored-v3-grade{position:absolute;inset:0!important;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,rgba(69,4,5,.88) 0%,rgba(95,7,6,.69) 28%,rgba(104,6,7,.12) 53%,rgba(57,4,5,.12) 100%),linear-gradient(180deg,rgba(47,4,4,.23) 0%,transparent 42%,rgba(49,5,4,.33) 100%)!important;}
.v3-hero .v3-graphic-lines{display:none!important}
.v3-hero .astravalo-float-layer,.v3-hero .v310-photo-element,.v3-hero .astravalo-float{display:none!important}
.v3-hero .v3-topnote,.v3-hero .v3-hero-grid,.v3-hero .v3-hero-bottom{z-index:3;position:relative}
.v3-hero .v3-topnote{padding-top:111px!important;padding-bottom:0!important}
.v3-hero .v3-topnote .eyebrow{color:#f5efe4}
.v3-hero .v3-hero-grid{min-height:660px!important;padding-top:35px!important;padding-bottom:76px!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(18px,2.5vw,38px)}
.v3-hero .v3-copy{padding-block:0!important;max-width:720px;align-self:center}
.v3-hero .v3-small-tag{margin-bottom:24px!important}
.v3-hero .v3-title{font-family:'Archivo',Arial,sans-serif!important;font-size:clamp(57px,6.3vw,98px)!important;letter-spacing:-.075em!important;line-height:.94!important;max-width:none!important;overflow:visible}
.v3-hero .v3-title>span{display:inline!important;white-space:nowrap}
.v3-hero .v3-title>span:first-child:after{content:' ';white-space:pre}
.v3-hero .v3-title>em{display:block!important;margin:0!important;box-shadow:none!important;background:transparent!important;color:#f5efe4!important;padding:0!important;transform:none!important;font:900 1em/.98 'Archivo',Arial,sans-serif!important;letter-spacing:-.073em!important;text-transform:uppercase!important;white-space:nowrap}
.v3-hero .v3-hero-summary{max-width:30ch;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.34!important;margin-top:23px!important;font-weight:500!important;text-wrap:pretty}
.v3-hero .v3-actions{margin-top:25px!important;gap:11px;display:flex;flex-wrap:wrap}
.v3-hero .v3-actions .button{border-radius:999px;padding:15px 20px;font-weight:800;font-size:11px;letter-spacing:.045em;transition:transform .3s var(--ease),background .3s var(--ease)}
.v3-hero .v3-actions .button:hover{transform:translateY(-3px)}
.v3-hero .v3-left-footer{max-width:34ch;line-height:1.45;margin-top:34px!important;opacity:.76}
/* Keep three ORIGINAL selectable Brand Gravity chapters with no duplicate visual. */
.v3-hero .v3-stage-outer{justify-content:flex-end;align-self:end;margin-bottom:8px;position:relative;max-width:620px;min-width:0;padding:14px 15px 17px;border:1px solid rgba(255,255,255,.19);background:linear-gradient(180deg,rgba(33,2,2,.04),rgba(25,3,3,.35));backdrop-filter:blur(11px);border-radius:19px;box-shadow:0 18px 40px rgba(14,0,0,.13)}
.v3-hero .v3-stage-topline{margin-bottom:15px;letter-spacing:.105em;color:rgba(245,239,228,.82)}
.v3-hero .v3-stage{width:100%;height:65px!important;min-height:0;max-width:none;aspect-ratio:auto!important;overflow:hidden;outline-offset:4px;border:0;background:transparent;display:flex;align-items:center;justify-content:center}
.v3-hero .v3-stage::after{content:'THE BRAND EFFECT';font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em;color:rgba(245,239,228,.9);font-size:clamp(26px,2.6vw,40px);line-height:1}
.v3-hero .v3-stage-glow,.v3-hero .v7-photo-world,.v3-hero .v3-interaction-badge,.v3-hero .v3-cursor-tip{display:none!important}
.v3-hero .v3-chapter-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
.v3-hero .v3-chapter{padding:12px 6px!important;border-radius:8px;font-size:9px;min-width:0;white-space:nowrap}
.v3-hero .v3-stage-message{min-height:47px;line-height:1.5;margin-top:11px!important;font-size:12px!important;color:rgba(245,239,228,.9)}
.v3-hero .v3-hero-bottom{background:rgba(45,3,3,.2);border-top:1px solid rgba(255,255,255,.18)}
.v3-hero[data-ast-chapter='desire'] .astravalo-full-scene{filter:saturate(1.10) brightness(1.035)}
.v3-hero[data-ast-chapter='loyalty'] .astravalo-full-scene{filter:saturate(.98) contrast(1.05)}
/* Second homepage story: exact approved burger & red-hand artwork; simple editorial framing. */
.v3-film{background:linear-gradient(180deg,#f5efe4,#f2d5c4 100%)!important;color:#86110d!important;padding-top:clamp(58px,6vw,90px)!important}
.v3-film .v3-film-header{align-items:center;padding-bottom:30px!important}
.v3-film .v3-film-header>p:last-child{color:#86110d!important}
.v3-film .v3-film-header em{color:#bd1c12!important}
.v310-desire-stage .v3-film-photo{margin:0!important;width:100%;height:auto!important;aspect-ratio:802/351!important;min-height:0!important;overflow:hidden!important;clip-path:none!important;background:#f3c7b1}
.v310-desire-stage .v3-film-photo>img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:translate3d(0,0,0) scale(1.005)!important;transition:transform .8s ease,filter .8s ease!important;animation:none!important;filter:saturate(1.02)}
.v310-desire-stage .v3-film-photo::before,.v310-desire-stage .v3-film-photo::after{display:none!important}
.v310-desire-stage .v3-film-photo:hover>img{transform:translate3d(0,-2px,0) scale(1.008)!important}
.v3-film .v3-film-photo figcaption{color:#f5efe4}
.v3-film .story-note{color:#7d1c15}
/* Make every existing photo look intentional without replacing artwork. */
.route .pagehero{isolation:isolate}
.route .v310-route-photo img,.route .portrait img,.route .creative-card img{transition:transform 1s cubic-bezier(.2,.7,.18,1),filter .8s ease;}
.route .v310-route-photo:hover img,.route .portrait:hover img,.route .creative-card:hover img{transform:scale(1.028);filter:saturate(1.035)}
.route .service-tile,.route .article-card,.route .value,.route .service-item{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.route .service-tile:hover,.route .article-card:hover{transform:translateY(-4px)}
.route .article-card:focus-visible,.route .service-tile:focus-visible,.route .service-item:focus-visible{outline-offset:6px}
/* Phone and tablet: protect images, headings, menu and tap targets. */
@media(max-width:1100px){
 .v3-hero .v3-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .v3-hero .v3-title{font-size:clamp(54px,6.25vw,82px)!important}
 .v3-hero .v3-stage-outer{padding:10px 11px 14px}
 .v3-hero .v3-stage{height:56px!important}
}
@media(max-width:900px){
 body.ast-home-route .site-header{margin-bottom:-86px}
 body.ast-home-route.ast-hero-in-view .site-header{background:rgba(67,5,5,.57)}
 .v3-hero .v3-topnote{padding-top:118px!important}
 .v3-hero .v3-hero-grid{grid-template-columns:1fr!important;gap:24px;min-height:0!important;padding-top:30px!important;padding-bottom:40px!important}
 .v3-hero .astravalo-scene-wrap.v310-scene-wrap{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;aspect-ratio:auto!important}
 .v3-hero .astravalo-full-scene{width:100%!important;height:100%!important;object-fit:cover!important;object-position:65% center!important}
 .v3-hero .restored-v3-grade{background:linear-gradient(180deg,rgba(79,5,5,.48) 0%,rgba(100,6,6,.52) 20%,rgba(111,7,7,.84) 56%,rgba(77,6,6,.88) 100%)!important}
 .v3-hero .v3-title{font-size:clamp(53px,10.6vw,86px)!important}
 .v3-hero .v3-copy{max-width:100%}
 .v3-hero .v3-stage-outer{margin-top:10px;width:100%;max-width:670px;align-self:stretch;justify-self:center}
 .v3-hero .v3-stage{display:flex!important;height:54px!important}
 .v3-hero .v3-stage-topline{display:flex!important}
 .v3-hero .v3-chapter-choices{display:grid!important}
}
@media(max-width:650px){
 body.ast-home-route .site-header{margin-bottom:-80px}
 .v3-hero .v3-topnote{padding-top:97px!important}
 .v3-hero .v3-topnote .eyebrow:last-child{display:none}
 .v3-hero .v3-hero-grid{padding-top:38px!important;padding-bottom:35px!important}
 .v3-hero .v3-title{font-size:clamp(43px,10.7vw,66px)!important;letter-spacing:-.08em!important}
 .v3-hero .v3-title>em{font-size:1em!important;white-space:normal;max-width:100%}
 .v3-hero .v3-hero-summary{font-size:17px!important;margin-top:17px!important;max-width:30ch}
 .v3-hero .v3-actions{display:flex!important;gap:9px}
 .v3-hero .v3-actions .button{font-size:10px;padding:12px 14px}
 .v3-hero .v3-copy{padding-top:7px}
 .v3-hero .v3-left-footer{display:none}
 .v3-hero .v3-stage{height:43px!important}
 .v3-hero .v3-stage::after{font-size:27px}
 .v3-hero .v3-stage-topline{font-size:8px}
 .v3-hero .v3-chapter{font-size:7px!important;flex-direction:column;gap:3px}
 .v3-hero .v3-chapter span{font-size:19px}
 .v3-hero .v3-stage-message{font-size:11px!important}
 .v3-hero .v3-hero-bottom{display:none}
 .v3-film{padding-top:44px!important}
 .v3-film .v3-film-header{padding-bottom:22px}
 .v310-desire-stage .v3-film-photo{aspect-ratio:802/351!important;height:auto!important;min-height:0!important}
 .preview-bar{bottom:10px;right:10px;max-width:200px;padding:6px 8px!important}
 .preview-bar .preview-note{display:none!important}
}
@media(prefers-reduced-motion:reduce){.v3-hero .astravalo-full-scene,.v310-desire-stage .v3-film-photo>img,.route .v310-route-photo img,.route .portrait img,.route .creative-card img,.reveal{animation:none!important;transition:none!important;transform:none!important}}
html[data-reduce=true] .v3-hero .astravalo-full-scene,html[data-reduce=true] .v310-desire-stage .v3-film-photo>img,html[data-reduce=true] .reveal{animation:none!important;transition:none!important;transform:none!important}
/* Final visual QA: compact interaction controls; never obscure the subject. */
.v3-hero .v3-stage{display:none!important}
.v3-hero .v3-hero-summary{max-width:43ch}
.preview-bar>*:nth-child(2){display:none!important}
.preview-bar{max-width:145px!important;padding:5px 7px!important}
.v3-hero .v3-stage-outer{padding-top:13px}
/* Only the user-approved burger-with-hand photograph is visible in the second scene. */
#v3Film #panel-2,#v3Film #panel-3{display:none!important}
.v310-desire-stage .v3-film-photo>img{clip-path:none}
@media(max-width:900px){
/* The mobile dropdown is ivory, so links must stay DARK even on the red hero. */
body.ast-home-route.ast-hero-in-view .site-header .nav>a,
body.ast-home-route.ast-hero-in-view .site-header .nav .nav-main{color:#1a0f0c!important}
body.ast-home-route.ast-hero-in-view .site-header .nav a[aria-current=page]:after,
body.ast-home-route.ast-hero-in-view .site-header .nav .nav-main[aria-current=page]:after{background:#d12c12!important}
body.ast-home-route.ast-hero-in-view .site-header .nav .nav-contact{background:#d12c12!important;color:#f5efe4!important}
}
@media(max-width:650px){.v3-hero .v3-hero-summary{max-width:34ch}}
@media(max-width:650px){
/* Entire approved cinematic composition remains visible on phones, then fades into red copy area. */
.v3-hero .astravalo-scene-wrap.v310-scene-wrap{inset:64px 0 auto 0!important;width:100%!important;height:auto!important;aspect-ratio:1672/941!important}
.v3-hero .astravalo-full-scene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center top!important;transform:none!important}
.v3-hero .restored-v3-grade{background:linear-gradient(180deg,rgba(63,4,4,.2) 0%,rgba(75,4,4,.12) 20%,rgba(106,7,6,.38) 34%,#7b0807 45%,#7b0807 100%)!important}
.v3-hero .v3-hero-grid{padding-top:158px!important}
.v3-hero .v3-topnote{padding-top:89px!important}
.v3-hero .v3-small-tag{margin-bottom:20px!important}
}




/* V3.14: preserve visual system and approved copy, repair cropped image, restore floating objects from the ACTUAL hero photo. */
.v3-hero .astravalo-full-scene{animation:none!important;filter:saturate(1.035) contrast(1.015)!important;transition:filter 1s ease!important}
.v3-hero .v310-scene-wrap{overflow:hidden!important}
.v314-ingredient{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--v314dx,0px),var(--v314dy,0px),0);will-change:transform;transition:transform .55s cubic-bezier(.19,.64,.2,1)}
.v314-ingredient>img{width:100%;height:100%;object-fit:contain;display:block;animation:v314NaturalDrift var(--v314duration,7s) ease-in-out infinite alternate;animation-delay:var(--v314delay,0s);will-change:transform;filter:drop-shadow(0 4px 5px rgba(40,3,0,.06))}
.v314-ingredient[data-original-ingredient="fry"]{--v314duration:7.2s;--v314delay:-1.2s;--v314depth:14}
.v314-ingredient[data-original-ingredient="ice"]{--v314duration:6.8s;--v314delay:-2.7s;--v314depth:9}
.v314-ingredient[data-original-ingredient="chocolate"]{--v314duration:8.6s;--v314delay:-3.1s;--v314depth:18}
.v314-ingredient[data-original-ingredient="chip"]{--v314duration:7.4s;--v314delay:-1.6s;--v314depth:12}
@keyframes v314NaturalDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(1.5px,-5px,0)}}
/* No foreign floating assets. Only 4 isolated objects from the approved image. */
.v3-hero .v3-copy,.v3-hero .v3-stage-outer{position:relative;z-index:4}
.v314-desire-layout{background:#f5e6d8;color:#83120c;position:relative;padding:80px 0 55px}
.v314-desire-header{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:28px;align-items:end;margin-bottom:32px}
.v314-desire-header .eyebrow{font-size:11px;letter-spacing:.17em;color:#ad2517;margin:0 0 14px}
.v314-desire-title{margin:0;font:900 clamp(32px,5.1vw,77px)/.97 Archivo,Arial,sans-serif;letter-spacing:-.058em;max-width:20ch;text-transform:uppercase;color:#79120b}
.v314-desire-title em{font:italic 400 1.13em/1 'Instrument Serif',Georgia,serif;color:#bd291b;text-transform:none;letter-spacing:-.026em}
.v314-desire-side-note{font-size:11px;letter-spacing:.14em;line-height:1.55;font-weight:800;color:#ad2617;text-align:right;max-width:24ch;justify-self:end}
.v314-side-dot{display:block;margin:18px 0 0 auto;width:10px;height:10px;background:#c82116;border-radius:50%;animation:v314Breath 3s ease-in-out infinite}
@keyframes v314Breath{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
.v314-desire-figure{margin:0 auto;width:min(calc(100% - 2*var(--gutter)),1380px);position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#f5c7b5;box-shadow:0 26px 65px rgba(103,22,11,.12)}
.v314-desire-figure img{width:100%;height:auto;object-fit:contain;display:block;position:relative;transform:none!important;transition:filter .85s ease,opacity .85s ease;filter:saturate(1.02) contrast(1.015)}
.v314-desire-figure .v314-light-haze{position:absolute;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(114deg,transparent 20%,rgba(255,248,231,.24) 43%,transparent 66%);mix-blend-mode:screen;background-size:200% 100%;animation:v314Gleam 9s ease-in-out infinite alternate}
@keyframes v314Gleam{from{background-position:100% 50%}to{background-position:0% 50%}}
.v314-story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:38px;border-top:1px solid rgba(131,18,12,.28);border-bottom:1px solid rgba(131,18,12,.28);position:relative}
.v314-story-choice{border:0;border-right:1px solid rgba(131,18,12,.20);background:transparent;color:#8c190f;text-align:left;padding:28px 22px;cursor:pointer;display:grid;grid-template-columns:42px 1fr 18px;align-items:start;gap:12px;transition:background .32s ease,color .32s ease,transform .32s ease;font-family:'DM Sans',sans-serif}
.v314-story-choice:last-child{border-right:0}
.v314-story-choice:hover,.v314-story-choice:focus-visible{background:rgba(188,38,22,.08)}
.v314-story-choice.is-current{background:rgba(172,35,19,.08)}
.v314-story-number{font:italic 400 32px/1 'Instrument Serif',Georgia,serif}
.v314-story-text{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.012em}
.v314-story-arrow{font-size:18px;opacity:.5;transition:transform .32s ease,opacity .32s ease}
.v314-story-choice:hover .v314-story-arrow,.v314-story-choice.is-current .v314-story-arrow{transform:translate(3px,-3px);opacity:1}
.v314-desire-layout[data-step="1"] .v314-desire-figure img{filter:saturate(1.09) contrast(1.035)}
.v314-desire-layout[data-step="2"] .v314-desire-figure img{filter:saturate(.96) contrast(1.06) brightness(.98)}
.v314-desire-layout[data-step="1"] .v314-light-haze{opacity:.3}
/* Remove the two additional imagery panels entirely (their caption text remains in the three interactive steps above). */
.v314-type-stage{position:relative;overflow:hidden;min-height:clamp(290px,35vw,510px);display:flex;align-items:center;justify-content:center;isolation:isolate;border-radius:4px;background:radial-gradient(circle at 75% 15%,#f55a32 0,transparent 35%),linear-gradient(135deg,#890d09 0%,#df341b 58%,#9a110c 100%);color:#f9ede4;transition:background-position .6s ease,transform .6s cubic-bezier(.2,.65,.18,1)}
.v314-type-stage--2{background:radial-gradient(circle at 30% 60%,rgba(202,40,24,.15),transparent 35%),linear-gradient(133deg,#f8e8d7 0%,#eac6b5 100%);color:#981b12}
.v314-type-small{position:absolute;left:26px;top:24px;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.13em;z-index:2}
.v314-type-kicker{position:absolute;left:26px;bottom:24px;font-size:11px;font-weight:800;letter-spacing:.12em;z-index:2}
.v314-type-hero{font:900 clamp(68px,10vw,176px)/.8 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.11em;transform:translate3d(0,0,0) rotate(-8deg) scale(1.01);transition:transform .75s cubic-bezier(.13,.68,.1,1),letter-spacing .75s ease;text-shadow:0 25px 45px rgba(78,12,5,.15);user-select:none}
.v314-type-stage--2 .v314-type-hero{transform:translate3d(0,0,0) rotate(7deg) scale(.98)}
.v314-type-stage:hover .v314-type-hero,.v314-type-stage:focus-visible .v314-type-hero{transform:translate3d(0,-14px,0) rotate(0deg) scale(1.035);letter-spacing:-.075em}
.v314-type-stage:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.v314-scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:811;pointer-events:none;background:transparent}
.v314-scroll-progress>span{display:block;background:#d12c12;width:var(--v314progress,0%);height:100%;transition:width .12s linear}
/* Motion as interaction, not noise */
.route .service-tile,.route .insight-card,.route .creative-card,.route .service-link,.route .article-card{transition:transform .52s cubic-bezier(.2,.7,.15,1),box-shadow .52s ease,border-color .52s ease}
@media (hover:hover) and (pointer:fine){.route .service-tile:hover,.route .insight-card:hover,.route .creative-card:hover,.route .service-link:hover,.route .article-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 24px 44px rgba(51,11,8,.10)}
.route .pagehero .v310-route-photo img{transition:transform .9s cubic-bezier(.2,.68,.18,1),filter 1.2s ease}
.route .pagehero:hover .v310-route-photo img{transform:scale(1.02) translateY(-3px)}
.route .portrait:hover img{transform:scale(1.022) translateY(-3px)} }
.v314-enter{animation:v314Enter .76s cubic-bezier(.22,.78,.2,1) both}
@keyframes v314Enter{from{opacity:.86;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/* Robust responsive layout; photo remains uncropped */
@media(max-width:860px){.v314-desire-layout{padding-top:60px}.v314-desire-header{grid-template-columns:1fr}.v314-desire-side-note{justify-self:start;text-align:left;max-width:none}.v314-side-dot{display:none}.v314-story-strip{grid-template-columns:1fr}.v314-story-choice{border-right:0;border-bottom:1px solid rgba(131,18,12,.16);padding:17px 10px}.v314-story-choice:last-child{border-bottom:0}}
@media(max-width:620px){.v314-desire-layout{padding-top:45px}.v314-desire-title{font-size:clamp(34px,9vw,52px)}.v314-desire-figure{width:calc(100% - 24px)}.v314-type-hero{font-size:clamp(56px,17vw,95px);letter-spacing:-.1em}.v314-type-stage{min-height:300px}.v314-ingredient>img{animation-duration:11s}}
@media(prefers-reduced-motion:reduce){.v314-ingredient,.v314-ingredient>img,.v314-type-hero,.v314-desire-figure img,.v314-light-haze,.v314-side-dot,.v314-enter{animation:none!important;transform:none!important;transition:none!important}}
html[data-reduce="true"] .v314-ingredient,html[data-reduce="true"] .v314-ingredient>img,html[data-reduce="true"] .v314-type-hero,html[data-reduce="true"] .v314-light-haze,html[data-reduce="true"] .v314-enter{animation:none!important;transform:none!important;transition:none!important}


/* Pointer-based lighting on existing content only; never add decorative objects. */
.v314-reactive-surface{--v314hx:50%;--v314hy:50%;position:relative;isolation:isolate}
.v314-reactive-surface::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 300px 240px at var(--v314hx) var(--v314hy),rgba(255,247,224,.15),transparent 68%);opacity:0;transition:opacity .6s ease;mix-blend-mode:screen}
@media(hover:hover) and (pointer:fine){.v314-reactive-surface:hover::after,.v314-reactive-surface:focus-within::after{opacity:1}}
@media(prefers-reduced-motion:reduce){.v314-reactive-surface::after{display:none}}
html[data-reduce="true"] .v314-reactive-surface::after{display:none}


/* V3.15 preserve original typography/wordmark/routes/CTAs; edit only requested motion, image placement and visual panels. */
.v3-hero .v310-scene-wrap{isolation:isolate}
.v315-photo-extract{position:absolute;z-index:2;inset:0;pointer-events:none;display:block;will-change:transform;transform-origin:center center}
.v315-photo-extract img{position:absolute;width:100%;height:100%;object-fit:contain;display:block}
/* extracted photo elements are positioned in the identical coordinate space as the original source */
.v315-photo-extract[data-scene-extract=strawberry]{animation:v315Berry 5.8s ease-in-out infinite}
.v315-photo-extract[data-scene-extract=coffee]{animation:v315Bean 5.1s ease-in-out infinite}
@keyframes v315Berry{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}45%{transform:translate3d(2px,-12px,0) rotate(1deg)}}
@keyframes v315Bean{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}52%{transform:translate3d(-7px,-7px,0) rotate(-4deg)}}
.v315-liquid-plate{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal;opacity:.6}
@media (min-width:901px){.v3-hero:hover .v315-liquid-plate{opacity:.77}}
/* second image: same row and same continuous ivory backdrop; full visible pixels */
.v314-desire-layout{background:#f5e6d8!important;padding:clamp(38px,5.4vw,78px) 0!important}
.v315-desire-row{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(22px,3.5vw,64px);width:min(calc(100% - 2*var(--gutter)),1360px);margin-inline:auto}
.v315-desire-row .v314-desire-header{display:flex!important;flex-direction:column;gap:22px;align-items:start;margin:0!important;max-width:570px;width:100%}
.v315-desire-row .v314-desire-title{font-size:clamp(36px,4.2vw,68px)!important;max-width:13ch}
.v315-desire-row .v314-desire-side-note{justify-self:start;text-align:left;margin-top:6px}
.v315-desire-row .v314-desire-figure{width:100%!important;margin:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.v315-desire-row .v314-desire-figure img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
.v315-desire-row .v314-light-haze{opacity:.09;pointer-events:none;overflow:hidden}
/* replace giant words with photographic editorial art direction, retaining the card's original copy outside the image */
.v315-photo-stage{height:clamp(330px,37vw,510px);min-height:0!important;display:block;position:relative;overflow:hidden;background:#81180f!important;color:#fff!important;border-radius:2px}
.v315-photo-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:contrast(1.015) saturate(.97);transition:transform 1.05s cubic-bezier(.2,.68,.2,1),filter 1s ease;will-change:transform}
.v315-photo-1 img{object-position: center 35%}
.v315-photo-2 img{object-position: center 50%}
.v315-photo-stage:hover img,.creative-card:focus-within .v315-photo-stage img{transform:scale(1.045) translateY(-4px);filter:contrast(1.04) saturate(1.06)}
.v315-photo-stage:after{content:'';position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgba(21,3,2,.47));pointer-events:none}
.v315-photo-label{position:absolute;bottom:20px;left:22px;right:22px;z-index:2;color:#fff;letter-spacing:.16em;font-size:11px;font-weight:800;text-shadow:0 2px 9px rgba(0,0,0,.35)}
/* split composition for services overview and all service, insights and contact pages */
.pagehero.v315-has-split{position:relative;padding-block:clamp(80px,9vw,135px)!important;min-height:0!important;overflow:hidden}
.v315-pagehero-grid{display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:clamp(25px,5vw,74px);position:relative;z-index:2}
.v315-pagehero-grid>.v310-route-photo{position:relative!important;inset:auto!important;width:100%!important;height:clamp(350px,42vw,590px)!important;margin:0!important;overflow:hidden;border-radius:4px;background:#a12316}
.v315-pagehero-grid>.v310-route-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .75s ease;max-width:none}
.v315-pagehero-grid>.v310-route-photo:hover img{transform:scale(1.035)}
.v315-pagehero-grid>.v310-route-photo:before{display:none!important}
.v315-pagehero-grid>div>h1{max-width:11ch;overflow-wrap:normal}
/* Services page: only existing 3 subpages, retain overview introduction but no invented fourth service */
.route[data-route=about] .v315-about-interactive{transition:transform .65s cubic-bezier(.2,.68,.2,1),box-shadow .65s ease}
.route[data-route=about] .v315-about-interactive:hover{transform:translateY(-8px)}
.route[data-route=about] .portrait img{transition:transform .8s ease,filter .8s ease!important}
.route[data-route=about] .portrait:hover img{transform:scale(1.03) translateY(-5px)!important;filter:saturate(1.06)}
@media(max-width:900px){
 .v315-desire-row{grid-template-columns:1fr;gap:30px}
 .v315-desire-row .v314-desire-title{font-size:clamp(34px,8vw,62px)!important;max-width:none}
 .v315-pagehero-grid{grid-template-columns:1fr;gap:26px}
 .v315-pagehero-grid>.v310-route-photo{height:clamp(290px,66vw,490px)!important}
 .pagehero.v315-has-split{padding-block:clamp(65px,9vw,100px)!important}
 .v315-photo-stage{height:440px}
}
@media(max-width:600px){
 .v315-photo-stage{height:340px}
 .v315-pagehero-grid>.v310-route-photo{height:320px!important}
 .v315-desire-row{width:min(calc(100% - 36px),1360px)}
}
@media(prefers-reduced-motion:reduce){.v315-photo-extract{animation:none!important}.v315-photo-stage img,.v315-pagehero-grid>.v310-route-photo img{transition:none!important}}
html[data-reduce=true] .v315-photo-extract{animation:none!important}


/* V3.16 targeted corrections, not a redesign */
.v310-scene-wrap .astravalo-full-scene{filter:none!important;animation:none!important;opacity:1!important;transform:none!important}
.v310-scene-wrap .v314-ingredient>img{filter:none!important;animation-duration:11s!important;opacity:1!important}
.v310-scene-wrap .v314-ingredient{opacity:.92!important}
/* Keep isolated motions gentle to avoid visible doubling on flattened source. */
@keyframes v316NativeDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(1px,-2px,0)}}
.v310-scene-wrap .v314-ingredient>img{animation:v316NativeDrift 11s ease-in-out infinite!important}
/* Full visual continuity from image to warm ivory copy background, no hard rectangle. */
.v3-film.v310-approved-desire{background:linear-gradient(94deg,#f5e9db 0%,#f5e9db 43%,#f6dac9 76%,#eebcaa 100%)!important}
.v315-desire-row{align-items:center!important;gap:clamp(0px,2vw,30px)!important}
.v315-desire-row .v314-desire-figure{background:transparent!important;box-shadow:none!important;border-radius:0!important;width:100%!important;overflow:hidden!important;position:relative!important}
.v315-desire-row .v314-desire-figure img{width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:none!important;display:block!important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 93%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 93%, transparent 100%);
}
.v315-desire-row .v314-desire-figure .v314-light-haze{opacity:.06!important}
/* Maintain route imagery and typography in a shared row on desktop. */
@media(min-width:901px){.pagehero.v310-has-photo .v310-route-photo{margin-top:0!important}}
@media(max-width:760px){.v315-desire-row .v314-desire-figure{max-width:100%!important}.v3-film.v310-approved-desire{background:#f5e9db!important}}
@media(prefers-reduced-motion:reduce){.v310-scene-wrap .v314-ingredient>img{animation:none!important}}
html[data-reduce="true"] .v310-scene-wrap .v314-ingredient>img{animation:none!important}

/* /review.css */
/* Scoped continuation of the supplied design. All other layout rules remain in baseline-styles.css. */
html{scroll-padding-top:100px} [hidden]{display:none!important} #main:focus{outline:none}
.review-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:auto;touch-action:pan-y;user-select:none;background:#790b08}
.review-scene img,.review-scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.review-scene canvas{opacity:0;pointer-events:none}.review-scene.is-ready canvas{opacity:1}
.review-scene.is-ready img{visibility:hidden}
.v3-hero .v3-title>span:first-child{margin-right:.13em}
.v3-hero .v3-topnote,.v3-hero .v3-hero-grid,.v3-hero .v3-copy,.v3-hero .v3-hero-bottom{pointer-events:none}
.v3-hero a,.v3-hero button,.v3-hero .v3-stage-outer{pointer-events:auto}
/* Keep the original left-side contrast veil, never the rough image layers. */
.v3-hero .restored-v3-grade{background:linear-gradient(90deg,rgba(58,4,5,.8),rgba(72,5,5,.53) 34%,transparent 67%),linear-gradient(0deg,rgba(40,4,3,.3),transparent 45%)!important}
.v314-desire-layout{background:var(--iv)!important}
.v3-film.v310-approved-desire{background:var(--iv)!important;padding:0!important}
.v315-desire-row{width:min(100%,1780px);padding-inline:var(--gutter);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px)}
.v315-desire-row .v314-desire-header{padding:0!important}
.v315-desire-row .v314-desire-title{font-size:clamp(34px,3.7vw,62px)!important;max-width:14ch}
.review-second-photo{margin:0;width:100%;position:relative;overflow:hidden}
.review-second-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;filter:none!important;transform:none!important}
.v314-story-strip{margin-top:45px!important}
.v314-story-choice{min-height:64px}.v3-chapter{min-height:48px}
.v3-film .story-note{color:#63120d;padding:0 var(--gutter) 24px;margin:0;font-size:11px}
:root[data-reduce=true] *,:root[data-reduce=true] *::before,:root[data-reduce=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:920px){
 .site-header,.site-header.compact{height:72px!important}
 body.ast-home-route .site-header{margin-bottom:-72px}
 body.ast-home-route.ast-hero-in-view .nav.open>a,body.ast-home-route.ast-hero-in-view .nav.open .nav-main{color:var(--ink)!important}
 body.ast-home-route.ast-hero-in-view .nav.open a[aria-current=page]::after{background:var(--r)}
 body.ast-home-route.ast-hero-in-view .nav.open .nav-contact{background:var(--r)!important;color:var(--iv)!important}
 .nav{max-height:calc(100dvh - 72px);overscroll-behavior:contain}
 .nav .dropdown a{min-height:44px;padding:12px 10px}
 .mobile-menu-button{min-height:44px;min-width:60px;padding:10px 0}
 .v3-hero .v3-topnote{padding-top:92px!important;padding-bottom:14px!important;min-height:116px}
 .review-scene{inset:116px 0 auto;aspect-ratio:1672/941;height:auto}
 .v3-hero .restored-v3-grade{display:none!important}
 .v3-hero .v3-hero-grid{grid-template-columns:1fr!important;padding-top:calc(56.28vw + 24px)!important;padding-bottom:32px!important;gap:30px;min-height:0!important}
 .v3-hero .v3-copy{max-width:680px}
 .v3-hero .v3-title{font-size:clamp(50px,8.3vw,76px)!important;letter-spacing:-.06em!important}
 .v3-hero .v3-title>em{letter-spacing:-.055em!important}
 .v3-hero .v3-small-tag{margin-bottom:16px!important}
 .v3-hero .v3-hero-summary{max-width:40ch;font-size:20px!important;margin-top:20px!important}
 .v3-hero .v3-stage-outer{width:100%;max-width:none;margin:0;backdrop-filter:none;border-radius:12px}
 .v3-hero .v3-stage-message{min-height:36px}
 .v3-hero .v3-stage-topline{display:flex!important}
 .v3-hero .v3-chapter{font-size:9px!important}
 .v3-hero .v3-topnote p:last-child{display:none}
 .v315-desire-row{grid-template-columns:1fr;gap:30px}
 .v315-desire-row .v314-desire-title{font-size:clamp(34px,5.8vw,55px)!important;max-width:22ch}
 .v314-story-strip{grid-template-columns:1fr}
 .v314-story-choice{border-right:0;border-bottom:1px solid rgba(131,18,12,.18)}
 .v3-hero .v3-left-footer{display:none}
}
@media(max-width:550px){
 :root{--gutter:21px}
 .v3-hero .v3-topnote{padding-top:87px!important;min-height:124px;padding-bottom:15px!important}
 .v3-topnote .eyebrow{font-size:8px;letter-spacing:.1em;max-width:34ch;line-height:1.6}
 .review-scene{top:124px}
 .v3-hero .v3-hero-grid{padding-top:calc(56.28vw + 20px)!important;gap:28px}
 .v3-hero .v3-copy{padding:0!important}
 .v3-hero .v3-title{font-size:clamp(43px,11.8vw,65px)!important;line-height:1!important;letter-spacing:-.065em!important}
 .v3-hero .v3-title>em{white-space:nowrap!important;font-size:1em!important;line-height:1!important}
 .v3-hero .v3-small-tag{font-size:8px;letter-spacing:.07em;margin-bottom:14px!important}
 .v3-hero .v3-hero-summary{font-size:18px!important;line-height:1.4!important;margin-top:17px!important;max-width:33ch}
 .v3-hero .v3-actions{display:flex;flex-wrap:nowrap;gap:9px;margin-top:22px!important}
 .v3-hero .v3-actions .button{font-size:9px;letter-spacing:.025em;padding:12px 13px;gap:8px;min-height:50px;flex:1;justify-content:space-between}
 .v3-hero .v3-stage-outer{padding:14px 12px 12px}
 .v3-hero .v3-chapter{font-size:7px!important;padding:10px 3px!important}
 .v3-hero .v3-stage-topline{font-size:7px;margin-bottom:12px}
 .v3-hero .v3-stage-message{font-size:11px!important;min-height:35px}
 .v3-hero .v3-hero-bottom{display:none}
 .v315-desire-row .v314-desire-title{font-size:34px!important;line-height:1.04;max-width:17ch}
 .v314-story-strip{margin-top:28px!important}
 .preview-bar{bottom:10px!important;right:10px!important;max-width:none;padding:4px!important;background:#24120e!important}
 .preview-bar button{min-height:36px;padding:7px 12px;font-size:10px}
 .preview-bar .message{display:none!important}
 .contact-mail{font-size:clamp(17px,5.8vw,24px);overflow-wrap:anywhere}
 .pagehero .hero-footline{flex-wrap:wrap}
 .article-rail a{padding:12px 0}
 .route{padding-bottom:0}
}
@media(prefers-reduced-motion:reduce){.review-scene canvas{display:none!important}.review-scene.is-ready img{visibility:visible}}
html[data-reduce=true] .review-scene canvas{display:none!important}html[data-reduce=true] .review-scene.is-ready img{visibility:visible}
/* Review control stays in document flow so it cannot cover chapter buttons or CTAs. */
.preview-bar{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;justify-content:center!important;padding:12px var(--gutter)!important;background:var(--ink)!important}
.preview-bar button{min-height:44px;padding:9px 17px}.preview-bar .message{display:inline!important}
@media(min-width:921px){.review-scene{top:86px}}
@media(max-width:550px){.preview-bar .message{display:none!important}}
@media(max-width:760px){.grid2{grid-template-columns:minmax(0,1fr)}.grid2>*{min-width:0}.year-band .est{font-size:clamp(90px,23vw,175px)}.year-band h2{font-size:clamp(36px,9vw,62px)}}

/* /home-integration.css */
/* Keep the existing mobile navigation contrast fix when the selected Home styles are active. */
@media(max-width:920px){
 body.ast-home-route.ast-hero-in-view .nav.open>a,body.ast-home-route.ast-hero-in-view .nav.open .nav-main{color:var(--ink)!important}
 body.ast-home-route.ast-hero-in-view .nav.open a[aria-current=page]::after{background:var(--r)}
 body.ast-home-route.ast-hero-in-view .nav.open .nav-contact{background:var(--r)!important;color:var(--iv)!important}
 .nav.open .dropdown a{min-height:44px}
}

/* /agency-motion.css */
/* Approved editorial scenes, framed from one shared image. Home v3.17 is untouched. */
.agency-photo{isolation:isolate;overflow:hidden}
.agency-photo .agency-viewport{position:absolute;inset:0;overflow:hidden;background:var(--iv)}
.agency-photo.agency-portrait .agency-viewport{position:relative;inset:auto;width:100%;aspect-ratio:4/5;max-height:690px}
.agency-photo .agency-drift,.agency-photo .agency-response,.agency-photo .agency-crop{position:absolute;inset:0}
.agency-photo .agency-drift{transform:scale(1.06);animation:agencyCinema 19s ease-in-out var(--agency-phase,0s) infinite alternate;animation-play-state:paused;transform-origin:50% 50%}
.agency-photo.is-in-view .agency-drift{animation-play-state:running;will-change:transform}
.agency-photo .agency-response{inset:-1.6%;transform:translate3d(var(--agency-x,0px),calc(var(--agency-y,0px) + var(--agency-scroll,0px)),0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.agency-photo .agency-crop{container-type:size;overflow:hidden;--panel-x:.005637;--panel-y:.011274;--panel-w:.324690;--panel-h:.977452;--fit-w:3.079861;--fit-h:2.046136;--focus-y:.43;--sheet-width:max(calc(100cqw * var(--fit-w)),calc(100cqh * var(--fit-h)))}
.agency-photo[data-editorial=desire] .agency-crop{--panel-x:.339910;--panel-w:.320744;--fit-w:3.117750;--focus-y:.34}
.agency-photo[data-editorial=impact] .agency-crop{--panel-x:.671364;--panel-w:.323563;--fit-w:3.090592;--focus-y:.55}
.agency-photo[data-editorial=all] .agency-crop{--panel-x:.005637;--panel-w:.989290;--fit-w:1.010826;--focus-y:.42}
.agency-photo .agency-crop>img{position:absolute!important;display:block!important;width:var(--sheet-width)!important;height:calc(var(--sheet-width) * .5)!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;left:calc((100cqw - var(--sheet-width) * var(--panel-w)) * .5 - var(--sheet-width) * var(--panel-x))!important;top:calc((100cqh - var(--sheet-width) * .5 * var(--panel-h)) * var(--focus-y) - var(--sheet-width) * .5 * var(--panel-y))!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;pointer-events:none}
.agency-photo::after{display:none!important}
.agency-photo figcaption{z-index:4}
.agency-photo.agency-portrait figcaption{position:relative;background:var(--r)}
@keyframes agencyCinema{0%{transform:scale(1.045) translate3d(-.55%,.45%,0)}100%{transform:scale(1.095) translate3d(.65%,-.65%,0)}}
@media(max-width:620px){.agency-photo .agency-drift{animation-duration:24s}.agency-photo .agency-response{inset:-1.2%}.agency-photo[data-editorial=all] .agency-crop{--focus-y:.4}}
html.agency-page-hidden .agency-photo .agency-drift{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.agency-photo .agency-drift{animation:none!important;transform:none!important}.agency-photo .agency-response{transform:none!important;transition:none!important}}
html[data-reduce=true] .agency-photo .agency-drift{animation:none!important;transform:none!important}
html[data-reduce=true] .agency-photo .agency-response{transform:none!important;transition:none!important}
/* On a narrow contact page, show a complete human focal point rather than slivers of three scenes. */
@media(max-width:620px){.agency-photo[data-editorial=all] .agency-crop{--panel-x:.005637;--panel-w:.324690;--fit-w:3.079861;--focus-y:.43}}

/* /site-refinement.css */
/* Each editorial picture is unique. A still poster is not presented as human motion. */
.agency-photo .agency-drift{animation:none!important;transform:none!important;will-change:auto!important}
.agency-photo .agency-response{inset:0!important;transform:none!important;transition:none!important}
.agency-photo[data-source=standalone] .agency-crop>img{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover!important;object-position:var(--scene-focus,50% 50%)!important}
.agency-photo[data-editorial=sculpture]{--scene-focus:30% 50%}
.agency-photo[data-editorial=paper-portrait]{--scene-focus:53% 46%}
.agency-photo[data-editorial=mirror]{--scene-focus:54% 50%}
.agency-photo[data-editorial=chair]{--scene-focus:70% 52%}
.agency-photo[data-editorial=door]{--scene-focus:51% 66%;height:clamp(330px,55vw,790px)!important}
/* Long words must stay within the copy column, not beneath the adjacent photograph. */
.route[data-route="services/marketing"] .v315-pagehero-grid>div:first-child{min-width:0;container-type:inline-size}
@media(min-width:901px){.route[data-route="services/marketing"] .pagehero h1{font-size:clamp(52px,15.2cqw,104px);max-width:100%;letter-spacing:-.045em}}
/* Genuine scene loops use video, with stills for reduced motion and unavailable clips. */
.agency-photo .scene-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-focus,50% 50%);opacity:0;pointer-events:none}
.agency-photo.is-film-ready .scene-film{opacity:1}
.agency-photo.is-film-ready .agency-crop{visibility:hidden}
@media(prefers-reduced-motion:reduce){.agency-photo .scene-film{display:none!important}.agency-photo.is-film-ready .agency-crop{visibility:visible}}
html[data-reduce=true] .agency-photo .scene-film{display:none!important}html[data-reduce=true] .agency-photo.is-film-ready .agency-crop{visibility:visible}
/* Distinct illustrative competitor symbols replace recycled food-photo thumbnails. */
.sx-dot>svg.sx-competitor-mark{display:block;width:100%;height:100%;background:#f5efe4;color:#d12c12;border-radius:50%;padding:12%;border:1px solid rgba(245,239,228,.7)}
.sx-dot:nth-of-type(2n)>svg.sx-competitor-mark{background:#f5c7b2;color:#10204a}

/* /about-founder.css */
/* Founder introduction and working model; scoped to the About route. */
.route[data-route="about"] .about-founder{padding-block:clamp(76px,8vw,124px)}
.route[data-route="about"] .about-founder>.eyebrow{margin-bottom:36px}
.route[data-route="about"] .about-founder-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,104px);align-items:start}
.route[data-route="about"] .about-founder-intro{min-width:0;width:100%;max-width:359px;margin-inline:auto}
.route[data-route="about"] .about-founder-portrait{margin:0}
.route[data-route="about"] .about-founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:359/431;background:#e7e3df}
.route[data-route="about"] .about-founder-portrait figcaption{font-size:10px;line-height:1.7;letter-spacing:.12em;font-weight:700;margin-top:16px}
.route[data-route="about"] .about-founder-name{font-size:clamp(44px,4.5vw,66px);line-height:1.02;letter-spacing:-.04em;margin-top:0;max-width:100%}
.route[data-route="about"] .about-founder-name .serif{display:block;color:var(--r);font-size:1.16em;line-height:1.05}
.route[data-route="about"] .about-founder-role{font-size:11px;font-weight:800;letter-spacing:.13em;margin-top:24px}
.route[data-route="about"] .about-founder-link{display:inline-block;margin-top:30px;font-size:11px;white-space:normal;line-height:1.6}
.route[data-route="about"] .about-founder-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.route[data-route="about"] .about-founder-bio>p{font-size:18px;line-height:1.65;max-width:59ch}
.route[data-route="about"] .about-founder-bio>p+p{margin-top:20px}
.route[data-route="about"] .about-founder-bio>.about-founder-role{font-size:10px;margin-top:18px;margin-bottom:26px;line-height:1.6}
.route[data-route="about"] .about-founder-bio>.about-founder-lede{font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:28px}
.route[data-route="about"] .about-founder-lede .serif{color:var(--r);font-size:1.2em}
.route[data-route="about"] .about-experience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}
.route[data-route="about"] .about-experience article{border-top:2px solid var(--r);padding-top:18px;min-width:0}
.route[data-route="about"] .about-experience .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.6;min-height:30px}
.route[data-route="about"] .about-experience h3{font-size:25px;line-height:1.13;letter-spacing:-.025em;text-transform:none;margin:10px 0 12px}
.route[data-route="about"] .about-experience article>p:last-child{font-size:15px;line-height:1.65}
.route[data-route="about"] .about-founder-bio>.about-experience-note{font-size:12px;line-height:1.6;opacity:.7;margin-top:18px}
.route[data-route="about"] .about-working-model{border-top:1px solid rgba(26,15,12,.22);padding-top:42px;margin-top:clamp(52px,6vw,90px)}
.route[data-route="about"] .about-working-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,104px);align-items:start}
.route[data-route="about"] .about-working-heading h3{font-size:clamp(28px,3.2vw,45px);line-height:1.07;letter-spacing:-.035em}
.route[data-route="about"] .about-working-heading .serif{color:var(--r);font-size:1.16em}
.route[data-route="about"] .about-working-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:42px}
.route[data-route="about"] .about-working-number{display:block;font:400 35px/1.2 'Instrument Serif',Georgia,serif;color:var(--r);margin-bottom:16px}
.route[data-route="about"] .about-working-grid h4{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 13px;letter-spacing:-.015em}
.route[data-route="about"] .about-working-grid p{font-size:16px;line-height:1.65;max-width:38ch}
.route[data-route="about"] .about-belief-band .about-belief-mark{font:400 clamp(43px,5.4vw,82px)/1.02 'Instrument Serif',Georgia,serif;letter-spacing:-.035em;color:var(--r);margin-top:30px;max-width:100%}
.route[data-route="about"] .about-belief-mark span{font-style:italic}
@media(max-width:900px){
  .route[data-route="about"] .about-founder-grid{grid-template-columns:1fr;gap:40px}
  .route[data-route="about"] .about-founder-name{font-size:clamp(54px,10vw,82px)}
  .route[data-route="about"] .about-working-heading{grid-template-columns:1fr;gap:20px}
  .route[data-route="about"] .about-working-grid{gap:26px}
}
@media(max-width:620px){
  .route[data-route="about"] .about-founder{padding-block:70px}
  .route[data-route="about"] .about-experience{grid-template-columns:1fr;gap:27px}
  .route[data-route="about"] .about-experience .eyebrow{min-height:0}
  .route[data-route="about"] .about-founder-bio>p{font-size:17px}
  .route[data-route="about"] .about-working-grid{grid-template-columns:1fr;gap:29px;margin-top:32px}
  .route[data-route="about"] .about-working-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:17px;border-top:1px solid rgba(26,15,12,.15);padding-top:22px}
  .route[data-route="about"] .about-working-number{grid-row:1/3;font-size:28px;margin:0}
  .route[data-route="about"] .about-working-grid p{grid-column:2;max-width:none}
  .route[data-route="about"] .about-belief-band .about-belief-mark{font-size:48px;margin-bottom:10px}
}

/* /buying.css */
.buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-block:45px}.buy-grid article{min-width:0;border-top:2px solid var(--r);padding-top:22px}.buy-grid h3,.buy-output h3{font-size:clamp(25px,2.5vw,38px);line-height:1.12;margin-bottom:22px}.buy-grid p,.buy-grid li,.buy-output p,.buy-output dd{font-size:17px;line-height:1.65}.buy-grid p+p{margin-top:18px}.buy-grid .link-arrow{white-space:normal;display:inline-block;margin-top:24px}.buy-grid ul{padding-inline-start:20px}.buy-output{background:var(--peach);padding:clamp(24px,4vw,55px);margin-block:38px}.buy-output dl{display:grid;grid-template-columns:140px 1fr;gap:18px;margin:28px 0}.buy-output dd{margin:0}.buy-output dt{font-weight:800}.buying-case{border-top:1px solid var(--ink)}.planned{cursor:default}.planned .read{opacity:.65}.language-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:10px var(--gutter);background:var(--iv);font-size:12px}.language-bar select{font:inherit;padding:7px 10px;min-height:40px;background:var(--iv);color:var(--ink);border:1px solid var(--ink)}.contact-trap{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px}#enquiryStatus{margin-top:18px;font-size:15px;line-height:1.6}#enquiryStatus.error{color:#9b210e;background:#fff;padding:14px}button[disabled]{opacity:.65;cursor:wait}.sample-wordmark{font-size:clamp(36px,6vw,76px);font-weight:900;letter-spacing:-.03em;display:block;color:var(--r);margin:22px 0}.sample-wordmark.alt{font-family:Georgia,serif;color:var(--navy);font-style:italic}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] .serif{font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0!important;line-height:1.35!important;font-style:normal!important;text-transform:none!important}html[dir=rtl] .eyebrow,html[dir=rtl] .micro{letter-spacing:0!important}html[dir=rtl] .pagehero h1{font-size:clamp(38px,6vw,85px)}html[dir=rtl] .hero-h1{font-size:clamp(42px,7vw,96px)!important}html[dir=rtl] .ax-scene,html[dir=rtl] .ax-layers,html[dir=rtl] .ax-board,html[dir=rtl] .sx-stage{direction:ltr}html[dir=rtl] .article-copy,html[dir=rtl] .contact-form{text-align:start}html[dir=rtl] .site-header .brand{direction:ltr}html[dir=rtl] input[type=email]{direction:ltr;text-align:start}html[dir=rtl] .pagehero .hero-footline{flex-wrap:wrap}html[dir=rtl] .v3-hero .hero-h1{max-width:100%}html[dir=rtl] .v314-desire-title{letter-spacing:0;line-height:1.5}html[dir=rtl] .sample-wordmark{font-family:Arial,sans-serif!important;direction:ltr}
@media(max-width:1000px){.buy-grid{grid-template-columns:1fr}.buy-grid article{padding-block:24px}.buy-output dl{grid-template-columns:1fr;gap:8px}.buy-output dd{margin-bottom:14px}}@media(max-width:620px){.language-bar{justify-content:space-between;padding-inline:20px}.buy-grid{gap:20px}html[dir=rtl] .pagehero h1{font-size:40px}html[dir=rtl] .hero-h1{font-size:43px!important}html[dir=rtl] .about-founder-name{font-size:42px!important}}
html:not([lang=en]) .v3-copy,html:not([lang=en]) .v3-stage-outer{min-width:0;max-width:100%}html:not([lang=en]) .v3-title{font-size:clamp(43px,7vw,110px);max-width:100%;white-space:normal!important}html:not([lang=en]) .v3-title span,html:not([lang=en]) .v3-title em{white-space:normal!important;overflow-wrap:anywhere}html:not([lang=en]) .v3-small-tag{white-space:normal}html:not([lang=en]) .v3-actions{flex-wrap:wrap}html:not([lang=en]) .service-item{grid-template-columns:40px minmax(0,1fr) 30px}html:not([lang=en]) .service-item h3{overflow-wrap:anywhere}html[dir=rtl] .v3-title{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.35}html[dir=rtl] .v3-title em{font-family:inherit;font-style:normal}html:not([lang=en]) .pagehero h1{overflow-wrap:anywhere}
@media(max-width:620px){html:not([lang=en]) .v3-title{font-size:46px!important}html:not([lang=en]) .v3-title em{font-size:35px!important}html:not([lang=en]) .v3-actions .button{width:100%;max-width:100%;white-space:normal}html:not([lang=en]) .service-item{grid-template-columns:25px minmax(0,1fr) 25px}html:not([lang=en]) .service-item h3{font-size:25px}html:not([lang=en]) .v3-hero-summary{max-width:100%}}
/* Contain decorative scene layers when translated copy changes the scene height. */
html:not([lang=en]),html:not([lang=en]) body{overflow-x:clip}
html[dir=rtl] .skip{left:auto;right:20px;top:-200px}html[dir=rtl] .skip:focus{top:20px}

/* /locale-refinement.css */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/noto-sans-arabic-variable.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* Language is a header/footer utility, independent of the mobile navigation. */
.site-header{gap:18px}.site-header .brand{flex-shrink:1}.site-header .nav{margin-inline-start:auto;gap:clamp(15px,1.5vw,28px)}
.locale-picker{position:relative;flex:0 0 auto;direction:ltr}.locale-trigger{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:50%;padding:0;font:22px/1 system-ui;cursor:pointer}.locale-trigger:hover,.locale-trigger[aria-expanded=true]{background:rgba(209,44,18,.1)}.locale-menu{position:absolute;z-index:10020;inset-inline-end:0;top:calc(100% + 10px);min-width:172px;padding:8px;background:#f5efe4;color:#1a0f0c;border:1px solid #1a0f0c;box-shadow:0 8px 20px #1a0f0c20}.locale-menu[hidden]{display:none}.locale-menu button{width:100%;display:block;text-align:start;font:600 15px/1.5 'DM Sans',Arial,sans-serif;padding:11px 15px;border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px}.locale-menu button[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif}.locale-menu button:hover,.locale-menu button[aria-pressed=true]{background:#eadbce}.locale-trigger:focus-visible,.locale-menu button:focus-visible{outline:3px solid #2676aa;outline-offset:4px}.footer .locale-picker{margin-inline-start:auto}.footer .locale-menu{top:auto;bottom:calc(100% + 10px)}html[dir=rtl] .locale-picker{direction:rtl}html[dir=rtl] .locale-menu button[lang=en],html[dir=rtl] .locale-menu button[lang=fr]{direction:ltr}
/* Words wrap at natural boundaries. Typography fits its available column. */
html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3,html:not([lang=en]) h4,html:not([lang=en]) .serif,html:not([lang=en]) .v3-title,html:not([lang=en]) .v3-title span,html:not([lang=en]) .v3-title em,html:not([lang=en]) .service-item h3{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:normal!important;max-width:100%;letter-spacing:-.025em}
html:not([lang=en]) .pagehero-grid>div,html:not([lang=en]) .v315-pagehero-grid>div,html:not([lang=en]) .contact-split>div,html:not([lang=en]) .grid2>*,html:not([lang=en]) .value{min-width:0}
html:not([lang=en]) .pagehero h1{font-size:clamp(38px,4.6vw,70px)!important;line-height:1.1;max-width:none}
html:not([lang=en]) .v3-title{font-size:clamp(42px,4.9vw,76px)!important;line-height:1.08!important;max-width:100%}
html:not([lang=en]) .v3-title>span{display:block}html:not([lang=en]) .v3-title em{display:block;font-size:.92em!important;line-height:1.14!important;margin-top:.12em}
html:not([lang=en]) .v3-copy{width:100%;min-width:0}.route .section{min-width:0}
html:not([lang=en]) h2{font-size:clamp(32px,4vw,62px);line-height:1.1}html:not([lang=en]) h3{font-size:clamp(23px,2.25vw,34px);line-height:1.2}
html:not([lang=en]) .values{grid-template-columns:repeat(3,minmax(0,1fr))}html:not([lang=en]) .value h3{font-size:clamp(21px,2vw,29px);line-height:1.2}
html:not([lang=en]) .intro-story h2{font-size:clamp(33px,4vw,64px);max-width:none}html:not([lang=en]) .red-cta h2{font-size:clamp(34px,4.5vw,68px)}
html:not([lang=en]) .about-founder-name{font-size:clamp(38px,4vw,64px)!important;max-width:100%}html:not([lang=en]) .service-item h3{font-size:clamp(23px,2.8vw,40px)}
html:not([lang=en]) .hero-footline{gap:18px;flex-wrap:wrap}html:not([lang=en]) .button{white-space:normal;line-height:1.5;text-align:start}html:not([lang=en]) .link-arrow{white-space:normal;line-height:1.6}
/* Modern Arabic letterforms, with no artificial tracking or italic simulation. */
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .serif,html[lang=ar] .v3-title,html[lang=ar] .v3-title em,html[lang=ar] .eyebrow,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] .button{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif!important;letter-spacing:0!important;font-style:normal!important;font-synthesis:none}
html[lang=ar] h1,html[lang=ar] h2{font-weight:700!important;line-height:1.45!important}html[lang=ar] h3,html[lang=ar] h4{font-weight:700!important;line-height:1.5!important}html[lang=ar] .serif{font-weight:500!important;line-height:1.5!important}
html[lang=ar] p,html[lang=ar] li,html[lang=ar] dd,html[lang=ar] .lede{line-height:1.9}html[lang=ar] .eyebrow{font-size:10px;font-weight:600;line-height:1.9}html[lang=ar] .pagehero .lede{font-size:clamp(17px,1.5vw,22px)}html[lang=ar] .v3-title{line-height:1.4!important;font-weight:700!important}html[lang=ar] .v3-title em{line-height:1.45!important;font-weight:500!important}html[lang=ar] .v3-small-tag{letter-spacing:0;font-size:10px;line-height:1.8}
html[lang=ar] .contact-mail{font-family:'DM Sans',Arial,sans-serif;direction:ltr;unicode-bidi:isolate;display:inline-block;font-size:clamp(18px,2.6vw,36px)}html[lang=ar] .footer a[href^=mailto]{font-family:'DM Sans',Arial,sans-serif;direction:ltr;unicode-bidi:isolate}html[lang=ar] .sample-wordmark{font-family:Arial,sans-serif!important;direction:ltr;line-height:1.2!important}
html[lang=ar] .sx-stage .sx-card p{font-size:clamp(10px,1.05vw,16px);line-height:1.7}html[lang=ar] .hero-footline{font-size:10px;line-height:1.8}
@media(max-width:1100px){.site-header{height:76px}.site-header .brand{width:205px}.mobile-menu-button{display:block;margin-inline-start:auto;order:1}.site-header>.locale-picker{order:2}.site-header .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--iv);border-bottom:2px solid var(--ink);padding:12px var(--gutter) 25px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 90px);overflow-y:auto}.site-header .nav.open{display:flex}.nav>a,.nav .nav-main{padding:13px 0;border-bottom:1px solid #1a0f0c20}.site-header .nav .dropdown{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;border:0;padding:0 0 0 15px;width:100%}html:not([lang=en]) .values{grid-template-columns:1fr}html:not([lang=en]) .pagehero h1{font-size:clamp(38px,5.8vw,58px)!important}}
@media(max-width:620px){.site-header{height:72px;padding-inline:18px;gap:12px}.site-header .brand{width:175px;min-width:140px}.site-header .mobile-menu-button{font-size:11px;padding:8px 0}.locale-trigger{width:42px;height:42px;font-size:21px}.footer .locale-picker{display:inline-block;margin:22px 0 0}.footer .locale-menu{inset-inline-end:auto;inset-inline-start:0}html:not([lang=en]) .pagehero h1{font-size:36px!important;line-height:1.2!important}html:not([lang=en]) .v3-title{font-size:39px!important}html:not([lang=en]) .v3-title em{font-size:34px!important}html:not([lang=en]) .v3-actions .button{font-size:11px;padding:13px 16px}html:not([lang=en]) h2{font-size:33px!important}html:not([lang=en]) h3{font-size:25px!important}html:not([lang=en]) .value h3{font-size:24px!important}html:not([lang=en]) .about-founder-name{font-size:40px!important}html:not([lang=en]) .service-item h3{font-size:24px!important}html[lang=ar] .pagehero h1{font-size:33px!important;line-height:1.5!important}html[lang=ar] .v3-title{font-size:35px!important}html[lang=ar] .v3-title em{font-size:31px!important}html[lang=ar] .lede{font-size:17px}html[lang=ar] h2{font-size:30px!important}html[lang=ar] h3{font-size:23px!important}html[lang=ar] .buy-grid p,html[lang=ar] .buy-grid li,html[lang=ar] .buy-output p,html[lang=ar] .buy-output dd{font-size:15px}html[lang=ar] .contact-form h2{font-size:30px!important}}
html[lang=fr] h1>.serif,html[lang=fr] h2>.serif{margin-inline-start:.12em}
@media(max-width:620px){.footer .locale-picker{display:block;width:max-content;margin-top:24px;margin-inline-start:auto}}
@media(max-width:620px){.footer .locale-menu{inset-inline-start:auto;inset-inline-end:0}}
/* Home expertise: keep each title and its explanation together in FR / AR. */
html:not([lang=en]) #ourServices{padding-block:clamp(64px,6vw,96px)}
html:not([lang=en]) #ourServices .section-head{display:block;max-width:900px;margin-bottom:32px}
html:not([lang=en]) #ourServices .section-head h2{max-width:none;font-size:clamp(33px,3.8vw,56px)!important;line-height:1.14}
html:not([lang=en]) #ourServices .section-head>p{max-width:58ch;margin:20px 0 0;padding:0;font-size:18px;line-height:1.65}
html:not([lang=en]) #ourServices .service-list{max-width:1060px;margin-inline:0 auto;border-top:1px solid var(--ink)}
html:not([lang=en]) #ourServices .service-item{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;grid-template-areas:"number title arrow" ". description arrow";column-gap:20px;row-gap:9px;align-items:start;padding:27px 0;border-bottom:1px solid var(--ink);text-align:start}
html:not([lang=en]) #ourServices .service-item .number{grid-area:number;margin-top:7px;line-height:1.5}
html:not([lang=en]) #ourServices .service-item h3{grid-area:title;margin:0;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.2;letter-spacing:-.025em;max-width:none;min-width:0}
html:not([lang=en]) #ourServices .service-item p{grid-area:description;display:block;margin:0;max-width:65ch;font-size:16px;line-height:1.65;min-width:0}
html:not([lang=en]) #ourServices .service-item .arrow{grid-area:arrow;justify-self:end;align-self:start;font-size:27px;line-height:1.4}
html:not([lang=en]) #ourServices .service-item:hover{padding-inline:0;background:transparent}
html:not([lang=en]) #ourServices .service-item:hover h3{color:var(--r)}
html[lang=ar] #ourServices .section-head>p{font-size:17px;line-height:1.9}
html[lang=ar] #ourServices .service-item h3{font-size:clamp(23px,2.15vw,30px)!important;line-height:1.55!important;letter-spacing:0}
html[lang=ar] #ourServices .service-item p{font-size:15.5px;line-height:1.9;max-width:61ch}
@media(max-width:620px){
 html:not([lang=en]) #ourServices .section-head{margin-bottom:27px}
 html:not([lang=en]) #ourServices .section-head>p{font-size:16px;margin-top:17px;line-height:1.7}
 html:not([lang=en]) #ourServices .service-item{grid-template-columns:23px minmax(0,1fr) 24px;column-gap:12px;row-gap:8px;padding-block:23px}
 html:not([lang=en]) #ourServices .service-item h3{font-size:23px!important;line-height:1.25}
 html:not([lang=en]) #ourServices .service-item p{font-size:15px;line-height:1.7}
 html:not([lang=en]) #ourServices .service-item .number{font-size:11px;margin-top:5px}
 html:not([lang=en]) #ourServices .service-item .arrow{font-size:24px;line-height:1.4}
 html[lang=ar] #ourServices .section-head>p{line-height:1.9}
 html[lang=ar] #ourServices .service-item h3{font-size:22px!important;line-height:1.55!important}
 html[lang=ar] #ourServices .service-item p{font-size:14.5px;line-height:1.85}
}

/* Harmonized full-width rules, matching the English content container. */
html:not([lang=en]) #ourServices .service-list{width:100%;max-width:none;margin-inline:0}
html:not([lang=en]) #ourServices .service-item{width:100%;box-sizing:border-box}
/* A sober humanist Arabic family for business reading, across every text layer. */
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .serif,html[lang=ar] .v3-title,html[lang=ar] .v3-title em,html[lang=ar] .eyebrow,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] .button,html[lang=ar] [data-arabic-text]{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif!important;letter-spacing:0!important;font-style:normal!important;font-synthesis:none}
html[lang=ar] body{font-weight:400;direction:rtl;text-align:right}
html[lang=ar] .route,html[lang=ar] .site-header,html[lang=ar] .footer{direction:rtl;text-align:start}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-weight:700!important;line-height:1.5!important}
html[lang=ar] .serif{font-weight:500!important;line-height:1.5!important}
html[lang=ar] .eyebrow,html[lang=ar] .micro,html[lang=ar] .nav a,html[lang=ar] .mobile-menu-button{font-weight:500!important}
html[lang=ar] p,html[lang=ar] li,html[lang=ar] dd{font-weight:400;line-height:1.85}
html[lang=ar] [data-arabic-text]{direction:rtl!important;text-align:right!important}
html[lang=ar] .sx-axl[data-arabic-text],html[lang=ar] .sx-zone [data-arabic-text]{text-align:center!important}
.locale-menu button[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:600}
html[lang=ar] .v3-chapter,html[lang=ar] .v314-story-choice,html[lang=ar] .story-tabs button{text-align:right}
html[lang=ar] .v314-story-choice{border-right:0;border-left:1px solid rgba(131,18,12,.20)}
html[lang=ar] .v314-story-choice:last-child{border-left:0}
html[lang=ar] .v314-story-text{font-size:15px;line-height:1.8}
html[lang=ar] .v3-chapter{border-right:0;border-left:1px solid rgba(255,255,255,.35);padding-inline:12px 8px}
html[lang=ar] .v3-chapter:last-child{border-left:0}
html[lang=ar] .article-copy ul{padding-left:0;padding-right:21px}
html[lang=ar] .nav .dropdown{left:auto;right:-28px}
html[lang=ar] .nav .menu-indicator{margin-left:0;margin-inline-start:4px}
html[lang=ar] .v314-scroll-progress span,html[lang=ar] #readingLine{left:auto;right:0;transform-origin:right}
html[lang=ar] #ourServices .service-item h3{font-weight:700!important;line-height:1.5!important}
html[lang=ar] #ourServices .service-item p{font-size:16px;line-height:1.8}
/* Cartesian diagram positions stay physical; only their Arabic label flow changes. */
html[lang=ar] .sx-stage .sx-card p{line-height:1.65!important;font-weight:400}
html[lang=ar] .sx-stage .sx-card small{line-height:1.5;font-weight:500}
html[lang=ar] .sx-stage .sx-core strong{font-weight:600!important}
html[lang=ar] .sx-stage .sx-core em{font-weight:500!important}
@media(max-width:860px){html[lang=ar] .v314-story-choice{border-left:0;border-bottom:1px solid rgba(131,18,12,.16)}html[lang=ar] .v314-story-text{font-size:14px}}
@media(max-width:620px){html[lang=ar] .pagehero h1{font-size:34px!important}html[lang=ar] .v3-title{font-size:36px!important}html[lang=ar] .v3-title em{font-size:32px!important}html[lang=ar] h2{font-size:32px!important}html[lang=ar] #ourServices .service-item h3{font-size:24px!important}html[lang=ar] #ourServices .service-item p{font-size:16px;line-height:1.8}}

/* /experience-polish.css */
/* Shared reading rhythm; the selected cinematic Home scene stays intact. */
:root{--section-space:clamp(56px,5.3vw,80px);--content-gap:clamp(24px,3vw,42px)}
.route>.section,.route .story-lab{padding-block:var(--section-space)}
.route>.section.container+.section.container:not(.buying-case){padding-block-start:0}
.route:not([data-route=home]) .pagehero{padding-block:clamp(48px,4.5vw,68px)!important}
.route:not([data-route=home]) .pagehero h1{font-size:clamp(44px,6vw,88px);line-height:1.03;max-width:100%;letter-spacing:-.045em}
.route:not([data-route=home]) .pagehero .lede{font-size:clamp(18px,1.5vw,22px);line-height:1.55;margin-top:24px;max-width:48ch}
.route:not([data-route=home]) .pagehero .hero-footline{margin-top:28px;gap:24px}
.route:not([data-route=home]) .v315-pagehero-grid{gap:clamp(28px,4vw,58px)}
.route .section-head{margin-bottom:36px;gap:32px;align-items:start}
.route .section-head h2,.route>.section h2,.route .vision h2{font-size:clamp(34px,4.4vw,64px);line-height:1.06}
.route .section-head p{padding-bottom:0;line-height:1.65}
.route .section>.eyebrow+h2{margin-top:12px}
.route .section>h2+.lede{margin-top:20px;max-width:72ch;font-size:20px;line-height:1.6}
.route .intro-story{gap:clamp(28px,4.5vw,64px)}
.route .intro-story h2{font-size:clamp(36px,4.5vw,64px);max-width:13ch}
.route .intro-story .large-quote{font-size:clamp(28px,3.4vw,48px);line-height:1.15}
.route .intro-story .support{font-size:18px;line-height:1.65;max-width:54ch}
.route .year-band{padding-block:var(--section-space)}
.route .year-band h2{font-size:clamp(34px,4.4vw,64px);line-height:1.08}
.route .vision h2{max-width:22ch}
.route .vision .lede{max-width:58ch;line-height:1.6}
.route .value h3{font-size:clamp(24px,2.3vw,33px);line-height:1.15}
.route .value p{font-size:17px;line-height:1.65}
/* Pair every explanation with its title, with the same full-width rows in all languages. */
html #ourServices{padding-block:var(--section-space)}
html #ourServices .section-head{display:block;max-width:900px;margin-bottom:30px}
html #ourServices .section-head h2{max-width:none;font-size:clamp(34px,4.4vw,64px)!important;line-height:1.1}
html #ourServices .section-head>p{max-width:58ch;margin:20px 0 0;padding:0;font-size:18px;line-height:1.65}
html #ourServices .service-list{width:100%;max-width:none;margin-inline:0;border-top:1px solid var(--ink)}
html #ourServices .service-item{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;grid-template-areas:"number title arrow" ". description arrow";column-gap:20px;row-gap:9px;align-items:start;padding:24px 0;border-bottom:1px solid var(--ink);text-align:start;width:100%;box-sizing:border-box}
html #ourServices .service-item .number{grid-area:number;margin-top:7px;line-height:1.5}
html #ourServices .service-item h3{grid-area:title;margin:0;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.2;max-width:none;min-width:0}
html #ourServices .service-item p{grid-area:description;display:block;margin:0;max-width:65ch;font-size:16px;line-height:1.65;min-width:0}
html #ourServices .service-item .arrow{grid-area:arrow;justify-self:end;align-self:start;font-size:27px;line-height:1.4}
html #ourServices .service-item:hover{padding-inline:0;background:transparent}
.route .creative-card:nth-child(2){margin-top:0}
.route .creative-grid{align-items:start}
.route .creative-card h3{font-size:clamp(26px,2.8vw,40px);line-height:1.1}
.route .approach-item{padding-block:26px 32px}
.route .approach-intro h2{font-size:clamp(36px,4.5vw,64px)}
/* Make service discovery and engagement cards content-led, rather than fixed-height. */
.route .service-tile{min-height:0;padding-top:20px;padding-bottom:8px}
.route .service-tile .num{margin-bottom:22px}
.route .service-tile h3{font-size:clamp(25px,2.4vw,35px);line-height:1.12;margin-bottom:16px}
.route .service-tile p{line-height:1.65}
.route .service-tile .bottom{display:flex;align-items:center;min-height:48px;padding-top:20px;font-size:12px}
.route .buy-grid{gap:28px;margin-block:32px}
.route .buy-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.route .buy-grid article{display:flex;flex-direction:column;padding-top:20px}
.route .buy-grid h3,.route .buy-output h3{font-size:clamp(25px,2.4vw,35px);line-height:1.15;margin-bottom:16px}
.route .buy-grid p,.route .buy-grid li,.route .buy-output p,.route .buy-output dd{font-size:17px;line-height:1.65}
.route .buy-grid ul{margin-block:16px}
.route .buy-grid article>.link-arrow:last-child{margin-top:auto;padding-top:24px;align-self:start}
.route .buy-output{padding:clamp(24px,3vw,42px);margin-block:28px}
.route .buy-output .link-arrow{margin-top:16px}
.route .buy-output dl{grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:16px 24px}
.route .service-detail-main{padding-block:var(--section-space);gap:clamp(28px,5vw,72px)}
.route .service-detail-main h2{font-size:clamp(34px,4.4vw,64px);line-height:1.08;max-width:12ch}
.route .service-detail-main .outcomes{margin-top:24px;gap:0}
.route .outcome{padding:20px 0;gap:16px}
.route .service-includes .tag-grid{margin-top:28px}
/* Founder and working model follow the same rhythm as the rest of the site. */
.route[data-route=about] .about-founder{padding-block:var(--section-space)}
.route[data-route=about] .about-founder>.eyebrow{margin-bottom:28px}
.route[data-route=about] .about-founder-grid{gap:clamp(32px,4vw,64px)}
.route[data-route=about] .about-founder-name{font-size:clamp(40px,4vw,58px)!important}
.route[data-route=about] .about-founder-bio>p{font-size:17px;line-height:1.7}
.route[data-route=about] .about-experience{gap:24px;margin-top:28px}
.route[data-route=about] .about-experience h3{font-size:25px!important;line-height:1.25}
.route[data-route=about] .about-experience .eyebrow{min-height:0}
.route[data-route=about] .about-working-model{margin-top:40px;padding-top:30px}
.route[data-route=about] .about-working-heading{display:block}
.route[data-route=about] .about-working-heading h3{font-size:clamp(28px,3vw,42px)!important;max-width:25ch;margin-top:12px;line-height:1.15}
.route[data-route=about] .about-working-grid{margin-top:28px;gap:30px}
.route[data-route=about] .about-working-number{margin-bottom:10px}
.route[data-route=about] .about-belief-band .about-belief-mark{font-size:clamp(36px,4.5vw,64px);line-height:1.1;margin-top:22px}
/* Readable CTAs in every colour context and interaction state. */
.route .button{min-height:54px;max-width:100%;padding:15px 22px;font-size:13px;line-height:1.4;font-weight:700;white-space:normal;gap:20px;background:var(--ink);color:var(--iv);border:2px solid var(--ink);isolation:isolate;text-align:start;text-decoration:none}
.route .button:hover{background:var(--navy);border-color:var(--navy);color:var(--iv);transform:translateY(-2px)}
.route .button.ivory{background:var(--iv);border-color:var(--iv);color:#9d210f}
.route .button.ivory:hover{background:#fff9ef;border-color:#fff9ef;color:#851b0c}
.route .button.outline{background:transparent;border-color:currentColor;color:inherit}
.route .button.outline:hover{background:var(--ink);border-color:var(--ink);color:var(--iv)}
.route[data-route=home] .v3-hero .button.ivory{background:var(--iv);color:#9d210f;border-color:var(--iv)}
.route[data-route=home] .v3-hero .button.outline{background:rgba(26,15,12,.24);color:var(--iv);border-color:var(--iv)}
.route[data-route=home] .v3-hero .button.outline:hover{background:var(--iv);color:#9d210f}
.route .link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;white-space:normal;padding-block:10px 7px;font-size:13px;line-height:1.55;text-align:start;scroll-margin-block:110px 32px}
.route .button:focus-visible,.route .link-arrow:focus-visible{outline:3px solid #2676aa;outline-offset:5px}
.route .red-cta{padding-block:var(--section-space)}
.route .red-cta .inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}
.route .red-cta h2{font-size:clamp(38px,5vw,72px);line-height:1.06;max-width:18ch}
.route .red-cta .button{align-self:center;min-width:200px}
.route .journal-card{min-height:0}
.route .journal-card h3{font-size:clamp(28px,3vw,43px);line-height:1.12;margin-block:20px 16px}
.route .journal-card .read{padding-top:12px;min-height:44px;display:flex;align-items:center}
.route .journal-controls{margin-bottom:32px}
.route .article-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.15;margin-top:36px}
.route .contact-form{align-self:start;padding:clamp(24px,3vw,42px)}
.route .contact-form input,.route .contact-form select,.route .contact-form textarea{font-size:16px;line-height:1.6;min-height:48px}
.route .contact-form input::placeholder,.route .contact-form textarea::placeholder{color:#66534a;opacity:1}
.route .contact-form textarea{min-height:112px}
.route .contact-form h2{font-size:clamp(28px,2.5vw,38px);line-height:1.15}
/* Arabic uses one family and one weight for titles, including their emphasis spans. */
html[lang=ar] body,html[lang=ar] [data-arabic-text],html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] button,html[lang=ar] .button,html[lang=ar] .serif{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif!important;letter-spacing:0!important;font-style:normal!important;font-synthesis:none}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h1 *,html[lang=ar] h2 *,html[lang=ar] h3 *,html[lang=ar] h4 *,html[lang=ar] .v314-desire-title,html[lang=ar] .v314-desire-title *,html[lang=ar] .large-quote,html[lang=ar] .large-quote *{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;font-style:normal!important}
html[lang=ar] .route:not([data-route=home]) .pagehero h1{font-size:clamp(36px,4.3vw,62px)!important}
html[lang=ar] .route .section h2,html[lang=ar] .route .year-band h2,html[lang=ar] .route .service-detail-main h2{font-size:clamp(30px,3.4vw,48px)!important}
html[lang=ar] .route p,html[lang=ar] .route li,html[lang=ar] .route dd{font-weight:400;line-height:1.85}
html[lang=ar] .route .pagehero .lede{font-size:clamp(17px,1.4vw,20px);line-height:1.85}
html[lang=ar] .route .eyebrow{font-size:11px;font-weight:600;line-height:1.8}
html[lang=ar] .route .button,html[lang=ar] .route button,html[lang=ar] .route .link-arrow{font-size:14px;font-weight:600;line-height:1.7}
html[lang=ar] .route .v3-chapter{font-size:11px!important}
html[lang=ar] .route .v314-story-text{font-size:15px;font-weight:500;line-height:1.9}
html[lang=ar] .site-header .nav a{font-size:13px;font-weight:600}
html[lang=ar] .route .buy-grid h3,html[lang=ar] .route .buy-output h3,html[lang=ar] .route .service-tile h3{font-size:clamp(25px,2.2vw,31px)!important}
html[lang=ar] .route .buy-grid p,html[lang=ar] .route .buy-grid li,html[lang=ar] .route .buy-output p,html[lang=ar] .route .buy-output dd{font-size:16px;line-height:1.85}
html[lang=ar] #ourServices .service-item h3{font-size:clamp(24px,2.2vw,31px)!important}
html[lang=ar] #ourServices .service-item p{font-size:16px;line-height:1.85}
html[lang=ar] .route .red-cta h2{font-size:clamp(34px,4vw,58px)!important}
html[lang=ar] .route .about-experience h3{font-size:24px!important}
html[lang=ar] .route .about-working-grid h4{font-size:19px!important}
html[lang=ar] .route .contact-form h2{font-size:clamp(26px,2.5vw,36px)!important}
html[lang=ar] .route .v3-hero-summary{font-weight:400!important;line-height:1.85!important}
html[lang=ar] .route .about-founder-name .serif{font-size:1em}
html[lang=ar] .route .sx-stage .sx-card p{font-weight:400;font-size:clamp(10px,1.05vw,16px);line-height:1.65!important}
html[lang=ar] .route .sx-stage .sx-core strong,html[lang=ar] .route .sx-stage .sx-core em{font-weight:700!important}
@media(max-width:1000px){
 .route .buy-grid,.route .buy-grid:has(>article:nth-child(2):last-child){grid-template-columns:1fr;gap:26px}
 .route .buy-grid article{padding-block:20px 0}
 .route .buy-output dl{grid-template-columns:1fr;gap:8px}
 .route .buy-output dd{margin-bottom:12px}
 .route .buy-grid article>.link-arrow:last-child{margin-top:12px;padding-top:10px}
}
@media(max-width:760px){
 .route .red-cta .inner{grid-template-columns:1fr;gap:24px}
 .route .red-cta .button{justify-self:start;min-width:200px}
 .route .article-rail{position:static}
}
@media(max-width:620px){
 :root{--section-space:48px}
 .route:not([data-route=home]) .pagehero{padding-block:42px 48px!important}
 .route:not([data-route=home]) .pagehero h1{font-size:40px;line-height:1.04}
 .route:not([data-route=home]) .pagehero .lede{font-size:18px;margin-top:22px;line-height:1.6}
 .route .section-head{margin-bottom:26px}
 .route .section-head h2,.route>.section h2,.route .vision h2,.route .year-band h2{font-size:34px;line-height:1.1}
 .route .intro-story h2{font-size:36px;max-width:none}
 .route .intro-story .large-quote{font-size:28px;max-width:none}
 .route .intro-story .support{font-size:17px;line-height:1.7}
 .route .section>h2+.lede{font-size:18px;margin-top:18px}
 html #ourServices .section-head h2{font-size:34px!important}
 html #ourServices .section-head>p{font-size:17px;margin-top:18px}
 html #ourServices .service-item{grid-template-columns:23px minmax(0,1fr) 24px;column-gap:12px;row-gap:8px;padding-block:22px}
 html #ourServices .service-item h3{font-size:23px!important;line-height:1.25}
 html #ourServices .service-item p{font-size:16px;line-height:1.7}
 html #ourServices .service-item .number{font-size:11px;margin-top:5px}
 html #ourServices .service-item .arrow{font-size:24px}
 .route .creative-card h3{font-size:28px}
 .route .creative-card:nth-child(2){margin-top:0}
 .route .service-tile h3{font-size:28px}
 .route .service-grid{gap:24px}
 .route .service-tile .num{margin-bottom:16px}
 .route .service-tile .bottom{padding-top:16px}
 .route .buy-grid{margin-block:26px}
 .route .buy-output{margin-block:24px}
 .route .buy-grid h3,.route .buy-output h3{font-size:27px}
 .route .buy-grid p,.route .buy-grid li,.route .buy-output p,.route .buy-output dd{font-size:16px;line-height:1.7}
 .route .service-detail-main h2{font-size:34px;max-width:none}
 .route .button{font-size:12px;gap:16px}
 .route .red-cta h2{font-size:38px}
 .route .red-cta .button{width:100%;min-width:0;justify-self:stretch}
 .route .contact-split{gap:28px}
 .route .contact-form{padding:24px}
 .route .contact-form h2{font-size:28px}
 .route .article-copy p,.route .article-copy li{font-size:17px;line-height:1.75}
 .route[data-route=about] .about-founder-grid{gap:28px}
 .route[data-route=about] .about-experience h3{font-size:24px!important}
 .route[data-route=about] .about-working-heading h3{font-size:28px!important}
 .route[data-route=about] .about-working-grid{gap:24px;margin-top:24px}
 html[lang=ar] .route:not([data-route=home]) .pagehero h1{font-size:34px!important}
 html[lang=ar] .route .section h2,html[lang=ar] .route .year-band h2,html[lang=ar] .route .service-detail-main h2{font-size:30px!important}
 html[lang=ar] .route h3{font-size:25px!important}
 html[lang=ar] .route .v3-chapter{font-size:9px!important}
 html[lang=ar] .route .v314-story-text{font-size:14px}
 html[lang=ar] .route .v3-hero-summary{font-size:17px!important;line-height:1.8!important}
 html[lang=ar] #ourServices .service-item h3{font-size:23px!important}
 html[lang=ar] .route .buy-grid h3,html[lang=ar] .route .buy-output h3,html[lang=ar] .route .service-tile h3{font-size:25px!important}
 html[lang=ar] .route .red-cta h2{font-size:32px!important}
 html[lang=ar] .route .about-working-grid h4{font-size:19px!important}
 html[lang=ar] .route .contact-form h2{font-size:26px!important}
}
.route .buy-grid article>.engagement-cta:last-child{align-self:start;margin-top:auto;padding:14px 18px;font-size:12px}
.route .buy-grid article:has(>.engagement-cta)>p:last-of-type{margin-bottom:22px}
.route .buy-output>.engagement-cta{margin-top:22px}

@media(max-width:1000px){.route .buy-grid article>.engagement-cta:last-child{margin-top:0}}
html[lang=ar] .route .engagement-cta{font-size:14px!important}
/* Existing approved CTA labels are available before the service hero photograph on mobile. */
.route .service-hero-cta{margin-top:26px}
.route[data-route=home] .v3-hero .button.outline{background:#74140e}
html[lang=ar] .route :is(h1,h2,h3,h4),html[lang=ar] .route :is(h1,h2,h3,h4) *,html[lang=ar] .route .large-quote,html[lang=ar] .route .large-quote *,html[lang=ar] .route .v314-desire-title,html[lang=ar] .route .v314-desire-title *{font-weight:700!important}
@media(max-width:620px){.route .service-hero-cta{width:100%;margin-top:24px}}
/* Colour changes are immediate: no light text/light background transition frame. */
.route .button,.route[data-route=home] .v3-hero .button{transition:transform .18s ease}
.route .button:focus-visible{background:var(--navy);border-color:var(--navy);color:var(--iv)}
.route .button.ivory:focus-visible{background:var(--iv);border-color:var(--iv);color:#851b0c}
.route[data-route=home] .v3-hero .button.outline:focus-visible{background:var(--navy);border-color:var(--iv);color:var(--iv)}
/* Short labels stay together instead of creating three empty vertical rows. */
.route:not([data-route=home]) .pagehero .hero-footline{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
html[lang=ar] .route .about-belief-mark,html[lang=ar] .route .about-belief-mark *{font-weight:700!important}
html[lang=ar] .route summary{font-weight:700}
.route[data-route=about] .section:has(>.values)>h2{margin-bottom:32px!important}
.route .service-includes .button{margin-top:28px!important}
.article-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:32px}
.site-header .nav .nav-contact{display:inline-flex;align-items:center;min-height:48px;background:#9d210f!important;color:var(--iv)!important}
.site-header .nav .nav-contact:hover{background:#851b0c!important;color:var(--iv)!important}
.site-header .nav .nav-contact:focus-visible{background:var(--navy)!important;color:var(--iv)!important;outline:3px solid #2676aa;outline-offset:5px}
@media(max-width:620px){.article-actions .button{width:100%}}
/* The accessibility control belongs in the footer and never floats over a CTA. */
.preview-bar{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:64px;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;justify-content:center!important;align-items:center;gap:16px;padding:10px var(--gutter)!important;background:var(--ink)!important;color:var(--iv)!important}
.preview-bar .tag{display:none!important}
.preview-bar button{min-height:44px;padding:10px 16px;font-size:12px;color:var(--iv)}
.route #v3Film.v3-film{padding-top:48px!important}
.route #v3Film .v314-story-strip{margin-top:24px!important}
.route #v3Film .story-note{padding:18px var(--gutter) 24px;margin:0;font-size:12px;line-height:1.6;color:#7b1a10}
@media(max-width:620px){.route #v3Film.v3-film{padding-top:32px!important}.preview-bar .message{display:none!important}}
/* The five-part project story stays visible; deeper sample outputs open on request. */
.route .case-evidence{padding:0!important;border:1px solid #1a0f0c33}
.case-evidence>summary{position:relative;cursor:pointer;list-style:none;padding:24px;padding-inline:28px 70px}
.case-evidence>summary::-webkit-details-marker{display:none}
.case-evidence>summary::marker{content:''}
.case-evidence>summary:focus-visible{outline:3px solid #2676aa;outline-offset:4px}
.case-evidence>summary>.eyebrow{display:block;font-size:11px;line-height:1.6;margin-bottom:10px}
.case-evidence-title{display:block;font:900 clamp(25px,2.4vw,35px)/1.15 'Archivo',Arial,sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.case-toggle{position:absolute;inset-inline-end:25px;top:50%;width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:400 24px/1 'DM Sans',Arial,sans-serif;transform:translateY(-50%);transition:transform .18s ease}
.case-evidence[open] .case-toggle{transform:translateY(-50%) rotate(45deg)}
.case-evidence-body{padding:0 28px 28px}
.case-evidence-body>:first-child{margin-top:0}
html[lang=ar] .route .case-evidence-title,html[lang=ar] .route .case-evidence-title *{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif!important;font-weight:700!important;font-style:normal!important;line-height:1.5;letter-spacing:0}
html[lang=ar] .route .case-evidence-title{font-size:clamp(25px,2.2vw,31px)}
@media(max-width:620px){.case-evidence>summary{padding-block:22px;padding-inline:22px 60px}.case-evidence-title{font-size:25px}.case-toggle{inset-inline-end:18px}.case-evidence-body{padding:0 22px 22px}}
/* Remove the browser's default figure margins from narrow About hero layouts. */
@media(max-width:920px){.route:not([data-route=home]) .pagehero .portrait{margin:0;width:100%;max-width:none}}
/* Contact: show the complete 1536 × 1024 composition, with no cover-fit banner. */
.route[data-route=contact] .v310-contact-photo{position:relative!important;inset:auto!important;display:block;width:min(1100px,calc(100% - var(--gutter) - var(--gutter)))!important;height:auto!important;min-height:0!important;margin:0 auto!important;overflow:visible;background:transparent;clip-path:none!important;transform:none!important}
.route[data-route=contact] .v310-contact-photo>img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;border-radius:2px}
.route[data-route=contact] .v310-contact-photo::before,.route[data-route=contact] .v310-contact-photo::after{display:none!important}
.route[data-route=contact] .v310-contact-photo>figcaption{position:static!important;inset:auto!important;display:block;width:auto;max-width:none;margin-top:12px;padding:0;background:transparent!important;color:var(--ink)!important;box-shadow:none;text-shadow:none;text-align:start;font-size:10px;line-height:1.7}
/* One clear path into each service; the original titles, summaries and links stay together. */
#serviceCapabilities .section-head{display:block;max-width:900px;margin-bottom:28px}
#serviceCapabilities .section-head h2{max-width:none}
#serviceCapabilities .section-head p{max-width:64ch;margin-top:20px;font-size:18px;line-height:1.65}
#serviceCapabilities .service-grid{display:block}
#serviceCapabilities .service-tile{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"number title action" ". description action";gap:8px 24px;min-height:0;padding:26px 0;border-top:1px solid var(--ink);text-align:start}
#serviceCapabilities .service-tile:last-child{border-bottom:1px solid var(--ink)}
#serviceCapabilities .service-tile:hover{padding-inline:0;background:transparent}
#serviceCapabilities .service-tile:hover h3{color:var(--r)}
#serviceCapabilities .service-tile .num{grid-area:number;margin:5px 0 0;font-size:12px;line-height:1.7}
#serviceCapabilities .service-tile h3{grid-area:title;min-width:0;margin:0;font-size:clamp(27px,2.4vw,35px);line-height:1.15}
#serviceCapabilities .service-tile p{grid-area:description;min-width:0;max-width:72ch;margin:0;font-size:17px;line-height:1.65}
#serviceCapabilities .service-tile .bottom{grid-area:action;align-self:center;justify-self:end;min-height:44px;margin:0;padding:0;font-size:13px;line-height:1.6;text-align:end}
@media(max-width:760px){
 #serviceCapabilities .service-tile{grid-template-columns:minmax(0,1fr);grid-template-areas:"number" "title" "description" "action";gap:8px;padding-block:24px}
 #serviceCapabilities .service-tile h3{font-size:26px!important;line-height:1.2}
 #serviceCapabilities .service-tile p{font-size:16px;line-height:1.7}
 #serviceCapabilities .service-tile .bottom{justify-self:start;text-align:start;font-size:12px}
 #serviceCapabilities .section-head p{font-size:17px}
}
html[lang=ar] #serviceCapabilities .service-tile h3{font-size:clamp(25px,2.2vw,31px)!important;line-height:1.5!important}
html[lang=ar] #serviceCapabilities .service-tile p{font-size:16px;line-height:1.85}
html[lang=ar] #serviceCapabilities .service-tile .bottom{font-size:13px;letter-spacing:0}
@media(max-width:760px){html[lang=ar] #serviceCapabilities .service-tile h3{font-size:25px!important}}
/* Keep the service overview brief; the complete original example opens without leaving it. */
.worked-example-details{margin-top:26px}
.worked-example-details>summary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;max-width:100%;list-style:none;cursor:pointer;padding:14px 22px;border:2px solid var(--ink);background:var(--ink);color:var(--iv);font:700 13px/1.6 'DM Sans',Arial,sans-serif;text-align:start}
.worked-example-details>summary::-webkit-details-marker{display:none}
.worked-example-details>summary::marker{content:''}
.worked-example-details>summary:hover,.worked-example-details>summary:focus-visible{background:var(--navy);color:var(--iv);border-color:var(--navy)}
.worked-example-details>summary:focus-visible{outline:3px solid #2676aa;outline-offset:5px}
.worked-example-indicator{display:inline-block;flex:none;font:400 24px/1 'DM Sans',Arial,sans-serif;transition:transform .18s ease}
.worked-example-details[open]>summary .worked-example-indicator{transform:rotate(45deg)}
.worked-example-body{padding-top:4px}
html[lang=ar] .worked-example-details>summary{font-family:'Noto Sans Arabic','DM Sans',Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.8;letter-spacing:0}
@media(max-width:620px){.worked-example-details>summary{width:100%}}

/* /editorial.css */
/* A readable journal, using the established palette and type families. */
[data-editorial-content]>.section{padding-block:var(--section-space)}
.editorial-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,4vw,58px)}
.route [data-editorial-content] .pagehero h1{font-size:clamp(38px,4.7vw,68px)!important;line-height:1.08;max-width:100%;margin-top:24px;overflow-wrap:normal;word-break:normal}
.route [data-editorial-content] .pagehero .lede{font-size:clamp(18px,1.5vw,21px);line-height:1.65;max-width:52ch}
.editorial-byline{font-size:12px;line-height:1.7;margin-top:24px;font-weight:600}
.editorial-existing-photo{margin:0;overflow:visible;border-radius:2px}
.editorial-existing-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.article-copy{min-width:0;max-width:790px}
.article-copy p,.article-copy li{line-height:1.8}
.article-copy h2{scroll-margin-top:110px;letter-spacing:-.035em}
.article-answer{padding:28px;background:var(--peach);border-inline-start:4px solid var(--r);scroll-margin-top:110px;margin-bottom:34px}
.route [data-editorial-content] .article-answer h2{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;margin:0 0 16px}
.article-answer p{font-size:18px;line-height:1.8}
.article-outline>summary{font-weight:700;font-size:13px;cursor:pointer;line-height:1.6;margin-bottom:12px}
.article-rail a{line-height:1.6;white-space:normal;padding-block:9px;text-underline-offset:4px}
.article-rail{max-height:calc(100dvh - 140px);overflow-y:auto;padding-inline-end:8px}
.article-faq,.article-sources,.article-related{margin-top:38px;scroll-margin-top:110px}
.article-faq summary{line-height:1.7;padding-block:3px}
.article-faq details p{margin-bottom:8px}
.article-sources ul{padding-inline-start:20px}
.article-sources li{margin-block:12px;font-size:15px}
.article-sources a{overflow-wrap:anywhere;text-underline-offset:4px}
.article-related{display:grid;gap:0;border-top:1px solid var(--ink);padding-top:20px}
.route .article-related h2{font-size:27px;margin:0 0 12px}
.article-related>a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;min-height:54px;border-bottom:1px solid #1a0f0c33;padding-block:14px;font-size:18px;line-height:1.5;font-weight:600}
.article-related>a:hover{text-decoration:underline;text-underline-offset:4px}
.article-back{margin-top:24px}
#insightCount{font-size:14px;margin-top:24px;color:var(--ink)}
.article-framework{margin:28px 0;padding:24px;border:1px solid #1a0f0c33;border-radius:3px;background:var(--iv);color:var(--ink);min-width:0}
.article-framework ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.article-framework li{min-width:0;margin:0;position:relative;display:flex;align-items:center;gap:14px;line-height:1.5!important;font-size:16px!important}
.article-framework strong{font-weight:600;line-height:1.6;word-break:normal;overflow-wrap:normal}
.framework-shape{display:grid;place-items:center;flex:none;width:40px;height:40px;font:600 13px/1 'DM Sans',Arial,sans-serif;border:1px solid currentColor;border-radius:50%}
.article-framework figcaption{font-size:12px;line-height:1.75;margin-top:20px;text-align:start}
.framework-brand-positioning ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.framework-brand-positioning li{flex-direction:column;text-align:center;gap:12px}
.framework-brand-positioning .framework-shape{width:70px;height:70px;background:var(--r);color:var(--iv);font-size:20px;border:0}
.framework-brand-positioning li:nth-child(2) .framework-shape{background:var(--navy)}
.framework-brand-positioning li:nth-child(3) .framework-shape{background:var(--peach);color:var(--ink)}
.framework-cafe-brand-loyalty{background:var(--navy);color:var(--iv)}
.framework-cafe-brand-loyalty ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.framework-cafe-brand-loyalty li{flex-direction:column;align-items:start;padding:18px 12px;border:1px solid #f5efe455;border-radius:18px;min-height:120px}
.framework-cafe-brand-loyalty .framework-shape{color:var(--peach)}
.framework-beverage-brand-launch{background:#9d210f;color:var(--iv)}
.framework-beverage-brand-launch li{padding:14px 12px;border:1px solid #f5efe488;border-radius:7px;min-height:68px}
.framework-beverage-brand-launch li:nth-child(2){margin-inline-start:12px}
.framework-beverage-brand-launch li:nth-child(3){margin-inline-start:24px}
.framework-beverage-brand-launch li:nth-child(4){margin-inline-start:36px}
.framework-marketing-metrics ol{gap:12px}
.framework-marketing-metrics li{padding:14px;border-inline-start:4px solid var(--r);background:var(--peach);min-height:70px}
.framework-marketing-metrics li:nth-child(2){margin-inline-start:12px}
.framework-marketing-metrics li:nth-child(3){margin-inline-start:24px}
.framework-marketing-metrics li:nth-child(4){margin-inline-start:36px}
.editorial-hero-grid>.article-framework{margin:0}
.privacy-trigger{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:600;cursor:pointer}
.footer .privacy-trigger{margin-inline-start:0}
.contact-form .privacy-trigger{width:auto;margin-top:8px}
#enquiryPrivacy{width:min(620px,calc(100% - 36px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--ink);background:var(--iv);color:var(--ink);padding:28px}
#enquiryPrivacy::backdrop{background:#1a0f0cb3}
.privacy-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}
.privacy-heading h2{font-size:27px;line-height:1.2}
.privacy-heading button{flex:none;border:1px solid var(--ink);background:transparent;color:var(--ink);width:44px;height:44px;font-size:28px;line-height:1}
[data-privacy-content] p{font-size:16px;line-height:1.8;margin-block:16px}
[data-privacy-content] a{display:inline-block;text-underline-offset:4px}
html[lang=ar] .route [data-editorial-content] .pagehero h1{font-size:clamp(32px,3.8vw,54px)!important;line-height:1.5!important}
html[lang=ar] .route [data-editorial-content] .article-copy h2{font-size:clamp(25px,2.4vw,35px)!important;line-height:1.5!important}
html[lang=ar] .route [data-editorial-content] .article-copy p,html[lang=ar] .route [data-editorial-content] .article-copy li{font-size:18px;line-height:1.9}
html[lang=ar] .article-framework strong{font-weight:600}
html[lang=ar] .article-rail a,html[lang=ar] .article-outline>summary{font-size:14px}
html[lang=ar] .privacy-heading h2{font-size:26px}
@media(max-width:1000px){.editorial-hero-grid{grid-template-columns:1fr}.editorial-hero-grid>.article-framework,.editorial-existing-photo{width:100%;max-width:600px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}}
@media(max-width:760px){
 .article-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .article-rail{position:static;max-height:none;padding:16px;border:1px solid var(--ink)}
 .article-outline>summary{margin:0;min-height:28px}
 .article-outline[open]>summary{margin-bottom:12px}
 .route [data-editorial-content] .pagehero h1{font-size:38px!important}
 .article-answer{padding:22px;margin-bottom:28px}
 .route [data-editorial-content] .article-answer h2{font-size:24px!important}
 .article-copy p,.article-copy li{font-size:17px;line-height:1.8}
 .article-framework{padding:18px}
 .article-framework li{font-size:15px!important;gap:10px}
 .framework-brand-positioning .framework-shape{width:54px;height:54px}
 .framework-brand-positioning strong{font-size:14px;line-height:1.6}
 .article-related>a{font-size:17px}
 .article-sources li{font-size:14px}
 .footer .privacy-trigger{display:flex;margin-inline-start:0;margin-top:6px}
 html[lang=ar] .route [data-editorial-content] .pagehero h1{font-size:32px!important}
 html[lang=ar] .route [data-editorial-content] .article-copy h2{font-size:27px!important}
 html[lang=ar] .route [data-editorial-content] .article-copy p,html[lang=ar] .route [data-editorial-content] .article-copy li{font-size:17px;line-height:1.9}
}
/* Complete Contact composition, from the left page edge to the right page edge. */
.route[data-route=contact] .v310-contact-photo{width:100%!important;max-width:none!important;margin-inline:0!important}
.route[data-route=contact] .v310-contact-photo>figcaption{padding-inline:var(--gutter)}

.editorial-existing-photo figcaption{font-size:10px;line-height:1.7;margin-top:12px;text-align:start}
body:has(#enquiryPrivacy[open]){overflow:hidden}

/* /arabic-editorial-type.css */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/amiri-arabic-700.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/noto-naskh-arabic-variable.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* Arabic editorial typography: classical Naskh forms with genuine display weight. */
html[lang=ar] :is(body,[data-arabic-text],input,textarea,select,button,.button,.serif,.eyebrow,.micro,.nav a,.link-arrow,.v3-title,.v3-title em){font-family:'Noto Naskh Arabic','DM Sans',serif!important;font-synthesis:none;letter-spacing:0!important;font-style:normal!important}
html[lang=ar] .route :is(h1,h2,h3,h4),html[lang=ar] .route :is(h1,h2,h3,h4) *,html[lang=ar] .route .large-quote,html[lang=ar] .route .large-quote *,html[lang=ar] .route .v314-desire-title,html[lang=ar] .route .v314-desire-title *,html[lang=ar] .route .about-belief-mark,html[lang=ar] .route .about-belief-mark *,html[lang=ar] .route .case-evidence-title,html[lang=ar] .route .case-evidence-title *{font-family:'Amiri','Noto Naskh Arabic',serif!important;font-weight:700!important;line-height:1.5!important;letter-spacing:0!important;font-style:normal!important;font-synthesis:none}
html[lang=ar] .route :is(p,li,dd){font-size:20px;line-height:1.85;font-weight:400}
html[lang=ar] .route .lede{font-size:clamp(21px,1.6vw,24px);line-height:1.8}
html[lang=ar] .route .eyebrow,html[lang=ar] .route .micro{font-size:14px;font-weight:600;line-height:1.8}
html[lang=ar] .site-header .nav a{font-family:'Noto Naskh Arabic','DM Sans',serif!important;font-size:17px;font-weight:600;line-height:1.6}
html[lang=ar] .route .button,html[lang=ar] .route button,html[lang=ar] .route .link-arrow{font-size:17px;font-weight:600;line-height:1.6}
html[lang=ar] .contact-form :is(input,textarea,select){font-size:20px;line-height:1.7}
html[lang=ar] .contact-form label{font-family:'Noto Naskh Arabic','DM Sans',serif;font-size:15px;font-weight:600;line-height:1.8}
html[lang=ar] .route .contact-form small,html[lang=ar] .route .privacy-trigger{font-size:15px;line-height:1.8}
html[lang=ar] #ourServices .service-item p{font-size:20px;line-height:1.8}
html[lang=ar] .route .article-copy p,html[lang=ar] .route .article-copy li{font-size:21px;line-height:1.85}
html[lang=ar] .article-rail a,html[lang=ar] .article-outline>summary{font-size:17px;line-height:1.7}
html[lang=ar] .route .editorial-byline{font-size:15px;line-height:1.8}
html[lang=ar] .route .article-framework li{font-size:19px!important;line-height:1.7!important}
html[lang=ar] .article-framework strong{font-weight:600;line-height:1.7}
html[lang=ar] .article-framework figcaption{font-size:16px;line-height:1.8}
html[lang=ar] .route .article-sources li{font-size:18px}
html[lang=ar] .article-related>a{font-size:21px;line-height:1.6}
html[lang=ar] .route .article-faq summary{font-size:20px;line-height:1.7;font-weight:600}
html[lang=ar] .footer :is(p,a,.privacy-trigger){font-size:16px;line-height:1.8}
.locale-menu button[lang=ar]{font-family:'Noto Naskh Arabic',serif!important;font-size:19px;font-weight:600;line-height:1.6}
html[lang=ar] .privacy-heading h2{font-family:'Amiri','Noto Naskh Arabic',serif!important;font-weight:700;line-height:1.5}
html[lang=ar] [data-privacy-content] p{font-size:20px;line-height:1.85}
@media(max-width:760px){
 html[lang=ar] .route :is(p,li,dd){font-size:19px;line-height:1.85}
 html[lang=ar] .route .lede{font-size:21px;line-height:1.8}
 html[lang=ar] #ourServices .service-item p{font-size:19px}
 html[lang=ar] .route .article-copy p,html[lang=ar] .route .article-copy li{font-size:20px;line-height:1.85}
 html[lang=ar] .route .article-framework li{font-size:18px!important}
 html[lang=ar] .route .article-sources li{font-size:17px}
 html[lang=ar] .route .editorial-byline{font-size:14px}
 html[lang=ar] .article-related>a{font-size:20px}
 html[lang=ar] .site-header .mobile-menu-button{font-size:15px;line-height:1.6}
}

/* /italian-refinement.css */
/* Natural Italian line lengths; keep the approved Latin typefaces and full rows. */
html[lang=it] h1>.serif,html[lang=it] h2>.serif{margin-inline-start:.14em}
html[lang=it] .approach-item{grid-template-columns:108px minmax(0,1fr)}
html[lang=it] .approach-item .step{overflow-wrap:normal;word-break:normal;line-height:1.6}
html[lang=it] .locale-menu button[lang=it]{direction:ltr}
@media(max-width:760px){
 html[lang=it] .approach-item{grid-template-columns:minmax(0,1fr);gap:14px}
 html[lang=it] .approach-item .step{display:block}
}
/* A long Italian heading must not set the grid's intrinsic width. */
html[lang=it] .editorial-hero-grid>*{min-width:0;max-width:100%}
@media(max-width:620px){
 html[lang=it] .route [data-editorial-content] .editorial-pagehero h1{font-size:32px!important;line-height:1.18!important}
 html[lang=it] .article-framework ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[lang=it] .article-framework li{flex-direction:column;align-items:center;text-align:center;margin-inline:0!important;padding-inline:10px}
 html[lang=it] .article-framework strong{font-size:14px;max-width:100%}
}

/* /action-icons.css */
/* A single generated, losslessly exported silhouette follows each action's colour. */
.server-action-icon{--server-action-art:url("/assets/ui/server-action.webp");display:inline-block!important;flex:0 0 auto;align-self:center;width:30px;height:30px;min-width:30px;margin-inline-start:7px;vertical-align:middle;font-size:0!important;line-height:0!important;position:relative;pointer-events:none;overflow:visible;transition:transform .18s ease}
.server-action-icon[data-leading]{margin-inline-start:0;margin-inline-end:7px}
.arrow:has(>.server-action-icon),.v314-story-arrow:has(>.server-action-icon){line-height:0!important}
.arrow>.server-action-icon,.v314-story-arrow>.server-action-icon,.button>span>.server-action-icon,.article-related a>span>.server-action-icon{margin-inline:0}
.site-header .server-action-icon{width:27px;height:27px;min-width:27px}
.footer .server-action-icon{width:26px;height:26px;min-width:26px}
@media(max-width:760px){
 .server-action-icon{width:34px;height:34px;min-width:34px}
 .site-header .server-action-icon{width:28px;height:28px;min-width:28px}
 .footer .server-action-icon{width:30px;height:30px;min-width:30px}
}

.v314-story-arrow:has(>.server-action-icon){opacity:1!important}

/* The original server stays intact; the tiny cloche sits above her existing tray. */
.server-action-icon::before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--server-action-art) center/contain no-repeat;mask:var(--server-action-art) center/contain no-repeat;mask-mode:alpha}
.server-cloche{position:absolute;left:67%;top:19%;width:26%;height:9%;border-radius:90% 90% 0 0;background:currentColor;transform-origin:10% 100%;transition:transform .22s ease}
.server-cloche::before{content:"";position:absolute;width:22%;height:35%;left:39%;top:-30%;border-radius:50%;background:currentColor}
.server-spark{position:absolute;left:78%;top:17%;width:12%;height:13%;background:currentColor;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 36%);opacity:0;transform:scale(.4);transition:opacity .15s ease,transform .22s ease}
[data-serving-action]:is(:focus-visible,:active,.is-serving) .server-cloche{transform:translate(-1px,-6px) rotate(-24deg)}
[data-serving-action]:is(:focus-visible,:active,.is-serving) .server-spark{opacity:1;transform:scale(1)}
[data-serving-action]:is(:focus-visible,:active,.is-serving) .server-action-icon{transform:translateY(-1px)}
@media(hover:hover){[data-serving-action]:hover .server-cloche{transform:translate(-1px,-6px) rotate(-24deg)}[data-serving-action]:hover .server-spark{opacity:1;transform:scale(1)}[data-serving-action]:hover .server-action-icon{transform:translateY(-1px)}}
/* Text links also respond where the small icon alone could be overlooked. */
a[data-serving-action]:not(.button):is(:hover,:focus-visible,.is-serving){text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
@media(prefers-reduced-motion:reduce){.server-action-icon,.server-cloche,.server-spark{transition:none!important}}
html[data-reduce=true] .server-action-icon,html[data-reduce=true] .server-cloche,html[data-reduce=true] .server-spark{transition:none!important}

/* /public-pages.css */
/* Language links retain the approved globe-menu treatment without requiring JS. */
.locale-picker>summary{list-style:none}.locale-picker>summary::-webkit-details-marker{display:none}
.locale-menu a{display:block;min-height:44px;width:100%;text-align:start;font:600 15px/1.5 'DM Sans',Arial,sans-serif;padding:11px 15px;color:inherit;text-decoration:none}
.locale-menu a:hover,.locale-menu a[aria-current=page]{background:#eadbce}
.locale-menu a:focus-visible{outline:3px solid #2676aa;outline-offset:2px}
.locale-menu a[lang=ar]{font-family:'Noto Naskh Arabic',serif;font-size:19px;line-height:1.6}
.locale-menu a[lang=en],.locale-menu a[lang=fr],.locale-menu a[lang=it]{direction:ltr}