*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ece9e1;color:#171717;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #bdb9af;background:rgba(236,233,225,.94);backdrop-filter:blur(12px)}.logo{font-weight:900;letter-spacing:-.04em;font-size:20px}.logo span{color:#e64c2f}.nav-links{display:flex;gap:34px;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:88vh;display:grid;grid-template-columns:90px 1fr;padding:4vw}.hero-number{font-size:12px;padding-top:15px}.hero-content>p,.project-info p:first-child,.contact>p{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(65px,11vw,155px);line-height:.82;letter-spacing:-.075em;margin:10vh 0 7vh;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;border-top:1px solid #aaa69c;padding-top:24px}.hero-bottom p{max-width:560px;font-size:18px;line-height:1.5}.hero-bottom a{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.projects,.about,.experience{padding:90px 4vw}.section-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #8d8980;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.project{padding:55px 0;border-bottom:1px solid #bdb9af}.project-visual{height:min(62vw,680px);position:relative;overflow:hidden;margin-bottom:28px}.project-visual>span{position:absolute;top:20px;left:20px;font-size:12px;z-index:3}.visual-one{background:#d7c6ad}.sun{position:absolute;width:30vw;height:30vw;border-radius:50%;background:#e8a957;right:8%;top:10%}.building{position:absolute;background:#f1eee6;border:2px solid #171717;bottom:0}.b1{width:43%;height:48%;left:13%;transform:skewY(-6deg)}.b2{width:35%;height:61%;left:47%;transform:skewY(5deg)}.visual-two{background:#c8d0c4}.arch{position:absolute;border:3px solid #1c2924;border-bottom:0;border-radius:180px 180px 0 0;bottom:-3px}.arch1{width:40%;height:65%;left:12%}.arch2{width:35%;height:48%;right:12%}.visual-three{background:#bec4ce}.tower{position:absolute;width:32%;height:82%;bottom:0;left:34%;background:#e6e3da;border:2px solid #24282f;clip-path:polygon(10% 0,90% 7%,100% 100%,0 100%)}.grid-lines{position:absolute;inset:12%;background:repeating-linear-gradient(0deg,transparent 0 55px,rgba(0,0,0,.18) 56px),repeating-linear-gradient(90deg,transparent 0 80px,rgba(0,0,0,.12) 81px)}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:50px}.project-info h2{font-size:clamp(40px,6vw,80px);letter-spacing:-.055em;margin:5px 0}.project-info>p{font-size:17px;line-height:1.6;max-width:600px}.tags{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}.tags span,.skills span{padding:8px 11px;border:1px solid #99958c;border-radius:999px;font-size:11px;text-transform:uppercase}.about{background:#171717;color:#ece9e1}.about .section-top{border-color:#4b4b4b}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;padding-top:70px}.about h2{font-size:clamp(48px,7vw,95px);line-height:.95;letter-spacing:-.06em;margin:0}.about-grid p{font-size:17px;line-height:1.65;color:#c7c3ba}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.skills span{border-color:#5a5a5a}.rows article{display:grid;grid-template-columns:220px 1fr;padding:28px 0;border-bottom:1px solid #bdb9af}.rows article>span{font-size:12px}.rows h3{font-size:25px;margin:0}.rows p{margin:5px 0;color:#66635c}.contact{padding:100px 4vw;background:#e64c2f;color:#fff}.contact h2{font-size:clamp(56px,9vw,125px);line-height:.9;letter-spacing:-.07em;margin:30px 0 55px}.contact>a{font-size:clamp(22px,3vw,40px);border-bottom:2px solid #fff;padding-bottom:5px}.contact-foot{display:flex;justify-content:space-between;margin-top:80px;padding-top:20px;border-top:1px solid rgba(255,255,255,.5);font-size:12px;text-transform:uppercase}footer{display:flex;justify-content:space-between;padding:24px 4vw;font-size:12px}@media(max-width:760px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:16px;right:16px;background:#f5f2ea;padding:22px;flex-direction:column}.nav-links.open{display:flex}.hero{grid-template-columns:1fr}.hero-number{display:none}.hero h1{margin-top:16vh}.hero-bottom,.project-info,.about-grid{grid-template-columns:1fr}.tags{grid-column:1}.project-visual{height:78vw}.rows article{grid-template-columns:1fr;gap:10px}.contact-foot{flex-direction:column;gap:10px}}