*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e9cbb7}.wrap{width:min(100% - var(--gutter)*2,var(--max-width));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:12px}.header{height:125px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:block;height:100px}.logo img{width:100px;height:100px;object-fit:contain}.header nav{display:flex;align-items:center;gap:38px;font-size:13px}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--ink);padding:10px 0;margin-left:20px}.nav-contact span{margin-left:24px}.nav-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-left:4px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:25px 60px;padding-top:65px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:500;line-height:1.6}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(55px,5.8vw,86px);letter-spacing:-4px;line-height:1.06;margin:30px 0}.orange{color:var(--accent)}em{font-weight:400}.intro{font-size:19px;line-height:1.6;margin-bottom:18px}.hero-description{max-width:355px;color:var(--muted);font-size:13px;margin-bottom:30px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:var(--paper);padding:15px 21px;font-size:12px;transition:background .2s}.button:hover{background:var(--accent)}.hero-art{position:relative;background:#e6e7dd;min-height:510px;overflow:hidden}.sun{position:absolute;left:15%;top:12%;width:110px;height:110px;border-radius:50%;background:#e5d3b7}.arch{position:absolute;bottom:0;border-radius:180px 180px 0 0}.arch-back{width:66%;height:88%;right:-9%;background:linear-gradient(90deg,#b6bcab,#d3d8c8);box-shadow:-16px 12px 30px #41493810}.arch-front{width:66%;height:75%;left:9%;background:linear-gradient(90deg,#f0ecdf,#dbd4c1);padding:30px 28px 0;box-shadow:20px 20px 35px #41493815}.arch-inset{height:100%;width:100%;border-radius:150px 150px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent 36px,#75806d44 37px,#75806d44 38px),linear-gradient(100deg,#a8b09b,#d1d4c3);border:1px solid #a7ad9c}.steps{position:absolute;bottom:0;left:0;width:100%;height:55px;background:repeating-linear-gradient(0deg,#c8cbbd 0,#c8cbbd 16px,#d8dacd 17px,#d8dacd 18px)}.art-caption{position:absolute;left:25px;bottom:77px;font-family:var(--serif);font-style:italic;font-size:18px;color:#303b2a;background:#e9ebe2da;padding:6px 12px}.art-index{position:absolute;right:20px;top:20px;font-size:9px;letter-spacing:2px}.hero-bottom{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.portfolio{padding-block:95px 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0 0}.section-heading>p{max-width:290px;color:var(--muted);font-size:13px;margin-bottom:4px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.project-visual{height:auto;aspect-ratio:1.4;position:relative;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover}.green{background:#e3e7de;color:#8b9684}.sand{background:#eae4d8;color:#a59a84}.rose{background:#e9e0da;color:#aa978c}.project-number{position:absolute;top:15px;left:17px;font-size:10px;letter-spacing:1px;color:var(--ink)}.visual-label{position:absolute;bottom:12px;left:17px;font-size:8px;text-transform:uppercase;letter-spacing:1.6px;color:#5c6256}.line-building{position:absolute;inset:25% 19% -4%;border:1px solid currentColor;transform:skewY(-7deg);background:repeating-linear-gradient(0deg,transparent 0,transparent 25px,currentColor 26px,transparent 27px)}.line-building:before{content:'';position:absolute;width:31%;height:120%;left:23%;bottom:0;border:1px solid currentColor;background:inherit}.line-building:after{content:'';position:absolute;inset:-12px 10px 0;border:1px solid currentColor}.line-building i{position:absolute;top:0;bottom:0;border-left:1px solid currentColor;left:70%}.line-building i:nth-child(2){left:83%}.line-building i:nth-child(3){left:10%}.variant-1{inset:30% 15% -4%;transform:skewY(5deg)}.variant-2{inset:20% 24% -4%;transform:skewY(-9deg)}h3{font-size:18px;font-weight:400;letter-spacing:-.4px;margin:17px 0 2px}.project-location{font-size:11px;color:var(--muted);margin:0}.portfolio-note{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-top:25px;gap:20px;font-size:12px}.small-mark{font-family:var(--serif);font-size:40px;color:var(--accent)}.portfolio-note p{margin:0}.portfolio-note strong{font-weight:400;color:var(--muted)}.portfolio-note .locations{margin-left:auto;font-size:10px;color:var(--muted)}.group-section{background:var(--sage);padding:75px 0}.group-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 10%}.group-inner>.eyebrow{grid-column:1/-1}.group-inner h2{margin-top:20px}.group-body{padding-top:9px;max-width:440px}.group-body p{font-size:13px;color:var(--muted);margin-bottom:20px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-block;margin-top:10px}.text-link span{margin-left:30px}.tulip{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.tulip-art{background:#eae6dc;min-height:550px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.tulip-art:before,.tulip-art:after{content:'';position:absolute;border:1px solid #b8aa9255;width:80%;height:85%;border-radius:250px 250px 0 0;bottom:-10%}.tulip-art:after{width:65%;height:76%}.tulip-symbol{position:relative;width:180px;height:190px;margin-bottom:35px}.tulip-symbol i{position:absolute;width:85px;height:145px;border-radius:100% 0 100% 0;background:#b7bba4;left:12px;top:20px;transform:rotate(-40deg)}.tulip-symbol i:nth-child(2){left:82px;transform:rotate(130deg);background:#9ca88c}.tulip-symbol i:nth-child(3){width:2px;height:90px;border-radius:0;left:90px;top:120px;transform:none;background:#7c896d}.tulip-art>span{font-family:var(--serif);font-size:22px;z-index:1}.tulip-art small{position:absolute;bottom:22px;font-size:8px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.tulip h2{font-size:clamp(58px,6vw,82px);margin-top:25px}.tulip-intro{font-size:19px;line-height:1.55;margin:25px 0 12px}.tulip-copy>p:not(.eyebrow):not(.tulip-intro){font-size:13px;color:var(--muted);max-width:330px}.tulip dl{font-size:11px;border-top:1px solid var(--line);margin:25px 0}.tulip dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.tulip dt{color:var(--muted)}.tulip dd{margin:0}.contact-section{background:#e9ece3;padding-block:75px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-inner h2{margin-bottom:28px}.contact-details{display:grid;gap:23px;padding-top:12px}.contact-details .eyebrow{display:block;margin-bottom:7px;font-size:9px}.phone{display:block;font-size:25px;font-family:var(--serif)}.second-phone{display:inline-block;font-size:14px;margin-top:5px}.email{font-size:15px;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}address{font-style:normal;color:var(--muted);font-size:13px;max-width:370px}.footer{padding-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{font-weight:700;letter-spacing:1px;font-size:16px}.footer-brand span{display:block;letter-spacing:4px;font-size:9px;font-weight:400}.footer>p{font-family:var(--serif);font-style:italic;font-size:17px}.footer>a:last-of-type{font-size:11px}.footer-bottom{width:100%;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:22px 0;border-top:1px solid var(--line);letter-spacing:.4px}
@media(min-width:640px) and (max-width:959px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:20px}.hero{gap:20px}.hero h1{font-size:60px}.hero-art{min-height:500px}.portfolio-note .locations{max-width:210px}.tulip{gap:6%}.tulip-art{min-height:500px}}
@media(max-width:639px){.header{height:95px;position:relative}.logo,.logo img{width:80px;height:80px}.menu-toggle{display:flex;gap:15px;background:none;border:1px solid var(--line);padding:9px 13px;font-size:12px}.header nav{display:none;position:absolute;left:0;right:0;top:94px;background:var(--paper);border:1px solid var(--line);padding:24px;z-index:10;align-items:stretch;gap:20px}.header nav.open{display:flex;flex-direction:column}.nav-contact{margin:0}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:clamp(53px,12vw,72px);letter-spacing:-2.8px;margin:25px 0}.intro{font-size:18px}.hero-description{max-width:310px}.hero-art{min-height:360px}.hero-bottom{flex-wrap:wrap;gap:14px;font-size:8px;padding:19px 0}.hero-bottom a{display:none}.portfolio{padding-block:58px 45px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:18px;max-width:290px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{aspect-ratio:1.5}h3{font-size:19px}.portfolio-note{gap:15px;flex-wrap:wrap}.portfolio-note .locations{margin-left:0;flex-basis:100%;font-size:10px}.group-section{padding:45px 0}.group-inner{grid-template-columns:1fr}.group-inner h2{margin:12px 0 20px}.group-body{max-width:100%}.tulip{padding-block:55px;grid-template-columns:1fr;gap:35px}.tulip-art{min-height:380px}.tulip-copy h2{font-size:64px}.tulip-copy>p:not(.eyebrow):not(.tulip-intro){max-width:100%}.contact-section{padding-block:45px}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-inner h2{font-size:43px}.phone{font-size:25px}.footer{padding-top:28px;gap:16px}.footer>p{font-size:14px}.footer>a:last-of-type{flex-basis:100%}.footer-bottom{gap:12px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.tulip-project-image{margin:0;min-width:0;background:#fdfcf3;align-self:center}.tulip-project-image img{display:block;width:100%;height:auto;object-fit:contain}.tulip-project-image figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:14px 16px;font-size:11px}.tulip-project-image figcaption span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}

.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#147d43;color:#fff;box-shadow:0 4px 18px #16372430;border:1px solid #ffffff70;transition:background .2s}.whatsapp-float:hover{background:#0d6132}.whatsapp-float svg{display:block}@media(max-width:639px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;height:54px}.footer-bottom{padding-bottom:85px}}

.header .logo{display:flex;align-items:center;width:220px;height:auto;flex-shrink:0}.header .logo img{display:block;width:100%;height:auto}.footer-brand img{display:block;width:100px;height:100px;object-fit:contain}@media(min-width:640px) and (max-width:959px){.header .logo{width:185px}.header nav{gap:16px}.header .nav-contact{margin-left:0}}@media(max-width:639px){.header .logo{width:185px;height:auto}.header .logo img{width:100%;height:auto}.footer-brand img{width:90px;height:90px}}

.hero-image{min-height:510px}.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}@media(max-width:639px){.hero-image{min-height:360px;aspect-ratio:1.1}.hero-image>img{object-position:50% 50%}}
