/* Industry & teaser pages — each page has its own subject elements, same B&W hand-drawn soul */
.ind{--r:18px;--smooth:cubic-bezier(.22,1,.36,1)}
.ind section{padding:88px 0}
.ind h2{font-size:clamp(28px,5.6vw,46px);max-width:20ch;line-height:1.35}
.ind .btn{border-radius:999px}
.i-eyebrow{font-size:13px;color:var(--muted)}
.i-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:14px}
.i-kicker::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}
.i-lead{margin-top:20px;max-width:540px;font-size:16.5px;color:#3d3d3a}
.i-sub{color:var(--muted);max-width:620px;margin-top:16px}
.i-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.i-line{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.ind svg .ink{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ind svg .thin{stroke-width:1.6;opacity:.6}
.ind .top{position:absolute;background:transparent}

.page-ind .shutter,.page-ind .ptc{display:none!important}
.page-ind-light .top{color:var(--ink)}
.page-ind-light .top .menu-btn{border-color:rgba(0,0,0,.25)}
.page-ind-light .logo-mark{filter:invert(1)}
.ind h1{font-weight:800;font-size:clamp(32px,7vw,58px);line-height:1.28;margin-top:10px}
.ind h1 span{display:block;font-weight:300;font-size:.5em;margin-top:12px;line-height:1.7}

/* =================== TEASER — storyboard =================== */
.t-hero{padding:120px 0 64px!important;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),var(--paper)}
.t-hero-grid{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.t-hero-grid{grid-template-columns:1fr 1.05fr}}
.storyboard{margin:0;background:var(--white);border:1.5px solid var(--ink);border-radius:16px;padding:16px;box-shadow:10px 10px 0 var(--ink)}
.sb-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sb-p svg{width:100%;height:auto;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sb-p svg *{stroke-dasharray:300;stroke-dashoffset:300;animation:sbink 7s var(--smooth) infinite;animation-delay:calc(var(--i) * .35s)}
.sb-p svg .sb-frame{stroke-width:1.5;stroke-dasharray:none;stroke-dashoffset:0;animation:sbframe 7s steps(1) infinite;animation-delay:calc(var(--i) * 1s + 2.6s)}
@keyframes sbink{0%{stroke-dashoffset:300}25%,100%{stroke-dashoffset:0}}
@keyframes sbframe{0%{stroke:var(--rec);stroke-width:3}14%,100%{stroke:var(--ink);stroke-width:1.5}}
.sb-p span{display:block;font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.sb-p b{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--ink)}
.sb-time{display:flex;align-items:center;gap:10px;margin-top:14px;font:11px ui-monospace,Menlo,monospace;color:var(--muted)}
.sb-time i{flex:1;height:3px;background:var(--line);border-radius:3px;position:relative;overflow:hidden}
.sb-time em{position:absolute;inset-block:0;inset-inline-start:0;width:100%;background:var(--rec);transform-origin:right;animation:playhead 7s linear infinite;animation-delay:2.2s;transform:scaleX(0)}
@keyframes playhead{0%{transform:scaleX(0)}86%,100%{transform:scaleX(1)}}
.storyboard figcaption{margin-top:8px;font-size:12.5px;color:var(--muted)}

.t-vs{background:var(--white);border-block:1px solid var(--line)}
.t-vs-grid{display:grid;gap:14px;margin-top:36px}
@media (min-width:760px){.t-vs-grid{grid-template-columns:1fr 1fr}}
.t-col{border:1.5px solid var(--line);border-radius:var(--r);padding:26px 24px}
.t-col h3{font-size:22px}
.t-col ul{list-style:none;margin:14px 0}
.t-col li{padding:9px 0;border-top:1px dashed var(--line);color:var(--muted)}
.t-col a{font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor}
.t-col--on{background:var(--ink);color:#fff;border-color:var(--ink)}
.t-col--on li{color:#d1d1cb;border-color:var(--line-d)}

.ratios{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:40px}
.ratio{margin:0;flex:1 1 150px}
.ratio div{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#111;transition:transform .7s var(--smooth)}
.ratio:hover div{transform:translateY(-6px)}
.ratio img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.r-916 div{aspect-ratio:9/16;max-width:160px}.r-45 div{aspect-ratio:4/5;max-width:190px}.r-11 div{aspect-ratio:1}.r-169{flex-basis:280px}.r-169 div{aspect-ratio:16/9}
.ratio figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}
.ratio b{color:var(--ink);font-family:ui-monospace,Menlo,monospace}

.t-kind-grid{display:grid;gap:14px;margin-top:36px}
@media (min-width:760px){.t-kind-grid{grid-template-columns:1fr 1fr}}
.kind{border:1.5px solid var(--ink);border-radius:var(--r);padding:22px;background:var(--white)}
.kind h3{font-size:20px;margin-top:16px}.kind p{color:var(--muted);margin-top:6px}
.kind-art{height:120px;border-radius:12px;background:var(--paper);position:relative;overflow:hidden}
.kind-real .kind-art span{position:absolute;inset-block:18px;width:28%;border:1.5px solid var(--ink);border-radius:8px;background:repeating-linear-gradient(135deg,#e2e1dc 0 6px,#ecebe6 6px 12px);animation:pan 6s var(--smooth) infinite alternate}
.kind-real .kind-art span:nth-child(1){inset-inline-start:6%}.kind-real .kind-art span:nth-child(2){inset-inline-start:36%}.kind-real .kind-art span:nth-child(3){inset-inline-start:66%}
@keyframes pan{to{transform:translateX(-14px)}}
.kind-motion .kind-art i{position:absolute;border:2px solid var(--ink);animation:morph 4s var(--smooth) infinite alternate}
.kind-motion .kind-art i:nth-child(1){width:40px;height:40px;border-radius:50%;top:30px;inset-inline-start:20%}
.kind-motion .kind-art i:nth-child(2){width:46px;height:46px;border-radius:8px;top:40px;inset-inline-start:45%;animation-delay:.4s}
.kind-motion .kind-art i:nth-child(3){width:0;height:0;border:0;border-inline-start:26px solid transparent;border-inline-end:26px solid transparent;border-bottom:44px solid var(--ink);top:36px;inset-inline-start:72%;animation-delay:.8s}
@keyframes morph{to{transform:translateY(-14px) rotate(20deg) scale(1.1)}}

.t-process{background:var(--white);border-block:1px solid var(--line)}
.t-steps{list-style:none;display:grid;gap:0;margin-top:36px;border:1.5px solid var(--ink);border-radius:var(--r);overflow:hidden}
@media (min-width:900px){.t-steps{grid-template-columns:repeat(4,1fr)}}
.t-steps li{position:relative;padding:24px 20px;border-top:1px solid var(--line)}
@media (min-width:900px){.t-steps li{border-top:0;border-inline-start:1px solid var(--line)}.t-steps li:first-child{border-inline-start:0}}
.t-steps b{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--rec)}
.t-steps h3{font-size:18px;margin-top:6px}.t-steps p{color:var(--muted);font-size:15px;margin-top:4px}
.stamp{position:absolute;top:18px;inset-inline-end:16px;border:2px solid var(--rec);color:var(--rec);font-weight:800;font-size:13px;padding:2px 10px;border-radius:6px;transform:rotate(-8deg);animation:stamp 3s var(--smooth) infinite}
@keyframes stamp{0%,20%{opacity:0;transform:rotate(-8deg) scale(1.6)}32%,100%{opacity:1;transform:rotate(-8deg) scale(1)}}
.t-final-panel{max-width:640px;margin-inline:auto;text-align:center;border:1.5px solid var(--ink);border-radius:16px;padding:48px 24px;background:var(--white);box-shadow:10px 10px 0 var(--ink);position:relative}
.t-final-panel h2{margin-inline:auto}.t-final-panel p{color:var(--muted);margin:12px auto 22px;max-width:440px}
.sb-num{position:absolute;top:12px;inset-inline-start:14px;font:12px ui-monospace,Menlo,monospace;color:var(--rec)}

/* =================== SALON — mirror =================== */
.ind-salon{background:var(--paper)}
.s-hero{position:relative;background:var(--ink);color:#fff;padding:120px 0 72px!important;overflow:hidden}
.s-hero-bg{position:absolute;inset:0;opacity:.22}
.s-hero-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.s-hero-grid{position:relative;display:grid;gap:44px;align-items:center}
@media (min-width:980px){.s-hero-grid{grid-template-columns:1.05fr .95fr}}
.s-hero .i-eyebrow{color:var(--muted-d)}.s-hero .i-lead{color:#d1d1cb}
.mirror{position:relative;padding:22px;border:2.4px solid currentColor;border-radius:50% 50% 46% 46%/40% 40% 36% 36%}
.mirror .bulbs i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(255,255,255,.55);animation:bulb 3s ease-in-out infinite}
.mirror .bulbs i:nth-child(odd){animation-delay:1.5s}
@keyframes bulb{50%{box-shadow:0 0 22px 8px rgba(255,255,255,.75)}}
.mirror .bulbs i:nth-child(1){top:6%;left:50%}.mirror .bulbs i:nth-child(2){top:10%;left:26%}.mirror .bulbs i:nth-child(3){top:10%;left:74%}.mirror .bulbs i:nth-child(4){top:24%;left:8%}.mirror .bulbs i:nth-child(5){top:24%;left:92%}.mirror .bulbs i:nth-child(6){top:44%;left:1.5%}.mirror .bulbs i:nth-child(7){top:44%;left:98.5%}.mirror .bulbs i:nth-child(8){top:64%;left:3%}.mirror .bulbs i:nth-child(9){top:64%;left:97%}.mirror .bulbs i:nth-child(10){top:82%;left:12%}.mirror .bulbs i:nth-child(11){top:82%;left:88%}.mirror .bulbs i:nth-child(12){top:94%;left:32%}.mirror .bulbs i:nth-child(13){top:94%;left:68%}.mirror .bulbs i:nth-child(14){top:96%;left:50%}
.mirror .bulbs i{transform:translate(-50%,-50%)}
.mirror-glass{border-radius:50% 50% 44% 44%/40% 40% 34% 34%;overflow:hidden;position:relative;aspect-ratio:4/5;background:#222}
.mirror-glass img{width:100%;height:100%;object-fit:cover}
.s-mirror-fig{margin:0 auto;width:min(380px,86vw);color:#fff}
.s-mirror-fig figcaption{text-align:center;font-size:13px;color:var(--muted-d);margin-top:14px}
.ba{position:absolute;inset:0}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-before{filter:sepia(.9) saturate(1.3) brightness(.78) contrast(.8) blur(1.2px)}
.ba-after{filter:grayscale(1) contrast(1.15) brightness(1.08);clip-path:inset(0 0 0 var(--pos))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.ba-line::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:13px}
.ba-tag{position:absolute;bottom:14%;font-size:11.5px;background:rgba(0,0,0,.6);color:#fff;padding:3px 10px;border-radius:20px}
.ba-tag-b{left:10%}.ba-tag-a{right:10%}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-range:focus-visible{opacity:.01}
.s-mirror-fig:focus-within .mirror{outline:2px solid var(--rec);outline-offset:6px}

.s-problem-grid{display:grid;gap:30px;align-items:center}
@media (min-width:900px){.s-problem-grid{grid-template-columns:1.1fr .9fr}}
.s-notes{list-style:none;display:grid;gap:10px}
.s-notes li{background:var(--white);border:1.5px solid var(--ink);border-radius:16px 16px 16px 4px;padding:10px 16px;font-size:15.5px;width:fit-content;animation:note 6s var(--smooth) infinite}
.s-notes li:nth-child(2){margin-inline-start:24px;animation-delay:.3s}.s-notes li:nth-child(3){margin-inline-start:8px;animation-delay:.6s}.s-notes li:nth-child(4){margin-inline-start:36px;animation-delay:.9s}
@keyframes note{0%{opacity:0;transform:translateY(8px)}8%,100%{opacity:1;transform:none}}

.s-shots{background:var(--ink);color:#fff}
.s-shots .i-kicker{color:var(--muted-d)}
.s-shots-grid{display:grid;gap:26px;margin-top:40px;grid-template-columns:repeat(2,1fr)}
@media (min-width:1000px){.s-shots-grid{grid-template-columns:repeat(4,1fr)}}
.s-shot{color:#fff}
.mirror--sm{padding:12px}
.mirror--sm .bulbs i{width:7px;height:7px;box-shadow:0 0 8px 2px rgba(255,255,255,.5)}
.mirror--sm img{filter:grayscale(1) contrast(1.1);transition:transform 1.2s var(--smooth)}
.s-shot:hover .mirror--sm img{transform:scale(1.07)}
.s-shot h3{font-size:18px;margin-top:14px}.s-shot p{font-size:14.5px;color:var(--muted-d);margin-top:4px}

.seasons{list-style:none;display:grid;gap:0;margin-top:40px;border-top:1.5px solid var(--ink)}
@media (min-width:900px){.seasons{grid-template-columns:repeat(4,1fr);border-top:0}}
.seasons li{padding:22px 4px;border-bottom:1px solid var(--line);position:relative}
@media (min-width:900px){.seasons li{border-bottom:0;border-top:1.5px solid var(--ink);padding:26px 18px 0 0}.seasons li::before{content:"";position:absolute;top:-7px;inset-inline-start:0;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}}
.season-when{font-size:12.5px;color:var(--rec);font-weight:700}
.seasons h3{font-size:20px;margin-top:4px}.seasons p{color:var(--muted);font-size:15px;margin-top:4px}

.s-plan{background:var(--white);border-block:1px solid var(--line)}
.s-plan-list{list-style:none;counter-reset:p;display:grid;gap:14px;margin-top:36px}
@media (min-width:900px){.s-plan-list{grid-template-columns:repeat(4,1fr)}}
.s-plan-list li{counter-increment:p;padding:22px 20px;border:1px solid var(--line);border-radius:999px 999px var(--r) var(--r);text-align:center;background:var(--paper)}
.s-plan-list li::before{content:counter(p,persian);display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;border:1.5px solid var(--ink);font-weight:800}
.s-plan-list h3{font-size:17px}.s-plan-list p{color:var(--muted);font-size:14.5px;margin-top:4px}

.s-final-grid{display:grid;gap:36px;align-items:center}
@media (min-width:900px){.s-final-grid{grid-template-columns:.8fr 1.2fr}}
.mirror--final{width:min(300px,76vw);margin:0 auto;color:var(--ink)}
.mirror--final .bulbs i{background:var(--paper);border:1.5px solid var(--ink);box-shadow:none;animation:none}
.mirror--final .mirror-glass{background:var(--white);display:grid;place-items:center;aspect-ratio:4/5}
.s-final-q{font-size:clamp(20px,4vw,26px);font-weight:800;padding:20px;text-align:center}
.s-final-grid .btn{margin-top:22px}

/* =================== CLINIC — waiting room =================== */
.ind-clinic{background:#fbfbf9}
.c-hero{padding:120px 0 64px!important;background:linear-gradient(#fff,#f3f3ef)}
.c-hero-grid{display:grid;gap:40px;align-items:center}
@media (min-width:980px){.c-hero-grid{grid-template-columns:1fr 1fr}}
.waiting{position:relative;margin:0;border:1.5px solid var(--ink);border-radius:22px;background:#fff;padding:60px 18px 10px;overflow:hidden}
.wr-svg{width:100%;height:auto}
.wr-svg .phone-ink{fill:var(--ink)}
.patient{animation:breathe 4s ease-in-out infinite;transform-origin:255px 190px}
@keyframes breathe{50%{transform:translateY(-1.5px)}}
.glow{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(224,39,31,.22),transparent 70%);top:51%;left:58%;transform:translate(-50%,-50%);animation:glow 2.4s ease-in-out infinite}
@keyframes glow{50%{opacity:.4}}
.queue{position:absolute;top:14px;inset-inline-start:18px;display:flex;align-items:baseline;gap:8px;background:var(--ink);color:#fff;border-radius:10px;padding:4px 14px}
.queue small{font-size:11px;color:var(--muted-d)}
.queue b{font:700 22px ui-monospace,Menlo,monospace;color:var(--rec);animation:q 6s steps(1) infinite}
@keyframes q{0%,70%{opacity:1}72%,76%{opacity:0}78%,100%{opacity:1}}

.c-story{background:#fff;border-block:1px solid var(--line)}
.c-search{border:1.5px solid var(--ink);border-radius:20px;padding:5px 10px;font-size:11.5px;color:var(--muted)}
.c-result{height:36px;border-radius:10px;background:var(--line);animation:dm 3s var(--smooth) infinite}
.c-result.r2{width:80%;animation-delay:.2s}.c-result.r3{width:60%;animation-delay:.4s}
.c-bad{justify-content:center}
.c-ad{background:var(--white);border:1.5px dashed var(--rec);color:var(--rec);border-radius:10px;padding:6px;text-align:center;font-weight:800;font-size:12.5px;text-decoration:line-through;text-decoration-thickness:1.5px}
.c-bad small{font-size:11px;color:var(--muted);text-align:center}
.c-video{position:relative;flex:1;border-radius:14px;background:repeating-linear-gradient(135deg,#e7e6e1 0 8px,#efeee9 8px 16px);border:1.5px solid var(--ink);display:grid;place-items:center}
.c-play{width:34px;height:34px;border-radius:50%;background:var(--ink);position:relative}
.c-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-inline-start:11px solid #fff;border-block:7px solid transparent}
.c-good p{font-size:12px}.c-cap{color:var(--muted)}
.c-call{background:var(--ink);color:#fff;align-items:center;justify-content:center;text-align:center}
.c-call small{color:var(--muted-d)}.c-call b{font:700 64px ui-monospace,Menlo,monospace;color:var(--rec);line-height:1}.c-call p{font-size:16px}
@keyframes dm{0%{opacity:0;transform:translateY(10px)}12%,100%{opacity:1;transform:none}}

.script-card{margin-top:36px;max-width:720px;border:1.5px solid var(--ink);border-radius:var(--r);background:#fff;padding:22px 22px 10px}
.sc-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--line);padding-bottom:10px;margin-bottom:6px}
.sc-head span{font-size:12.5px;color:var(--muted)}
.script-card p{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.script-card p:last-child{border-bottom:0}
.script-card s{color:var(--rec);text-decoration-thickness:2px}
.script-card ins{text-decoration:none;font-weight:700}
.script-card ins::before{content:"✓ ";color:var(--ink)}

.c-types-grid{display:grid;gap:18px;margin-top:40px}
@media (min-width:700px){.c-types-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.c-types-grid{grid-template-columns:repeat(4,1fr)}}
.c-type .ph{aspect-ratio:4/3;border-radius:14px}
.c-type .ph img{height:100%}
.c-type h3{font-size:18px;margin-top:12px}.c-type p{color:var(--muted);font-size:14.5px;margin-top:4px}
.c-plan{background:#fff;border-block:1px solid var(--line)}
.c-plan-list{list-style:none;display:grid;gap:14px;margin-top:36px}
@media (min-width:900px){.c-plan-list{grid-template-columns:repeat(4,1fr)}}
.c-plan-list li{border-inline-start:3px solid var(--ink);padding:6px 16px 8px}
.c-plan-list span{font:12px ui-monospace,Menlo,monospace;color:var(--muted)}
.c-plan-list h3{font-size:18px;margin-top:4px}.c-plan-list p{color:var(--muted);font-size:14.5px;margin-top:4px}
.c-final-board{max-width:680px;margin-inline:auto;text-align:center;background:var(--ink);color:#fff;border-radius:22px;padding:56px 24px;position:relative}
.c-final-board h2{margin-inline:auto}.c-final-board p{color:#cfcfc9;margin:12px auto 24px;max-width:460px}
.queue--big{position:static;display:inline-flex;margin-bottom:18px;background:#1b1b1b}
.queue--big b{font-size:44px}

/* works (placeholder cards) */
.ind .works{display:grid;gap:18px;margin-top:40px}
@media (min-width:700px){.ind .works{grid-template-columns:repeat(3,1fr)}}
.ind .works .reel{flex:none;max-width:none}
.ind .work .frame{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden;border-radius:14px}
.ind .work .frame .ph{position:absolute;inset:0}
.ind .work .frame .ph img{height:100%}