:root{--ink:#1f2929;--cream:#f5f0e8;--sand:#d6a66f;--rust:#b85e3c;--sea:#9cb8b1;--yellow:#e6c35c}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}.skip{z-index:9;background:#fff;padding:10px;position:fixed;top:-60px;left:10px}.skip:focus{top:10px}.site-header{z-index:5;color:#fff;justify-content:space-between;align-items:center;width:100%;padding:28px 4.5%;display:flex;position:absolute;top:0}.wordmark{letter-spacing:.16em;font-size:17px;font-weight:600}.dot{color:var(--yellow)}.desktop-nav{letter-spacing:.08em;text-transform:uppercase;gap:34px;font-size:12px;display:flex}.desktop-nav a:hover,.mobile-nav a:hover{opacity:.65}.menu-button{display:none}.hero{color:#fff;background:#7a9288;min-height:100svh;position:relative;overflow:hidden}.hero-image{background:linear-gradient(90deg,#16201d6b,#16201d0d),url(/images/los-bungalows-hero.jpg) 50%/cover no-repeat;animation:18s ease-out both slowZoom;position:absolute;inset:0}.hero-glow{background:radial-gradient(circle at 74% 28%,#edb96f3d,#0000 31%);position:absolute;inset:0}.hero-content{z-index:1;max-width:1000px;padding:clamp(160px,26vh,240px) 9% 90px;position:relative}.eyebrow{letter-spacing:.13em;text-transform:uppercase;margin:0 0 26px;font-family:DM Mono,monospace;font-size:10px}.light{color:#f8eddb}h1,h2{letter-spacing:-.055em;margin:0;font-family:Playfair Display,Georgia,serif;font-weight:500;line-height:.91}h1{font-size:clamp(61px,9.4vw,146px)}em{font-weight:500}.hero-copy{color:#f6f0e6;width:min(380px,90%);margin:36px 0 0 5px;font-size:16px;line-height:1.55}.hero-bottom{z-index:1;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;font-family:DM Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:58px;left:4.5%;right:4.5%}.line{background:#fff9;flex:1;height:1px}.wave{width:100%;height:8vw;fill:var(--cream);position:absolute;bottom:-1px}.intro{padding:145px 9% 155px}.intro-grid{grid-template-columns:1.35fr .65fr;align-items:end;gap:10%;display:grid}.intro h2,.closing h2{font-size:clamp(42px,6.3vw,95px)}.intro-grid>p{max-width:360px;margin:0;font-size:15px;line-height:1.65}.projects{background:var(--ink);color:var(--cream);padding:34px 5% 0}.project{min-height:100vh;padding:36px 4.5% 8vw;position:relative}.project-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.index{letter-spacing:.1em;flex:none;margin:0;font-family:DM Mono;font-size:10px}.project-image-wrap{overflow:hidden}.project-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.3,1);display:block}.project:hover img{transform:scale(1.035)}.image-bungalows{width:72%;height:clamp(340px,52vw,770px);margin:9vw 0 0 auto}.project-copy{z-index:1;grid-template-columns:1.3fr .7fr;gap:12%;margin-top:-90px;display:grid;position:relative}.project-copy h2{font-size:clamp(45px,6.2vw,95px)}.place{margin:0 0 18px;font-size:13px}.project-detail{background:var(--cream);color:var(--ink);align-self:end;max-width:365px;padding:34px}.project-detail p{margin:0 0 28px;font-size:14px;line-height:1.55}.text-link{letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px;font-family:DM Mono;font-size:10px;display:inline-block}.arrow{margin-left:5px;font-size:16px}.project-ebbtide{padding-top:13vw}.image-ebbtide{width:64%;height:clamp(340px,49vw,720px);margin:10vw 0 0}.ebb-copy{z-index:2;width:65%;margin-top:0;position:absolute;top:18vw;right:8%}.project-ebbtide .project-detail{background:var(--sea);max-width:330px}.closing{background:var(--sand);min-height:85vh;color:var(--ink);padding:11vw 9%;position:relative;overflow:hidden}.closing h2{z-index:1;position:relative}.closing-copy{z-index:1;max-width:300px;margin:38px 0;font-size:15px;line-height:1.55;position:relative}.sun{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:clamp(330px,52vw,720px);position:absolute;top:7vw;right:-7vw}.round-link{z-index:1;border:1px solid var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.07em;border-radius:50%;place-items:center;width:112px;height:112px;font-family:DM Mono;font-size:10px;transition:all .3s;display:grid;position:relative}.round-link:hover{background:var(--ink);color:var(--cream)}footer{background:var(--ink);color:var(--cream);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:35px 4.5%;font-family:DM Mono;font-size:9px;display:flex}footer .wordmark{font-family:DM Sans;font-size:14px}footer div{gap:22px;display:flex}footer a:hover{text-decoration:underline}@keyframes slowZoom{0%{transform:scale(1.06)}to{transform:scale(1)}}@media (max-width:720px){.site-header{padding:22px 6%;position:absolute}.desktop-nav{display:none}.menu-button{min-width:67px;color:inherit;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:5px;padding:6px 0;font:10px DM Mono;display:flex}.menu-button i{background:currentColor;flex:0 0 12px;width:12px;height:1px;display:block}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c2726f0;min-width:170px;padding:18px;display:none;position:absolute;top:66px;right:5%}.mobile-nav.open{gap:17px;display:grid}.mobile-nav a{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero-content{padding:clamp(150px,24svh,190px) 8% 122px}.hero-copy{margin:28px 0 0;font-size:14px}.hero-bottom{letter-spacing:.08em;grid-template-columns:max-content minmax(24px,1fr) max-content;gap:8px;font-size:8px;display:grid;bottom:38px;left:8%;right:8%}.wave{height:15vw;min-height:54px}.intro{padding:95px 8%}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-grid>p{font-size:14px}.projects{padding:0}.project{min-height:auto;padding:35px 8% 95px}.project-top{align-items:flex-start}.image-bungalows,.image-ebbtide{width:100%;height:105vw;margin:55px 0 0}.project-copy{grid-template-columns:1fr;gap:26px;margin-top:-30px}.project-detail{width:min(88%,365px);padding:25px}.project-ebbtide{padding-top:65px}.ebb-copy{width:auto;margin:0;position:relative;top:auto;right:auto}.project-ebbtide .image-ebbtide{margin-top:45px}.closing{min-height:660px;padding:105px 8%}.sun{width:120vw;top:17vw;right:-42vw}footer{grid-template-columns:1fr 1fr;gap:25px;padding:27px 7%;display:grid}footer p{order:3;margin:0}footer div{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:12px}}@media (max-width:370px){h1{font-size:clamp(52px,16vw,61px)}.hero-bottom{font-size:7px}.project-detail{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.project-label{letter-spacing:-.04em;color:var(--cream);margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(23px,2.55vw,42px);line-height:1}.project-label span{vertical-align:middle;color:var(--sand);margin:0 .18em;font-family:DM Mono,monospace;font-size:.53em}.contact-page{background:var(--cream);flex-direction:column;min-height:100svh;display:flex}.contact-header{color:var(--ink);justify-content:space-between;align-items:center;padding:28px 4.5%;display:flex}.back-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px;font-family:DM Mono,monospace;font-size:10px}.contact-hero{background:linear-gradient(120deg,var(--cream)0%,var(--cream)62%,#d8c59f 62%,#d8c59f 100%);flex:1;min-height:72svh;padding:clamp(100px,15vw,190px) 9% 9vw;position:relative;overflow:hidden}.contact-hero:after{content:"";aspect-ratio:1;background:var(--yellow);opacity:.88;border-radius:50%;width:min(52vw,720px);position:absolute;bottom:-21vw;right:-13vw}.contact-hero>*{z-index:1;position:relative}.contact-hero h1{font-size:clamp(62px,9.4vw,146px)}.contact-grid{grid-template-columns:minmax(220px,360px) 1fr;align-items:end;gap:10%;margin-top:clamp(54px,9vw,130px);display:grid}.contact-grid>p{margin:0;font-size:16px;line-height:1.6}.contact-email{letter-spacing:-.045em;border-bottom:1px solid;justify-self:start;padding-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:clamp(25px,3vw,46px)}.contact-email span{margin-left:.14em;font-family:DM Mono,monospace;font-size:.65em}@media (max-width:720px){.project-label{font-size:clamp(24px,7vw,32px);line-height:1.08}.contact-header{padding:22px 7%}.contact-hero{background:linear-gradient(140deg,var(--cream)0%,var(--cream)58%,#d8c59f 58%,#d8c59f 100%);min-height:calc(100svh - 80px);padding:clamp(92px,18svh,150px) 8% 80px}.contact-hero:after{width:115vw;bottom:-42vw;right:-43vw}.contact-grid{grid-template-columns:1fr;gap:42px;margin-top:65px}.contact-grid>p{font-size:15px}.contact-email{font-size:clamp(27px,8vw,38px)}}.round-link{isolation:isolate;color:var(--cream);text-shadow:0 1px 12px #0000008c;background:#41534e url(/images/los-bungalows-hero.jpg) 50%/cover no-repeat;border-color:#f5f0e8eb;overflow:hidden}.round-link:before{content:"";z-index:-1;background:#19252261;transition:background .3s;position:absolute;inset:0}.round-link:hover{color:var(--cream);background-color:#41534e}.round-link:hover:before{background:#19252214}