@font-face{font-family:"B Zar";src:local("B Zar"),local("BZar"),url(/assets/fonts/BZar.woff2) format("woff2"),url(/assets/fonts/BZar.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"B Zar";src:local("B Zar Bold"),local("BZarBold"),url(/assets/fonts/BZar.woff2) format("woff2"),url(/assets/fonts/BZar.woff) format("woff");font-weight:700;font-display:swap}
:root{
  --bg:#F1ECE6;--sand:#E3DBD1;--taupe:#D3C8BC;--stone:#B7AA9C;--mocha:#8A7E72;--dark:#1E1C1A;
  --ink:#1D1B19;--text:#4A4540;--muted:#857C73;--line:#D8CFC4;
  --disp:"Cormorant Garamond","Cormorant",Georgia,serif;
  --sans:"Montserrat","Inter",system-ui,sans-serif;
  --fa:"B Zar","BZar","Vazirmatn",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:300 15px/1.8 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body[dir=rtl]{font-family:var(--fa);font-size:20px;line-height:1.9;font-weight:400}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg.i{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .flip{transform:scaleX(-1)}
h1,h2,h3{margin:0;color:var(--ink);font-family:var(--disp);font-weight:300;letter-spacing:.01em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--fa);font-weight:700;letter-spacing:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:40px;padding-right:40px}
.lbl{font:500 10.5px/1.5 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
[dir=rtl] .lbl{font:700 16px/1.6 var(--fa);letter-spacing:0}
.lbl.m{color:var(--muted)}
.lnk{display:inline-flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;gap:26px;padding:15px 24px;border:1px solid var(--ink);color:var(--ink);font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;transition:.25s}
[dir=rtl] .btn{font:700 17px/1 var(--fa);letter-spacing:0;padding:14px 24px}
.btn:hover{background:var(--ink);color:var(--bg)}
.btn svg.i{width:22px}

/* header */
.top{position:absolute;top:0;left:0;right:0;z-index:40}
.top.solid{position:sticky;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:26px;height:82px}
.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}
.brand .mono{width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font:400 15px/1 var(--disp);letter-spacing:.05em;color:var(--ink)}
.brand span.n{font:500 10.5px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
[dir=rtl] .brand span.n{font:700 18px/1.4 var(--fa);letter-spacing:0}
.nav{display:flex;gap:26px}
.nav a{font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);padding:6px 0;border-bottom:1px solid transparent;transition:.2s}
[dir=rtl] .nav a{font:400 18px/1 var(--fa);letter-spacing:0}
.nav a:hover,.nav a.on{border-bottom-color:var(--ink)}
.langs{display:flex;gap:10px;font:500 10px/1 var(--sans);letter-spacing:.18em}
.langs a{color:var(--muted)}.langs a.on{color:var(--ink)}
.mmenu{display:none}
.mmenu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ink);color:var(--ink)}
.mmenu summary::-webkit-details-marker{display:none}
.mpanel{position:absolute;top:82px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 0 22px;z-index:50}
.mpanel a{display:block;padding:12px 40px;font:500 11px/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink)}
[dir=rtl] .mpanel a{font:400 20px/1.5 var(--fa);letter-spacing:0}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--taupe)}
.hero .l{position:relative;display:flex;flex-direction:column;justify-content:center;padding:130px 56px 80px max(40px,calc((100vw - 1180px)/2 + 40px))}
[dir=rtl] .hero .l{padding:130px max(40px,calc((100vw - 1180px)/2 + 40px)) 80px 56px}
.hero .name{margin:0 0 26px;font:500 12px/1.9 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--ink)}
[dir=rtl] .hero .name{font:700 22px/1.6 var(--fa);letter-spacing:0}
.hero h1{font-size:clamp(64px,8.6vw,132px);line-height:.9;text-transform:uppercase;letter-spacing:-.01em;font-weight:300}
[dir=rtl] .hero h1{font-size:clamp(56px,7vw,104px);line-height:1.25}
.hero .tag{display:flex;align-items:center;gap:18px;margin:34px 0 44px;font:500 10.5px/1.7 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink)}
.hero .tag::before{content:"";flex:none;width:48px;height:1px;background:var(--ink)}
[dir=rtl] .hero .tag{font:400 20px/1.7 var(--fa);letter-spacing:0}
.hero .r{position:relative;overflow:hidden;background:#D6D0C8}
.hero .r::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.28) 30% 30.4%,transparent 30.4%)}
.hero .r img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:48%;width:auto;max-width:none;filter:grayscale(1) contrast(1.05) sepia(.12);mix-blend-mode:multiply;-webkit-mask:linear-gradient(to bottom,#000 80%,transparent 100%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(to bottom,#000 80%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.seal{position:absolute;top:110px;inset-inline-end:44px;width:108px;height:108px;z-index:3;animation:rot 30s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.seal text{font:500 9.2px var(--sans);letter-spacing:.32em;text-transform:uppercase;fill:var(--ink)}
.seal .c{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink)}
.seal .c svg.i{width:18px;height:18px}

/* strip */
.strip{background:var(--bg);border-bottom:1px solid var(--line)}
.strip .wrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 22px;padding-top:26px;padding-bottom:26px}
.strip span{font:500 10px/1.6 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:22px}
.strip span+span::before{content:"·";color:var(--muted)}
[dir=rtl] .strip span{font:400 19px/1.6 var(--fa);letter-spacing:0}

/* sections */
.sec{padding-top:72px;padding-bottom:24px}
.shd{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}
.shd a{display:inline-flex;align-items:center;gap:10px}
.shd a svg.i{width:20px}

/* work cards */
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.work{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;padding:22px 26px 26px;background:var(--taupe);color:var(--ink);overflow:hidden;transition:filter .3s}
.work:nth-child(3n+2){background:var(--mocha);color:#F1ECE6}
.work:nth-child(3n+3){background:var(--sand)}
.work:hover{filter:brightness(.97)}
.work .no{font:300 22px/1 var(--disp)}
.work .screen{position:relative;margin:26px 0;padding:26px 24px;background:#F6F2EC;color:var(--ink);box-shadow:0 30px 40px -28px rgba(0,0,0,.45);border:6px solid #1F1D1B;border-radius:6px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s}
.work:hover .screen{transform:translateY(-6px)}
.work:nth-child(3n+2) .screen{background:#1F1D1B;color:#EDE6DD;border-color:#0F0E0D}
.work .screen .t{font:300 25px/1.08 var(--disp);text-transform:uppercase;max-width:12ch}
[dir=rtl] .work .screen .t,.work .screen .t[dir=rtl]{font:700 24px/1.45 var(--fa);max-width:none}
.work .screen .sh{position:absolute;inset-inline-end:0;top:0;bottom:0;width:42%;background:linear-gradient(135deg,#CFC4B8,#9A8E82);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.work:nth-child(3n+2) .screen .sh{background:linear-gradient(135deg,#5B534C,#2B2826)}
.work:nth-child(3n+3) .screen .sh{clip-path:polygon(0 0,100% 0,100% 100%,55% 100%);background:linear-gradient(160deg,#D8CFC5,#A99C8F)}
.work .screen .s{position:relative;font:500 8px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;opacity:.7;max-width:60%}
[dir=rtl] .work .screen .s{font:400 14px/1.5 var(--fa);letter-spacing:0}
.work .cap b{display:block;font:500 11px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.work .cap span{display:block;font:500 9.5px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-top:4px}
[dir=rtl] .work .cap b{font:700 21px/1.5 var(--fa);letter-spacing:0}
[dir=rtl] .work .cap span{font:400 16px/1.6 var(--fa);letter-spacing:0}
.work .cap b[dir=rtl]{font:700 21px/1.5 var(--fa);letter-spacing:0}

/* about */
.about3{display:grid;grid-template-columns:1fr 1.05fr 1.15fr;gap:44px;align-items:start}
.about3 h2{font-size:32px;line-height:1.08;text-transform:uppercase;margin:16px 0 22px}
[dir=rtl] .about3 h2{font-size:32px;line-height:1.5}
.about3 p{margin:0 0 1em;font-size:13.5px;line-height:1.85}
[dir=rtl] .about3 p{font-size:19px;line-height:1.9}
.archi{position:relative;aspect-ratio:1/1.05;overflow:hidden;background:linear-gradient(180deg,#E6E0D8,#CFC5BA)}
.archi::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8C8176 0 22%,transparent 22%),linear-gradient(90deg,transparent 78%,#9E9286 78%),linear-gradient(180deg,transparent 60%,#BFB3A7 60%)}
.archi::after{content:"";position:absolute;left:22%;right:22%;top:12%;bottom:40%;background:linear-gradient(180deg,#F4F0EA,#E1D9CF)}
.archi img{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);height:66%;width:auto;max-width:none;filter:grayscale(1) sepia(.15);mix-blend-mode:multiply;-webkit-mask:linear-gradient(to bottom,#000 75%,transparent);mask:linear-gradient(to bottom,#000 75%,transparent)}
.do{list-style:none;margin:16px 0 0;padding:0}
.do li{display:grid;grid-template-columns:28px 1fr 1.25fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.do li:last-child{border-bottom:0}
.do li svg.i{width:24px;height:24px;color:var(--ink)}
.do b{font:500 10px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);padding-top:4px}
[dir=rtl] .do b{font:700 18px/1.5 var(--fa);letter-spacing:0;padding-top:0}
.do span{font-size:12.5px;line-height:1.6;color:var(--text)}
[dir=rtl] .do span{font-size:17px;line-height:1.7}

/* testimonial band */
.band{display:grid;grid-template-columns:1.1fr 1fr;background:var(--taupe);min-height:200px}
.band .q{padding:36px 44px;display:flex;gap:20px}
.band .q .mk{font:400 60px/.8 var(--disp);color:var(--ink)}
.band .q p{margin:0;font:400 italic 21px/1.5 var(--disp);color:var(--ink);max-width:34ch}
[dir=rtl] .band .q p{font:400 25px/1.7 var(--fa)}
.band .q cite{display:block;margin-top:16px;font:500 9.5px/1.6 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--text)}
[dir=rtl] .band .q cite{font:400 16px/1.6 var(--fa);letter-spacing:0}
.band .img{position:relative;background:linear-gradient(180deg,#E7E1D9 0 65%,#CDC2B6 65%);overflow:hidden}
.band .img::before{content:"";position:absolute;inset-inline-start:18%;bottom:18%;width:34%;height:52%;background:linear-gradient(180deg,#F3EFE9,#DDD4CA);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.band .img::after{content:"";position:absolute;inset-inline-end:22%;bottom:30%;width:72px;height:46px;border-radius:40px 40px 6px 6px;background:#8E8277;box-shadow:0 34px 0 -18px #5E554D}

/* dark footer */
footer{background:var(--dark);color:#B6ADA3}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr .6fr;gap:40px;padding-top:56px;padding-bottom:48px;align-items:start}
.foot h2{color:#EDE6DD;font-size:26px;line-height:1.1;text-transform:uppercase}
[dir=rtl] .foot h2{font-size:30px;line-height:1.5}
.foot p{margin:14px 0 0;font-size:12.5px;max-width:28ch}
[dir=rtl] .foot p{font-size:18px}
.foot .lbl{color:#EDE6DD;display:block;margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}
[dir=rtl] .foot li{font-size:17px}
.foot li a:hover{color:#fff}
.monobig{justify-self:end;width:92px;height:118px;border:1px solid #B6ADA3;border-radius:50px 50px 50px 50px/60px 60px 60px 60px;display:grid;place-items:center;color:#EDE6DD;font:300 38px/1 var(--disp);position:relative}
.monobig small{position:absolute;bottom:-30px;left:0;right:0;text-align:center;font:500 8.5px/1.4 var(--sans);letter-spacing:.3em;color:#8C847B}
.fbar{border-top:1px solid rgba(255,255,255,.08)}
.fbar .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;font:500 9.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#7E766D}

/* subpages */
.phead{background:var(--taupe);padding-top:150px;padding-bottom:64px;position:relative;overflow:hidden}
.phead h1{font-size:clamp(56px,8vw,120px);line-height:.92;text-transform:uppercase;margin-top:18px}
[dir=rtl] .phead h1{line-height:1.3;font-size:clamp(50px,6.4vw,92px)}
.phead p{margin:26px 0 0;max-width:52ch;display:flex;align-items:center;gap:18px;font:500 10.5px/1.8 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.phead p::before{content:"";flex:none;width:48px;height:1px;background:var(--ink)}
[dir=rtl] .phead p{font:400 20px/1.7 var(--fa);letter-spacing:0}
.phead .seal{top:auto;bottom:40px}
.tabs{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px}
.tabs a{display:inline-flex;align-items:center;gap:10px;font:500 10px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}
[dir=rtl] .tabs a{font:400 19px/1.5 var(--fa);letter-spacing:0}
.group{padding-top:64px;padding-bottom:8px;scroll-margin-top:24px}
.group .gh{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:26px}
.group .gh h2{font-size:34px;text-transform:uppercase;line-height:1.1}
[dir=rtl] .group .gh h2{font-size:32px;line-height:1.5}

/* media cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}
.mcard{display:flex;flex-direction:column}
.thumb{position:relative;aspect-ratio:4/3;background:var(--taupe);overflow:hidden;display:block;width:100%;border:0;padding:0;cursor:pointer}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mcard:hover .thumb img{transform:scale(1.03)}
.thumb .pl{position:absolute;z-index:1;inset-inline-start:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;color:#fff;background:rgba(30,28,26,.35);backdrop-filter:blur(4px)}
.thumb .pl svg.i{width:14px;height:14px}
.thumb .nm{position:absolute;inset:0;display:grid;place-items:center;background:var(--mocha);color:#F1ECE6;font:300 30px/1.1 var(--disp);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:20px}
.thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.mcard .k{margin:18px 0 8px}
.mcard h3{font-size:24px;line-height:1.2}
[dir=rtl] .mcard h3{font-size:24px;line-height:1.55}
.mcard p{margin:10px 0 14px;font-size:13.5px;line-height:1.8}
[dir=rtl] .mcard p{font-size:18.5px}
.mlinks{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto}
.mlinks a{display:inline-flex;align-items:center;gap:8px;font:500 9.5px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}
.mlinks a svg.i{width:14px;height:14px}

/* about page */
.ab{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.ab .portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(160deg,#E9E3DB,#BDB0A3)}
.ab .portrait img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:96%;width:auto;max-width:none;filter:grayscale(1) sepia(.12);mix-blend-mode:multiply}
.prose p{margin:0 0 1.2em;font-size:14.5px;line-height:1.95}
[dir=rtl] .prose p{font-size:20px;line-height:1.95}
.prose p:first-child{font:300 27px/1.35 var(--disp);color:var(--ink);text-transform:uppercase}
[dir=rtl] .prose p:first-child{font:700 26px/1.7 var(--fa);text-transform:none}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.fact{padding:22px 22px 22px 0}
.fact+.fact{padding-inline-start:22px;border-inline-start:1px solid var(--line)}
.fact svg.i{width:22px;height:22px;color:var(--ink);margin-bottom:12px}
.fact dt{margin-bottom:6px}
.fact dd{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink)}
[dir=rtl] .fact dd{font-size:18.5px}

/* research */
.refs{border-top:1px solid var(--line)}
.ref{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);font:300 14px/1.8 var(--sans);direction:ltr;text-align:left;color:var(--text)}
.ref .no{font:300 20px/1.2 var(--disp);color:var(--ink)}
.ref a{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font:500 9.5px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink)}
.phd{background:var(--mocha);color:#F1ECE6;padding:46px 48px;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.phd svg.i{width:46px;height:46px;color:#F1ECE6}
.phd .lbl{color:#F1ECE6}
.phd p{margin:10px 0 0;font:300 34px/1.2 var(--disp);color:#fff;text-transform:uppercase}
[dir=rtl] .phd p{font:700 30px/1.6 var(--fa);text-transform:none}

/* contact */
.contact{padding-top:72px;padding-bottom:96px}
.contact a.mail{font:300 clamp(30px,5vw,60px)/1.2 var(--disp);color:var(--ink);border-bottom:1px solid var(--ink);direction:ltr;display:inline-block}

/* article */
.article{max-width:740px;margin:0 auto;padding:40px 40px 110px}
.article .by{display:flex;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid var(--line);margin-bottom:40px;color:var(--ink)}
.article .by img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 15%;filter:grayscale(1)}
.article .by b{font:700 20px/1.3 var(--fa)}
.article p{margin:0 0 1.2em;font-size:23px;line-height:2;color:#2E2A26;text-align:justify}
.article p.lead{font-size:26px;color:var(--ink);font-weight:700}
.article h2{font:700 30px/1.5 var(--fa);margin:1.8em 0 .5em;color:var(--ink)}
.article blockquote{margin:1.8em 0;padding:28px 34px;background:var(--taupe);font:400 26px/1.8 var(--fa);color:var(--ink)}
.back{display:inline-flex;align-items:center;gap:10px;font:400 19px/1.4 var(--fa);color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}

.rv{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.seal{animation:none}}

@media (max-width:1080px){.nav,.langs{display:none}.mmenu{display:block}.about3{grid-template-columns:1fr 1fr}.about3 .col3{grid-column:1/-1}}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero .l,[dir=rtl] .hero .l{padding:120px 24px 48px}
  .hero .r{height:520px}
  .seal{top:auto;bottom:24px;width:92px;height:92px}
  .works,.grid3{grid-template-columns:1fr 1fr}
  .band{grid-template-columns:1fr}.band .img{height:180px}
  .foot{grid-template-columns:1fr 1fr}.monobig{justify-self:start}
  .ab{grid-template-columns:1fr}.ab .portrait{max-width:420px}
  .facts{grid-template-columns:1fr 1fr}.fact:nth-child(3){padding-inline-start:0;border-inline-start:0}
  .phd{grid-template-columns:1fr;gap:18px}
}
@media (max-width:600px){
  .wrap{padding-left:22px;padding-right:22px}
  .mpanel a{padding:12px 22px}
  .brand span.n{display:none}
  .works,.grid3,.about3{grid-template-columns:1fr}
  .work{min-height:320px}
  .facts{grid-template-columns:1fr}.fact,.fact+.fact{padding:18px 0;border-inline-start:0;border-bottom:1px solid var(--line)}
  .foot{grid-template-columns:1fr}
  .phead{padding-top:120px;padding-bottom:48px}.phead .seal{display:none}
  .band .q{padding:30px 24px}.phd{padding:34px 26px}
  .do li{grid-template-columns:28px 1fr;}.do li span{grid-column:2}
  .article{padding:30px 22px 80px}.article p{font-size:21px;text-align:start}
}

.hero{min-height:620px}
.ab .portrait{max-width:300px}
.archi img{height:52%}
@media (max-width:860px){.hero .r{height:400px}}
.ab .portrait{max-width:220px}
.archi img{height:40%}
@media (max-width:860px){.hero .r{height:300px}}