@font-face{font-family:Vazir;src:url('./assets/Vazirmatn-500.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Vazir;src:url('./assets/Vazirmatn-900.ttf') format('truetype');font-weight:700 950;font-display:swap}
:root{--ivory:#f7f3ec;--ink:#211b19;--wine:#69162c;--muted:#62534d;--line:#d9d0c4;--wide:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Vazir,Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--wine);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(var(--wide),calc(100% - 112px));margin-inline:auto}.skip{position:fixed;z-index:8;top:.5rem;right:.5rem;background:white;padding:.5rem 1rem;transform:translateY(-170%)}.skip:focus{transform:none}
.head{position:sticky;top:0;z-index:3;background:#f7f3ecf0;border-bottom:1px solid #d9d0c49a;backdrop-filter:blur(15px)}.head-inner{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:24px;align-items:center;min-height:76px}.mark{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:1.23rem;font-weight:900;white-space:nowrap}.mark i{width:23px;height:21px;position:relative;display:inline-block}.mark i:before,.mark i:after{content:"";position:absolute;inset:1px 0 11px 5px;background:var(--wine);transform:skewX(-26deg);border-radius:7px 1px}.mark i:after{inset:11px 5px 1px 0}.edition,.hero-index{font:500 10px/1.3 Arial,sans-serif;letter-spacing:.17em;white-space:nowrap;color:var(--muted)}.edition{justify-self:end}nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,4vw,62px);font-size:.93rem;white-space:nowrap}nav a:hover,.arrow-link:hover{color:var(--wine)}.nav-toggle{display:none}
.hero{isolation:isolate;position:relative;overflow:hidden;background:#eee8de}.hero-inner{position:relative;display:flex;align-items:center;min-height:clamp(560px,55vw,760px)}.visual{position:absolute;z-index:-1;inset:0 auto 0 0;width:69%;background:#e7ded3}.visual img{object-position:44% 55%}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#eee8de 0%,#eee8de00 36%);pointer-events:none}.hero-copy{max-width:51%;padding-block:67px 90px}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 12px;color:var(--wine);font-size:.91rem}.eyebrow:before{content:"";display:block;width:27px;height:1px;background:currentColor;flex:none}.hero h1,h2{font-weight:900;line-height:1.19;margin:0}.hero h1{font-size:clamp(3.15rem,7vw,7.65rem);white-space:nowrap}.lead{color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.9;margin:21px 0;max-width:35ch}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:28px}.btn,.arrow-link{display:inline-flex;align-items:center;gap:12px;font-size:.92rem}.btn{min-height:48px;padding:8px 18px;border-radius:7px}.primary{color:#fffaf5;background:var(--wine)}.primary:hover{background:#4c0b1e}.arrow-link{min-height:44px;text-underline-offset:6px}.arrow-link:hover{text-decoration:underline}.hero-index{position:absolute;bottom:21px;right:0}
.brand{background:#ebe6df;border-block:1px solid var(--line)}.brand-grid{display:grid;align-items:stretch;grid-template-columns:1.34fr .82fr;gap:0}.brand-art{position:relative;margin:0;min-height:410px}.brand-art img{position:absolute;inset:0}.brand-art figcaption{position:absolute;bottom:12px;right:13px;padding:.18rem .47rem;border-radius:3px;background:#f7f3ecd9;font-size:.67rem}.brand-copy{align-self:center;padding:73px clamp(26px,6vw,88px) 73px 0}.brand h2,.about h2{font-size:clamp(2.5rem,5.5vw,5.5rem)}.word-en{display:inline-block;margin:10px 0 0;font:500 11px/1.3 Arial,sans-serif;letter-spacing:.23em;color:var(--wine)}.brand .lead{margin:16px 0 9px}
.about{padding-block:clamp(64px,10vw,122px);display:grid;grid-template-columns:1fr 1.8fr;gap:22px}.about .eyebrow{align-self:start;padding-top:19px}.about .lead{max-width:53ch}.contact{background:#eae2d8;border-top:1px solid var(--line)}.contact-inner{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-block:54px}.contact h2{font-size:clamp(1.7rem,3.25vw,3rem)}.contact p:not(.eyebrow),footer{color:var(--muted)}footer{background:#eae2d8;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:77px}.footer-inner span{font-size:.82rem}
@media(max-width:850px){.wrap{width:calc(100% - 60px)}.head-inner{grid-template-columns:auto 1fr}.edition{display:none}nav{justify-content:end}.hero-copy{max-width:58%}.visual{width:70%}.brand-grid{grid-template-columns:1.1fr .9fr}}
@media(max-width:600px){html{scroll-padding-top:65px}.wrap{width:calc(100% - 36px)}.head-inner{min-height:60px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0}.mark{font-size:1.07rem}.nav-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;background:transparent;border:0;color:inherit;padding:0 8px;font:inherit;cursor:pointer}.nav-toggle span{width:14px;height:7px;border-block:1px solid currentColor}nav{display:none;width:100%;justify-content:flex-start;padding:6px 0 13px;gap:22px}nav a{padding:3px 0}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-inner{min-height:unset;order:-1}.hero-copy{max-width:none;padding:43px 0 25px}.hero h1{font-size:clamp(2.7rem,11vw,4.15rem)}.lead{margin:12px 0}.actions{gap:5px 17px;margin-top:15px}.visual{position:relative;z-index:0;width:100%;aspect-ratio:1.3}.visual:after{background:linear-gradient(180deg,#eee8de,#eee8de00 16%)}.visual img{object-position:50% 60%}.hero-index{display:none}.brand-grid{width:100%;grid-template-columns:1fr}.brand-copy{grid-row:1;padding:36px 18px 22px}.brand-art{min-height:0;aspect-ratio:1.45}.about{grid-template-columns:1fr;padding-block:46px;gap:1px}.about .eyebrow{padding:0}.contact-inner{align-items:start;flex-direction:column;padding-block:38px}.footer-inner{min-height:68px}.footer-inner span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ivory / object edition */
:root{--ivory:#f8f5ef;--ink:#211b19;--wine:#681a31;--muted:#61534e;--line:#ded7ca;--stage:#f6f2ea}
html{scroll-padding-top:102px}
.head{background:none;border:0;backdrop-filter:none;padding-top:14px;pointer-events:none}
.head-inner{pointer-events:auto;position:relative;width:min(1320px,calc(100% - 54px));padding:0 22px;min-height:66px;border:1px solid #e2dbd0;background:rgba(252,249,242,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 6px 28px #5545380c;grid-template-columns:1fr auto 1fr}
.head .mark{gap:10px;font-size:1.18rem;letter-spacing:-.025em}
.symbol{width:36px;height:36px;display:grid;place-items:center;flex:none;color:var(--wine);background:#f0e7e5;border-radius:11px}
.symbol svg{width:24px;height:24px}
.head nav{gap:2px;border:1px solid #e8e2d8;border-radius:999px;padding:3px;background:#eee8de70;justify-content:center;font-size:.86rem}
.head nav a{padding:6px 17px;min-height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:background .2s,color .2s}
.head nav a:hover,.head nav a[aria-current=true]{background:#fffdfa;color:var(--wine)}
.hero{margin-top:-80px;padding-top:80px;background:transparent;isolation:isolate}
.hero-inner{min-height:clamp(550px,51vw,700px)}
.visual{z-index:-1;inset:80px 49% 0 0;width:auto;display:grid;place-items:center;background:none;pointer-events:none}
.visual:after{display:none}
.visual img{position:relative;z-index:1;width:min(91%,660px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 13px #52402e19);animation:sculpture-drift 9s ease-in-out infinite}
.sculpture-shadow{position:absolute;top:76%;left:13%;width:72%;height:15%;background:radial-gradient(ellipse at center,#69533c36 0%,#69533c00 70%);transform:scaleY(.6);filter:blur(8px)}
@keyframes sculpture-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(.4deg)}}
.hero-copy{max-width:55%;padding-block:66px 80px}
.hero h1{font-size:clamp(3.4rem,7.5vw,7.75rem);letter-spacing:-.04em}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 3px;background:#eee4e4;border-radius:999px;font-size:.82rem}
.hero .eyebrow:before{width:5px;height:5px;border-radius:50%}
.hero .lead{margin-top:18px}
.primary{border-radius:999px;padding-inline:19px 16px;box-shadow:0 7px 18px #681a3121}
.hero .arrow-link{padding-inline:9px}
.brand{border-top:1px solid var(--line);background:#eee9e0}
.brand-grid{min-height:410px;gap:clamp(12px,4vw,58px);grid-template-columns:1.28fr .8fr}
.brand-art{margin-block:25px;min-height:355px;border-radius:24px;overflow:hidden}
.brand-copy{padding-inline-start:0}
.about{border-top:1px solid #fff9}
.contact{background:#ede6dd}
footer{background:#ede6dd}
@media(max-width:850px){.head-inner{width:calc(100% - 32px);grid-template-columns:1fr auto 1fr;padding-inline:15px}.head nav a{padding-inline:13px}.visual{right:47%}.hero-copy{max-width:58%}.brand-grid{grid-template-columns:1.1fr .9fr}}
@media(max-width:600px){html{scroll-padding-top:76px}.head{padding-top:8px}.head-inner{width:calc(100% - 22px);min-height:55px;border-radius:17px;padding-inline:10px;display:flex}.head .mark{font-size:1rem;gap:7px}.symbol{width:30px;height:30px;border-radius:9px}.symbol svg{width:20px;height:20px}.nav-toggle{display:inline-flex;align-items:center;gap:7px;font-size:.85rem}.nav-toggle svg{width:17px;height:17px}.head nav{display:none;position:absolute;top:calc(100% + 6px);right:0;left:0;width:auto;justify-content:space-evenly;background:#fcf9f2;border-radius:15px;padding:5px;box-shadow:0 8px 20px #51453615}.head nav.open{display:flex}.head nav a{min-height:43px;padding-inline:13px;flex:1}.hero{margin-top:-63px;padding-top:63px}.hero-inner{min-height:0}.hero-copy{max-width:none;padding:41px 0 10px}.hero h1{font-size:clamp(2.65rem,11.1vw,4.2rem)}.hero .lead{margin-top:10px}.actions{margin-top:14px}.visual{position:relative;inset:auto;width:100%;min-height:0;aspect-ratio:1.31}.visual img{width:min(86%,380px)}.sculpture-shadow{top:78%;left:18%;width:65%}.brand-grid{display:grid;min-height:0;width:calc(100% - 36px);grid-template-columns:1fr;gap:0}.brand-copy{padding:31px 0 12px}.brand-art{margin:0 0 20px;border-radius:17px;min-height:0;aspect-ratio:1.38}}
@media(prefers-reduced-motion:reduce){.visual img{animation:none}.head nav a{transition:none}}

@media(max-width:600px){.visual img{width:min(76%,340px)}}

/* Freestanding masthead and quieter editorial hero */
.head{padding-top:10px;background:linear-gradient(180deg,var(--ivory) 25%,#f8f5ef00);isolation:isolate}
.head-inner{display:flex;justify-content:space-between;min-height:65px;padding-inline:0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.head .mark{font-size:clamp(1.02rem,1.65vw,1.36rem);gap:5px}
.head .symbol{background:transparent;border-radius:0;color:var(--wine);width:36px;height:36px}
.head .symbol svg{width:31px;height:31px}
.head nav{margin-inline-start:auto;padding:3px;gap:3px;background:#fbf8f2ed;border-color:#e7dfd3;box-shadow:0 6px 20px #6044360b}
.head nav a{padding-inline:16px}
.hero{margin-top:-75px;padding-top:75px}
.hero-inner{min-height:clamp(505px,47.5vw,665px)}
.visual{inset:75px 50.5% 0 0}
.visual img{width:min(91%,640px)}
.hero-copy{margin-inline-start:clamp(18px,4.4vw,70px);padding-block:55px 66px;max-width:51%}
.hero .eyebrow{padding:0;background:none;gap:9px;margin-bottom:13px}
.hero .eyebrow:before{width:18px;height:1px;border-radius:0}
.hero h1{font-size:clamp(2.95rem,6.6vw,7.1rem);letter-spacing:-.047em}
.hero .lead{margin-block:13px 0;max-width:none}
.hero .actions{margin-top:24px;gap:10px 19px}
.hero .btn{padding-inline:17px 13px;min-height:46px}
.hero .btn span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff23;font-size:.92rem}
.hero .arrow-link{font-size:.88rem;color:#4e403b}
@media(max-width:850px){.head-inner{width:calc(100% - 46px)}.hero-copy{margin-inline-start:clamp(5px,2.2vw,22px);max-width:52%}.hero-inner{min-height:475px}.visual{right:49%}.head nav a{padding-inline:12px}}
@media(max-width:600px){.head{padding-top:6px}.head-inner{width:calc(100% - 36px);min-height:54px}.head .mark{gap:3px}.head .symbol{height:30px;width:30px}.head .symbol svg{width:26px;height:26px}.head .nav-toggle{padding:0 9px;min-height:42px;border-radius:999px;border:1px solid #e7dfd3;background:#fbf8f2}.head nav{right:auto;left:0;max-width:100%;justify-content:center}.head nav a{padding-inline:12px}.hero{margin-top:-60px;padding-top:60px}.hero-inner{min-height:0;justify-content:center}.hero-copy{margin:0;max-width:none;text-align:center;padding:33px 0 6px}.hero .eyebrow{margin-bottom:9px}.hero h1{font-size:clamp(2.55rem,10.7vw,4.05rem)}.hero .lead{margin-top:8px}.hero .actions{justify-content:center;margin-top:13px;gap:5px 10px}.hero .arrow-link{padding-inline:4px}.visual{inset:auto;aspect-ratio:1.42}.visual img{width:min(70%,330px)}}
@media(max-width:350px){.head-inner{width:calc(100% - 24px)}.hero .btn,.hero .arrow-link{font-size:.8rem}.hero h1{font-size:2.35rem}}

/* Full-bleed sculpture / light glass */
.head{padding-top:0;background:linear-gradient(180deg,#fffdf7c7,#faf7ef84);border-bottom:1px solid #fffdfa9c;-webkit-backdrop-filter:blur(17px) saturate(1.2);backdrop-filter:blur(17px) saturate(1.2);box-shadow:0 4px 26px #4c3b260a}
.head-inner{min-height:72px;width:min(1420px,calc(100% - 64px))}
.head nav,.head .nav-toggle{background:linear-gradient(150deg,#ffffffdd 12%,#fffcf48f 56%,#fffdf5c7 95%);border:1px solid #ffffffce;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #b6a89022,0 5px 16px #58412912;-webkit-backdrop-filter:blur(19px) saturate(1.35);backdrop-filter:blur(19px) saturate(1.35)}
.head nav a:hover,.head nav a[aria-current=true]{background:#ffffffae}
.hero{width:100%;max-width:none;margin-top:-73px;padding-top:73px;overflow:hidden;background:transparent}
.hero-inner{min-height:clamp(535px,calc(100vh - 73px),895px);min-height:clamp(535px,calc(100svh - 73px),895px)}
.visual{--hero-scale:1;--hero-alpha:1;position:absolute;inset:63px 43% 0 0;display:flex;justify-content:flex-start;align-items:flex-end;direction:ltr}
.visual img{animation:none;flex:none;width:min(111%,960px);height:auto;max-width:none;transform-origin:46% 76%;transform:translate3d(-7%,7%,0) scale(var(--hero-scale));opacity:var(--hero-alpha);filter:drop-shadow(0 10px 17px #4b2b1614);will-change:transform,opacity}
.hero-copy{z-index:1}
@media(max-width:1000px){.visual{right:45%}.visual img{width:112%;transform:translate3d(-8%,7%,0) scale(var(--hero-scale))}.head-inner{width:calc(100% - 46px)}}
@media(max-width:600px){html{scroll-padding-top:70px}.head-inner{min-height:59px;width:calc(100% - 32px)}.head nav{top:calc(100% + 5px);background:linear-gradient(150deg,#fffef7fb,#f8f2e9ed)}.hero{margin-top:-60px;padding-top:60px}.hero-inner{min-height:0;width:calc(100% - 28px)}.hero-copy{padding:35px 0 8px}.visual{position:relative;inset:auto;width:100%;aspect-ratio:1.16;justify-content:center}.visual img{width:min(101%,510px);transform:translate3d(0,8%,0) scale(var(--hero-scale))}}
@media(prefers-reduced-motion:reduce){.visual img{--hero-scale:1;--hero-alpha:1;will-change:auto}}

/* Floating navigation only: no shared bar behind the menu and wordmark. */
.head{background:none;border-bottom:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.head .mark{color:var(--ink);text-shadow:0 1px 8px #fff9}
.head .symbol{filter:drop-shadow(0 1px 4px #fff9)}
.head nav,.head .nav-toggle{border-color:#ffffffe6}

/* Soft, edge-to-edge moving daylight behind the isolated sculpture. */
.hero::before{content:"";position:absolute;z-index:-2;inset:-8% -6% -7%;pointer-events:none;background:radial-gradient(ellipse 39% 56% at 27% 43%,#fffdf9 4%,#fcf8f0ae 43%,transparent 78%),radial-gradient(ellipse 39% 50% at 26% 68%,#dcbea43f 0%,#eee1d23b 43%,transparent 81%),radial-gradient(ellipse 28% 41% at 48% 24%,#efd8dd48 0%,transparent 78%);animation:ivory-daylight 19s ease-in-out infinite alternate;transform-origin:34% 49%}
@keyframes ivory-daylight{from{transform:translate3d(-2.5%,-1.6%,0) scale(1);opacity:.82}to{transform:translate3d(4.5%,2.2%,0) scale(1.08);opacity:1}}
@media(max-width:600px){.hero::before{background:radial-gradient(ellipse 60% 45% at 47% 73%,#fffdf9 5%,#fcf7eea8 52%,transparent 82%),radial-gradient(ellipse 67% 45% at 44% 85%,#dcc0aa53 7%,transparent 83%),radial-gradient(ellipse 50% 36% at 68% 21%,#efd8dd37,transparent 78%)}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none;transform:none}}


/* Brand chapters / full-bleed editorial product scenes */
.brands-intro{border-block:1px solid #ded5ca;background:#eee8df;padding-block:clamp(60px,10vw,140px)}
.brands-intro-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw}
.brands-intro h2,.chapter-head h2{font-size:clamp(2.6rem,6.4vw,6.5rem);letter-spacing:-.055em}
.brands-intro p:not(.eyebrow),.chapter-head p:not(.eyebrow){color:var(--muted);margin:15px 0 0}
.brand-index{display:grid;justify-content:normal;gap:0}
.brand-index a{display:flex;align-items:center;justify-content:space-between;gap:23px;border-top:1px solid #b9a99a;padding:11px 0;font-size:clamp(1.05rem,2vw,1.58rem);font-weight:900;transition:color .22s}
.brand-index a:last-child{border-bottom:1px solid #b9a99a}
.brand-index small,.chapter-word{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.19em;color:var(--muted)}
.brand-index small{margin-inline-start:12px}
.brand-index a>span:last-child{color:var(--wine);font-size:1rem}
.chapter-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-block:clamp(52px,8vw,105px) clamp(27px,5vw,56px)}
.chapter-word{font-size:clamp(.68rem,1.3vw,1rem);padding-bottom:8px}
.product-scene{--wash:#efe5d9;--spark:#fffcf5;--accent:#e9c8c65e;position:relative;isolation:isolate;overflow:hidden;background:#ede5d9;border-top:1px solid #fff8}
.product-scene::before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 40%,var(--spark) 0,transparent 40%),radial-gradient(ellipse at 70% 61%,var(--accent) 0,transparent 46%),linear-gradient(110deg,#f7f3ed,var(--wash) 73%);animation:scene-light 16s ease-in-out infinite alternate;opacity:.95}
.product-scene[data-entry-side=left]::before{transform:scaleX(-1);animation-name:scene-light-reverse}
.brand-chapter--genestar .product-scene{--wash:#e8e4d9;--accent:#d9c5704a;--spark:#fffdf0}
.brand-chapter--pharmamix .product-scene{--wash:#e4e8df;--accent:#b3c9b04c;--spark:#fcfff7}
@keyframes scene-light{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(3%,1.5%,0) scale(1.04)}}
@keyframes scene-light-reverse{from{transform:scaleX(-1) translate3d(-1%,0,0)}to{transform:scaleX(-1) translate3d(3%,1.5%,0) scale(1.04)}}
.scene-inner{min-height:clamp(360px,52vw,625px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(16px,6vw,88px);padding-block:clamp(23px,4vw,54px)}
.scene-media{position:relative;isolation:isolate;display:grid;place-items:center;margin:0;min-width:0;min-height:0;aspect-ratio:1.12}
.scene-media::after{content:"";position:absolute;z-index:-1;inset:74% 12% 2%;background:radial-gradient(ellipse,#4a372b33,transparent 68%);transform:scaleY(.66);filter:blur(7px)}
.scene-image{height:100%;max-height:485px;width:100%;max-width:540px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 20px #27190d24)}
.product-scene[data-entry-side=left] .scene-inner{grid-template-columns:.88fr 1.12fr}
.product-scene[data-entry-side=left] .scene-media{grid-column:2;grid-row:1}
.product-scene[data-entry-side=left] .scene-copy{grid-column:1;grid-row:1}
.scene-copy{padding-block:14px}
.scene-kicker{margin:0 0 9px;color:var(--wine);font-size:clamp(.79rem,1.5vw,.98rem)}
.scene-copy h3{font-size:clamp(2.25rem,5.7vw,5.7rem);line-height:1.16;letter-spacing:-.05em;margin:0;text-wrap:balance}
.scene-link{display:inline-flex;align-items:center;gap:11px;min-height:44px;margin-top:16px;color:var(--wine);font-size:.87rem;text-underline-offset:5px}
.scene-link:hover{text-decoration:underline}
.product-scene--signature{background:#282027;color:#fff9f2;border:0}
.product-scene--signature::before{background:radial-gradient(ellipse at 73% 56%,#987c587d 0%,#43272d6e 34%,transparent 62%),linear-gradient(120deg,#21181d,#2d2128 65%,#4f3035)}
.product-scene--signature .scene-inner{min-height:clamp(460px,64vw,780px)}
.product-scene--signature .scene-image{mix-blend-mode:normal;max-height:635px;max-width:680px;filter:drop-shadow(0 24px 36px #090709a0)}
.product-scene--signature .scene-kicker,.product-scene--signature .scene-link{color:#f5d2ce}
.head.over-dark .mark{color:#fffaf3;text-shadow:0 1px 6px #140b15a0}.head.over-dark .symbol{color:#f2c9c9;filter:none}
/* Script only prepares below-fold scenes; static photos are visible by default. */
.scene-media.has-entered > .scene-image{transition:transform 1.03s cubic-bezier(.2,.74,.21,1),opacity .72s ease-out;transform:translate3d(0,0,0) scale(1)}
.scene-media.will-enter:not(.has-entered) > .scene-image{opacity:0;transform:translate3d(19vw,0,0) scale(.95);transform:translate3d(clamp(65px,19vw,320px),0,0) scale(.95)}
[data-entry-side=left] .scene-media.will-enter:not(.has-entered) > .scene-image{transform:translate3d(-19vw,0,0) scale(.95);transform:translate3d(clamp(-320px,-19vw,-65px),0,0) scale(.95)}
.chapter-foot{padding-block:18px 28px;border-bottom:1px solid var(--line)}.chapter-foot a{color:var(--wine)}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,9vw,124px);padding-block:clamp(42px,8vw,96px)}
.contact-layout h2{font-size:clamp(2.35rem,5vw,5rem)}
.contact-layout address{font-style:normal;color:var(--ink);margin:19px 0 0;max-width:32ch;line-height:2}
.postcode{margin:6px 0 5px;font-size:.89rem}.contact-layout .arrow-link{color:var(--wine)}
.contact-details{margin:0;align-self:end;overflow-wrap:anywhere}
.contact-details div{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;border-top:1px solid #cbbdb2;padding:10px 0}
.contact-details div:last-child{border-bottom:1px solid #cbbdb2}
.contact-details dt{color:var(--muted);font-size:.87rem}
.contact-details dd{margin:0;font-size:.87rem}
.contact-details dd a{display:block;color:var(--wine);text-decoration-thickness:1px;text-underline-offset:3px}
.contact-details dd a:hover{text-decoration:underline}
@media(max-width:740px){.brands-intro-inner{grid-template-columns:1fr;gap:25px}.brand-index a{padding-block:9px}.contact-layout{grid-template-columns:1fr}.chapter-head .eyebrow{margin-bottom:7px}.head nav a{font-size:.82rem;padding-inline:8px}}
@media(max-width:600px){
  .product-scene::before{background:radial-gradient(ellipse at 49% 35%,var(--spark) 0%,transparent 58%),linear-gradient(130deg,#f7f3ed,var(--wash) 88%)}
  .product-scene--signature::before{background:radial-gradient(ellipse at 52% 39%,#99795784 0%,#522c3a6e 34%,transparent 70%),linear-gradient(120deg,#21181d,#392730)}
  .scene-inner,.product-scene[data-entry-side=left] .scene-inner,.product-scene--signature .scene-inner{grid-template-columns:1fr;min-height:0;gap:0;padding-block:18px 22px}
  .scene-media,.product-scene[data-entry-side=left] .scene-media{grid-column:1;grid-row:1;aspect-ratio:1.18}
  .scene-copy,.product-scene[data-entry-side=left] .scene-copy{grid-column:1;grid-row:2;text-align:center;padding:0}
  .scene-image,.product-scene--signature .scene-image{max-height:320px;max-width:92%}
  .scene-copy h3{font-size:clamp(1.95rem,8.5vw,3.65rem)}.scene-link{margin-top:7px}
  .chapter-head{padding-top:40px}.contact-details div{grid-template-columns:.7fr 1.3fr}
}
@media(prefers-reduced-motion:reduce){.product-scene::before,.scene-media.will-enter > .scene-image{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
.product-scene:not(.product-scene--signature)::before{animation:none}

/* Shared Peyda typography, multicolor SVGs, open editorial layout. */
@font-face{font-family:Peyda;src:url('./assets/type/peyda-regular.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Peyda;src:url('./assets/type/peyda-semibold.woff2') format('woff2');font-weight:550 650;font-display:swap}
@font-face{font-family:Peyda;src:url('./assets/type/peyda-extrabold.woff2') format('woff2');font-weight:700 850;font-display:swap}
@font-face{font-family:Peyda;src:url('./assets/type/peyda-black.woff2') format('woff2');font-weight:875 950;font-display:swap}
body{font-family:Peyda,Tahoma,sans-serif;--ink:#261c20;--muted:#5f5351;--plum-ink:#712842;--plum-accent:#b96974;--jade-ink:#325b53;--jade-accent:#729f81;--gold-ink:#77521d;--gold-accent:#b78440}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:var(--ico,#712842);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-sprite .accent{stroke:var(--ico-accent,#b96974)}
.tone-plum{--ico:#712842;--ico-accent:#b96974}.tone-jade{--ico:#325b53;--ico-accent:#729f81}.tone-gold{--ico:#77521d;--ico-accent:#b78440}
.head .mark{font-weight:800}.head nav a{gap:6px}.head nav .ui-icon{height:15px;width:15px}.head .nav-toggle .ui-icon{width:19px;height:19px}
.hero h1{font-size:clamp(3.2rem,7.1vw,7.7rem);letter-spacing:-.047em}
.hero .eyebrow{font-weight:600}.hero .lead{font-weight:400;font-size:clamp(1.04rem,1.62vw,1.32rem)}
.hero .btn .ui-icon{width:20px;height:20px;--ico:#fffaf5;--ico-accent:#f2b3bb}
.hero .arrow-link .ui-icon{width:16px;height:16px}
.hero .btn,.hero .arrow-link{gap:9px}.hero .btn{font-weight:600}
.brands-intro{background:linear-gradient(155deg,#f1eae1,#f6f1e9 67%,#f8f5ef);border-color:#dfd5ca}
.brands-intro h2,.chapter-head h2,.contact-layout h2{font-weight:900;line-height:1.17;letter-spacing:-.042em}
.brand-index{counter-reset:brands}
.brand-index a{min-height:63px;gap:17px;border-color:#d7cabf}
.brand-index-text{display:flex;align-items:center;gap:14px}
.brand-index-text>.ui-icon{width:25px;height:25px}
.brand-index a>.ui-icon{width:16px;height:16px;transition:transform .22s}
.brand-index a:hover>.ui-icon{transform:translateY(3px)}
.brand-index small,.chapter-word{font-family:Peyda,Arial,sans-serif;font-weight:600}
.chapter-head{align-items:start;border-top:1px solid #e6ded4}
.chapter-head .eyebrow{font-weight:600}
.chapter-word{align-self:start;margin-top:5px;color:#725d63;background:none;border:0}
.product-scene,.product-scene--signature{background:none;border:0;color:var(--ink);isolation:isolate}
.product-scene::before,.product-scene--signature::before{display:none}
.scene-inner,.product-scene--signature .scene-inner{min-height:clamp(340px,48vw,620px);border-block-start:1px solid #e6ddd2}
.scene-inner{gap:clamp(24px,7vw,102px)}
.scene-media{isolation:auto;background:none;overflow:visible}
.scene-media::after{inset:80% 17% 5%;background:radial-gradient(ellipse,#7355411a,transparent 67%);filter:blur(8px)}
.scene-image,.product-scene--signature .scene-image{background:none;box-shadow:none;filter:none;mix-blend-mode:multiply;max-height:475px}
.scene-image.is-cutout,.product-scene--signature .scene-image.is-cutout{mix-blend-mode:normal;filter:drop-shadow(0 14px 16px #56352024)}
.product-scene--signature .scene-image{max-height:570px}
.scene-copy h3,.product-scene--signature .scene-copy h3{color:var(--ink);font-weight:900;letter-spacing:-.042em}
.scene-kicker,.product-scene--signature .scene-kicker{font-weight:600;color:#75513f}
.scene-link,.product-scene--signature .scene-link{color:var(--wine);font-weight:600;gap:7px}
.scene-link .ui-icon,.chapter-foot .ui-icon{width:16px;height:16px}
.chapter-foot{border-bottom:0;padding-bottom:36px}
.about{padding-block:clamp(55px,8.5vw,108px);border-top:1px solid #e6ded4}
.contact{background:#eee7dd;border-top:1px solid #d8cabf}
.contact-layout address{font-size:clamp(1.02rem,1.5vw,1.15rem)}
.contact-details dt{display:flex;align-items:center;gap:7px}
.contact-details dt .ui-icon,.contact-layout .arrow-link .ui-icon{width:18px;height:18px}
.contact-details a:focus-visible,.brand-index a:focus-visible{outline-offset:2px}
.footer-top{display:flex;align-items:center;gap:8px;font-size:.85rem}.footer-top .ui-icon{width:17px;height:17px}
@media(max-width:760px){.brand-index small{margin-inline-start:8px}.brand-index a{min-height:54px}.head nav a{gap:4px}}
@media(max-width:600px){.hero h1{font-size:clamp(2.55rem,11.2vw,4.25rem)}.hero .lead{font-size:.98rem}.head nav a{padding-inline:6px}.head nav .ui-icon{height:13px;width:13px}.head nav a{font-size:.78rem}.brand-index-text{gap:10px}.scene-inner,.product-scene--signature .scene-inner{min-height:0;gap:0}.scene-image,.product-scene--signature .scene-image{max-height:320px}.scene-copy{padding-bottom:3px}.contact-details div{gap:8px}.contact-details dt .ui-icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.brand-index a>.ui-icon{transition:none}}
/* Blending white source-photo margins into the same page ivory; no contrasting background. */
.product-scene,.product-scene--signature{background-color:var(--ivory)}

/* Freestanding brand gallery: open space, no cards, no separators. */
.brands-intro.brands-free{background:none;border:0;padding:clamp(62px,9vw,138px) 0 clamp(55px,7vw,111px)}
.brands-free .wrap{width:min(1300px,calc(100% - 80px))}
.brands-free-heading{text-align:center}
.brands-free-heading .eyebrow{display:inline-flex;margin:0 0 8px;gap:8px;color:var(--wine)}
.brands-free-heading .eyebrow:before{width:13px}
.brands-free-heading h2{font-size:clamp(2.7rem,7.2vw,7.1rem);letter-spacing:-.055em;margin:0}
.brands-intro .brands-free-heading p:not(.eyebrow){margin:12px auto 0;font-size:clamp(1rem,1.55vw,1.26rem);max-width:33ch}
.brand-free-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(13px,4.7vw,70px);justify-content:normal;align-items:start;margin:clamp(24px,5.1vw,72px) auto 0;white-space:normal;max-width:1110px}
.brand-free{position:relative;display:grid;justify-items:center;align-content:start;gap:3px;text-align:center;min-width:0;padding:0 0 13px;border:0;background:none;box-shadow:none;color:var(--ink)}
.brand-free-nav .brand-free:nth-child(2){margin-top:clamp(15px,2.6vw,36px)}
.brand-free-nav .brand-free:nth-child(3){margin-top:clamp(0px,1.2vw,17px)}
.brand-visual{position:relative;display:block;width:min(100%,238px);aspect-ratio:1.25;min-width:0;isolation:isolate}
.brand-visual::before{content:"";position:absolute;z-index:-1;inset:14% 4%;border-radius:50%;background:radial-gradient(ellipse,var(--glint,#c9766723),transparent 73%);transform:scale(1.15);pointer-events:none}
.brand-free--genestar .brand-visual{--glint:#ce9d3d36}
.brand-free--pharmamix .brand-visual{--glint:#85a99a2d}
.brand-object{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 12px #543c331e);transition:transform 500ms cubic-bezier(.2,.76,.25,1)}
.brand-free:hover .brand-object,.brand-free:focus-visible .brand-object{transform:translateY(-9px) scale(1.045)}
.brand-free-label{display:grid;justify-items:center;gap:0}
.brand-free-label strong{font-size:clamp(1.6rem,3.6vw,3.85rem);line-height:1.08;font-weight:900;letter-spacing:-.045em}
.brand-free-label .brand-latin{font-size:clamp(.63rem,1.15vw,.83rem);font-weight:600;letter-spacing:.21em;color:#756661;margin-top:10px}
.brand-free .brand-jump{margin-top:11px;width:17px;height:17px;transition:transform .25s}
.brand-free:hover .brand-jump{transform:translateY(3px)}
@media(max-width:760px){.brands-free .wrap{width:calc(100% - 46px)}.brand-free-nav{gap:13px}}
@media(max-width:600px){.brands-intro.brands-free{padding:64px 0 40px}.brands-free .wrap{width:calc(100% - 44px)}.brands-free-heading h2{font-size:clamp(2.25rem,10.1vw,3.8rem)}.brand-free-nav{grid-template-columns:1fr;gap:10px;margin-top:23px}.brand-free{grid-template-columns:minmax(105px,42%) minmax(0,1fr) 24px;gap:2px 12px;align-items:center;justify-items:start;text-align:start;padding:0;min-height:113px;margin:0}.brand-visual{grid-column:1;grid-row:1}.brand-free-label{grid-column:2;grid-row:1;justify-items:start}.brand-free .brand-jump{grid-column:3;grid-row:1;margin:0;width:16px;height:16px}.brand-free-nav .brand-free:nth-child(2){grid-template-columns:24px minmax(0,1fr) minmax(105px,42%)}.brand-free-nav .brand-free:nth-child(2) .brand-visual{grid-column:3}.brand-free-nav .brand-free:nth-child(2) .brand-free-label{grid-column:2;justify-items:end;justify-self:end;text-align:left}.brand-free-nav .brand-free:nth-child(2) .brand-jump{grid-column:1}.brand-free-label strong{font-size:clamp(1.55rem,7.3vw,2.45rem)}.brand-free-label .brand-latin{margin-top:5px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.brand-object,.brand-free .brand-jump{transition:none}.brand-free:hover .brand-object,.brand-free:focus-visible .brand-object,.brand-free:hover .brand-jump{transform:none}}

/* Brand gallery begins across the lower edge of the hero, with no hard divider. */
.hero+.brands-intro.brands-free{--brand-overlap:clamp(108px,12.5vw,188px);position:relative;isolation:isolate;z-index:1;margin-top:calc(-1 * var(--brand-overlap));padding-top:clamp(40px,5.2vw,74px)}
.hero+.brands-intro.brands-free::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:calc(var(--brand-overlap) + 50px);background:linear-gradient(180deg,#f8f5ef00 0%,#f8f5efa8 27%,#f8f5ef 83%)}
.brand-object{filter:drop-shadow(0 8px 8px #543c3321) drop-shadow(0 21px 20px #543c3311)}
.brand-visual::before{opacity:.83}
@media(max-width:600px){.hero+.brands-intro.brands-free{--brand-overlap:clamp(66px,20vw,105px);padding-top:35px}.hero+.brands-intro.brands-free::before{height:calc(var(--brand-overlap) + 36px)}}

/* The whole brand section follows the outgoing hero upwards on scroll. */
.brand-lift-enabled .hero+.brands-intro.brands-free{--lift-limit:86px;scroll-margin-top:var(--lift-limit);margin-bottom:calc(-1 * var(--lift-limit));transform:translate3d(0,var(--brand-lift,0px),0)}
.brand-free .brand-object{filter:drop-shadow(0 8px 9px #58413c23) drop-shadow(0 18px 18px #58413c10)}
@media(max-width:600px){.brand-lift-enabled .hero+.brands-intro.brands-free{--lift-limit:52px}}
@media(prefers-reduced-motion:reduce){.brand-lift-enabled .hero+.brands-intro.brands-free{transform:none;margin-bottom:0;scroll-margin-top:0}}

/* Continuous fade: the ivory backing must cover the full moving overlap. */
.hero+.brands-intro.brands-free::before{inset:0;height:auto;background:linear-gradient(180deg,rgba(248,245,239,0) 0,rgba(248,245,239,.83) 39px,#f8f5ef 104px,#f8f5ef 100%);pointer-events:none}
.hero-copy{opacity:var(--hero-copy-alpha,1)}
.hero-copy:focus-within{opacity:1}
.brands-free-heading h2{font-size:clamp(2.7rem,6.6vw,6.85rem);letter-spacing:normal;font-weight:800;line-height:1.2}
.brands-free-heading p:not(.eyebrow){max-width:38ch}
@media(max-width:600px){.hero+.brands-intro.brands-free::before{height:auto;background:linear-gradient(180deg,rgba(248,245,239,0) 0,rgba(248,245,239,.84) 29px,#f8f5ef 74px,#f8f5ef 100%)}.brands-free-heading h2{font-size:clamp(2.15rem,9.4vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.hero-copy{opacity:1}}

/* Actual brand marks on open space and original-catalog links before each chapter. */
.brand-free .brand-visual{width:min(100%,250px);aspect-ratio:1.65;display:grid;place-items:center}
.brand-free .brand-visual::before{opacity:.43;inset:26% 5%}
.brand-free .official-brand-object{width:93%;height:auto;filter:none;overflow:visible;display:block}
.brand-free .brand-jump{width:24px;height:24px;margin-top:8px}
.chapter-head{position:relative;display:grid;grid-template-columns:1fr;gap:14px;padding-block:clamp(41px,6.6vw,88px) clamp(23px,4vw,51px)}
.chapter-top-cta{justify-self:center;display:inline-flex;gap:8px;align-items:center;padding:10px 2px 8px;min-height:45px;font-size:.96rem;font-weight:600;color:var(--wine);border-bottom:1px solid #cbb1b1;transition:border-color .22s,color .22s;text-align:center}
.chapter-top-cta:hover{border-color:var(--wine);color:#4c1025}
.chapter-top-cta .ui-icon{width:17px;height:17px;transition:transform .22s}
.chapter-top-cta:hover .ui-icon{transform:translate(-2px,-2px)}
@media(max-width:600px){.brand-free .brand-visual{width:100%;aspect-ratio:1.45}.brand-free .official-brand-object{width:99%}.brand-free .brand-jump{width:20px;height:20px;margin:0}.chapter-head{gap:7px}.chapter-top-cta{font-size:.83rem}.chapter-top-cta .ui-icon{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.chapter-top-cta,.chapter-top-cta .ui-icon{transition:none}.chapter-top-cta:hover .ui-icon{transform:none}}

/* Editorial hero, continuity between product chapters, and the corporate footer. */
.hero .hero-label,.section-label{margin:0;color:#792d48;font-weight:650;font-size:.92rem}
.hero .hero-label{margin-bottom:16px}
.hero .lead{max-width:38ch;line-height:1.88;text-wrap:pretty}
.hero .hero-actions{gap:12px 20px}
.hero .hero-contact,.hero .hero-about{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px}
.hero .hero-contact{padding-inline:15px 17px}
.hero .hero-about{padding-inline:8px;color:#5b2c3c}
.hero .hero-about .ui-icon,.hero .hero-contact .ui-icon{width:22px;height:22px}
.brand-free:hover .brand-jump,.brand-free:focus-visible .brand-jump{transform:translateX(-4px)}
.chapter-head,.scene-inner,.product-scene--signature .scene-inner{border:0}
.chapter-head{padding-block-end:clamp(5px,2.3vw,32px)}
.chapter-end{display:flex;justify-content:center;padding-block:0 clamp(36px,6vw,72px)}
.chapter-catalog-link,.about-studio-link{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px;font-weight:650}
.chapter-catalog-link{padding:8px 20px;color:#6f2541;border:1px solid #d9c4c7;background:#fff9f580;transition:background .22s,color .22s}
.chapter-catalog-link:hover,.chapter-catalog-link:focus-visible{background:#71223e;color:#fffaf5}
.chapter-catalog-link:hover .ui-icon,.chapter-catalog-link:focus-visible .ui-icon{--ico:#fffaf5;--ico-accent:#edb6c1}
.chapter-catalog-link .ui-icon,.about-studio-link .ui-icon{width:19px;height:19px}
.about-studio{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 25% 67%,#e9d9c97a,transparent 55%),linear-gradient(180deg,transparent,#eee6db 97%);margin-top:clamp(10px,4vw,48px)}
.about-studio-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,7vw,100px);min-height:clamp(440px,46vw,685px);padding-block:clamp(36px,7vw,92px)}
.about-studio-copy{position:relative;z-index:1}
.about-studio h2{font-size:clamp(2.5rem,5.6vw,5.9rem);letter-spacing:-.043em;line-height:1.17;font-weight:900;margin:10px 0 15px}
.about-studio .about-intro{color:#4b2734;font-size:clamp(1.08rem,2vw,1.58rem);font-weight:650;margin:0 0 15px}
.about-studio-copy p:not(.section-label):not(.about-intro){max-width:47ch;margin:0;color:#5f5351;line-height:2.05}
.about-studio-link{padding-inline:1px;color:#71223e;margin-top:18px}
.about-studio-link:hover{text-decoration:underline;text-underline-offset:5px}
.about-sculpture{position:relative;isolation:isolate;margin:0;aspect-ratio:1;display:grid;place-items:center;max-width:600px;justify-self:center;width:min(100%,600px)}
.about-sculpture img{position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:contain;animation:about-drift 11s ease-in-out infinite;transform-origin:51% 65%}
.about-sculpture-halo{position:absolute;inset:8% 1%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#fff8ec 15%,#f6eee3bd 48%,transparent 71%)}
@keyframes about-drift{0%,100%{transform:translate3d(0,1px,0) rotate(-.7deg)}50%{transform:translate3d(0,-10px,0) rotate(.55deg)}}

@media(max-width:600px){
 .hero .hero-label{margin:0 0 11px;font-size:.82rem}.hero .lead{margin-inline:auto;max-width:30ch;line-height:1.8}
 .hero .hero-actions{gap:7px}.hero .hero-contact,.hero .hero-about{gap:5px}.hero .hero-contact{padding-inline:10px 12px}
 .hero .hero-actions .ui-icon{width:18px;height:18px}.brand-free:hover .brand-jump{transform:none}
 .chapter-end{padding-block:15px 41px}.chapter-catalog-link{font-size:.9rem;padding-inline:15px}
 .about-studio-inner{grid-template-columns:1fr;gap:0;text-align:center;padding-block:43px 10px}
 .about-studio-copy p:not(.section-label):not(.about-intro){margin-inline:auto;max-width:34ch}
 .about-studio h2{margin:7px 0 13px}.about-studio .about-intro{margin:0 0 10px}
 .about-sculpture{max-width:390px;margin-top:-15px}
}
@media(prefers-reduced-motion:reduce){.about-sculpture img{animation:none}.chapter-catalog-link{transition:none}.brand-free:hover .brand-jump,.brand-free:focus-visible .brand-jump{transform:none}}

/* Industry showcase: separate from the moving hero/brand overlap. */
.industry{padding-block:clamp(49px,8vw,104px) clamp(48px,7vw,94px);background:radial-gradient(ellipse at 26% 43%,#e7d9c876,transparent 60%),linear-gradient(180deg,#f7f2e9,#f4ede3 54%,#f8f5ef);overflow:hidden}
.industry-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(18px,4.6vw,65px)}
.industry h2{font-size:clamp(2.7rem,6.2vw,6.4rem);margin:10px 0 22px;line-height:1.13;letter-spacing:-.042em;font-weight:900}
.industry-copy>p:not(.section-label){color:var(--muted);max-width:36ch;line-height:1.98;margin:0;font-size:clamp(.96rem,1.35vw,1.14rem)}
.industry-link{display:inline-flex;gap:10px;align-items:center;min-height:45px;color:#6f2541;font-weight:650;margin-top:13px}
.industry-link:hover{text-decoration:underline;text-underline-offset:5px}
.industry-link .ui-icon{width:18px;height:18px}
.industry-figure{margin:0;min-width:0}
.industry-figure img{display:block;width:100%;height:auto;object-fit:contain}
.industry-figure figcaption{font-size:.75rem;font-weight:500;text-align:center;color:#685952;margin:-1px 0 0}

/* Amid-inspired light format: invitation, diffused illustration, then directory. */
.site-footer{background:#fbf8f3;border:0;color:#2b2224;overflow:hidden}
.footer-cta{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 2%,#fffdfa 18%,#f1e8e5 67%,#e9d3d9 100%)}
.footer-cta::after{content:"";position:absolute;inset:auto 0 0;height:clamp(72px,11vw,155px);z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,#fbf8f3 93%)}
.footer-cta-inner{position:relative;display:flex;flex-direction:column;min-height:clamp(390px,36vw,510px);align-items:stretch;padding-block:clamp(38px,6.6vw,83px) 20px}
.footer-invite{position:relative;z-index:2;text-align:center;margin-inline:auto}
.footer-invite h2{margin:6px 0 8px;font-size:clamp(2rem,5vw,4.7rem);font-weight:900;line-height:1.17;letter-spacing:-.038em}
.footer-invite>p:not(.section-label){margin:0;color:#655352;font-size:clamp(.94rem,1.45vw,1.16rem)}
.footer-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:7px 18px;margin-top:16px;border-radius:999px;background:#6d2040;color:#fffaf6;font-weight:650;box-shadow:0 8px 23px #7b30433a}
.footer-call:hover{background:#571731}
.footer-call .ui-icon{--ico:#fffaf6;--ico-accent:#eeb9c4;width:19px;height:19px}
.footer-signature{position:relative;z-index:2;margin-top:auto;display:grid;justify-items:start;align-self:start;color:#5f5152}
.footer-signature .mark{color:#271d20;font-size:clamp(1.05rem,2vw,1.48rem);font-weight:800}
.footer-signature .symbol{background:none;box-shadow:none;border:0;width:33px;height:33px}
.footer-signature>span{padding-inline-start:42px;font-size:.83rem}
.footer-directory{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,.92fr) minmax(0,1.35fr) minmax(0,1.15fr);gap:clamp(16px,4vw,55px);padding-block:clamp(26px,4.5vw,61px) clamp(33px,5vw,74px)}
.footer-column{min-width:0}
.footer-column h3{margin:0 0 10px;font-size:1.06rem;color:#2b2224;font-weight:800}
.footer-column ul{display:grid;gap:5px;list-style:none;padding:0;margin:0}
.footer-column li,.footer-column address{font-size:.91rem;line-height:1.8;color:#574c4d}
.footer-column li>a{display:inline-flex;min-height:34px;align-items:center}
.footer-column a:hover{color:#732647;text-decoration:underline;text-underline-offset:4px}
.footer-office address,.footer-reach li{display:flex;align-items:flex-start;gap:7px;min-width:0}
.footer-office address{font-style:normal;margin:1px 0 0}
.footer-office address .ui-icon,.footer-reach .ui-icon{width:18px;height:18px;margin-top:3px}
.footer-postcode{margin:8px 0 0;padding-inline-start:24px;color:#715960;font-size:.81rem}
.footer-map{display:inline-flex;align-items:center;gap:7px;min-height:41px;color:#722640;font-size:.84rem;margin-inline-start:24px}
.footer-map .ui-icon{width:15px;height:15px}
.footer-reach li{align-items:baseline}
.footer-reach li>.ui-icon{align-self:flex-start}
.footer-reach li div{min-width:0}
.footer-reach li div a{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere}

@media(max-width:800px){.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}}
@media(max-width:600px){
 .industry-layout{grid-template-columns:1fr;gap:16px;text-align:center}.industry h2{margin:9px 0 15px}.industry-copy>p:not(.section-label){margin:auto}.industry-figure{margin-inline:auto;max-width:450px}
 .footer-invite .section-label{font-size:.83rem}.footer-cta-inner{min-height:325px;padding-block:33px 10px}
 .footer-signature .symbol{width:27px;height:27px}.footer-signature>span{padding-inline-start:35px}
}
@media(max-width:420px){.footer-directory{gap:22px 15px}.footer-office,.footer-reach{grid-column:1/-1}.footer-office address{max-width:37ch}.footer-column li>a{min-height:31px}}

/* Cloud-shaped transition, blending the gallery into the industrial section. */
#main{--brand-industry-flow:#f6eee3}
.hero+#brands::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:auto 0 0;height:clamp(100px,17vw,236px);background:radial-gradient(ellipse 49% 98% at 50% 109%,#eadbc9 0%,#f0e5d9 58%,#f4ebe1a3 79%,transparent 100%),radial-gradient(ellipse 37% 72% at 26% 117%,#eee1d3 31%,transparent 95%),radial-gradient(ellipse 42% 76% at 77% 117%,#efe2d4 34%,transparent 96%);mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%)}
.hero+#brands::before{background:linear-gradient(180deg,#f8f5ef00 0%,#f8f5efd6 39px,#f8f5ef 104px,#f8f5ef 64%,var(--brand-industry-flow) 100%)}
.industry{background:radial-gradient(ellipse at 26% 43%,#e7d9c872,transparent 58%),linear-gradient(180deg,var(--brand-industry-flow),#f2eadf 46%,#f8f5ef)}
.brand-diamond{position:absolute;inset-inline-start:clamp(15px,8vw,125px);top:clamp(42px,6.5vw,90px);width:clamp(58px,11vw,166px);height:auto;object-fit:contain;opacity:.92;pointer-events:none;z-index:0;filter:drop-shadow(0 15px 16px #59343e22)}
.brands-free>.wrap{position:relative;z-index:1}
@media(max-width:600px){
 .hero+#brands::before{background:linear-gradient(180deg,#f8f5ef00 0%,#f8f5efd6 29px,#f8f5ef 74px,#f8f5ef 70%,var(--brand-industry-flow) 100%)}
 .brand-diamond{top:auto;bottom:7px;inset-inline-start:auto;inset-inline-end:17px;width:60px;opacity:.8}
}

/* Three stations, one cinematic band rather than the previous icon list. */
.industry-ribbon{position:relative;margin-top:clamp(38px,5.3vw,74px);border-radius:clamp(18px,3vw,39px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 83% 2%,#73334d 0%,transparent 62%),radial-gradient(ellipse at 6% 79%,#452a41 0%,transparent 62%),linear-gradient(115deg,#261c29,#351f30 55%,#4c263a);box-shadow:0 25px 52px #3f273627}
.industry-ribbon::before{content:"";position:absolute;inset:-30% -2%;z-index:-1;background:repeating-linear-gradient(105deg,transparent 0 58px,#fef0e90d 59px,#fff2ef0c 60px,transparent 61px 145px);mask-image:linear-gradient(105deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(105deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
.industry-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;color:#fff7f3}
.industry-stage{position:relative;isolation:isolate;min-width:0;padding:clamp(23px,3.8vw,55px);min-height:clamp(205px,24vw,315px);display:flex;flex-direction:column;justify-content:end}
.industry-stage:not(:last-child)::after{content:"";position:absolute;inset:19% auto 16% 0;width:1px;background:linear-gradient(transparent,#fbdbea43,transparent);pointer-events:none}
.industry-stage-art{position:absolute;z-index:-1;left:clamp(7px,2vw,35px);top:clamp(11px,2vw,30px);width:clamp(65px,10vw,150px);height:auto;stroke:#f4bcce;stroke-width:1.08;opacity:.38}
.industry-stage:nth-child(2) .industry-stage-art{stroke:#dfccae}
.industry-stage:nth-child(3) .industry-stage-art{stroke:#e7bfd4}
.industry-stage-index{align-self:flex-start;display:flex;align-items:center;gap:9px;color:#f0bacc;font:600 clamp(20px,3vw,40px)/1 ui-sans-serif,Arial,sans-serif;letter-spacing:-.04em}
.industry-stage-index span{font-size:.52rem;letter-spacing:.135em;color:#f7dce6}
.industry-stage h3{font-size:clamp(1.01rem,2.14vw,1.8rem);margin:14px 0 6px;line-height:1.4;font-weight:800}
.industry-stage p{font-size:clamp(.78rem,1.2vw,.95rem);line-height:1.75;color:#f1e3e8;margin:0;max-width:28ch}
@media(max-width:650px){
 .industry-ribbon.wrap{width:calc(100% - 36px)}
 .industry-stages{grid-template-columns:1fr}
 .industry-stage{min-height:146px;padding:20px 22px}
 .industry-stage-art{width:84px;left:14px;top:16px;opacity:.4}
 .industry-stage:not(:last-child)::after{inset:auto 5% 0;width:90%;height:1px;background:linear-gradient(90deg,transparent,#fbdbea33,transparent)}
 .industry-stage h3{margin:8px 0 4px}
}

/* Real transparent package shots in the contact callout. */
.footer-products{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:clamp(5px,2.5vw,28px);margin:clamp(17px,3vw,32px) 0 0;direction:ltr;pointer-events:none}
.footer-product{display:block;flex:none;filter:drop-shadow(0 10px 7px #542a3d29)}
.footer-product--alamo{height:clamp(102px,12vw,169px);width:auto;aspect-ratio:570/679}
.footer-product--genestar{height:clamp(83px,10.5vw,151px);width:auto;aspect-ratio:332/623}
.footer-product--pharmamix{height:clamp(70px,9vw,129px);width:auto;aspect-ratio:169/415}
.footer-signature{margin-top:clamp(7px,1vw,14px)}
@media(max-width:600px){.footer-products{gap:12px;margin-top:18px}.footer-signature{margin-top:11px}}

/* Same RTL document-and-arrow mark on all featured detail links. */
.scene-link .ui-icon{width:23px;height:23px;--ico:#712842;--ico-accent:#aa596f;transition:transform .2s}
.scene-link:hover .ui-icon,.scene-link:focus-visible .ui-icon{transform:translateX(-3px)}
@media(prefers-reduced-motion:reduce){.scene-link .ui-icon{transition:none}.scene-link:hover .ui-icon,.scene-link:focus-visible .ui-icon{transform:none}}