/* Painted atmosphere gives way to precise, contemporary product design. */
.cloud-bridge{position:relative;height:180px;margin-top:-110px;margin-bottom:-70px;z-index:7;pointer-events:none;isolation:isolate;overflow:clip}.cloud-layer{position:absolute;inset:-230px -10% -110px;background:url('./assets/painted-clouds-v1.png') center/100% 100% no-repeat;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent);will-change:transform}.cloud-far{opacity:.58;transform:translate3d(calc(var(--cloud-progress,0)*-65px),calc(var(--cloud-progress,0)*60px),0) scaleX(-1)}.cloud-near{opacity:.82;transform:translate3d(calc(var(--cloud-progress,0)*100px),calc(var(--cloud-progress,0)*100px),0)}.manifesto{padding-top:130px}.seal-cta{position:relative;margin-top:20px;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px #a4875550;background:transparent;padding:21px 27px}.seal-cta:hover{box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 5px var(--gold)}.services-cta{grid-column:2;justify-self:start}.frame-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden}.frame-art{width:500px;height:600px;position:absolute;top:0;left:0;transform-origin:0 0;background:#eeeae0;color:#183b33;overflow:hidden;opacity:0;will-change:transform,opacity;border:2px solid #bdae95;padding:28px;box-sizing:border-box}.mini-brand{font:25px Georgia;letter-spacing:.18em;display:flex;justify-content:space-between;border-bottom:1px solid #bcb8a6;padding-bottom:18px}.mini-brand span{font:9px Arial;letter-spacing:.06em}.mini-heading{font:58px/.98 Georgia;letter-spacing:-.05em;margin:24px 0}.mini-product{height:240px;background:url('./assets/gallery-keyframe-v1.png') center/cover;border-radius:48% 48% 0 0}.mini-bottom{font:9px Arial;letter-spacing:.1em;margin-top:18px}.mini-bottom b{display:block;font:14px Georgia;margin-top:10px}.industries{background:#f1eadf}.industry-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;align-items:end}.industry-heading .eyebrow{grid-column:1/-1}.industry-heading h2{margin-top:20px}.industry-heading>p:last-child{max-width:450px;padding-bottom:30px}.industry-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 35px}.industry-tabs button{border:1px solid #ad967266;border-radius:50%;border-radius:30px;padding:13px 19px;font:12px Arial;transition:background .2s,color .2s}.industry-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.concept-frame{padding:10px;background:linear-gradient(130deg,#c9a567,#f3dfad,#8a6b3e,#cfac73);box-shadow:0 24px 60px #583a1b22}.concept-browser{height:32px;background:#e3dfd5;display:flex;align-items:center;gap:5px;padding:0 16px;color:#6d665b}.concept-browser i{width:5px;height:5px;border:1px solid #aaa18d;border-radius:50%}.concept-browser span{font:8px Arial;letter-spacing:.14em;margin-left:auto}.concept-site{min-height:440px;padding:28px 5%;background:#edece4;color:#193e32;transition:background .3s,color .3s}.concept-nav{display:flex;justify-content:space-between;align-items:center;font:11px Arial}.concept-nav strong{font:21px Georgia;letter-spacing:.13em}.concept-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding-top:55px}.concept-layout small{font:8px Arial;letter-spacing:.15em}.concept-layout h3{font:clamp(36px,4.5vw,68px)/1.03 Georgia;letter-spacing:-.04em;margin:24px 0}.concept-layout p{font:12px/1.6 Arial;color:inherit;max-width:320px}.concept-button{font:10px Arial;display:inline-block;padding:13px 18px;border:1px solid currentColor;margin-top:15px}.concept-visual{position:relative;min-height:300px;overflow:hidden;background:#bbc4b2;border-radius:50% 50% 0 0}.concept-object{position:absolute;inset:20px;background:url('./assets/gallery-keyframe-v1.png') center/cover;box-shadow:0 14px 20px #0002}.concept-word{position:absolute;bottom:17px;left:20px;font:9px Arial;letter-spacing:.18em;background:#eee9;padding:5px}.concept-caption{display:flex;align-items:center;gap:8%;justify-content:space-between;margin-top:28px}.concept-caption p{max-width:630px;font-size:15px}.concept-caption a{white-space:nowrap}.concept-disclaimer{font-size:11px!important}.concept-plumber{background:#eef3f5;color:#142f43}.concept-plumber h3,.concept-electrician h3,.concept-dentist h3{font-family:Arial;font-weight:700;letter-spacing:-.055em}.concept-plumber .concept-visual{border-radius:8px;background:linear-gradient(145deg,#cadce4,#7594a3)}.concept-plumber .concept-object{background:none;border:30px solid #eff5f6;border-top-color:transparent;border-radius:0 0 70px 70px;inset:45px 22%;filter:drop-shadow(15px 20px 0 #0001)}.concept-plumber .concept-button{background:#193f59;color:white}.concept-electrician{background:#151a23;color:#e5ff7d}.concept-electrician .concept-visual{border-radius:0;background:repeating-linear-gradient(90deg,#202830 0 1px,transparent 1px 45px),repeating-linear-gradient(#202830 0 1px,transparent 1px 45px)}.concept-electrician .concept-object{inset:20px 20%;background:#e5ff7d;clip-path:polygon(55% 0,10% 58%,43% 58%,32% 100%,92% 34%,56% 34%);box-shadow:none}.concept-lawyer{background:#19282e;color:#e4dbbd}.concept-lawyer .concept-visual{border-radius:0;background:#ad9d7f}.concept-lawyer .concept-object{background:linear-gradient(90deg,#eeeadc 0 12%,#cbc4b0 12% 16%,#eeeadc 16% 28%,#b6aa8f 28% 33%,#e2dccb 33% 45%,#b6aa8f 45% 50%,#ebe4d2 50% 62%,#b6aa8f 62% 68%,#eeeadc 68% 80%,#b6aa8f 80% 85%,#eeeadc 85%);inset:30px 18px 0;transform:skewY(-9deg)}.concept-artist{background:#f9f0dd;color:#4b1b1d}.concept-artist .concept-visual{border-radius:0;transform:rotate(3deg);background:#b53c26}.concept-artist .concept-object{background:url('./assets/atelier-keyframe-v1.png') center/cover;inset:13px}.concept-spa{background:#e9e0d6;color:#5b6252}.concept-spa .concept-visual{background:#c7c0a7;border-radius:50% 50% 0 0}.concept-spa .concept-object{background:radial-gradient(ellipse at 40% 35%,#ebe8dc,#b0ad97);border-radius:50%;inset:25% 12% 10%;box-shadow:15px 25px 35px #70665155}.concept-dentist{background:#e5f0f0;color:#235d60}.concept-dentist .concept-visual{border-radius:50% 50% 8px 8px;background:#b8d8d5}.concept-dentist .concept-object{inset:28% 15%;border:20px solid #f7fbf8;border-top-color:transparent;border-radius:50%;background:none;box-shadow:none}.packages{background:#ddd1ba}.packages-intro{max-width:650px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.package-card{display:flex;flex-direction:column;border:1px solid #9c8059;padding:36px 28px;background:#f0e6d4;position:relative}.package-card:before{content:'';position:absolute;inset:6px;border:1px solid #a4875540;pointer-events:none}.package-card>small{font:9px Arial;letter-spacing:.18em}.package-card h3{font:36px Georgia;margin:23px 0 8px}.package-card>p{font-size:13px;margin:0}.package-card .price{font:52px Georgia;letter-spacing:-.04em;margin:35px 0 18px}.price span{display:block;font:10px Arial;letter-spacing:.08em;margin-top:10px}.package-card ul{list-style:none;padding:15px 0 25px;margin:0 0 20px;flex:1}.package-card li{font:13px/1.65 Arial;padding:10px 0;border-bottom:1px solid #a4875530}.package-card li:before{content:'—';margin-right:9px;color:var(--gold)}.package-card .cta{justify-content:space-between}.package-card.featured{background:#4b2024;color:#f1e5ce;transform:translateY(-15px);box-shadow:0 22px 40px #532f2122}.package-card.featured p{color:#d9c8ae}.package-card.featured:before{border-color:#a4875570}.package-card.featured .cta:hover{background:#eee5d5;color:#491a1c}.scope-note{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;margin-top:35px}.scope-note p{font-size:12px}.scope-note a{text-decoration:underline;text-underline-offset:4px}#order-dialog{max-width:640px;padding:35px;border:1px solid #a48755}#order-dialog h2{font-size:43px;font-weight:400;margin:25px 0 10px}.order-header{display:flex;justify-content:space-between;align-items:center}.order-header small{font:9px Arial;letter-spacing:.2em}.order-total{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #a4875560;padding:25px 0;font:13px Arial}.order-total strong{font:33px Georgia}#order-features{padding-left:18px;font:14px/1.9 Arial}.order-note{font:12px/1.7 Arial!important}#order-dialog .cta{background:#d8ceba;color:#655b4c;cursor:not-allowed;margin-top:8px}#order-dialog .text-link{display:inline-block;margin-top:10px}.film-shade{pointer-events:none}
@media(max-width:900px){.package-grid{grid-template-columns:1fr;max-width:630px;margin-inline:auto}.package-card.featured{transform:none}.industry-heading{display:block}.concept-caption{align-items:flex-start;flex-direction:column;gap:0}.scope-note{grid-template-columns:1fr;gap:0}.services-cta{grid-column:1}.cloud-bridge{height:160px;margin-top:-100px}.cloud-layer{inset:-70px -25% -50px}.concept-layout{gap:4%;padding-top:30px}}
@media(max-width:540px){.industry-tabs{gap:7px}.industry-tabs button{padding:11px 13px;font-size:11px}.concept-site{padding:22px 6%}.concept-nav>span{display:none}.concept-layout{grid-template-columns:1fr}.concept-layout h3{font-size:39px}.concept-visual{min-height:200px;margin-top:25px}.concept-layout p{font-size:12px}.concept-browser span{font-size:6px}.concept-caption .cta{width:100%;white-space:normal}.package-card h3{font-size:33px}.cloud-bridge{height:150px;margin-bottom:-65px}.cloud-layer{inset:-50px -40% -20px}.cloud-far{opacity:.5}.cloud-near{opacity:.75}.frame-art{padding:28px}#order-dialog{padding:23px}.order-total{gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cloud-layer{transform:none;will-change:auto}.package-card.featured{transform:none}.frame-art{will-change:auto}.concept-site{transition:none}}
.cloud-bridge{height:280px;margin-top:-155px;margin-bottom:-115px;mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 64%,transparent 100%)}
@media(max-width:540px){.cloud-bridge{height:200px;margin-top:-105px;margin-bottom:-85px}}
@media(max-width:540px){.film-chapter:has(.frame-art) video{object-position:70% 50%}}
/* Mobile: one editorial composition, with a deliberately cropped portrait. */
@media(max-width:900px){
 .hero{height:100svh;min-height:720px;max-height:none}
 .hero header{padding:26px 6%;gap:23px}
 .hero-copy{margin-left:6%;padding-top:38px;max-width:55%;width:55%}
 .hero h1{font-size:clamp(46px,7.7vw,70px);line-height:1.02;letter-spacing:-.065em;margin:27px 0 24px}
 .hero .eyebrow{font-size:8px;letter-spacing:.17em;gap:10px;white-space:nowrap}
 .hero .eyebrow>span{width:22px;flex-shrink:0}
 .hero .intro{font-size:clamp(17px,2.8vw,23px);line-height:1.4}
 .hero .gold-rule{margin:22px 0;width:48px}
 .hero-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:28px}
 .hero-actions .cta{background:#eee5d5eb;font-size:10px;padding:17px 15px;gap:17px;white-space:nowrap}
 .hero-actions .text-link{font-size:12px}
 .hero .invitation{display:none}
 .hero .portrait-stage{width:clamp(520px,88vw,800px);max-width:none;right:-31%;top:145px;bottom:auto}
 .hero .portrait-stage canvas{mask-image:linear-gradient(to right,transparent 0,#000 33%,#000 100%);}
 .hero .portrait-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--paper),transparent 30%);pointer-events:none}
 .hero .frame-line,.hero .portrait-caption{display:none}
 .hero-footer{left:6%;right:6%;bottom:32px}
}
@media(max-width:540px){
 .hero{height:100svh;min-height:680px}
 .hero-copy{width:58%;max-width:58%;padding-top:34px}
 .hero h1{font-size:clamp(40px,11.6vw,60px);margin-top:25px}
 .hero .portrait-stage{width:520px;right:calc(70vw - 520px);top:155px}
 .hero .eyebrow{font-size:7px;letter-spacing:.11em;gap:8px}
 .hero .eyebrow>span{width:15px}
 .hero .intro{font-size:17px;max-width:185px}
 .hero-actions .cta{font-size:9px;padding:16px 12px;gap:13px;letter-spacing:.1em}
 .hero .edition{font-size:7px;max-width:47%}
 .hero #motion-toggle{font-size:11px}
}
@media(max-width:360px){.hero-copy{width:60%;max-width:60%}.hero h1{font-size:39px}.hero .portrait-stage{right:calc(72vw - 520px)}.hero header nav{font-size:11px}.hero-actions .cta{font-size:8px;padding:15px 10px;gap:9px}}
@media(max-width:900px){.hero .portrait-stage canvas{mask-image:linear-gradient(to right,transparent 0,#000 33%,#000 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 75%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}}
@media(max-width:420px){.work h2{font-size:clamp(48px,15vw,63px)}.contact h2{font-size:clamp(42px,12vw,50px)}}
@media(max-width:900px){.hero .portrait-stage:after{display:none}}
/* Keep the complete framed film visible on narrow screens. */
@media(max-width:700px){#creation video{object-position:88% 50%}}
/* A broad painted cloud bank softens the entrance to the creation film. */
.cloud-creation{height:560px;margin-top:-220px;margin-bottom:-340px;z-index:8;mask-image:linear-gradient(transparent,#000 25%,#000 72%,transparent)}
.cloud-creation .cloud-layer{inset:-150px -22% -110px;opacity:1;background-size:100% 100%;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.cloud-creation .cloud-far{transform:translate3d(calc(var(--cloud-progress,0)*-130px),calc(var(--cloud-progress,0)*-70px),0) scaleX(-1)}
.cloud-creation .cloud-near{transform:translate3d(calc(var(--cloud-progress,0)*110px),calc(var(--cloud-progress,0)*95px),0)}
.project-frame{position:relative;background:none;border:0;box-shadow:none;padding:9% 9.5%;transform:none;filter:drop-shadow(0 25px 30px #1d080b88)}
.project-frame:after{content:'';position:absolute;inset:0;background:url('./assets/younes-antique-frame-v1.png') center/100% 100% no-repeat;pointer-events:none}
.project-cover{min-height:0;aspect-ratio:1.65;padding:6%;gap:25px;justify-content:space-between}
.project-cover strong{font-size:clamp(24px,3.5vw,54px)}
.project-visit{text-align:center;margin:0 auto 60px}.project-visit .cta{background:#eee3ce;color:#491a1c;border-color:#cbb388;padding:22px 30px;font-size:12px}.project-visit .cta:hover{background:#fff5df}
@media(max-width:700px){.cloud-creation{height:380px;margin-top:-130px;margin-bottom:-250px}.cloud-creation .cloud-layer{inset:-70px -65% -90px}.project-cover{gap:15px}.project-cover>span:first-child{font-size:9px;letter-spacing:.08em}.project-cover strong{font-size:25px}.project-open{font-size:10px}.project-visit .cta{font-size:10px;padding:18px}.project-art{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.cloud-creation .cloud-layer{transform:none}}
.project-frame{aspect-ratio:3/2;padding:0}.project-frame:after{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,11.1% 16%,11.1% 83.4%,88.9% 83.4%,88.9% 16%,11.1% 16%)}.project-cover{position:absolute;inset:16% 11.1% 16.6%;aspect-ratio:auto;padding:6%;gap:15px}.project-art:hover .project-frame{transform:translateY(-5px)}
@media(max-width:540px){.project-cover strong{font-size:22px}.project-cover>span:first-child{font-size:7px}.project-cover{padding:5%;gap:8px}.project-cover .project-open{display:none}}
/* A continuous mist veil covers the seam even between the cloud silhouettes. */
.cloud-creation:before{content:'';position:absolute;inset:12% -5% 8%;background:linear-gradient(to bottom,#efe6d5 0%,#efe6d5 26%,#efe6d5e8 41%,#efe6d57a 60%,transparent 88%);pointer-events:none}
.cloud-creation .cloud-fill{inset:-130px -35% -30px;opacity:1;transform:translate3d(calc(var(--cloud-progress,0)*-35px),-70px,0) scaleX(-1);background-size:100% 100%}
.cloud-creation .cloud-near{inset:-110px -30% -160px;opacity:1}
.project-frame,.project-art:hover .project-frame{transform:translate3d(0,var(--frame-rise,0px),0) rotate(var(--frame-tilt,-3deg));filter:drop-shadow(0 32px 23px #150507aa) drop-shadow(0 7px 6px #16070888);transition:transform .12s linear;will-change:transform}
.project-art{perspective:1200px}.project-visit{position:relative;z-index:2}
@media(max-width:700px){.cloud-creation:before{inset:0 -5% 2%;background:linear-gradient(#efe6d5 0%,#efe6d5 29%,#efe6d5df 45%,#efe6d566 68%,transparent 92%)}.cloud-creation .cloud-fill{inset:-90px -90% -80px;transform:translate3d(-35px,-30px,0) scaleX(-1)}.cloud-creation .cloud-near{inset:-60px -75% -160px}.project-art{margin-inline:8px}.project-frame{filter:drop-shadow(0 23px 16px #150507bb) drop-shadow(0 5px 4px #16070888)}}
@media(prefers-reduced-motion:reduce){.project-frame,.project-art:hover .project-frame{transform:none;transition:none;will-change:auto}.cloud-creation .cloud-fill{transform:none}}
/* Give the clouds their own transition space; overlap only the film's top edge. */
.cloud-creation{height:420px;margin-top:0;margin-bottom:-60px;mask-image:linear-gradient(transparent 0%,#000 22%,#000 78%,transparent 100%)}
.cloud-creation:before{inset:0;background:linear-gradient(#efe6d5 0%,#efe6d5db 50%,#efe6d573 78%,transparent 100%)}
.cloud-creation .cloud-layer{inset:-90px -22% -25px;mask-image:linear-gradient(transparent 0%,#000 22%,#000 70%,transparent 100%)}
.cloud-creation .cloud-fill{inset:-70px -35% -10px;transform:translate3d(calc(var(--cloud-progress,0)*-35px),-25px,0) scaleX(-1)}
.cloud-creation .cloud-near{inset:-80px -30% -10px;transform:translate3d(calc(var(--cloud-progress,0)*70px),calc(var(--cloud-progress,0)*20px),0)}
#creation .film-pin{background:#efe6d5}
#creation video{mask-image:linear-gradient(to bottom,transparent 0,#000 60px,#000 100%)}
@media(max-width:700px){.cloud-creation{height:300px;margin-top:0;margin-bottom:-45px}.cloud-creation .cloud-layer{inset:-55px -65% -15px}.cloud-creation .cloud-fill{inset:-50px -85% -5px;transform:translate3d(-25px,-20px,0) scaleX(-1)}.cloud-creation .cloud-near{inset:-45px -75% -5px}#creation video{mask-image:linear-gradient(to bottom,transparent 0,#000 45px,#000 100%)}}
@media(prefers-reduced-motion:reduce){.cloud-creation .cloud-layer{transform:none}}
/* Let the lower cloud wisps dissolve into the film rather than stop at its edge. */
.cloud-creation{margin-bottom:-110px;mask-image:linear-gradient(transparent 0%,#000 22%,#000 72%,transparent 100%)}
.cloud-creation .cloud-near{inset:-55px -30% -45px;transform:translate3d(calc(var(--cloud-progress,0)*70px),calc(18px + var(--cloud-progress,0)*20px),0)}
#creation video{mask-image:linear-gradient(to bottom,transparent 0,#000 90px,#000 100%)}
@media(max-width:700px){.cloud-creation{margin-bottom:-85px}.cloud-creation .cloud-near{inset:-25px -75% -35px}#creation video{mask-image:linear-gradient(to bottom,transparent 0,#000 70px,#000 100%)}}
@media(prefers-reduced-motion:reduce){.cloud-creation .cloud-near{transform:none}}

.approved-concept{display:block;background:#181817;overflow:hidden}.approved-concept img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.approved-concept:focus-visible{outline:3px solid var(--gold);outline-offset:5px}

/* Soft illuminated lettering on rounded industry controls. */
.industry-selector{margin:30px 0;border-block:1px solid #ad967266;padding:24px 0 16px}
.industry-selector-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font:10px Arial;letter-spacing:.16em}
.industry-selector-heading p{font:inherit;margin:0;color:var(--ink)}.industry-selector-heading>span{color:#786950}
.industry-pills{display:flex;flex-wrap:wrap;gap:10px}
.industry-pill{min-height:44px;max-width:100%;padding:13px 20px;border:1px solid #ad96727a;border-radius:999px;background:#faf5eb99;color:#491a1c;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;font:13px/1.4 Arial,sans-serif}
.industry-pill span{display:block;background:linear-gradient(105deg,#491a1c 0%,#491a1c 36%,#ae7930 46%,#d1a85d 50%,#ae7930 54%,#491a1c 64%,#491a1c 100%);background-size:260% 100%;background-position:140% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:industry-illuminate 4.8s linear infinite}
.industry-pill:nth-child(3n+2) span{animation-delay:-1.6s}.industry-pill:nth-child(3n) span{animation-delay:-3.2s}
.industry-pill:hover{background:#fff9ed;border-color:#a48755;box-shadow:0 4px 18px #a4875522;transform:translateY(-2px)}
.industry-pill[aria-pressed=true]{background:#491a1c;border-color:#491a1c;box-shadow:0 5px 20px #491a1c22}
.industry-pill[aria-pressed=true] span{background-image:linear-gradient(105deg,#ecddc3 0%,#ecddc3 36%,#fff9e6 46%,#fff 50%,#fff9e6 54%,#ecddc3 64%,#ecddc3 100%);text-shadow:0 0 12px #edc98233}
.industry-pill:focus-visible{outline:2px solid #491a1c;outline-offset:4px}.industry-selection{font:11px/1.5 Arial!important;color:#786950;margin:18px 0 0!important}
@keyframes industry-illuminate{from{background-position:140% 0}to{background-position:-140% 0}}
@media(max-width:600px){.industry-pills{gap:8px}.industry-pill{padding:11px 14px;font-size:12px}.industry-selector-heading{font-size:8px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.industry-pill span{animation:none;background:none;color:#491a1c}.industry-pill[aria-pressed=true] span{color:#fff4df}.industry-pill{transition:none}.industry-pill:hover{transform:none}}
@media(forced-colors:active){.industry-pill span{background:none;color:ButtonText}.industry-pill[aria-pressed=true]{border:2px solid Highlight}.industry-pill[aria-pressed=true] span{color:ButtonText}}

.industry-pills{position:relative;overflow:hidden;padding:3px 4px 4px;margin:-3px -4px -4px;box-sizing:content-box}
.industry-pill.industry-overflow{visibility:hidden;pointer-events:none}
.industry-expand{display:flex;align-items:center;gap:12px;margin:18px auto 0;padding:5px 12px;border:0;background:transparent;color:var(--ink);cursor:pointer;font:11px Arial;letter-spacing:.05em}
.industry-expand[hidden]{display:none}.industry-expand-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b79558;border-radius:50%;font:22px Arial;color:#875b21;animation:industry-arrow-glow 2.4s ease-in-out infinite}
.industry-expand[aria-expanded=true] .industry-expand-arrow{transform:rotate(180deg)}
.industry-expand:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:24px}
@keyframes industry-arrow-glow{0%,100%{box-shadow:0 0 3px #c59a4333;text-shadow:0 0 2px #ba833a44}50%{box-shadow:0 0 17px #c59a4377;text-shadow:0 0 8px #ba833aaa}}
@media(prefers-reduced-motion:reduce){.industry-expand-arrow{animation:none}}
