/*
Theme Name: Arup Portfolio V2
Author: Arup Barman
Version: 2.0
Description: Editable editorial WordPress portfolio.
*/
:root{--bg:#f1efe8;--ink:#121210;--muted:#69675f;--line:#c9c6bc;--lime:#d9ff3f;--max:1380px;--g:clamp(22px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - var(--g)*2));margin:auto}
header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(241,239,232,.95);backdrop-filter:blur(12px);z-index:50}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;font-weight:900;letter-spacing:-.04em}.menu{display:flex;gap:30px;font-size:13px;align-items:center}.menu a:last-child{background:var(--ink);color:var(--bg);padding:12px 17px}.toggle{display:none;border:0;background:none;font-size:24px}
.hero{padding:clamp(70px,9vw,135px) 0 55px}.kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(62px,10vw,150px);line-height:.82;letter-spacing:-.075em;margin:25px 0 40px;max-width:1250px}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end}.intro p{font-size:clamp(19px,2vw,28px);line-height:1.35;margin:0;max-width:760px}.buttons{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--ink);padding:15px 21px;font-size:13px;font-weight:800}.btn.fill{background:var(--ink);color:var(--bg)}.btn:hover{background:var(--lime);color:var(--ink)}
.meta{display:flex;justify-content:space-between;margin-top:80px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.marquee span{margin-right:52px}
.section{padding:clamp(75px,9vw,130px) 0;border-bottom:1px solid var(--line)}.head{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;margin-bottom:70px}.num{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.head h2{font-size:clamp(45px,6vw,88px);line-height:.94;letter-spacing:-.06em;margin:0}.bigcopy{font-size:clamp(21px,2.4vw,34px);line-height:1.3;max-width:920px;margin:40px 0 0}.link{display:inline-block;border-bottom:1px solid;margin-top:25px;padding-bottom:4px;font-size:13px;font-weight:800}
.service{display:grid;grid-template-columns:100px 1fr 1fr;gap:35px;padding:43px 0;border-top:1px solid var(--line)}.service h3{font-size:clamp(29px,3.5vw,49px);letter-spacing:-.045em;margin:0}.service p{line-height:1.6;color:#4f4d47;margin:0 0 20px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{border:1px solid var(--line);padding:7px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{border:1px solid var(--line);min-height:520px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.project:hover{transform:translateY(-4px);background:#e9e6dd}.project .mark{font-size:clamp(46px,6vw,88px);font-weight:900;line-height:.86;letter-spacing:-.075em}.project h3{font-size:31px;letter-spacing:-.04em;margin:13px 0}.project p{color:#56534c;line-height:1.55;max-width:520px}
.exp{display:grid;grid-template-columns:100px 1.1fr 1fr;gap:35px;padding:38px 0;border-top:1px solid var(--line)}.exp h3{font-size:24px;margin:0 0 8px}.exp p{margin:0;color:#56534c;line-height:1.55}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{border-top:1px solid;padding-top:17px}.post small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.post h3{font-size:27px;line-height:1.08;letter-spacing:-.04em;margin:45px 0 15px}.post p{color:#56534c;line-height:1.5}
.cta{background:var(--ink);color:var(--bg);padding:clamp(80px,10vw,140px) 0}.cta h2{font-size:clamp(55px,8vw,118px);line-height:.87;letter-spacing:-.065em;max-width:1150px;margin:18px 0 48px}.cta .btn{border-color:var(--bg)}footer{background:var(--ink);color:var(--bg);border-top:1px solid #363631;padding:55px 0 30px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot a{display:block;color:#c4c2b9;margin:10px 0}.copy{border-top:1px solid #363631;margin-top:45px;padding-top:24px;color:#85837c;font-size:11px;display:flex;justify-content:space-between}
.pagehead{padding:100px 0 60px;border-bottom:1px solid var(--line)}.pagehead h1,.article h1{font-size:clamp(55px,8vw,115px);line-height:.9;letter-spacing:-.065em;margin:20px 0}.content,.article{max-width:880px;padding:70px 0}.content p,.content li,.article .entry{font-size:19px;line-height:1.75}.article .entry h2{font-size:40px;line-height:1.1;margin-top:55px}
@media(max-width:800px){header{height:68px}.toggle{display:block}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:25px var(--g);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{padding-top:65px}.hero h1{font-size:clamp(56px,17vw,90px)}.intro,.head,.service,.exp{grid-template-columns:1fr}.buttons{justify-content:flex-start}.meta{flex-direction:column;gap:12px;margin-top:55px}.head{gap:24px}.service{gap:15px}.grid2,.posts,.foot{grid-template-columns:1fr}.project{min-height:390px}.copy{flex-direction:column;gap:12px}}