:root{--paper:#f4f3ef;--ink:#242622;--muted:#696c64;--line:#d1d3ca;--pad:clamp(24px,5vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:#cbd0be;color:#242622}h1,h2,h3,p,figure{margin:0}em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}img{display:block;max-width:100%;height:auto}.skip{position:fixed;top:10px;left:10px;padding:14px;background:var(--paper);z-index:100;transform:translateY(-160%)}.skip:focus{transform:none}
.header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{width:86px}.header nav{display:flex;gap:42px;font-size:14px}.header nav a{padding:14px 0}.header nav a:hover{text-decoration:underline;text-underline-offset:8px}.header nav a span{margin-left:20px}.menu-toggle{display:none}
.hero{position:relative;height:calc(100svh - 100px);min-height:570px;overflow:hidden;isolation:isolate;color:#fff;background:#464a3f}.hero-image{position:absolute;inset:-6% 0;background:url('assets/courtyard.jpg') center 54%/cover no-repeat;transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));will-change:transform;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111b1660,transparent 75%),linear-gradient(0deg,#10150e85,transparent 55%);z-index:-1}.hero-content{position:absolute;inset:0 var(--pad);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:95px;transform:translate3d(0,var(--hero-copy-y,0px),0);opacity:var(--hero-copy-opacity,1)}.hero h1{font-size:clamp(90px,13.1vw,215px);line-height:.75;letter-spacing:-.07em;font-weight:400}.hero h1 em{font-size:1.18em;line-height:1.1;letter-spacing:-.07em}.hero-content>p{font-size:18px;line-height:1.65;padding-bottom:24px}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);font-size:14px;display:flex;gap:35px;align-items:center}.scroll-cue span{font-size:25px}.hero-credit{position:absolute;bottom:34px;right:var(--pad);font-size:12px;color:#fff9}
.manifesto{padding:155px var(--pad) 145px;max-width:1500px;margin:auto}.manifesto h2{font-size:clamp(40px,5.7vw,91px);font-weight:400;line-height:1.2;letter-spacing:-.045em}.manifesto h2 em{font-size:1.15em}.motion-enabled .manifesto h2{color:transparent;background:linear-gradient(100deg,var(--ink) 0%,var(--ink) var(--ink-stop,100%),#c4c7bd calc(var(--ink-stop,100%) + 18%),#c4c7bd 100%);background-clip:text;-webkit-background-clip:text}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:60px 0 0 40%;max-width:740px}.manifesto-copy p{line-height:1.85;color:var(--muted);font-size:16px}
.light-story{background:#181a18;color:#fff;position:relative}.light-sticky{height:95svh;min-height:600px;position:relative;overflow:hidden;perspective:1400px;isolation:isolate}.light-whisper{position:absolute;left:0;right:0;top:35px;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(60px,9vw,150px);color:#bcc1b3;letter-spacing:-.045em;opacity:var(--whisper-opacity,0);transform:translateY(var(--whisper-y,0px))}.light-frame{position:absolute;inset:0;overflow:hidden;transform:translate3d(0,var(--frame-y,0px),0) rotateX(var(--frame-x,0deg)) rotateZ(var(--frame-z,0deg)) scale(var(--frame-scale,1));transform-origin:center;will-change:transform;background:#424338}.light-frame>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(var(--interior-scale,1));will-change:transform}.light-shade{position:absolute;inset:0;background:linear-gradient(0deg,#11170fa6,transparent 70%);opacity:var(--caption-opacity,1)}.light-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:85px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;opacity:var(--caption-opacity,1);transform:translateY(var(--caption-y,0px))}.light-caption h2{font-size:clamp(50px,7.3vw,115px);line-height:1.01;letter-spacing:-.05em;font-weight:400}.light-caption h2 em{font-size:1.13em}.light-caption p{font-size:17px;line-height:1.7;padding-bottom:7px}.image-note{position:absolute;bottom:26px;right:var(--pad);font-size:12px;color:#fffb}.motion-enabled .light-story{height:240svh}.motion-enabled .light-sticky{position:sticky;top:0;height:100svh}
.design{padding:140px var(--pad) 150px;display:grid;grid-template-columns:1.05fr 1fr;gap:10vw;align-items:start}.design-intro h2{font-size:clamp(36px,4.05vw,65px);font-weight:400;letter-spacing:-.045em;line-height:1.16}.design-intro h2 em{font-size:1.16em}.design-intro>p{margin-top:35px;max-width:360px;font-size:16px;line-height:1.85;color:var(--muted)}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:24px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary h3{font-size:clamp(25px,2.6vw,42px);font-weight:400;letter-spacing:-.035em}.plus{width:18px;height:18px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;width:18px;height:1px;top:8px;background:currentColor}.plus:after{transform:rotate(90deg);transition:transform .25s}details[open] .plus:after{transform:rotate(0)}details>p{font-size:16px;line-height:1.85;color:var(--muted);padding:0 25px 30px 0;max-width:520px}summary:hover h3{color:#68745c}
.coast{position:relative;padding:25px var(--pad) 160px;display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center;overflow:hidden;perspective:1600px}.coast-image{height:730px;max-height:85svh;position:relative;overflow:hidden;background:#333d42;transform:translate3d(0,var(--coast-y,0px),0) rotateY(var(--coast-turn,0deg)) rotateZ(var(--coast-roll,0deg));will-change:transform;transform-origin:50% 50%}.coast-image>img{height:115%;width:100%;max-width:none;object-fit:cover;object-position:45% center;transform:translate3d(0,var(--coast-img-y,-6%),0) scale(1.03);will-change:transform}.coast-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1118);pointer-events:none}.coast-image figcaption{position:absolute;bottom:23px;left:25px;right:20px;color:#fffb;font-size:12px;z-index:1}.coast-copy{transform:translateY(var(--coast-copy-y,0px))}.coast-line{display:block;width:65px;height:1px;background:var(--ink);margin-bottom:40px}.coast h2{font-size:clamp(35px,4.2vw,68px);font-weight:400;letter-spacing:-.045em;line-height:1.13}.coast h2 em{font-size:1.17em}.coast-copy>p{font-size:16px;line-height:1.85;color:var(--muted);margin-top:35px;max-width:360px}.quiet-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;margin-top:20px}.quiet-link span{font-size:22px}.quiet-link:hover{border-color:var(--ink)}
.contact{background:#252922;color:#eeefe9;padding:90px var(--pad) 65px}.contact-invitation{font-size:18px;color:#bbc2b1}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 40px}.contact-main h2{font-weight:400;letter-spacing:-.07em;font-size:clamp(65px,13vw,210px);line-height:1.1}.contact-main h2 em{color:#c1c9ad}.contact-main>span{font-size:clamp(55px,9vw,150px);font-weight:400;transition:transform .4s}.contact-main:hover>span{transform:translate(10px,-10px)}.contact-links{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:28px;font-size:16px}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}footer{padding:25px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-brand{width:63px}.back-top{font-size:14px;padding:12px 0}
@media(min-width:1800px){.coast{max-width:1800px;margin:auto}.design{max-width:1800px;margin:auto}}
@media(max-width:1000px){.manifesto-copy{margin-left:25%}.design{gap:6vw}.coast{gap:6vw;padding-bottom:100px}.coast-image{height:600px}.light-caption{align-items:start;flex-direction:column;gap:25px}.light-caption p{font-size:16px}.light-caption h2{font-size:8vw}}
@media(max-width:720px){.header{height:85px}.brand{width:71px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:0;background:none;padding:8px;color:var(--ink)}.menu-toggle span{height:1px;width:27px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:18px var(--pad) 25px;border-top:1px solid var(--line);box-shadow:0 20px 30px #0002;gap:10px}.header nav.is-open{display:flex;flex-direction:column}.header nav a{font-size:18px;padding:13px 0}.header nav a span{float:right}.hero{height:calc(100svh - 85px);min-height:590px}.hero-image{background-position:57% center}.hero-content{display:block;padding:0;top:auto;bottom:110px}.hero h1{font-size:clamp(90px,21vw,145px)}.hero-content>p{font-size:16px;line-height:1.6;padding:0;margin-top:18px}.hero-credit{font-size:12px;max-width:155px;text-align:right;bottom:28px;line-height:1.6}.scroll-cue{bottom:32px}.manifesto{padding:90px var(--pad)}.manifesto h2{font-size:clamp(30px,7.2vw,49px);line-height:1.35}.manifesto-copy{margin:35px 0 0;grid-template-columns:1fr;gap:18px;max-width:480px}.light-sticky{height:90svh;min-height:600px}.motion-enabled .light-story{height:190svh}.motion-enabled .light-sticky{height:100svh;min-height:560px}.light-whisper{top:45px;font-size:16vw}.light-frame>img{object-position:53% center}.light-caption{bottom:70px;gap:25px}.light-caption h2{font-size:clamp(47px,11vw,74px)}.light-caption p{font-size:16px}.image-note{left:var(--pad);right:auto;font-size:12px}.design{display:block;padding:85px var(--pad)}.design-intro h2{font-size:39px}.design-intro>p{margin-top:25px;max-width:450px}.service-list{margin-top:40px}summary h3{font-size:30px}.coast{display:block;padding:15px var(--pad) 90px;overflow:hidden}.coast-image{height:570px;max-height:74svh;margin:0 5px}.coast-copy{margin-top:55px}.coast-line{margin-bottom:28px}.coast h2{font-size:44px}.coast h2 br:last-child{display:none}.coast-copy>p{max-width:450px;margin-top:26px}.contact{padding:55px var(--pad) 35px}.contact-invitation{font-size:16px}.contact-main{margin:25px 0 35px;gap:12px}.contact-main h2{font-size:clamp(56px,14vw,90px)}.contact-main>span{font-size:45px}.contact-links{flex-wrap:wrap;gap:22px;font-size:15px;padding-top:25px}footer{padding-top:20px;padding-bottom:20px;gap:12px}.footer-brand{width:50px}.back-top{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image,.hero-content,.light-frame,.light-frame>img,.light-caption,.coast-image,.coast-image>img,.coast-copy{transform:none!important;will-change:auto}.hero-content,.light-caption,.light-shade{opacity:1!important}.light-story,.motion-enabled .light-story{height:auto}.light-sticky,.motion-enabled .light-sticky{position:relative;height:95svh}.light-whisper{display:none}.manifesto h2{color:var(--ink)!important;background:none!important}}