/* Web_2 palette and motion, applied to the six-page corporate structure. */
:root{--dark:#29263d;--ink:#282537;--gold:#c8a86b;--muted:#736f72;--line:#ded8d0;--paper:#f6f3ed}
body{background:#f8f6f0}
.header{background:#29263df7;color:#fff;border-bottom:1px solid #c8a86b35;transition:background .4s,box-shadow .4s}
.header.is-scrolled{background:#211f30f2;box-shadow:0 6px 22px #15132222}
.brand img{filter:brightness(0) invert(1)}
.desktop-nav{gap:12px}
.desktop-nav a{border:1px solid #ffffff60;border-radius:30px;padding:9px 16px;font-size:12px;letter-spacing:.06em;transition:background .35s,border-color .35s}
.desktop-nav a:after{display:none}
.desktop-nav a:hover{background:#ffffff20;border-color:#fff}
.desktop-nav a[aria-current=page]{border-color:#c8a86b;color:#e9ce91;background:#c8a86b12}
.menu-button{color:#fff}
.mobile-nav{background:#f8f5ed;color:var(--ink);animation:menu-entry .45s ease both}
.mobile-nav a{transition:color .3s,padding-left .3s;animation:web2-rise .55s both}
.mobile-nav a:nth-child(2){animation-delay:.05s}.mobile-nav a:nth-child(3){animation-delay:.1s}.mobile-nav a:nth-child(4){animation-delay:.15s}.mobile-nav a:nth-child(5){animation-delay:.2s}.mobile-nav a:nth-child(6){animation-delay:.25s}
.mobile-nav a:hover{padding-left:9px;color:#ac8249}
.mobile-nav a[aria-current=page]{color:#977544}
.eyebrow{color:#ae8a4c;letter-spacing:.23em;font-weight:600}
.hero{background:#171820}
.hero-images img{filter:saturate(.68) contrast(1.07);transition:opacity 1.4s ease-in-out;animation:web2-drift 18s ease-in-out infinite alternate}
.hero-images img.is-active{animation:web2-drift 18s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(90deg,#1a1a2ab8,#22233942),linear-gradient(180deg,#10121d6e,transparent 42%,#1114218c)}
.hero .eyebrow{color:#e9ce91;animation:web2-rise .9s .1s both;position:relative;padding-left:18px}
.hero .eyebrow:before{content:'';position:absolute;left:0;top:0;height:100%;width:1px;background:var(--gold);transform-origin:top;animation:gold-rule 1.2s ease-out both}
.hero h1{animation:web2-rise .9s .35s both}
.hero-content>p:not(.eyebrow){animation:web2-rise .9s .48s both}
.hero-bottom{animation:web2-rise .9s .6s both}
.hero-controls button{border-color:#c8a86b80;transition:background .35s,color .35s}
.hero-controls button:hover{background:#c8a86b22;color:#e9ce91}
.hero-paused .hero-images img{animation-play-state:paused}
.business-strip{background:#f0ede6}
.business-index{background:#29263f;color:#fff;position:relative;isolation:isolate}
.business-index:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 0 90%,#4e426080,transparent 30%),radial-gradient(circle at 100% 8%,#47395676,transparent 28%);pointer-events:none}
.business-list .eyebrow{color:#c9a869}
.business-list>a{border-color:#c6a86a77;transition:color .3s,background .3s}
.business-list>a:last-child{border-color:#c6a86a77}
.business-list>a:hover{color:#e9ce91;background:#ffffff05}
.business-list>a>span:last-child{transition:transform .35s}
.business-list>a:hover>span:last-child{transform:translate(3px,-3px)}
.business-list .row-number{color:#c9a869}
.business-list p{color:#d3cbd3}
.business-photo .photo figcaption{color:#d3cbd3}
.home-quality{position:relative}
.soft{background:#f0ede6}
.process-grid article{border-color:#b99a61}
.process-grid article>span,.practice article>span{color:#a98750}
.read-link{border-color:#b99a61;transition:color .3s}
.read-link:hover{color:#977544}
.photo img{filter:saturate(.82);transition:filter .8s ease,clip-path .9s ease}
.business-photo .photo img{filter:saturate(.78)}
.photo:hover img{filter:saturate(1)}
.product-detail .photo img{background:#ece8e1}
/* One arrival treatment for every page, independent of its opening layout.
   Animate the opening group once; keep the shared header and scroll stories still. */
.page-title,.quality-hero,.thanks-content,.cinematic-hero{animation:web2-rise .8s ease both}
.footer{background:#27243a}
.footer-grid p,.footer-label,.footer-base{color:#d2cbd2}
.footer a:hover{color:#e5c789}
.reveal{transition:opacity .75s ease,transform .75s ease;transition-delay:var(--reveal-delay,0s)}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}
.motion-ready .photo.reveal:not(.is-visible){transform:translateY(20px)}
.motion-ready .photo.reveal:not(.is-visible) img{clip-path:inset(0 0 8% 0)}
.photo.reveal.is-visible img{clip-path:inset(0)}
@keyframes web2-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes web2-drift{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes gold-rule{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes menu-entry{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.desktop-nav{gap:8px}.desktop-nav a{padding-inline:12px}}
@media(max-width:650px){.hero-shade{background:linear-gradient(90deg,#1a1a2acc,#22233980),linear-gradient(180deg,#11152360,transparent 45%,#1315229e)}.motion-ready .reveal:not(.is-visible){transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.motion-ready .photo.reveal:not(.is-visible) img{clip-path:none}}

/* business-navigation: separate distribution and processing entries. */
@media(min-width:851px) and (max-width:1000px){.desktop-nav{display:none}.menu-button{display:flex}.header-inner{height:82px}.mobile-nav{top:82px}}