:root{color-scheme:light;--paper:#fcfbf8;--ink:#252927;--muted:#737a78;--line:#e7e9e5;--accent:#387ab3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:-.4px}.monogram{font-size:25px;background:#29332f;color:var(--paper);width:40px;height:40px;border-radius:13px;display:grid;place-items:center;padding-bottom:5px}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav button{background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 16px}nav button:hover{background:#eef5fc}nav button span{margin-inline-start:12px}.hero{position:relative;padding-top:100px;display:grid;grid-template-columns:1.25fr .75fr;column-gap:24px;align-items:center}.hero-content{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;gap:10px;align-items:center;margin:0 0 28px;color:#60756c}.status-dot{width:7px;height:7px;border-radius:100%;background:#80a18c;box-shadow:0 0 0 5px #80a18c12}h1{font-size:clamp(44px,5.4vw,68px);font-weight:500;line-height:1.12;letter-spacing:-3.2px;margin:0 0 26px}.muted{color:var(--muted)}h1 .muted{color:var(--accent)}.hero-copy{max-width:500px;font-size:16px;line-height:1.9;color:#707775;margin-bottom:30px}.button{display:inline-flex;gap:30px;align-items:center;border-radius:30px;background:#2c3c34;color:#fff;padding:16px 24px;font-size:13px;box-shadow:0 4px 14px #2c3c3414}.button:hover{background:var(--accent);color:white}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:72px 0 26px;font-size:11px;color:var(--muted)}.index-mark{letter-spacing:1px;font-size:9px}.hero-art{position:relative;height:360px;display:grid;place-items:center;isolation:isolate;direction:ltr}.art-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6dc 0,#f6e4d8 30%,#e5edfa 65%,#d4e9e8 100%);filter:blur(1px);opacity:.75}.art-window{position:relative;width:255px;height:292px;border:1px solid #fffffffa;border-radius:22px;background:linear-gradient(140deg,#ffffffeb,#ffffff80);box-shadow:0 30px 60px #3f556e12,inset 0 1px 0 white;backdrop-filter:blur(15px);transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center}.window-bar{display:flex;gap:5px;width:100%;padding:18px}.window-bar i{width:5px;height:5px;border-radius:100%;background:#c8d4d4}.window-bar i:first-child{background:#d8b5a3}.art-letter{font-size:148px;line-height:1.15;font-weight:500;letter-spacing:-14px;color:#335f58}.art-letter span{color:#8bb2c5}.art-caption{font-size:9px;letter-spacing:.8px;color:#7c9293;margin-top:22px}.art-orbit{position:absolute;border-radius:100%;width:56px;height:56px;inset-inline-end:16px;bottom:52px;background:linear-gradient(135deg,#f9e1cc,#e6c8b0);box-shadow:0 10px 20px #c2986c18;border:1px solid #ffffff90}.projects{padding-top:72px;padding-bottom:80px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-top .eyebrow,.about .eyebrow{margin-bottom:15px}h2{font-size:36px;line-height:1.3;font-weight:500;letter-spacing:-1.2px;margin:0}.section-number{font-size:12px;color:#8b9992}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-card{border:1px solid #edf0eb;border-radius:22px;padding:0 26px 26px;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 35px #29332f04;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #29332f0a}.project-image,.project-art{display:block;width:calc(100% + 52px);max-width:none;margin-inline:-26px;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:top;margin-bottom:25px;background:#eef4f5}.project-art{display:grid;place-items:center;background:linear-gradient(135deg,#ecf4f9,#edf3e9 70%,#faf1e4);color:#8da6a1}.project-card:nth-child(even) .project-art{background:linear-gradient(135deg,#f9f1e6,#f0eaf7 70%,#e8f2f4);color:#a69baf}.project-art span{font-size:100px;font-weight:500}.project-card .number{font-size:10px;color:#8d9b97;letter-spacing:1px;margin-bottom:12px}.project-card h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.project-card p{font-size:14px;line-height:1.9;color:#757c78;margin:0 0 24px}.project-links{display:flex;gap:24px;margin-top:auto;font-size:12px;color:#3b7aaa}.project-status{color:#7c8982;font-size:14px;line-height:1.8}.project-status:not(:empty){padding:32px;border-radius:18px;background:linear-gradient(110deg,#eef6f3,#f5f6fc);border:1px solid #e8eee9}.text-button{border:0;border-bottom:1px solid var(--line);padding:8px 0;background:none}.about{border-top:1px solid var(--line);padding-top:64px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:70px}#about-title{white-space:pre-line}.about-copy{font-size:15px;line-height:1.95}.about-copy p{margin:0 0 18px}.principles{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;margin-top:28px;color:#5e8270}.principles span::before{content:'·';margin-inline-end:8px;color:#9eb7a1}.contact{background:linear-gradient(115deg,#eff6f3,#f1f4fc 70%,#fcf4eb);padding:40px;border:1px solid #e9efea;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:64px}.contact .eyebrow{margin-bottom:14px;font-size:9px}.contact h2{font-size:28px}.contact p:not(.eyebrow){font-size:13px;color:#748179;line-height:1.9;margin-bottom:0}.email-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;color:#3676a9;padding:16px 0;border-bottom:1px solid #a9bfd32e}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:26px;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;inset-inline-start:20px;background:var(--ink);color:white;padding:14px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] h1{line-height:1.6;font-size:clamp(40px,4.8vw,60px)}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .hero-copy{line-height:2}[dir=rtl] .hero-art{direction:ltr}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{column-gap:0}.hero-art{transform:scale(.8);transform-origin:center}.art-halo{width:300px;height:300px}h1{font-size:52px}.contact{align-items:flex-start;flex-direction:column;padding:32px}.about{gap:35px}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;gap:10px}.wordmark{font-size:12px;gap:8px}.monogram{width:32px;height:32px;font-size:22px;border-radius:10px}nav{gap:15px;font-size:12px}.nav-contact{display:none}nav button{padding:8px 10px}nav button span{display:none}.hero{padding-top:58px;grid-template-columns:1fr}.hero-content{max-width:100%}h1{font-size:48px;letter-spacing:-2.2px}.hero-copy{font-size:15px;max-width:100%}.hero-art{height:240px;margin-top:24px;transform:scale(.72);margin-bottom:-25px}.hero-bottom{padding-top:32px}.index-mark{display:none}.projects{padding-top:48px;padding-bottom:52px}h2{font-size:29px}.project-grid{grid-template-columns:1fr;gap:24px}.about{grid-template-columns:1fr;gap:28px;padding-block:48px}.contact{width:calc(100% - 40px);padding:28px;margin-bottom:40px;border-radius:20px}.contact h2{font-size:26px}.email-link{font-size:13px;gap:12px}.footer{gap:20px;font-size:10px}.eyebrow{font-size:9px}[dir=rtl] h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}.project-card:hover{transform:none}}