/* swiss theme */:root{
 --bg:#F4F1EC;--bg-soft:#EAE6DF;--ink:#121212;--ink2:#2A2A2A;--muted:#6B6B6B;
 --line:#D6D0C6;--accent:#E4451B;--accent-2:#121212;--on-accent:#FFFFFF;
 --card:#FFFDF8;--nav-bg:#F4F1EC;--nav-h:78px;--radius:0px;--big-r:0px;
 --btn-r:0px;--display:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--body:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;
 --dw:800;--ds:-.03em;--h1:clamp(40px,7.4vw,96px);--h2:clamp(28px,3.6vw,46px);
 --cta-bg:#121212;--foot-bg:#121212;--strip-bg:#EAE6DF;
 --hero-ink:#121212;--hero-mask:none;--panel-bg:#EDEAE4;
 --glow:rgba(0,0,0,.12);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.78 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:var(--dw);letter-spacing:var(--ds);line-height:1.14}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}}
.pad{padding:clamp(54px,7vw,102px) 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--accent);opacity:.8}
.lead{color:var(--muted);max-width:64ch}
.grid{display:grid;gap:clamp(14px,1.8vw,24px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:920px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.3vw,30px);transition:transform .35s,border-color .35s,box-shadow .35s}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:var(--btn-r);background:var(--accent);color:var(--on-accent);font-weight:650;font-size:15px;line-height:1;border:1px solid var(--accent);transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px var(--glow)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:3px}
.more:hover{gap:14px}
/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:var(--nav-h);justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;flex:none}
.logo .mk{width:34px;height:34px;flex:none;display:grid;place-items:center;color:var(--accent)}
.logo .tx b{display:block;font:700 15px/1.2 var(--display);letter-spacing:.04em}
.logo .tx span{display:block;font:500 10px/1.5 var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.menu{display:flex;align-items:center;gap:clamp(14px,2vw,28px);font-size:14.5px;font-weight:500}
.menu a{color:var(--muted);white-space:nowrap;position:relative;padding:4px 0}
.menu a:hover{color:var(--ink)}
.nav .tel{display:flex;align-items:center;gap:8px;font:600 14px/1 var(--mono);letter-spacing:.02em}
.burger{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--btn-r);background:none;color:var(--ink);cursor:pointer;font-size:16px}
@media(max-width:980px){.menu{position:fixed;inset:var(--nav-h) 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg);padding:8px 24px 24px;border-bottom:1px solid var(--line);transform:translateY(-140%);transition:.35s;font-size:16px}
.menu.open{transform:none}
.menu a{width:100%;padding:13px 0;border-bottom:1px solid var(--line)}
.nav .tel{display:none}.burger{display:grid;place-items:center}}
/* ---------- hero variants ---------- */
.hero{position:relative;overflow:hidden}
.hero h1{font-size:var(--h1);line-height:1.08}
.hero .sub{color:var(--muted);margin:20px 0 30px;font-size:clamp(15px,1.15vw,18px);max-width:56ch}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px}
.hero .eyebrow{margin-bottom:20px}
.hsplit{padding:clamp(48px,6vw,92px) 0 clamp(30px,4vw,54px)}
.hsplit .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,56px);align-items:center}
.hsplit .shot{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3.1;box-shadow:0 30px 80px var(--glow)}
.hsplit .shot img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hsplit .wrap{grid-template-columns:1fr}.hsplit .shot{aspect-ratio:16/10}}
.hcenter{padding:0;text-align:center;color:var(--hero-ink)}
.hcenter .bgimg{position:absolute;inset:0}
.hcenter .bgimg img{width:100%;height:100%;object-fit:cover}
.hcenter .bgimg::after{content:"";position:absolute;inset:0;background:var(--hero-mask)}
.hcenter .wrap{position:relative;padding:clamp(80px,13vw,160px) 0 clamp(60px,10vw,120px)}
.hcenter h1{max-width:20ch;margin:0 auto}
.hcenter .sub{margin:22px auto 34px;color:var(--hero-ink);opacity:.78}
.hcenter .acts{justify-content:center}
.hoffset{padding:clamp(40px,5vw,70px) 0 0}
.hoffset .top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,3vw,40px);align-items:end}
.hoffset .shots{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:clamp(22px,3vw,36px)}
.hoffset .shots div{overflow:hidden;border-radius:var(--radius);aspect-ratio:16/7}
.hoffset .shots div:last-child{aspect-ratio:auto}
.hoffset .shots img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hoffset .top{grid-template-columns:1fr}.hoffset .shots{grid-template-columns:1fr}}
.hedit{padding:clamp(36px,5vw,64px) 0 0}
.hedit .meta{display:flex;gap:18px;flex-wrap:wrap;font:500 11px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:clamp(20px,3vw,34px)}
.hedit h1{font-size:var(--h1);max-width:16ch}
.hedit .lower{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,52px);align-items:end;margin-top:26px}
.hedit .shot{margin-top:clamp(26px,4vw,44px);overflow:hidden;aspect-ratio:21/8}
.hedit .shot img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hedit .lower{grid-template-columns:1fr}.hedit .shot{aspect-ratio:16/9}}
.hpanel{padding:clamp(28px,4vw,48px) 0 clamp(44px,6vw,86px)}
.hpanel .shell{position:relative;border-radius:var(--big-r);overflow:hidden;background:var(--panel-bg);border:1px solid var(--line);display:grid;grid-template-columns:1.05fr .95fr;min-height:clamp(380px,52vw,560px)}
.hpanel .copy{padding:clamp(28px,4.5vw,62px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hpanel .copy h1{font-size:var(--h1)}
.hpanel .shot{position:relative;min-height:280px}
.hpanel .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hpanel .shell{grid-template-columns:1fr}.hpanel .shot{order:-1;min-height:230px}}
.hstack{padding:clamp(46px,6vw,86px) 0}
.hstack .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.hstack .deck{position:relative;height:clamp(340px,42vw,470px);perspective:1200px}
.hstack .deck .ly{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px var(--glow);transition:transform .6s}
.hstack .deck .ly img{width:100%;height:100%;object-fit:cover}
.hstack .deck .l1{transform:translate3d(-6%,-4%,0) rotate(-4deg) scale(.94);opacity:.55}
.hstack .deck .l2{transform:translate3d(0,0,0) rotate(-1.2deg)}
.hstack .deck:hover .l1{transform:translate3d(-11%,-6%,0) rotate(-7deg) scale(.92)}
.hstack .deck:hover .l2{transform:translate3d(3%,1%,0) rotate(0deg)}
@media(max-width:900px){.hstack .wrap{grid-template-columns:1fr}.hstack .deck{height:280px;order:-1}}
/* ---------- ticker ---------- */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--strip-bg);overflow:hidden;padding:13px 0;position:relative}
.ticker .track{display:flex;gap:38px;white-space:nowrap;width:max-content;animation:tk 34s linear infinite;font:600 12.5px/1 var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.ticker .track b{color:var(--accent);font-weight:600}
@keyframes tk{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none}}
/* ---------- sections ---------- */
.shead{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:clamp(26px,3.6vw,48px)}
.shead h2{font-size:var(--h2)}
.shead p{color:var(--muted);margin:12px 0 0;max-width:56ch}
@media(max-width:820px){.shead{grid-template-columns:1fr}}
.svc{position:relative;display:flex;flex-direction:column;gap:12px;min-height:100%}
.svc .no{font:600 11px/1 var(--mono);letter-spacing:.18em;color:var(--accent);opacity:.8}
.svc h3{font-size:19px}
.svc p{color:var(--muted);font-size:14.5px;margin:0}
.svc .tagline{margin-top:auto;font-size:12px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-family:var(--mono)}
.svc:hover{transform:translateY(-4px);border-color:var(--accent)}
.why .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(24px,4.5vw,64px);align-items:center}
.why .shot{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/3.4}
.why .shot img{width:100%;height:100%;object-fit:cover}
.why ul{display:grid;gap:16px;margin-top:26px}
.why li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.why li .b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;margin-top:3px}
.why li b{display:block;font-size:16px}
.why li span{color:var(--muted);font-size:14.5px}
@media(max-width:900px){.why .wrap{grid-template-columns:1fr}}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.proc .st{padding:26px 22px 26px 0;border-right:1px solid var(--line);position:relative}
.proc .st:last-child{border-right:0}
.proc .st b{font:700 clamp(22px,2.4vw,32px)/1 var(--mono);color:var(--accent);display:block;margin-bottom:14px}
.proc h3{font-size:17px;margin-bottom:8px}
.proc p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:820px){.proc{grid-template-columns:1fr 1fr}.proc .st{padding:22px 16px 22px 0;border-bottom:1px solid var(--line)}.proc .st:nth-child(2n){border-right:0}}
@media(max-width:520px){.proc{grid-template-columns:1fr}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}
.stats .it b{font-family:var(--display);font-size:clamp(28px,3.4vw,44px);line-height:1;display:block;letter-spacing:-.02em}
.stats .it span{display:block;margin-top:10px;font-size:13px;color:var(--muted);letter-spacing:.04em}
.stats .it em{font-style:normal;font-size:.55em;opacity:.7;margin-left:2px}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr}}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,20px)}
.prods a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:.3s}
.prods a:hover{border-color:var(--accent);transform:translateY(-2px)}
.prods a b{font-size:15.5px}
.prods a small{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.04em;margin-top:3px}
.prods a i{font-style:normal;color:var(--accent);font-size:18px}
@media(max-width:820px){.prods{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.prods{grid-template-columns:1fr}}
.cov{display:flex;flex-wrap:wrap;gap:9px}
.cov span{padding:8px 15px;border:1px solid var(--line);border-radius:var(--btn-r);font-size:13px;color:var(--muted);background:var(--card)}
.cov span.hot{color:var(--accent);border-color:var(--accent)}
.faq{border-top:1px solid var(--line)}
.faq .q{border-bottom:1px solid var(--line);padding:20px 0;cursor:pointer}
.faq .q h3{font-size:16.5px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:0}
.faq .q h3 i{font-style:normal;color:var(--accent);font-size:18px;line-height:1;transition:.3s;flex:none}
.faq .q .a{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--muted);font-size:14.5px}
.faq .q.open .a{max-height:260px;padding-top:12px}
.faq .q.open h3 i{transform:rotate(45deg)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.posts a{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:.3s}
.posts a:hover{border-color:var(--accent);transform:translateY(-3px)}
.posts a .k{font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase}
.posts a h3{font-size:16.5px;margin:14px 0 10px;line-height:1.45}
.posts a p{color:var(--muted);font-size:13.5px;margin:0}
@media(max-width:820px){.posts{grid-template-columns:1fr}}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.about .kv{display:grid;gap:0;border-top:1px solid var(--line)}
.about .kv div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.about .kv div span{color:var(--muted)}
@media(max-width:820px){.about{grid-template-columns:1fr}}
.cta{border-radius:var(--big-r);padding:clamp(32px,5vw,64px);background:var(--cta-bg);border:1px solid var(--line);position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}
.cta h2{font-size:var(--h2);max-width:18ch}
.cta p{color:var(--muted);margin:14px 0 0;max-width:46ch}
.cta .box{display:grid;gap:10px;justify-items:start}
.cta .phone{font:700 clamp(24px,3vw,36px)/1.1 var(--mono);letter-spacing:-.01em;color:var(--ink)}
@media(max-width:820px){.cta{grid-template-columns:1fr}}
footer{background:var(--foot-bg);border-top:1px solid var(--line);padding:clamp(40px,5vw,64px) 0 0;margin-top:clamp(40px,6vw,80px)}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:clamp(20px,3vw,42px);padding-bottom:clamp(28px,3.6vw,44px)}
footer h4{font-size:13px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
footer li{margin-bottom:9px;font-size:13.5px;color:var(--muted)}
footer li a:hover{color:var(--ink)}
footer .nap{font-size:13.5px;color:var(--muted);line-height:1.9}
footer .bar{border-top:1px solid var(--line);padding:18px 0 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
@media(max-width:860px){footer .top{grid-template-columns:1fr 1fr}}
/* ---------- article ---------- */
.art-head{padding:clamp(40px,5vw,70px) 0 clamp(22px,3vw,34px);border-bottom:1px solid var(--line)}
.art-head .crumb{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.art-head .crumb a:hover{color:var(--accent)}
.art-head h1{font-size:clamp(28px,3.6vw,44px);max-width:24ch;line-height:1.2}
.art-head .meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font:500 11.5px/1 var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.art-body{display:grid;grid-template-columns:1fr 300px;gap:clamp(26px,4vw,56px);padding:clamp(34px,4.4vw,56px) 0}
.art-body .prose{max-width:70ch}
.prose h2{font-size:clamp(20px,2.1vw,26px);margin:38px 0 14px}
.prose h3{font-size:17px;margin:26px 0 10px}
.prose p{color:var(--ink2,#333);margin:0 0 16px;line-height:1.95}
.prose ul{display:grid;gap:9px;margin:0 0 18px;padding-left:0}
.prose li{padding-left:18px;position:relative;color:var(--ink2,#333)}
.prose li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.prose .note{border-left:3px solid var(--accent);padding:14px 18px;background:var(--card);font-size:14.5px;color:var(--muted);margin:20px 0}
.side{position:sticky;top:calc(var(--nav-h) + 24px);align-self:start;display:grid;gap:16px}
.side .box{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--card)}
.side h4{font-size:13px;letter-spacing:.1em;color:var(--accent);margin-bottom:12px;font-family:var(--mono);text-transform:uppercase}
.side li{font-size:13.5px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.side li a:hover{color:var(--accent)}
.side .tel{font:700 20px/1.2 var(--mono);display:block;margin:8px 0 12px}
@media(max-width:900px){.art-body{grid-template-columns:1fr}.side{position:static}}
.rel{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.rel a{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.rel a:hover{color:var(--accent)}
.rel a i{font-style:normal;color:var(--accent)}
/* ---------- motion ---------- */
[data-rv]{opacity:1;transform:none}
.js [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js [data-rv].on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-rv]{opacity:1;transform:none;transition:none}}


:root{--glow:rgba(0,0,0,.08)}
body{background:var(--bg)}
.nav{background:var(--bg);border-bottom:1px solid #121212;backdrop-filter:none}
.nav .wrap{height:78px}
.logo .mk{width:28px;height:28px}
.logo .mk svg{fill:#121212}
.logo .tx span{color:#121212;letter-spacing:.2em}
.menu a{color:#121212;font-weight:500}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#E4451B;transition:.3s}
.menu a:hover::after{width:100%}
h1,h2,h3{font-weight:800;letter-spacing:-.03em}
.hero h1{font-size:clamp(40px,7.4vw,96px);line-height:.98;letter-spacing:-.045em}
.hero h1 .l2{display:block;color:#E4451B}
.hsplit .wrap{gap:clamp(28px,5vw,72px);align-items:start;padding-top:10px}
.hsplit .shot{aspect-ratio:1/1.05;border-radius:0;box-shadow:none;border:1px solid #121212}
.hsplit .shot::after{content:"";position:absolute;inset:0;border:8px solid var(--bg)}
.svc{border:0;border-top:2px solid #121212;border-radius:0;padding:18px 0 0;background:none;min-height:auto}
.svc:hover{transform:none;border-color:#E4451B}
.svc .no{color:#121212;opacity:.45}
.svc h3{font-weight:800;font-size:21px;letter-spacing:-.02em}
.card{border-radius:0;background:none}
.proc .st{border-right:1px solid #121212}
.stats{border-top:2px solid #121212;border-bottom:2px solid #121212;padding:22px 0}
.stats .it b{font-weight:800;letter-spacing:-.04em}
.cta{border-radius:0;background:#121212;color:#F4F1EC;border:0}
.cta p,.cta .phone{color:#F4F1EC}
.cta .btn{background:#E4451B;border-color:#E4451B;color:#fff}
footer{background:#121212;color:#F4F1EC}
footer h4{color:#E4451B}
footer li,footer .nap,footer .bar{color:#B9B4AA}
footer .bar{border-color:rgba(255,255,255,.16)}


.hero h1{font-size:min(var(--h1),66px);line-height:1.12;text-wrap:balance}
.pad{padding:clamp(46px,5.6vw,82px) 0}
.shead h2{font-size:min(var(--h2),40px)}
.shead h2,.cta h2,.prose h1{text-wrap:balance}
@media(max-width:640px){.hero h1{font-size:min(var(--h1),40px)}}


.trust{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);margin-top:clamp(24px,3vw,34px);padding-top:16px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.trust b{color:var(--ink);font-weight:650}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{font-family:var(--display);font-size:16.5px;font-weight:600;line-height:1.5}
.faq summary i{font-style:normal;color:var(--accent);font-size:18px;line-height:1;transition:.3s;flex:none;margin-top:3px}
.faq details[open] summary i{transform:rotate(45deg)}
.faq .a{padding-top:12px;color:var(--muted);font-size:14.5px;max-width:78ch}
.faq details[open]{padding-bottom:6px}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
.pick .row{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 22px 22px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.pick .row:nth-child(2n){border-right:0;padding-right:0}
.pick .no{font:600 12px/1.4 var(--mono);color:var(--accent);letter-spacing:.1em}
.pick h3{font-size:17.5px;margin-bottom:6px}
.pick p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:760px){.pick{grid-template-columns:1fr}.pick .row{border-right:0;padding-right:0}}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini div{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--card)}
.mini b{display:block;font-size:15px;margin-bottom:4px}
.mini span{font-size:12.5px;color:var(--muted)}
@media(max-width:760px){.mini{grid-template-columns:1fr}}
.shot-note{position:absolute;right:14px;bottom:12px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.42);padding:6px 8px;border-radius:2px}
@media(max-width:980px){.nav .tel{display:none}}
.art-cover{margin:0 0 clamp(22px,3vw,32px);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.art-cover img{width:100%;aspect-ratio:16/8.6;object-fit:cover}