/* Khara Studio — Namoona sample (Muqaam tier) */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces-fb';src:local('Times New Roman'),local('Liberation Serif'),local('TimesNewRomanPSMT');size-adjust:105.23%;ascent-override:92.94%;descent-override:24.23%;line-gap-override:0%}
@font-face{font-family:'Inter-fb';src:local('Arial'),local('Liberation Sans'),local('ArialMT');size-adjust:107.34%;ascent-override:90.25%;descent-override:22.47%;line-gap-override:0%}
:root{--paper:#F3F0EA;--paper-2:#E9E4DA;--ink:#16150F;--muted:#5E5A52;--line:#D6D0C4;--accent:#9A4A21;--accent-l:#E0A27A;--dark:#16150F;--on-dark:#F3F0EA;--on-dark-2:#A39E93;--white:#FFFFFF;
--serif:'Fraunces','Fraunces-fb',Georgia,'Times New Roman',serif;--sans:'Inter','Inter-fb',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--gut:clamp(16px,4vw,48px);--max:1360px;--ease:cubic-bezier(.2,.7,.2,1)}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-200%);background:var(--ink);color:var(--paper);padding:10px 14px;z-index:100}.skip:focus{transform:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.08;margin:0}
h1{font-size:clamp(2.6rem,7vw,6.2rem)}h2{font-size:clamp(2rem,4.4vw,3.6rem)}h3{font-size:clamp(1.35rem,2.2vw,1.8rem)}
p{margin:0 0 1em}
.kicker{font:600 .78rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:clamp(1.08rem,1.5vw,1.3rem);color:var(--muted);max-width:40ch}
.muted{color:var(--muted)}
.rule{border:0;border-top:1px solid var(--line);margin:0}
/* buttons & links */
.btn{display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 .95rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.btn:hover{background:var(--accent);border-color:var(--accent)}
.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn--light:hover{background:var(--accent-l);border-color:var(--accent-l)}
.arrow{display:inline-block;transition:transform .25s var(--ease)}.btn:hover .arrow,.tlink:hover .arrow{transform:translateX(4px)}
.tlink{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
/* header + mega menu */
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:28px;min-height:72px}
.brand{font-family:var(--serif);font-size:1.35rem;text-decoration:none;letter-spacing:-.01em}.brand b{font-weight:600}
.nav{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.nav>a,.nav>button{font:500 .95rem/1 var(--sans);color:var(--ink);background:none;border:0;padding:12px 12px;text-decoration:none;cursor:pointer;border-radius:8px}
.nav>a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}
.nav>button[aria-expanded=true]{background:var(--paper-2)}
.nav .btn{margin-inline-start:8px;min-height:42px;padding:0 18px}
.lang{font:500 .9rem/1 var(--sans);text-decoration:none;padding:10px;border:1px solid var(--line);border-radius:999px;min-width:44px;text-align:center}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(22,21,15,.35);display:none}
.mega.open{display:block;animation:megaIn .25s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega__in{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:28px;padding:34px var(--gut) 38px;max-width:var(--max);margin:0 auto}
.mega__item{text-decoration:none;display:block;padding:14px 0;border-top:1px solid var(--line)}
.mega__item h3{font-size:1.3rem;margin-bottom:6px}.mega__item p{font-size:.92rem;color:var(--muted);margin:0}
.mega__item:hover h3,.mega__item:focus-visible h3{color:var(--accent)}
.mega__feat{text-decoration:none}.mega__feat img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:4px}
.mega__feat span{display:block;font-size:.85rem;color:var(--muted);margin-top:10px}.mega__feat strong{font-family:var(--serif);font-weight:400;font-size:1.15rem;color:var(--ink)}
.burger{display:none;margin-inline-start:auto;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:none;cursor:pointer}
.burger span,.burger span:before,.burger span:after{display:block;width:18px;height:1.5px;background:var(--ink);margin:0 auto;position:relative;content:""}
.burger span:before{position:absolute;top:-6px}.burger span:after{position:absolute;top:6px}
.drawer{display:none}
@media (max-width:960px){.nav{display:none}.burger{display:block}
 .drawer.open{display:block;position:fixed;top:72px;left:0;right:0;height:calc(100vh - 72px);height:calc(100dvh - 72px);background:var(--paper);z-index:39;overflow:auto;padding:12px var(--gut) 120px}
 .drawer a,.drawer summary{display:block;font-family:var(--serif);font-size:1.7rem;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;cursor:pointer;list-style:none}
 .drawer details a{font-family:var(--sans);font-size:1.05rem;padding:10px 0 10px 14px;border:0}
 .drawer .btn{font-family:var(--sans);font-size:1rem;margin-top:22px;border-bottom:1px solid var(--ink);display:inline-flex;padding:0 24px}}
/* grid system */
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px)}
.sec{padding:clamp(72px,10vw,150px) 0}
.sec--tight{padding:clamp(48px,6vw,90px) 0}
.sec--dark{background:var(--dark);color:var(--on-dark)}.sec--dark .muted,.sec--dark .lead{color:var(--on-dark-2)}.sec--dark .kicker{color:var(--accent-l)}.sec--dark .rule{border-color:#3A3830}
/* hero */
.hero{padding:clamp(40px,6vw,80px) 0 0}
.hero h1{grid-column:1/span 10}
.hero__meta{grid-column:1/span 4;margin-top:clamp(28px,4vw,48px)}
.hero__cta{grid-column:6/span 5;margin-top:clamp(28px,4vw,48px);display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.hero__img{grid-column:1/-1;margin-top:clamp(40px,6vw,72px)}
.hero__img img{width:100%;aspect-ratio:16/8;object-fit:cover}
.hero__cap{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);padding-top:10px}
/* stats */
.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:26px 20px 0 0}.stat b{display:block;font:400 clamp(2.4rem,5vw,4rem)/1 var(--serif)}.stat span{font-size:.9rem;color:var(--muted)}
/* asymmetric project rows */
.proj{align-items:end;margin-top:clamp(56px,8vw,120px);text-decoration:none;display:grid}
.proj__img{grid-column:1/span 7;overflow:hidden}
.proj__img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.1s var(--ease)}
.proj:hover .proj__img img{transform:scale(1.035)}
.proj__txt{grid-column:9/span 4;padding-bottom:6px}
.proj--r .proj__img{grid-column:6/span 7;order:2}.proj--r .proj__txt{grid-column:1/span 4;order:1}
.proj__n{font:500 .85rem/1 var(--sans);color:var(--accent);letter-spacing:.08em}
.proj__txt h3{margin:12px 0 10px;font-size:clamp(1.7rem,3vw,2.6rem)}
.proj__txt p{color:var(--muted)}
.metric-chip{display:inline-block;font-size:.8rem;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin:0 6px 6px 0}
/* services + so-what */
.svc{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.svc__i{padding:26px 22px 26px 0;border-right:1px solid var(--line)}.svc__i:last-child{border-right:0}
.svc__i h3{font-size:1.4rem;margin:10px 0}.svc__i p{font-size:.95rem;color:var(--muted)}
.sowhat{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:48px}
.sowhat div{border-top:2px solid var(--accent-l);padding-top:18px}.sowhat b{display:block;font:400 1.35rem/1.25 var(--serif);margin-bottom:8px}
/* testimonials (film posters) */
.films{display:grid;grid-template-columns:7fr 5fr;gap:clamp(16px,2vw,28px);margin-top:48px}
.film{position:relative;text-align:start;color:var(--on-dark);background:none;border:0;padding:0;cursor:pointer}
.film{display:block;min-height:0}.film::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,11,8,.82));pointer-events:none}.film__play,.film__q{z-index:1}.film img{width:100%;height:100%;min-height:280px;aspect-ratio:16/10;object-fit:cover;filter:brightness(.8)}
.film__play{position:absolute;left:24px;top:24px;width:64px;height:64px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:1.2rem}
.film__q{position:absolute;left:24px;right:24px;bottom:22px}.film__q q{font:400 clamp(1.15rem,2vw,1.6rem)/1.3 var(--serif);display:block;margin-bottom:10px}
.film__q span{font-size:.85rem;color:var(--on-dark-2)}
/* report + cta bands */
.band{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,28px);align-items:end}
.band__l{grid-column:1/span 6}.band__r{grid-column:8/span 5}
/* forms */
.field{display:block;margin-bottom:16px}
.field span{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;min-height:50px;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:12px 14px;font:inherit;color:var(--ink)}
.sec--dark .field input{background:#22201A;border-color:#3A3830;color:var(--on-dark)}
.field textarea{min-height:110px}
.note{font-size:.82rem;color:var(--muted)}.sec--dark .note{color:var(--on-dark-2)}
.ok{display:none;padding:18px;border:1px solid var(--accent-l);border-radius:8px}
form.sent .ok{display:block}form.sent .hide-sent{display:none}
/* work index */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 8px}
.filters button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:transparent;font:500 .92rem var(--sans);cursor:pointer;color:var(--ink)}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,44px) clamp(12px,2vw,28px);margin-top:36px}
.wcard{text-decoration:none;grid-column:span 6}.wcard:nth-child(3n+1){grid-column:span 7}.wcard:nth-child(3n+2){grid-column:span 5}.wcard:nth-child(3n){grid-column:2/span 6}
.wcard img{width:100%;aspect-ratio:3/2;object-fit:cover}.wcard h3{margin:14px 0 4px;font-size:1.6rem}.wcard span{font-size:.9rem;color:var(--muted)}
.wcard[hidden]{display:none}
/* case study — sticky sidebar */
.cs-hero img{width:100%;aspect-ratio:16/8;object-fit:cover}
.cs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,28px);padding:clamp(48px,7vw,100px) 0}
.cs__side{grid-column:1/span 4}
.cs__stick{position:sticky;top:96px}
.cs__meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;border-top:1px solid var(--line);padding-top:20px}
.cs__meta dt{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cs__meta dd{margin:4px 0 0;font-weight:600}
.cs__km{margin-top:28px;background:var(--dark);color:var(--on-dark);padding:22px;border-radius:6px}
.cs__km h3{font-size:1rem;font-family:var(--sans);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-l);margin-bottom:14px}
.cs__km li{list-style:none;padding:12px 0;border-top:1px solid #3A3830}.cs__km li:first-child{border-top:0}
.cs__km b{display:block;font:400 1.9rem/1.1 var(--serif)}.cs__km span{font-size:.88rem;color:var(--on-dark-2)}
.cs__km ul{margin:0;padding:0}
.cs__main{grid-column:6/span 7}
.cs__main p{font-size:1.08rem}
.cs__main h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:48px 0 18px}
.cs__main figure{margin:40px 0}.cs__main figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.pull{font:400 clamp(1.5rem,2.6vw,2.1rem)/1.25 var(--serif);border-left:2px solid var(--accent);padding-left:22px;margin:40px 0}
/* capability matrix */
.mx-tools{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.mx{width:100%;border-collapse:collapse;font-size:.95rem}
.mx th,.mx td{text-align:start;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.mx thead th{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mx td:first-child{font-weight:600;width:34%}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.badge--in{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.badge--partner{background:var(--paper-2)}
.mx tr[hidden]{display:none}
.mx-wrap{overflow-x:auto}
/* multi-step form */
.steps{display:flex;gap:6px;margin:0 0 28px}.steps i{flex:1;height:3px;background:var(--line);border-radius:3px}.steps i.on{background:var(--accent)}
.step{display:none}.step.on{display:block;animation:megaIn .3s var(--ease)}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 26px}
.opt{position:relative}.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt label{display:block;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--white);cursor:pointer;min-height:64px}
.opt label b{display:block;font-weight:600}.opt label span{font-size:.85rem;color:var(--muted)}
.opt input:checked+label{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.opt input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.stepnav{display:flex;gap:10px;align-items:center}
.err{color:var(--accent);font-size:.9rem;min-height:1.4em;margin:0}
/* footer */
.ftr{background:var(--dark);color:var(--on-dark);padding:70px 0 40px}
.ftr__g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.ftr h3{font-size:2rem;margin-bottom:12px}.ftr a{text-decoration:none;display:block;padding:6px 0;color:var(--on-dark-2)}.ftr a:hover{color:var(--on-dark)}
.ftr h4{font:600 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-l);margin:0 0 12px}
.ftr__demo{margin-top:46px;padding-top:20px;border-top:1px solid #3A3830;font-size:.85rem;color:var(--on-dark-2)}
/* modal */
.modal{position:fixed;inset:0;background:rgba(22,21,15,.82);display:none;align-items:center;justify-content:center;z-index:60;padding:var(--gut)}
.modal.open{display:flex}.modal__box{background:var(--paper);max-width:560px;width:100%;padding:32px;border-radius:10px}
.modal__box h3{margin-bottom:12px}
/* custom cursor */
.cur{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:80;display:grid;place-items:center;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s var(--ease);opacity:0}
.cur span{font:600 .72rem/1.1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);opacity:0;transition:opacity .2s;text-align:center}
.cur.big{width:104px;height:104px;margin:-52px 0 0 -52px;background:var(--ink)}.cur.big span{opacity:1}
html.has-cur,html.has-cur a,html.has-cur button{cursor:none}
html.has-cur input,html.has-cur select,html.has-cur textarea,html.has-cur label{cursor:auto}
/* reveal */
.rv{opacity:1;transform:none}
html.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
html.js .rv.in{opacity:1;transform:none}
/* Namoona ribbon */
.nmn{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#0B0F1C;color:#F3F5FB;border-top:1px solid #28314D;padding-bottom:env(safe-area-inset-bottom,0px);font:400 14px/1.2 var(--sans)}
.nmn__in{display:flex;align-items:center;gap:10px;min-height:60px;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.nmn a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;padding:0 16px;font-weight:700;white-space:nowrap}
.nmn__back{border:1px solid #28314D}.nmn__tier{color:#AEB7CC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nmn__grow{flex:1}.nmn__cta{background:#9DB7FF;color:#070A14!important}.nmn__wa{background:#25D366;color:#06210F!important}
@media (max-width:720px){.nmn__lbl{display:none}}
@media (max-width:520px){.nmn__tier{display:none}.nmn__in{gap:6px}.nmn__wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nmn__wa{padding:0 12px}.nmn a{padding:0 12px}}
/* responsive */
@media (max-width:960px){
 .g12>[style*="grid-column"]{grid-column:1/-1!important}.g12>.lead[style*="align-self"]{margin-top:16px!important}
 .hero h1,.hero__meta,.hero__cta{grid-column:1/-1}.hero__cta{margin-bottom:32px}
 .stats{grid-template-columns:repeat(2,1fr)}
 .proj__img,.proj--r .proj__img,.proj__txt,.proj--r .proj__txt{grid-column:1/-1;order:0}.proj__txt{padding-top:18px}
 .svc{grid-template-columns:1fr 1fr}.svc__i:nth-child(2){border-right:0}
 .sowhat,.films{grid-template-columns:1fr}
 .band__l,.band__r{grid-column:1/-1}
 .wcard,.wcard:nth-child(n){grid-column:1/-1}
 .cs__side,.cs__main{grid-column:1/-1}.cs__stick{position:static}
 .ftr__g{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){body{font-size:16px}.svc{grid-template-columns:1fr}.svc__i{border-right:0;border-bottom:1px solid var(--line)}.opts{grid-template-columns:1fr}.ftr__g{grid-template-columns:1fr}.hero__img img{aspect-ratio:4/3}.cs-hero img{aspect-ratio:4/3}}
/* RTL */
[dir=rtl] .pull{border-left:0;border-right:2px solid var(--accent);padding-left:0;padding-right:22px}
[dir=rtl] .arrow{transform:scaleX(-1)}[dir=rtl] .btn:hover .arrow{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .svc__i{border-right:0;border-left:1px solid var(--line);padding:26px 0 26px 22px}[dir=rtl] .svc__i:last-child{border-left:0}
[dir=rtl] body{font-family:'IBM Plex Sans Arabic',var(--sans)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .stat b{font-family:'IBM Plex Sans Arabic',var(--sans);font-weight:500;letter-spacing:0}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js .rv{opacity:1;transform:none}}

@media (max-width:360px){.nmn a{padding:0 10px;font-size:13px}.nmn__nm{display:none}}
@media (max-width:720px){.mx caption{display:block}.mx thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mx,.mx tbody,.mx tr,.mx td{display:block;width:auto}
.mx tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;border-bottom:1px solid var(--line)}.mx tr[hidden]{display:none}
.mx td{border:0;padding:0}.mx td:first-child{width:auto}.mx td:nth-child(2){grid-row:2;color:var(--muted);font-size:.85rem}.mx td:nth-child(3){grid-column:2;grid-row:1/3;align-self:start}.mx td:nth-child(4){grid-column:1/-1}}