/* Architectural editorial finish. All ornamental motion obeys the site control. */
:root{--studio-ink:#20231e;--studio-green:#295743;--studio-brass:#b78c39}
html,body{overflow-x:clip}
.spaces-section{background:radial-gradient(ellipse at 0 20%,#e4ebdf99,transparent 48%),radial-gradient(ellipse at 100% 80%,#e8d9b655,transparent 48%),url('assets/paper-grain.svg'),#faf7f2;border-bottom:0}
.section .eyebrow{color:#5b5038;font-weight:600}
.resource-heading h2{max-width:26ch;margin-inline:auto}
.space-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px}
.space-card,.space-card:first-child,.space-card:nth-child(2),.space-card:nth-child(3){display:flex;flex-direction:column;grid-row:auto;background:#fffdf9;border-radius:16px;box-shadow:0 12px 35px #29201308;transition:box-shadow .4s,border-color .4s}
.space-card .space-card-image,.space-card:first-child .space-card-image{height:270px;min-height:270px;flex:none;position:relative;overflow:hidden}
.space-card-image>span{display:grid;position:absolute;inset-block-start:18px;inset-inline-start:18px;place-items:center;width:38px;height:38px;background:#faf7f2ef;border:1px solid #fff8;border-radius:50%;color:#292820;font:500 12px 'DM Sans',sans-serif;z-index:2}
.space-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}
.space-card .space-card-copy,.space-card:first-child .space-card-copy{padding:28px;flex:1;justify-content:flex-start;border-top:1px solid #d6c9b1;background:linear-gradient(155deg,#fffdf9,#f6f2e9)}
.space-card h3,.space-card:first-child h3{font-size:30px;line-height:1.3;color:var(--studio-ink)}
.space-card .text-link{margin-top:auto;padding-top:25px;font-size:15px}.space-card p{padding-bottom:24px}
.space-card:hover{box-shadow:0 20px 40px #293c2415;border-color:#a99c82}
.space-card-copy .category-object{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;background:#eaf0e6;border:1px solid #b7c6ae;border-radius:14px;color:#295743;font-size:25px;position:relative}
.space-card-copy .engineering-icon,.space-card-copy>.object-icon{display:none}
.service-intro{background:#fffdf9;padding-top:90px}.quick-access{background:#fffdf9;gap:0;padding:0 5vw 85px}
.quick-access>a,.quick-access>a:first-child,.quick-access>a:last-child{border-radius:0;min-height:190px;background:transparent;box-shadow:none;position:relative}
.quick-access>a:hover{background:#edf1e9;box-shadow:inset 0 -2px var(--studio-green);transform:none}
.quick-access .service-icon{margin-bottom:18px;color:var(--studio-green)}
.quick-access b{position:absolute;inset-inline-end:28px;top:25px;font-weight:400;transition:translate .3s}
.quick-access>a:hover b{translate:3px -3px}.quick-access small{margin-top:8px}
.vision{background:linear-gradient(145deg,#f4f3ea,#fffdf9 60%);border-top:1px solid #e2dcd0}
.vision-image{border-radius:12px;box-shadow:0 20px 50px #1f30251a}
.vision-note{position:relative;isolation:isolate;padding:30px!important;border:1px solid #bdc8b9;border-radius:12px;background:linear-gradient(150deg,#edf1e6,#faf7ef);overflow:hidden}
.vision-note .large-outline{display:none}.vision-note>p{font-size:23px!important;position:relative;z-index:1}.vision-note>.tiny-label{color:#4f5749}
.architect-sketch{display:block;width:100%;max-height:210px;color:#45614d;margin-block:0 24px;overflow:visible}
.architect-sketch .draft-line{stroke-dasharray:700;stroke-dashoffset:0;animation:plan-trace 5s ease-in-out infinite alternate;animation-play-state:paused}
.architect-sketch .dimension-line{stroke:#b78c39;stroke-dasharray:3 5}
.design-visible .architect-sketch .draft-line{animation-play-state:running}
.project-counts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b8c5ae;margin-top:28px;padding-top:20px;gap:20px}
.project-counts>div+div{border-inline-start:1px solid #b8c5ae;padding-inline-start:24px}.project-counts strong{display:block;color:#274632;font:500 48px/1.2 'DM Sans',sans-serif!important}.project-counts span{font-size:15px;color:#364830}
.design-ur{display:none}html[lang=ur] .design-en{display:none}html[lang=ur] .design-ur{display:inline}
.hero-topics button{position:relative;display:flex;align-items:center;gap:10px;border-radius:10px;overflow:hidden;padding:9px 15px 9px 9px;background:#171b17d9;backdrop-filter:blur(12px);min-height:60px}
.hero-topics button:before{content:'';display:block;flex:none;width:44px;height:36px;border-radius:5px;background:var(--story-image) center/cover;opacity:.75;transition:opacity .3s}
.hero-topics button[aria-pressed=true]{background:#faf7f2;color:#14130f;border-color:#e2dcd0}
.hero-topics button[aria-pressed=true]:before{opacity:1}
.hero-topics button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:100%;height:3px;background:#295743;transform-origin:0 50%;animation:story-time 9s linear infinite;animation-play-state:paused}
.hero.story-playing .hero-topics button[aria-pressed=true]:after{animation-play-state:running}
.hero-content>.button{box-shadow:0 12px 35px #0003}
.visual-filters{background:linear-gradient(120deg,#fffdf9,#edf0e7);box-shadow:0 12px 30px #263a2408}
.unit-result{transition:background .25s,border-color .25s,box-shadow .25s}.unit-result:hover{border-color:#6d8063;background:#f5f7ef}.unit-result[aria-pressed=true]{box-shadow:inset 4px 0 #295743;background:#eaf0e4;color:#19261b}
.payment-section,#payment-example{background:radial-gradient(ellipse at 0 100%,#e1eadb,transparent 65%),#f8f6ee;border-block:1px solid #d4dbcb}
.applicant-guide .eyebrow{color:#f0cc79}
.download-card{transition:transform .35s,box-shadow .35s}.download-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #242b2112}
.contact{background:radial-gradient(ellipse at 100% 100%,#e2e9dc,transparent 60%),url('assets/paper-grain.svg'),#faf7f2}
.contact-method{transition:box-shadow .3s,border-color .3s}.contact-method:hover{box-shadow:0 8px 22px #2337200c;border-color:#718268}
.design-visible .category-object:after{content:'';position:absolute;inset:-5px;border:1px solid #aaba9e;border-radius:18px;animation:object-outline 4s ease-in-out infinite;pointer-events:none}
.site-footer .footer-signature{background:linear-gradient(100deg,#c9962e44,#e0c991aa,#c9962e44);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:signature-glow 12s linear infinite;animation-play-state:paused}.site-footer.design-visible .footer-signature{animation-play-state:running}
@keyframes plan-trace{0%,15%{stroke-dashoffset:700;opacity:.35}65%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes object-outline{0%,100%{opacity:.2;scale:1}50%{opacity:.65;scale:1.05}}
@keyframes story-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes signature-glow{to{background-position:200% 0}}
.motion-off .architect-sketch .draft-line,.design-page-hidden .architect-sketch .draft-line,.motion-off .category-object:after,.design-page-hidden .category-object:after,.motion-off .footer-signature,.design-page-hidden .footer-signature{animation-play-state:paused!important}
@media(min-width:1100px){.hero-topics{max-width:88%;gap:12px}.hero-topics button{min-width:130px}}
@media(max-width:900px){.space-cards{gap:15px}.space-card .space-card-image,.space-card:first-child .space-card-image{height:220px;min-height:220px}.space-card .space-card-copy,.space-card:first-child .space-card-copy{padding:20px}.hero-topics button:before{width:30px;height:28px}.hero-topics button{gap:7px;min-height:48px}}
@media(max-width:600px){.space-cards{grid-template-columns:1fr}.space-card .space-card-image,.space-card:first-child .space-card-image{height:250px;min-height:250px}.space-card .space-card-copy,.space-card:first-child .space-card-copy{padding:25px}.quick-access{grid-template-columns:1fr 1fr;padding-bottom:50px}.quick-access>a,.quick-access>a:first-child,.quick-access>a:last-child{padding:22px 18px!important;min-height:220px}.quick-access strong{font-size:18px}.quick-access small{font-size:13px}.quick-access b{inset-inline-end:16px}.hero-topics button{min-height:43px;padding:7px 10px!important;font-size:12px!important}.hero-topics button:before{width:24px;height:26px}.hero-topics{gap:6px}.vision-note{padding:25px!important}.project-counts strong{font-size:40px!important}}
@media(prefers-reduced-motion:reduce){.architect-sketch .draft-line,.category-object:after,.footer-signature,.hero-topics button:after{animation:none!important}.space-card-image img,.download-card,.quick-access b{transition:none}.download-card:hover{transform:none}}