/*
Theme Name: Nüans Studio
Theme URI: https://example.com/
Author: Nüans
Description: İnteryer dizayn studiyaları üçün animasiyalı çoxsəhifəli tema. Layihələr (xüsusi yazı növü), xidmətlər, haqqımızda və əlaqə səhifələri.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: nuans
*/

/* Layout: arched-window motif, stone ground, slate-blue accent. Sticky header, 5 hash-routed pages, curtain transition between pages. */
:root{
  --bg:#E7E4DC; --bg2:#DCD8CD; --card:#F1EEE7; --fg:#1D2733; --muted:#586471;
  --accent:#2F4A66; --accent-fg:#F2EEE5; --line:rgba(29,39,51,.16);
  --display:'Instrument Serif','Times New Roman',serif;
  --body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,.8,.2,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#131A22; --bg2:#1A232E; --card:#18212B; --fg:#E9E3D7; --muted:#9BA4AE;
  --accent:#8FB0D1; --accent-fg:#101820; --line:rgba(233,227,215,.16); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#131A22; --bg2:#1A232E; --card:#18212B; --fg:#E9E3D7; --muted:#9BA4AE;
  --accent:#8FB0D1; --accent-fg:#101820; --line:rgba(233,227,215,.16); color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1320px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
h2.t{font:400 clamp(2.3rem,5.2vw,4.3rem)/1.02 var(--display);letter-spacing:-.01em;text-wrap:balance}
h2.t em,h1 em{font-style:italic;color:var(--accent)}
.lead{font-size:1.0625rem;color:var(--muted);max-width:56ch}
section{padding-block:clamp(64px,10vw,130px)}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:transform .55s var(--ease),border-color .3s}
.hdr.hide{transform:translateY(-110%)}
.hdr.line{border-color:var(--line)}
.hdr .in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font:400 1.9rem/1 var(--display)}
.logo svg{width:28px;height:28px;color:var(--accent)}
nav.main{display:none;gap:34px}
nav.main a{position:relative;font-size:14px;font-weight:500;padding-block:6px}
nav.main a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
nav.main a:hover::after,nav.main a.act::after{transform:scaleX(1);transform-origin:left}
.hr{display:flex;align-items:center;gap:10px}
.ibtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .3s,transform .4s var(--ease)}
.ibtn:hover{background:var(--bg2);transform:rotate(18deg)}
.ibtn svg{width:18px;height:18px}
.burger{display:grid}
.hcta{display:none}
@media (min-width:960px){nav.main{display:flex}.hcta{display:inline-flex}.burger{display:none}}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:14px;background:var(--accent);color:var(--accent-fg);overflow:hidden;isolation:isolate;transition:transform .4s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;background:var(--fg);transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn.ghost::before{background:var(--accent)}
.btn.ghost:hover{color:var(--accent-fg)}
.btn.inv{background:var(--accent-fg);color:var(--accent)}
.btn.inv::before{background:var(--bg)}

/* reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ln>span{display:block}
.js .ln>span{transform:translateY(112%);transition:transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.js .in .ln>span,.js .ln.in>span{transform:none}
.js .clip{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease);transition-delay:var(--d,0s)}
.js .clip.in{clip-path:inset(0 0 0 0)}

/* hero */
.hero{padding-top:clamp(36px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.hero h1{font:400 clamp(3rem,9vw,8.2rem)/.95 var(--display);letter-spacing:-.02em}
.hero-row{display:grid;gap:28px;margin-top:clamp(28px,4vw,56px);align-items:end}
@media (min-width:900px){.hero-row{grid-template-columns:1.2fr 1fr;gap:64px}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-scene{position:relative;margin-top:clamp(32px,5vw,64px);aspect-ratio:16/8;border-radius:0;overflow:hidden;background:var(--bg2)}
.hero-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
@media (max-width:700px){.hero-scene{aspect-ratio:4/4.6}}
.l1{transform:translate3d(calc(var(--mx,0)*-16px),calc(var(--my,0)*-8px),0);transition:transform .9s var(--ease)}
.l2{transform:translate3d(calc(var(--mx,0)*-34px),calc(var(--my,0)*-14px),0);transition:transform .9s var(--ease)}
.beam{animation:beam 14s ease-in-out infinite}
@keyframes beam{0%,100%{transform:translateX(-26px);opacity:.22}50%{transform:translateX(30px);opacity:.36}}
.sway{transform-box:fill-box;transform-origin:50% 0;animation:sway 7s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
.sway2{transform-box:fill-box;transform-origin:50% 100%;animation:sway2 8s ease-in-out infinite}
@keyframes sway2{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.8deg)}}
.hero-tag{position:absolute;left:16px;bottom:16px;background:var(--bg);color:var(--fg);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px}

/* marquee */
.marq{border-block:1px solid var(--line);overflow:hidden;padding-block:22px;white-space:nowrap}
.marq .tr{display:inline-flex;animation:mq 38s linear infinite;will-change:transform}
.marq:hover .tr{animation-play-state:paused}
.marq span{font:400 clamp(1.8rem,4vw,3rem)/1 var(--display);padding-inline:26px;display:inline-flex;align-items:center;gap:52px}
.marq i{width:10px;height:10px;border-radius:50% 50% 0 0;background:var(--accent);display:inline-block}
@keyframes mq{to{transform:translateX(-50%)}}

/* about intro */
.intro{display:grid;gap:36px}
@media (min-width:900px){.intro{grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}}
.big{font:400 clamp(1.7rem,3.4vw,2.9rem)/1.18 var(--display);text-wrap:pretty}
.stats{display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vw,80px);border-top:1px solid var(--line)}
.stat{padding:26px 12px 0 0}
.stat b{display:block;font:400 clamp(2.6rem,6vw,5rem)/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--muted)}

/* project cards */
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(28px,4vw,52px)}
.car-tools{display:flex;gap:10px}
.car{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch;cursor:grab}
.car::-webkit-scrollbar{display:none}
.car.drag{scroll-snap-type:none;cursor:grabbing}
.car .pc{flex:0 0 min(78vw,400px);scroll-snap-align:start}
.bar{height:2px;background:var(--line);margin-top:28px;position:relative;overflow:hidden}
.bar i{position:absolute;inset:0;background:var(--accent);transform-origin:left;transform:scaleX(.2);transition:transform .25s}
.pc{display:block;cursor:pointer;min-width:0}
.pc-art{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.pc-art.arch{border-radius:999px 999px 0 0}
.pc-art svg{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform 1.4s var(--ease);will-change:transform}
.pc:hover .pc-art svg,.pc:focus-visible .pc-art svg{transform:scale(1.07)}
.pc-go{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:var(--bg);color:var(--fg);display:grid;place-items:center;transform:scale(.6);opacity:0;transition:transform .5s var(--ease),opacity .4s}
.pc:hover .pc-go,.pc:focus-visible .pc-go{transform:none;opacity:1}
.pc-go svg{position:static;width:18px;height:18px;transform:none!important}
.pc-meta{display:flex;justify-content:space-between;gap:16px;padding-top:16px}
.pc-meta h3{font:400 1.7rem/1.1 var(--display)}
.pc-meta p{font-size:13px;color:var(--muted);margin-top:4px}
.pc-area{font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}

/* services list */
.srows{border-top:1px solid var(--line)}
.sr{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .6s var(--ease),background .4s}
.sr h3{font:400 clamp(1.9rem,3.6vw,3rem)/1.05 var(--display);transition:transform .6s var(--ease)}
.sr p{grid-column:1;color:var(--muted);max-width:60ch;font-size:15px}
.sr .ar{grid-column:2;grid-row:1/3;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .4s,color .4s,transform .6s var(--ease)}
.sr .ar svg{width:18px;height:18px}
.sr:hover{background:var(--bg2);padding-inline:18px}
.sr:hover h3{transform:translateX(8px);font-style:italic}
.sr:hover .ar{background:var(--accent);color:var(--accent-fg);transform:rotate(-45deg)}
@media (min-width:900px){.sr{grid-template-columns:1.1fr 1.2fr auto}.sr p{grid-column:2}.sr .ar{grid-column:3;grid-row:1}}

/* why */
.why{display:grid;gap:0;grid-template-columns:1fr}
@media (min-width:700px){.why{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.why{grid-template-columns:repeat(4,1fr)}}
.why div{padding:28px 26px 34px 0;border-top:1px solid var(--line)}
.why h3{font:400 1.7rem/1.1 var(--display);margin:14px 0 10px}
.why p{font-size:15px;color:var(--muted)}
.why svg{width:34px;height:34px;color:var(--accent)}

/* process */
.proc{display:grid;gap:30px;grid-template-columns:1fr}
@media (min-width:700px){.proc{grid-template-columns:repeat(5,1fr);gap:22px}}
.ps{position:relative;padding-top:26px}
.ps::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease);transition-delay:var(--d,0s)}
.ps.in::before{transform:scaleX(1)}
.ps::after{content:"";position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.ps b{font:400 2.6rem/1 var(--display);color:var(--accent)}
.ps h3{font:600 1rem/1.3 var(--body);margin:12px 0 8px}
.ps p{font-size:14px;color:var(--muted)}

/* faq */
.faq{display:grid;gap:36px}
@media (min-width:900px){.faq{grid-template-columns:1fr 1.5fr;gap:80px}}
.fq{border-top:1px solid var(--line)}
.fq:last-child{border-bottom:1px solid var(--line)}
.fq button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;text-align:left;padding:24px 0;font:400 1.45rem/1.2 var(--display)}
.fq .pl{flex:0 0 auto;width:30px;height:30px;position:relative;border-radius:50%;border:1px solid var(--line);transition:transform .6s var(--ease),background .3s}
.fq .pl::before,.fq .pl::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.fq .pl::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .6s var(--ease)}
.fq.open .pl{transform:rotate(180deg);background:var(--accent);color:var(--accent-fg)}
.fq.open .pl::after{transform:translate(-50%,-50%) rotate(0)}
.fq .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.fq.open .ans{grid-template-rows:1fr}
.fq .ans>div{overflow:hidden}
.fq .ans p{padding-bottom:24px;color:var(--muted);max-width:62ch}

/* CTA band */
.band{background:var(--accent);color:var(--accent-fg);padding-block:clamp(70px,11vw,150px)}
.band h2{font:400 clamp(2.6rem,8vw,7rem)/.98 var(--display);letter-spacing:-.02em;max-width:14ch;text-wrap:balance}
.band .row{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center;margin-top:36px}
.band p{max-width:44ch;opacity:.85}

/* footer */
footer{padding-top:70px;overflow:hidden}
.fgrid{display:grid;gap:36px;grid-template-columns:1fr}
@media (min-width:800px){.fgrid{grid-template-columns:1.4fr 1fr 1fr}}
footer h4{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
footer li{list-style:none;margin-bottom:10px}
footer ul{margin:0;padding:0}
footer a:hover{color:var(--accent)}
.fword{font:400 clamp(6rem,27vw,24rem)/.8 var(--display);letter-spacing:-.04em;color:var(--bg2);margin-top:40px;white-space:nowrap;user-select:none;will-change:transform}
.fnote{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);padding-block:22px;border-top:1px solid var(--line)}

/* inner pages */
.ph{padding-top:clamp(40px,7vw,90px);padding-bottom:clamp(30px,5vw,60px)}
.ph h1{font:400 clamp(3rem,9vw,8rem)/.95 var(--display);letter-spacing:-.02em}
.ph .lead{margin-top:24px}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,48px)}
.chip{padding:10px 20px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:500;transition:background .35s,color .35s,border-color .35s}
.chip:hover{border-color:var(--fg)}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.grid{display:grid;gap:clamp(28px,4vw,56px) clamp(20px,3vw,48px);grid-template-columns:1fr;transition:opacity .28s,transform .28s}
.grid.swap{opacity:0;transform:translateY(14px)}
@media (min-width:760px){.grid{grid-template-columns:1fr 1fr}.grid .pc.off{margin-top:90px}}
.pc[hidden]{display:none}

.svc{display:grid;gap:28px;padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--line)}
@media (min-width:900px){.svc{grid-template-columns:1fr 1fr;gap:80px;align-items:center}.svc:nth-child(even) .svc-art{order:2}}
.svc-art{position:relative;aspect-ratio:4/4.4;overflow:hidden;background:var(--bg2);max-width:520px;width:100%}
.svc-art.arch{border-radius:999px 999px 0 0}
.svc-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.svc h2{font:400 clamp(2.2rem,4.6vw,3.8rem)/1.02 var(--display);margin:12px 0 16px}
.svc ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.svc li{padding:12px 0;border-top:1px solid var(--line);font-size:15px;display:flex;gap:12px;align-items:center}
.svc li::before{content:"";width:8px;height:8px;border-radius:50% 50% 0 0;background:var(--accent);flex:0 0 auto}

.tl{display:grid;gap:0}
.tli{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.tli b{font:400 2rem/1 var(--display);color:var(--accent)}
.tli p{color:var(--muted)}
.vals{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:800px){.vals{grid-template-columns:repeat(3,1fr)}}
.val{padding:30px;background:var(--card);min-width:0}
.val h3{font:400 1.8rem/1.1 var(--display);margin-bottom:10px}
.val p{color:var(--muted);font-size:15px}
.about-art{display:grid;gap:20px}
@media (min-width:900px){.about-art{grid-template-columns:1fr 1fr 1fr}.about-art .svc-art:nth-child(2){margin-top:60px}}

.cgrid{display:grid;gap:44px}
@media (min-width:960px){.cgrid{grid-template-columns:1fr 1.25fr;gap:90px}}
.cinfo dl{margin:30px 0 0;display:grid;gap:0}
.cinfo dt{font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.cinfo dd{margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--line);font:400 1.5rem/1.25 var(--display);display:flex;align-items:center;gap:14px;flex-wrap:wrap;overflow-wrap:anywhere}
.cp{font:600 12px/1 var(--body);border:1px solid var(--line);padding:8px 12px;border-radius:999px;transition:background .3s}
.cp:hover{background:var(--bg2)}
form{display:grid;gap:22px;background:var(--card);padding:clamp(22px,4vw,44px)}
.f2{display:grid;gap:22px}
@media (min-width:600px){.f2{grid-template-columns:1fr 1fr}}
.fld{display:grid;gap:8px;min-width:0}
label,.lab{font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;font:400 16px/1.4 var(--body);color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;border-radius:0;transition:border-color .3s}
textarea{resize:vertical;min-height:110px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}
select option{background:var(--bg);color:var(--fg)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips label{letter-spacing:.04em;text-transform:none;font:500 14px/1 var(--body);color:var(--fg);padding:10px 16px;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.chips input:checked+label{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.chips input:focus-visible+label{outline:2px solid var(--accent);outline-offset:3px}
.done{display:none;padding:18px 20px;background:var(--bg2);border-left:3px solid var(--accent);font-size:15px}
.done.on{display:block;animation:pop .7s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(12px)}}

/* overlay */
.ov{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility 0s .6s;padding-block:calc(env(safe-area-inset-top,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 40px)}
.ov.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease),transform .6s var(--ease)}
.ov-top{display:flex;justify-content:space-between;align-items:center;height:56px;margin-bottom:18px}
.ov-grid{display:grid;gap:30px}
@media (min-width:900px){.ov-grid{grid-template-columns:1fr 1fr;gap:70px;align-items:center}}
.ov .svc-art{max-width:560px}
.ov h2{font:400 clamp(2.4rem,5vw,4.2rem)/1 var(--display);margin:10px 0 18px}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0}
.meta div{padding:14px 0;border-top:1px solid var(--line)}
.meta dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.meta dd{margin:4px 0 0;font:400 1.4rem/1.2 var(--display)}

/* menu + curtain */
.menu{position:fixed;inset:0;z-index:70;background:var(--accent);color:var(--accent-fg);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:90px max(24px,env(safe-area-inset-left,0px)) 40px;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s .6s}
.menu.on{visibility:visible;opacity:1;transform:none;transition:opacity .45s var(--ease),transform .6s var(--ease)}
.menu a{font:400 clamp(2.6rem,12vw,4.4rem)/1.1 var(--display)}
.menu a.act{font-style:italic}
.menu .close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:max(20px,env(safe-area-inset-right,0px));color:var(--accent-fg);border-color:rgba(255,255,255,.35)}
.curtain{position:fixed;inset:0;z-index:90;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;visibility:hidden;transform:translateY(100%);pointer-events:none}
.curtain span{font:400 clamp(3rem,10vw,6rem)/1 var(--display);font-style:italic}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv,.js .ln>span{opacity:1!important;transform:none!important}
  .js .clip{clip-path:none!important}
}

/* ---- WordPress əlavələri ---- */
.art{position:absolute;inset:0;display:block}
a.pc{-webkit-user-drag:none;color:inherit}
.pc-art img,.svc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pc-art img{transition:transform 1.4s var(--ease)}
.pc:hover .pc-art img,.pc:focus-visible .pc-art img{transform:scale(1.07)}
.logo,.fword{text-transform:lowercase}
.t-in .curtain{visibility:visible;transform:none}
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
@media (max-width:600px){.admin-bar .hdr{top:0}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prose{max-width:70ch}
.prose p,.prose ul,.prose ol{margin:0 0 1.2em}
.prose h2,.prose h3{font-family:var(--display);font-weight:400;margin:1.6em 0 .5em}
.prose a{color:var(--accent);text-decoration:underline}
.sp h1{font:400 clamp(2.4rem,5vw,4.2rem)/1 var(--display);margin:10px 0 18px}
.sp .back{display:inline-block;margin-bottom:10px}
.sp .back:hover{color:var(--accent)}
.empty-note{padding:30px;background:var(--card);color:var(--muted)}
.done.err{border-color:#B3402F}
.logo-img{height:38px;width:auto;max-width:200px;display:block;object-fit:contain}
.logo:has(.logo-img){text-transform:none}
.gal{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:clamp(40px,6vw,80px)}
.gal img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;display:block}