:root{--ink:#16191d;--ink2:#22272d;--cu:#b8742f;--cu2:#d48a3c;--cream:#f7f3ee;--line:#e4ddd3;--mut:#5d6670}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:'Cairo',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
header{position:sticky;top:0;z-index:30;background:var(--ink);color:#fff;border-bottom:3px solid var(--cu)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:14px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem}
.mk{display:grid;place-items:center;width:36px;height:36px;background:var(--cu);color:#fff;border-radius:6px;font-weight:800}
nav{display:flex;gap:24px;font-weight:600}nav a{color:#d7dce1}nav a:hover{color:#fff}
.acts{display:flex;align-items:center;gap:10px}
.sw{border:1px solid #3a424b;color:#fff;border-radius:999px;padding:4px 14px;font-weight:600;font-size:.92rem}.sw:hover{border-color:var(--cu2)}
.btn{display:inline-block;background:var(--cu);color:#fff;font:inherit;font-weight:700;padding:12px 26px;border-radius:8px;border:0;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--cu2)}.sm{padding:7px 18px;font-size:.95rem}
.ghost{background:transparent;border:1px solid #4a525b;color:#fff}.ghost:hover{background:#ffffff14}
#menu{display:none;background:none;border:1px solid #3a424b;color:#fff;border-radius:8px;padding:4px 12px;font-size:1.2rem;cursor:pointer}
.hero{background:linear-gradient(180deg,#14171b,#1d2228);color:#fff;padding:90px 0 76px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,#b8742f26,transparent 70%);pointer-events:none}
.hero .wrap{position:relative}
h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.3;font-weight:800;max-width:20ch}
.hero p.lead{font-size:1.15rem;color:#c3cad1;max-width:58ch;margin:18px 0 30px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-top:38px}
.chips li{border:1px solid #3a424b;border-radius:999px;padding:3px 16px;color:#c3cad1;font-size:.9rem}
.sec{padding:76px 0}.alt{background:var(--cream)}
h2{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:800;margin-bottom:10px}
.sub{color:var(--mut);max-width:62ch;margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover{border-color:var(--cu);transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}
.card i{display:block;width:44px;height:3px;background:var(--cu);margin-bottom:14px;border-radius:2px}
.card h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.card span{color:var(--mut);font-size:.93rem}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pt b{display:block;color:var(--cu);font-size:1.8rem;font-weight:800}.pt h3{font-weight:700}.pt p{color:var(--mut)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;font-weight:600}
.steps li:before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;margin-bottom:10px}
.txt{max-width:74ch;color:#2c3238}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer}details p{color:var(--mut);margin-top:8px}
.page{padding:44px 0 70px}
.crumb{color:var(--mut);font-size:.9rem;margin-bottom:12px}.crumb a:hover{color:var(--cu)}
.page h1{max-width:none;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--ink)}
.page .intro{font-size:1.1rem;color:#2c3238;max-width:68ch;margin:14px 0 26px}
ul.ft{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:34px}
ul.ft li{background:var(--cream);border-inline-start:4px solid var(--cu);padding:12px 16px;border-radius:6px;font-weight:600}
.band{background:var(--ink);color:#fff;border-radius:14px;padding:34px;margin:40px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.band h2{margin:0 0 4px;font-size:1.5rem}.band p{color:#c3cad1}
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:start}
.info{list-style:none;padding:0;display:grid;gap:14px}.info strong{display:block;color:var(--cu);font-size:.85rem}
.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:grid;gap:14px}
label{display:grid;gap:5px;font-weight:600;font-size:.95rem}
input,select,textarea{font:inherit;border:1px solid #cfc8bd;border-radius:8px;padding:10px 13px;width:100%;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cu);outline-offset:1px}
footer{background:var(--ink);color:#b7bec6;padding:46px 0 24px}
.fg{display:grid;grid-template-columns:1.2fr 2fr;gap:36px}
.fl{list-style:none;padding:0;columns:2;gap:20px}.fl a:hover{color:#fff}
.cp{border-top:1px solid #3a424b;margin-top:28px;padding-top:16px;font-size:.88rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.wa{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:40;background:#1faa59;color:#fff;font-weight:700;padding:11px 18px;border-radius:999px;box-shadow:0 6px 18px #0003}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.three,.steps{grid-template-columns:1fr 1fr}.contact,.fg{grid-template-columns:1fr;gap:30px}
nav{display:none;position:absolute;inset-inline:0;top:66px;background:var(--ink);flex-direction:column;padding:16px 20px;gap:14px;border-bottom:3px solid var(--cu)}
body.open nav{display:flex}#menu{display:block}.sm{display:none}}
@media(max-width:560px){.grid,.three,.steps,ul.ft{grid-template-columns:1fr}.hero{padding:60px 0 50px}.sec{padding:56px 0}.fl{columns:1}}
.topbar{background:#0e1013;color:#9aa3ac;font-size:.84rem}.topbar .wrap{display:flex;justify-content:space-between;gap:6px 18px;flex-wrap:wrap;padding:7px 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.eyebrow{color:var(--cu2);font-weight:700;margin-bottom:12px;letter-spacing:.04em}
.art-svg{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #3a424b}
.hero-art .art-svg{box-shadow:0 20px 50px #0008}
.art{margin:0 0 30px;max-width:640px}
.wab{background:#1faa59;color:#fff;border:0}.wab:hover{background:#27c068}
.strip{background:var(--cu);color:#fff}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 0;text-align:center;font-weight:700}
.pc .th{margin:-22px -22px 14px;overflow:hidden;border-radius:12px 12px 0 0}.pc .th .art-svg{border:0;border-radius:0}
.pc em,.bc em{display:block;margin-top:10px;color:var(--cu);font-style:normal;font-weight:700;font-size:.92rem}
.bc h3{margin-bottom:8px}.bc span{color:var(--mut)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tl{position:relative;border-radius:14px;overflow:hidden}.tl .art-svg{border:0;border-radius:0}
.tl figcaption{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(0deg,#000c,transparent);color:#fff;padding:26px 16px 12px;font-weight:700}
.tl small{display:block;color:#cfd5db;font-weight:400;font-size:.8rem}
.post{max-width:74ch}.post h1{margin-bottom:18px}.post p{margin-bottom:14px;color:#2c3238;font-size:1.05rem}
.mbar{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{order:-1}.strip .wrap{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:50}.mbar a{flex:1;text-align:center;padding:14px;font-weight:700;color:#fff;background:var(--ink)}.mbar a.g{background:#1faa59}body{padding-bottom:52px}.wa{display:none}.topbar .wrap span:nth-child(2){display:none}}
@media(max-width:560px){.tiles{grid-template-columns:1fr}}
.photo{display:block;width:100%;object-fit:cover}
.hero-art .photo{aspect-ratio:4/3;height:auto;border-radius:14px;border:1px solid #3a424b;box-shadow:0 20px 50px #0008}
.pc .th{aspect-ratio:400/260}.pc .th img{width:100%;height:100%;object-fit:cover;display:block}
.tl img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;display:block}
.art .photo{aspect-ratio:16/10;height:auto;border-radius:14px}
.art .photo.tall{aspect-ratio:auto;max-width:380px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px;max-width:900px}.gal .photo{aspect-ratio:4/3;height:auto;border-radius:10px}
@media(max-width:560px){.gal{grid-template-columns:1fr 1fr}}

.lg{display:inline-block;flex:none;width:62px;height:56px;background:url(https://static.wixstatic.com/media/551bec_8ba62578a8fb4c1eb20ae13e98b9709c~mv2.png/v1/fit/w_1400,h_1400,q_85,enc_auto/image.png) center/contain no-repeat}
.flogo{display:block;height:140px;width:auto;margin:-18px 0 -24px;margin-inline-start:-18px}

.mas{column-count:3;column-gap:12px;margin-bottom:30px}.mas img{width:100%;height:auto;display:block;margin:0 0 12px;border-radius:10px;cursor:zoom-in;break-inside:avoid;background:#e9e4dc;min-height:120px}
.lbx{display:none;position:fixed;inset:0;z-index:100;background:#000d;align-items:center;justify-content:center;padding:20px}.lbx.on{display:flex}.lbx img{max-width:100%;max-height:100%;border-radius:8px}.lbx button{position:absolute;top:14px;inset-inline-end:18px;background:none;border:0;color:#fff;font-size:2.2rem;cursor:pointer}
@media(max-width:900px){.mas{column-count:2}}@media(max-width:520px){.mas{column-count:1}}

.bar{height:80px}.brand{font-size:1.1rem;line-height:1.3}@media(max-width:560px){.brand{font-size:.92rem}.lg{width:50px;height:46px}.bar{height:70px}}

.nums{background:var(--cream);padding:54px 0;border-bottom:1px solid var(--line)}.nums .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.nums .wrap>div{padding:6px 22px;border-inline-start:1px solid #16191d33;display:flex;flex-direction:column}.nums b{font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;color:var(--ink);font-weight:800}.nums span{margin-top:8px;color:var(--mut);font-weight:600}@media(max-width:700px){.nums .wrap{grid-template-columns:1fr 1fr;row-gap:26px}}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.2;letter-spacing:-.5px}



.f4{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding:10px 0 34px}.f4 h4{font-size:1.1rem;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--cu);display:inline-block}.f4 ul{list-style:none;padding:0}.f4 li{margin:8px 0}.f4 li a{color:#c3cad1}.f4 li a:hover{color:var(--cu2)}.f-n{font-weight:800;font-size:1.35rem;margin-bottom:10px}.f-b p{color:#c3cad1;line-height:1.9}.ci{display:flex;flex-direction:column;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:10px 14px;margin-bottom:10px;color:#fff}.ci span{font-size:.82rem;color:#aab3bc}.ci b{font-weight:700}a.ci:hover{border-color:var(--cu2)}@media(max-width:900px){.f4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.f4{grid-template-columns:1fr}}

.pjs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}.pj{position:relative;margin:0;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--ink);aspect-ratio:4/3;border:1px solid var(--line)}.pj img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:transform .35s}.pj:hover img{transform:scale(1.05)}.pj figcaption{position:absolute;inset-inline:0;bottom:0;padding:34px 16px 12px;color:#fff;font-weight:700;background:linear-gradient(0deg,#000c,transparent)}.pj .cnt{position:absolute;top:12px;inset-inline-start:12px;background:var(--cu);color:#fff;font-size:.82rem;font-weight:700;padding:3px 12px;border-radius:999px}
.lbx{flex-direction:column;gap:10px}.lbx img{max-height:calc(100% - 50px)}.lbx .x{top:14px;inset-inline-end:18px}.lbx .pv,.lbx .nx{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:0;color:#fff;font-size:2.6rem;line-height:1;width:48px;height:64px;border-radius:10px;cursor:pointer}.lbx .pv{left:12px}.lbx .nx{right:12px}.lbx.one .pv,.lbx.one .nx{display:none}.lbx .lt{color:#fff;font-weight:700}
@media(max-width:900px){.pjs{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pjs{grid-template-columns:1fr}}

.pgh{background:linear-gradient(180deg,var(--ink),var(--ink2));color:#fff;text-align:center;padding:64px 0 56px;position:relative;overflow:hidden}.pgh:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 50% 0%,#b8742f2e,transparent 70%)}.pgh .wrap{position:relative}.pgh .bdg{display:inline-block;border:1px solid var(--cu2);color:var(--cu2);border-radius:999px;padding:3px 16px;font-size:.88rem;font-weight:700;margin-bottom:16px}.pgh h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.25;margin-bottom:12px}.pgh h1 em{font-style:normal;color:var(--cu2)}.pgh p{color:#c3cad1;max-width:60ch;margin:0 auto 18px}.crumb2{display:inline-block;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:5px 18px;font-size:.92rem;color:#d7dce1}.crumb2 a{color:var(--cu2)}
.ctr{text-align:center}.arch{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.arch .th2{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;cursor:zoom-in;background:#e4ddd3;transition:transform .25s}.arch .th2:hover{transform:scale(1.04)}@media(max-width:900px){.arch{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.arch{grid-template-columns:repeat(3,1fr)}}

.pgh h1,.pgh h1 em{color:var(--cu2)}
.pjc{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--ink);box-shadow:0 10px 30px #0003}.pjc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .45s}.pjc:hover img{transform:scale(1.06)}.pjc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1014f2 0%,#0d1014a6 40%,#0d101420 75%)}.pjc .cnt{position:absolute;z-index:2;top:14px;inset-inline-start:14px;background:#16191dcc;border:1px solid #ffffff2e;color:#fff;font-size:.85rem;font-weight:700;padding:5px 14px;border-radius:999px;backdrop-filter:blur(6px)}.pjb{position:absolute;z-index:2;inset-inline:0;bottom:0;padding:22px;color:#fff}.pjb h3{font-size:1.45rem;margin-bottom:6px}.pjb p{color:#d7dce1;font-size:.95rem;margin-bottom:14px}.pjb em{display:block;border-top:1px solid #ffffff2e;padding-top:12px;font-style:normal;font-weight:700;color:var(--cu2)}
.pgal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pgal .th2{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;cursor:zoom-in;background:#e4ddd3;transition:transform .25s}.pgal .th2:hover{transform:scale(1.02)}@media(max-width:900px){.pgal{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pgal{grid-template-columns:1fr}}

.pjc{aspect-ratio:3/2;border-radius:14px}.pjb{padding:16px 18px}.pjb h3{font-size:1.2rem;margin-bottom:4px}.pjb p{font-size:.88rem;margin-bottom:10px}.pjb em{padding-top:9px;font-size:.9rem}.pjc .cnt{top:10px;inset-inline-start:10px;font-size:.78rem;padding:3px 11px}.pjs{gap:18px}

/* project photos shown whole, natural ratio */
.pgal{display:block;column-count:3;column-gap:14px}.pgal .th2{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;margin:0 0 14px;break-inside:avoid;border-radius:12px;background:#e4ddd3}.pgal .th2:hover{transform:none}@media(max-width:900px){.pgal{column-count:2}}@media(max-width:520px){.pgal{column-count:1}}

/* white hero + one-line brand on mobile */
.brand span:last-child{white-space:nowrap}
@media(max-width:560px){.bar{gap:6px}.brand{font-size:.8rem;gap:6px}.lg{width:44px;height:40px}.acts{gap:6px}.acts .btn.sm{display:none}.sw{padding:3px 10px;font-size:.82rem}#menu{padding:3px 10px}}

.gal.tg{grid-template-columns:repeat(4,1fr);max-width:none}.gal.tg .photo{aspect-ratio:3/4;height:auto;object-fit:cover}@media(max-width:900px){.gal.tg{grid-template-columns:1fr 1fr}}

/* cinematic look */
.cine{position:relative}.cine img{filter:contrast(1.14) saturate(1.15) brightness(.92) sepia(.08)}.cine:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,transparent 50%,#000a 100%),linear-gradient(180deg,#0a1f3a26 0%,#d9822b1c 100%)}.cine-i{filter:contrast(1.14) saturate(1.15) brightness(.92) sepia(.08)}

@media(min-width:861px){.pgal.uni{column-count:auto;column-gap:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pgal.uni img.th2{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%;margin:0;display:block;border-radius:10px}}

.pcta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.pcta .btn.pw{background:#1fa855;border-color:#1fa855;color:#fff}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 8px}.fc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.fc b{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:6px}.fc span{color:var(--mut);font-size:.95rem;line-height:1.8}.tlv{list-style:none;margin:20px 0;padding:0}.tlv li{position:relative;padding-inline-start:58px;padding-bottom:22px;min-height:44px}.tlv li::before{content:attr(data-n);position:absolute;inset-inline-start:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--cu);color:#fff;display:grid;place-items:center;font-weight:800}.tlv li::after{content:"";position:absolute;inset-inline-start:20px;top:46px;bottom:4px;width:2px;background:var(--line)}.tlv li:last-child::after{display:none}.tlv b{display:block;color:var(--ink);font-size:1.05rem}.tlv span{color:var(--mut);line-height:1.8}.ptb{overflow-x:auto;margin:16px 0}.ptb table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px}.ptb td{padding:12px 16px;border-bottom:1px solid var(--line)}.ptb td:first-child{font-weight:700;color:var(--ink);width:34%}.pnote{background:var(--cream);border:1px dashed var(--cu);border-radius:12px;padding:16px 18px;margin:16px 0;line-height:1.9}@media(max-width:860px){.fgrid{grid-template-columns:1fr}}

.pdl h2{margin-top:52px;margin-bottom:14px}.pdl h3{margin-top:30px;margin-bottom:10px}.pdl .band{margin-top:52px}.pdl .gal{margin-bottom:8px}@media(max-width:860px){.pdl h2{margin-top:40px}.pdl .band{margin-top:40px}}

.dd{position:relative;display:inline-flex;align-items:center;gap:2px}.dd-x{background:none;border:0;color:#d7dce1;cursor:pointer;padding:4px 6px;font-size:.8rem;line-height:1}.dd-x::before{content:"\25BE"}.dd:hover .dd-x{color:#fff}.dd-m{display:none;flex-direction:column;position:absolute;top:100%;inset-inline-start:0;min-width:230px;background:var(--ink2);border:1px solid #3a424b;border-top:3px solid var(--cu);border-radius:0 0 10px 10px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.4);z-index:60}.dd-m a{display:block;padding:10px 12px;border-radius:7px;color:#e6e9ec;white-space:nowrap;font-weight:600}.dd-m a:hover{background:rgba(255,255,255,.08);color:var(--cu2)}@media(min-width:901px){.dd:hover .dd-m,.dd:focus-within .dd-m,.dd.open .dd-m{display:flex}}@media(max-width:900px){.dd{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.dd-x{padding:4px 10px;font-size:1rem}.dd-m{position:static;width:100%;min-width:0;box-shadow:none;border:0;border-inline-start:2px solid var(--cu);border-radius:0;background:transparent;padding:4px 12px;margin-top:6px}.dd.open .dd-m{display:flex}.dd-m a{padding:8px 6px}}

.wa{background:#25d366;padding:13px;line-height:0;font-size:0}.wa:hover{background:#1ebe5b}.wa svg{width:32px;height:32px;fill:#fff;display:block}

.pgal.uni img.th2.xm{display:none}.pgal.uni.open img.th2.xm{display:block}.gbtn{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}.btn.line{background:transparent;border:2px solid var(--cu);color:var(--cu)}.btn.line:hover{background:var(--cu);color:#fff}.fc .fi{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:12px;display:block}

@media(min-width:861px){.pgal.uni.sq img.th2{aspect-ratio:1/1}}

.flt{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 28px}.flt button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 20px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.flt button:hover{border-color:var(--cu)}.flt button.on{background:var(--cu);border-color:var(--cu);color:#fff}.flt small{font-size:.8em;opacity:.8}.flt button[hidden]{display:none}.pjc.hid{display:none}.band .pcta{margin:0}

.cta2{background:linear-gradient(180deg,var(--ink),var(--ink2));color:#fff;text-align:center;padding:76px 0;position:relative;overflow:hidden}.cta2:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 50% 0%,#b8742f33,transparent 70%)}.cta2 .wrap{position:relative}.cta2 .eb{color:var(--cu2);font-weight:700;margin-bottom:8px}.cta2 h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:10px}.cta2 .cs{color:#c3cad1;max-width:56ch;margin:0 auto 26px}.cta2 .pcta{justify-content:center;margin:0}

.seo{max-width:820px;margin:0 auto;text-align:center}.seo h2{font-size:1.5rem}.seo p{color:var(--mut);line-height:2}.sub.ctr{margin-inline:auto;max-width:70ch}

.pjhero.th2.pg{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;cursor:zoom-in;margin:0 0 14px}.pjnav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px}.pjnav .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;min-width:220px}.pjnav .btn small{font-weight:400;opacity:.8;font-size:.82rem}@media(max-width:700px){.pjnav .btn{flex:1 1 100%}}

/* mobile-gates-trial */
@media(max-width:700px){.pgal.uni.g2{display:grid!important;column-count:auto!important;grid-template-columns:1fr 1fr;gap:8px}.pgal.uni.g2 img.th2{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;margin:0!important;border-radius:10px;display:block}.pgal.uni.g2 img.th2:first-child{grid-column:1/-1;aspect-ratio:16/10}.pgal.uni.g2 img.th2.xm{display:none}.pgal.uni.g2.open img.th2.xm{display:block}.fgrid.fh{grid-template-columns:1fr!important;gap:10px}.fgrid.fh .fc{display:grid;grid-template-columns:104px 1fr;column-gap:14px;row-gap:4px;align-items:start;padding:12px}.fgrid.fh .fc img.fi{grid-row:1/3;width:104px!important;height:104px!important;object-fit:cover;border-radius:8px;margin:0!important}.fgrid.fh .fc b{margin:0;align-self:end}.fgrid.fh .fc span{align-self:start;font-size:.9rem;line-height:1.7}}
/* end mobile-gates-trial */

/* gs-trial */
.pdl>.wrap:first-child{padding-bottom:56px}.gs{padding:56px 0}.gs.cr{background:var(--cream)}.gs.dk{background:linear-gradient(180deg,var(--ink),var(--ink2));color:#fff}.gs.dk h2,.gs.dk h3{color:#fff}.gs.dk p{color:#c3cad1}.gs.dk .fc{background:#ffffff0d;border-color:#ffffff22}.gs.dk .fc b{color:#fff}.gs.dk .fc span{color:#c3cad1}.pdl .gs h2:first-child{margin-top:0}.pdl .gs.dk h2:not(:first-child){margin-top:52px}.pdl .cta2 h2{margin-top:0}.pdl .gs .ptb{margin-top:16px}@media(min-width:861px){.gs{padding:76px 0}}
/* end gs-trial */

/* mobile-compact-trial */
@media(max-width:700px){.fgrid.fh{grid-template-columns:1fr 1fr!important;gap:10px}.fgrid.fh .fc{display:block!important;padding:0!important;overflow:hidden}.fgrid.fh .fc img.fi{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;border-radius:0!important;margin:0!important}.fgrid.fh .fc b{display:block;padding:10px 12px 2px;font-size:.98rem;margin:0}.fgrid.fh .fc span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin:0 12px 12px;font-size:.84rem;line-height:1.6}.fgrid.f2{grid-template-columns:1fr 1fr!important;gap:10px}.fgrid.f2 .fc{padding:12px}.fgrid.f2 .fc b{font-size:.95rem}.fgrid.f2 .fc span{font-size:.84rem;line-height:1.6}.fgrid.f2 .fc:last-child:nth-child(odd){grid-column:1/-1}.fgrid.chips{display:flex!important;flex-wrap:wrap;gap:8px}.fgrid.chips .fc{padding:8px 16px;border-radius:999px}.fgrid.chips .fc b{margin:0;font-size:.92rem}.fgrid.chips .fc span{display:none}.tlv li{padding-bottom:14px;min-height:0}.tlv span{font-size:.88rem;line-height:1.6}}
/* end mobile-compact-trial */

.post.w{max-width:none}.post.w>p,.post.w>h1{max-width:80ch}.post h2{margin:30px 0 10px;font-size:1.35rem}ul.tg{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:14px 0 22px}ul.tg li{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 16px;font-size:.95rem;color:var(--ink)}.fgrid.f2x{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.fgrid.f2x{grid-template-columns:1fr}}

/* hdr7 */
@media(min-width:1241px){header .wrap.bar{width:min(1280px,100% - 40px)}nav{gap:16px;font-size:.95rem}nav a,.brand span:last-child,.sw,.acts .btn.sm{white-space:nowrap}.brand{font-size:1.15rem}}
@media(min-width:901px) and (max-width:1240px){nav{display:none;position:absolute;inset-inline:0;top:66px;background:var(--ink);flex-direction:column;padding:16px 20px;gap:14px;border-bottom:3px solid var(--cu)}body.open nav{display:flex}#menu{display:block}.brand span:last-child,.sw,.acts .btn.sm{white-space:nowrap}.dd-x{padding:4px 10px;font-size:1rem}.dd-m{position:static;width:100%;min-width:0;box-shadow:none;border:0;border-inline-start:2px solid var(--cu);border-radius:0;background:transparent;padding:4px 12px;margin-top:6px}.dd:hover .dd-m{display:none}.dd.open .dd-m{display:flex}.dd-m a{padding:8px 6px}}

.xhero{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:var(--ink)}.xhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.xhero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0d1050,#0b0d1088)}.xh-t{position:relative;z-index:2;padding:56px 20px;max-width:900px}.xhero h1{color:#fff;text-shadow:0 2px 14px #000000aa;font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.3;margin:0}ul.tg li{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}ul.tg.mkt li{background:var(--ink);border-color:var(--ink);color:#fff;padding:7px 22px}@media(max-width:560px){.xhero{min-height:260px}.xh-t{padding:40px 16px}}


.xinfo{background:#f4ede1;box-shadow:0 0 0 100vmax #f4ede1;clip-path:inset(0 -100vmax);padding:14px 0 26px;margin:44px 0}.xinfo h2:first-child{margin-top:12px}

.faq{display:grid;gap:12px;margin:18px 0 34px}.faq details{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--cu);border-radius:12px;padding:0 20px;transition:box-shadow .2s}.faq details[open]{box-shadow:0 4px 16px #0000000f}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;font-weight:700;font-size:1.05rem;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--cu);color:#fff;display:grid;place-items:center;font-size:1.2rem;line-height:1}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0 0 16px;line-height:1.9;max-width:none}

.xhero.lt:after{background:linear-gradient(180deg,#0b0d1010,#0b0d1040)}.xhero.lt h1{text-shadow:0 2px 18px #000000cc}


.vdz{display:flex;gap:18px;justify-content:center;flex-wrap:nowrap;margin:24px 0}.vdz figure{margin:0;width:min(260px,44%)}.vdz video{width:100%;aspect-ratio:400/644;object-fit:cover;border-radius:14px;background:#111;display:block;box-shadow:0 6px 22px #0000002e}@media(max-width:560px){.vdz{gap:10px}.vdz figure{width:46%}}

/* pgal-center */
.pgal:not(.uni){display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;column-count:auto!important;margin-inline:auto}.pgal:not(.uni) .th2{flex:0 0 calc((100% - 28px)/3);width:calc((100% - 28px)/3)!important;margin:0!important}.pgal:not(.uni):has(.th2:nth-child(4):last-child),.pgal:not(.uni):has(.th2:nth-child(2):last-child){max-width:880px}.pgal:not(.uni) .th2:first-child:nth-last-child(4),.pgal:not(.uni) .th2:first-child:nth-last-child(4)~.th2,.pgal:not(.uni) .th2:first-child:nth-last-child(2),.pgal:not(.uni) .th2:first-child:nth-last-child(2)~.th2{flex-basis:calc((100% - 14px)/2);width:calc((100% - 14px)/2)!important}.pgal:not(.uni) .th2:only-child{flex-basis:70%;width:70%!important}@media(max-width:700px){.pgal:not(.uni) .th2,.pgal:not(.uni) .th2:first-child:nth-last-child(4),.pgal:not(.uni) .th2:first-child:nth-last-child(4)~.th2{flex-basis:calc((100% - 14px)/2);width:calc((100% - 14px)/2)!important}}@media(max-width:420px){.pgal:not(.uni) .th2,.pgal:not(.uni) .th2:first-child:nth-last-child(4),.pgal:not(.uni) .th2:first-child:nth-last-child(4)~.th2{flex-basis:100%;width:100%!important}}

/* vdz-v2 */.vdz:has(figure:nth-child(3)) figure{width:min(260px,31%)}.vdz.one figure{width:min(320px,70%)}.vdz.one video{aspect-ratio:478/850}@media(max-width:560px){.vdz:has(figure:nth-child(3)) figure{width:31%}.vdz.one figure{width:78%}}

/*mediaguard*/img,video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

.lbx .lpj{display:none;position:static;font-size:1rem;padding:10px 22px;text-decoration:none}.lbx.haspj .lpj{display:inline-block}.lbx.haspj img{max-height:calc(100% - 110px)}

/*pjtall*/html body .pgal:not(.uni){align-items:flex-start!important;gap:14px!important;max-width:1100px}html body .pgal:not(.uni) .th2{aspect-ratio:3/4!important;height:auto!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:10px!important;background:#e4ddd3}html body .pgal:not(.uni):has(.th2:nth-child(4):last-child),html body .pgal:not(.uni):has(.th2:nth-child(2):last-child){max-width:760px!important}html body .pgal:not(.uni) .th2:only-child{flex-basis:min(380px,80%)!important;width:min(380px,80%)!important}@media(max-width:700px){html body .pgal:not(.uni){gap:10px!important}html body .pgal:not(.uni) .th2,html body .pgal:not(.uni) .th2:first-child:nth-last-child(4),html body .pgal:not(.uni) .th2:first-child:nth-last-child(4)~.th2,html body .pgal:not(.uni) .th2:first-child:nth-last-child(2),html body .pgal:not(.uni) .th2:first-child:nth-last-child(2)~.th2{flex-basis:calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important}html body .pgal:not(.uni) .th2:only-child{flex-basis:80%!important;width:80%!important}}

/*notopbar*/.topbar{display:none!important}