@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Manrope:wght@300;400;600&display=swap');
:root{--ink:#11110f;--paper:#f1eee8;--white:#fff;--sea:#071a1b;--gold:#c9a86a;--line:rgba(17,17,15,.16);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip{position:fixed;top:-80px;right:20px;z-index:99;background:#fff;padding:10px}.skip:focus{top:10px}.header{position:fixed;z-index:20;top:0;inset-inline:0;height:92px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:40px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:.3s}.header.scrolled,.project-page .header{height:76px;background:rgba(7,26,27,.94);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:12px;margin-inline-end:auto;font:600 20px Manrope}.logo img{width:42px;height:42px;object-fit:contain}.logo span{display:grid;line-height:1}.logo small{margin-top:7px;font:600 7px Manrope;letter-spacing:.18em}.header nav{display:flex;gap:28px;font-size:12px}.header nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 25px;border:1px solid var(--gold);background:var(--gold);color:#111;font-weight:700;font-size:12px}.btn:hover{background:#e0c48f}.btn.small{min-height:42px;padding-inline:18px}.btn.light{background:#fff;border-color:#fff}.ghost{padding:14px 0;border-bottom:1px solid currentColor;font-size:12px}.hero{position:relative;min-height:100svh;background:var(--sea);color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(201,168,106,.2),transparent 24%),linear-gradient(115deg,#061415 0%,#09282b 50%,#030b0c 100%)}.hero-bg:after{content:"";position:absolute;width:min(47vw,650px);aspect-ratio:1;border:1px solid rgba(201,168,106,.32);border-radius:50%;left:10vw;top:20vh;box-shadow:0 0 0 70px rgba(201,168,106,.025),0 0 0 140px rgba(201,168,106,.018)}.hero-copy{position:relative;z-index:2;width:min(760px,calc(100% - 44px));margin:120px max(22px,calc((100vw - var(--max))/2)) 100px}.kicker{margin:0 0 20px;color:var(--gold);font:600 10px Manrope;letter-spacing:.22em}.kicker.dark{color:#76603a}.hero h1,.section h2,.contact h2,.project-hero h1{margin:0;font-size:clamp(48px,7vw,104px);font-weight:300;line-height:1.08;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.kicker){max-width:560px;color:#b9c2c1;font-size:16px}.actions{display:flex;align-items:center;gap:28px;margin-top:35px}.hero-stats{position:absolute;z-index:2;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,170px);direction:rtl}.hero-stats span{padding:22px;border:1px solid rgba(255,255,255,.13);font-size:9px;color:#aeb9b8}.hero-stats b{display:block;font:300 24px Manrope;color:#fff}.section{width:min(var(--max),calc(100% - 44px));margin:auto;padding:120px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section h2,.contact h2{font-size:clamp(42px,5vw,72px)}.lead{font-size:20px;font-weight:500}.intro p{color:#645f58}.dark-section{background:var(--sea);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.2)}.cards article{min-height:300px;padding:34px;border-inline-start:1px solid rgba(255,255,255,.15)}.cards b{color:var(--gold);font:600 10px Manrope}.cards h3{margin:85px 0 12px;font-size:28px;font-weight:400}.cards p{color:#9aabaa;font-size:13px}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.section-head>p{color:#6c6760}.project-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:60px}.project-card{position:relative;min-height:560px;padding:36px;overflow:hidden;background:#132729;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.project-card img,.project-card .abstract{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,9,10,.92),transparent 70%)}.project-card:hover img,.project-card:hover .abstract{transform:scale(1.03)}.project-card span,.project-card h3,.project-card i{position:relative;z-index:2}.project-card span{font:600 9px Manrope;letter-spacing:.15em;color:#d7c195}.project-card h3{margin:12px 0;font:300 clamp(34px,4vw,60px)/1 Manrope}.project-card i{font-style:normal;font-size:11px}.abstract{background:radial-gradient(circle at 40% 40%,#b79c70 0 6%,transparent 7%),linear-gradient(140deg,#0d3637,#b9a481)}.method ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:60px 0 0;border-top:1px solid var(--line);list-style:none}.method li{padding:28px 22px;border-inline-start:1px solid var(--line)}.method li>b{font:600 9px Manrope;color:#8b7652}.method h3{margin-top:65px}.method p{font-size:12px;color:#6c6760}.contact{padding:130px 22px;text-align:center;background:#102e30;color:#fff}.contact>p:not(.kicker){color:#a6b4b3}.contact .btn{margin-top:20px}footer{padding:60px max(22px,calc((100vw - var(--max))/2));background:#050d0e;color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:start}footer>div{display:grid;font-size:11px;color:#abb4b3}footer>small{grid-column:1/-1;color:#6e7b7a}.wa{position:fixed;z-index:19;bottom:20px;left:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#071a1b;font:700 11px Manrope;box-shadow:0 10px 30px #0004}
/* Project template */.project-hero{min-height:92svh;position:relative;display:flex;align-items:flex-end;padding:170px max(22px,calc((100vw - var(--max))/2)) 80px;color:#fff;background:#0b2426;overflow:hidden}.project-hero>img,.project-hero>.abstract{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,12,14,.94),rgba(1,12,14,.08) 65%)}.project-hero .copy{position:relative;z-index:2;width:min(900px,100%)}.project-hero h1{font-family:Manrope;font-size:clamp(52px,8vw,110px)}.project-hero .meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px;color:#d6dfde;font-size:11px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:55px}.facts div{padding:26px;border-inline-start:1px solid var(--line)}.facts small{display:block;color:#77716a}.facts b{font-size:17px}.project-layout{display:grid;grid-template-columns:1fr .36fr;gap:70px}.prose h3{margin-top:55px;font-size:25px}.prose p,.prose li{color:#625e58}.side-card{position:sticky;top:100px;align-self:start;padding:28px;background:var(--sea);color:#fff}.side-card h3{margin-top:0}.side-card p{color:#aebdbc;font-size:12px}.side-card .btn{width:100%;margin-top:14px}.score{display:flex;align-items:baseline;gap:6px;margin:25px 0;color:var(--gold)}.score b{font:300 60px Manrope}.score span{font:12px Manrope}.template-note{padding:22px;border:1px solid var(--line);background:#e7e1d8;font-size:11px;color:#655f56}.project-cta{padding:90px 22px;text-align:center;background:var(--sea);color:#fff}
@media(max-width:800px){.header{height:72px;padding-inline:18px}.header .btn.small{display:none}.menu{display:block}.header nav{display:none;position:absolute;top:72px;inset-inline:0;padding:22px;background:#071a1b;flex-direction:column}.header nav.open{display:flex}.logo img{width:36px;height:36px}.hero-copy{margin-top:100px}.hero-stats{position:relative;align-self:flex-end;width:100%;grid-template-columns:repeat(3,1fr)}.hero{align-items:center;flex-wrap:wrap}.intro,.section-head,.project-layout{grid-template-columns:1fr;gap:35px}.section{padding:82px 0}.cards,.method ol{grid-template-columns:1fr}.cards article{min-height:210px;border-bottom:1px solid #ffffff22}.cards h3{margin-top:45px}.project-grid{grid-template-columns:1fr}.project-card{min-height:470px}.method li{border-bottom:1px solid var(--line)}.method h3{margin-top:28px}.facts{grid-template-columns:1fr 1fr}.project-hero{min-height:82svh}.side-card{position:static}footer{grid-template-columns:1fr;gap:30px}.hero-bg:after{width:85vw;left:-25vw;top:28vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}