.cj-page{--cj-copper:#96684f;--cj-ivory:#f7f4ee;position:relative;isolation:isolate;background:#181919;color:var(--cj-ivory);font-family:Arial,sans-serif;overflow:clip}.cj-page *{box-sizing:border-box}.cj-page h1,.cj-page h2,.cj-page p,.cj-page figure{margin:0}.cj-page a{color:inherit;text-decoration:none}.cj-page button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.cj-page h1,.cj-page h2{font-family:Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.05}.cj-page h2{font-size:clamp(25px,3.83vw,59px)}.cj-page a:focus-visible,.cj-page button:focus-visible{outline:2px solid #c89a79;outline-offset:5px}.cj-filter{position:absolute;width:0;height:0}.cj-hero{position:relative;aspect-ratio:836/438;overflow:hidden}.cj-hero-image{transform:translate3d(0,var(--cj-shift,0px),0) scale(1.09);will-change:transform;width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}.cj-header{position:absolute;inset:0 5.55% auto;display:flex;align-items:center;justify-content:space-between;padding-top:2.8%;z-index:5}.cj-header img{width:clamp(115px,14vw,205px);display:block}.cj-header nav{display:flex;gap:3.5vw;font-size:clamp(9px,.83vw,12px);letter-spacing:.24em;text-transform:uppercase;color:#eee}.cj-header a:hover,.cj-footer a:hover{color:#c99a77}.cj-hero-title{position:absolute;left:7%;top:23.2%;color:#171a19}.cj-hero-title h1{font-size:clamp(42px,5.8vw,86px)}.cj-hero-title p{font-size:clamp(9px,1.4vw,18px);letter-spacing:.34em;text-transform:uppercase;margin-top:1.25vw}.cj-hero-note{position:absolute;top:23%;right:5.5%;font-size:clamp(9px,1vw,14px);line-height:2.35;letter-spacing:.32em;text-transform:uppercase;color:#eee;text-align:right}.cj-menu-toggle{display:none}.cj-body{position:relative;padding:3% 3% 3.9%;background:radial-gradient(ellipse at 50% 40%,#30302f 0,#242423 35%,#181919 75%)}.cj-chapter{display:grid;grid-template-columns:7% 1px 1fr;column-gap:3.4%;align-content:start}.cj-chapter>span,.cj-number{font:400 clamp(22px,2.7vw,39px)/1 Georgia,serif;color:#b08362}.cj-chapter>i{width:1px;background:linear-gradient(#96684f 0,#96684f 130px,transparent 130px);height:100%}.cj-label{font-size:clamp(8px,.97vw,14px);letter-spacing:.3em;text-transform:uppercase;line-height:1.7}.cj-chapter h2{margin-top:2.5vw;margin-bottom:2vw}.cj-copy{font-size:clamp(11px,1.37vw,19px);line-height:1.58;color:#c1c1bc;max-width:100%}.cj-copy+.cj-copy{margin-top:1.65vw}.cj-link{display:inline-flex;align-items:center;gap:2vw;font-size:clamp(8px,.82vw,12px);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;border-top:1px solid #96684f;padding-top:1.3vw}.cj-link span{color:#b08362;font-size:clamp(22px,2.8vw,40px);line-height:.8}.cj-residence{display:grid;grid-template-columns:29.2% 1fr;gap:3.5%;align-items:start}.cj-residence .cj-chapter{padding-top:2.1vw;grid-template-columns:9% 1px 1fr;column-gap:6%}.cj-residence .cj-chapter h2{margin-top:2.2vw}.cj-residence .cj-link{margin-top:2.3vw}.cj-photo{display:block;position:relative;overflow:hidden;width:100%;padding:0!important;aspect-ratio:528/383}.cj-photo-inner{object-fit:cover;display:block;width:100%;height:100%;background-repeat:no-repeat;transform:translate3d(0,var(--cj-shift,0px),0) scale(1.09);will-change:transform}.cj-interiors{display:grid;grid-template-columns:36.7% 1fr;gap:1.9%;margin-top:5.5%;align-items:start;scroll-margin-top:20px}.cj-stair{aspect-ratio:288/478}.cj-interior-right{display:flex;flex-direction:column;gap:2.4vw}.cj-interior-right .cj-chapter{grid-template-columns:8% 1px 1fr;column-gap:3.6%;padding-top:0}.cj-interior-right .cj-chapter h2{margin-top:.5vw;margin-bottom:1.3vw}.cj-interior-right .cj-copy{font-size:clamp(11px,1.3vw,18px);letter-spacing:.06em;max-width:90%}.cj-interior-right .cj-photo{aspect-ratio:482/305}.cj-materials{display:grid;grid-template-columns:32.7% 1fr;gap:2%;margin-top:4.2%;align-items:start}.cj-materials .cj-chapter{grid-template-columns:9% 1px 1fr;column-gap:5.3%;padding-top:.8vw}.cj-materials .cj-chapter h2{margin-top:1.2vw;margin-bottom:1.65vw}.cj-materials .cj-copy{font-size:clamp(11px,1.28vw,18px)}.cj-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5%}.cj-samples .cj-photo{aspect-ratio:163/145}.cj-samples figcaption{font-size:clamp(8px,.85vw,12px);letter-spacing:.23em;text-transform:uppercase;color:#c2c1ba;margin-top:1.2vw}.cj-tree{position:absolute;display:block;width:11.15%;background-repeat:no-repeat;filter:url(#cj-copper);pointer-events:none;z-index:0}.cj-tree-left{left:0;top:12.1%}.cj-tree-right{right:0;width:6%;bottom:0}.cj-residence,.cj-interiors,.cj-materials{position:relative;z-index:1}.cj-footer{background:#181919}.cj-footer-main{position:relative;display:grid;grid-template-columns:31% 1fr;gap:4%;padding:4.5% 3%;min-height:20.4vw;overflow:hidden}.cj-footer-brand{position:relative;z-index:2;border-right:1px solid #ffffff25}.cj-footer-brand img{display:block;width:38%;max-width:155px}.cj-footer-brand p{font-size:clamp(8px,.9vw,13px);letter-spacing:.3em;line-height:1.8;text-transform:uppercase;color:#a6a49e;margin-top:2.2vw}.cj-footer-copy{position:relative;z-index:2}.cj-footer-copy h2{font-size:clamp(26px,3vw,44px);margin-top:.7vw;margin-bottom:2vw}.cj-footer-water{overflow:hidden;position:absolute;right:0;bottom:0;width:58%;height:100%;background-repeat:no-repeat;opacity:.37;mask-image:linear-gradient(to right,transparent,#000 65%)}.cj-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:2% 3%;border-top:1px solid #ffffff26;font-size:clamp(8px,.7vw,11px);letter-spacing:.23em;text-transform:uppercase;color:#a8a7a1}.cj-footer-bottom nav{display:flex;gap:3vw}
@media(min-width:1600px){.cj-page{width:100%;max-width:none;margin:0}.cj-page h2{font-size:59px}.cj-hero-title h1{font-size:86px}.cj-copy{font-size:19px}}
@media(max-width:760px){.cj-hero{aspect-ratio:auto;padding-top:76px;background:#1d2020}.cj-hero-image{transform:translate3d(0,var(--cj-shift,0px),0) scale(1.09);will-change:transform;height:auto;aspect-ratio:1672/941;object-fit:contain}.cj-header{inset:0 6% auto;height:76px;padding:0}.cj-header img{width:150px}.cj-header nav{display:none}.cj-menu-toggle{display:block;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase}.cj-mobile-nav{position:absolute;top:76px;inset-inline:0;background:#111e;z-index:8;padding:25px 6%;display:grid;gap:20px;font-size:14px}.cj-hero-title{position:static;color:#f7f4ee;padding:25px 6% 30px}.cj-hero-title h1{font-size:44px}.cj-hero-title p{font-size:10px;letter-spacing:.22em;margin-top:12px}.cj-hero-note{display:none}.cj-body{padding:35px 6% 0}.cj-residence,.cj-interiors,.cj-materials{grid-template-columns:1fr;gap:28px}.cj-chapter,.cj-residence .cj-chapter,.cj-materials .cj-chapter,.cj-interior-right .cj-chapter{grid-template-columns:28px 1px 1fr;column-gap:14px;padding:0}.cj-page h2{font-size:35px}.cj-chapter h2,.cj-residence .cj-chapter h2,.cj-interior-right .cj-chapter h2,.cj-materials .cj-chapter h2{margin:15px 0 20px}.cj-label{font-size:9px}.cj-copy,.cj-materials .cj-copy,.cj-interior-right .cj-copy{font-size:14px;letter-spacing:0;line-height:1.7;max-width:100%}.cj-copy+.cj-copy{margin-top:15px}.cj-link{font-size:9px;gap:25px;padding-top:15px}.cj-residence .cj-link{margin-top:24px}.cj-interiors{margin-top:45px}.cj-stair{width:74%;order:2;margin:auto}.cj-interior-right{gap:25px}.cj-materials{margin-top:45px}.cj-samples{gap:10px}.cj-samples figcaption{font-size:8px;letter-spacing:.08em;margin-top:12px}.cj-number{font-size:24px}.cj-tree-left{width:15%;top:21%;opacity:.7}.cj-tree-right{width:11%}.cj-footer-main{grid-template-columns:1fr;padding:35px 6%;gap:30px}.cj-footer-brand{border-right:0;border-bottom:1px solid #ffffff25;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between}.cj-footer-brand img{width:120px}.cj-footer-brand p{font-size:8px;margin:0}.cj-footer-copy h2{font-size:29px;margin:12px 0 25px}.cj-footer-water{overflow:hidden;width:85%;opacity:.25}.cj-footer-bottom{flex-wrap:wrap;gap:20px;padding:25px 6%;font-size:8px}.cj-footer-bottom nav{gap:20px}}
@media(prefers-reduced-motion:reduce){.cj-photo-inner{object-fit:cover;transform:none;will-change:auto}.cj-page *{scroll-behavior:auto}}

.cj-footer-water-inner{display:block;width:100%;height:100%;background-repeat:no-repeat;transform:translate3d(0,var(--cj-shift,0px),0) scale(1.09);will-change:transform}.cj-photo{cursor:default}@media(prefers-reduced-motion:reduce){.cj-footer-water-inner{transform:none;will-change:auto}}

@media(prefers-reduced-motion:reduce){.cj-hero-image{transform:none;will-change:auto}}

/* Oversized image canvas provides visible scroll depth without moving captions. */
.cj-photo-inner,.cj-hero-image,.cj-footer-water-inner{position:absolute;left:0;top:calc(-1 * var(--cj-travel,0px));width:100%;height:calc(100% + 2 * var(--cj-travel,0px));transform:translate3d(0,var(--cj-shift,0px),0);object-fit:cover;will-change:transform}
@media(max-width:760px){.cj-hero{padding-top:0}.cj-hero-image{position:relative;top:0;height:auto;aspect-ratio:1672/941;margin-top:76px;transform:translate3d(0,calc(var(--cj-shift,0px) * .25),0) scale(1.18)}.cj-body{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.cj-photo-inner,.cj-hero-image,.cj-footer-water-inner{transform:none;will-change:auto}}

/* Shared baseline and slightly clearer copper punctuation. */
@media(min-width:761px){.cj-interiors{align-items:end}}
.cj-page{--cj-copper:#b88764}
.cj-chapter>span,.cj-number,.cj-link span{color:#bf916e}
.cj-chapter>i{background:linear-gradient(#b88764 0,#b88764 130px,transparent 130px)}
.cj-link{border-top-color:#b88764}
.cj-chapter .cj-label::after{content:"";display:block;width:42px;height:1px;margin-top:12px;background:linear-gradient(90deg,#ba8966,#ba89668c);transform:rotate(-1deg)}
.cj-materials{padding-top:2%;border-top:1px solid #b8876455}
.cj-footer{border-top:1px solid #b8876466}
.cj-footer-copy .cj-label{color:#c09675}
.cj-tree-left{opacity:1}
.cj-tree-right{width:7.5%}
@media(max-width:760px){.cj-materials{padding-top:28px}.cj-tree-left{opacity:.9}.cj-tree-right{width:12%}}

/* Standalone high-resolution drawings replace artboard crops. */
.cj-tree{height:auto;object-fit:contain;filter:url(#cj-copper);opacity:.9}
.cj-tree-left{width:22%;left:-9%;top:10%;max-width:350px}
.cj-tree-right{width:13%;right:-4%;bottom:0;transform:scaleX(-1);max-width:200px}
@media(max-width:760px){.cj-tree-left{width:27%;left:-13%;opacity:.8}.cj-tree-right{width:20%;right:-8%}}
.cj-tree-left{clip-path:inset(0 25% 0 0)}

.cj-tree-right{transform:none;width:15%;right:-5%;max-width:230px}
.cj-ferns{width:20%;max-width:290px;right:1%;bottom:0;z-index:1;opacity:.85}
@media(max-width:760px){.cj-tree-right{width:23%;right:-9%}.cj-ferns{width:32%;right:0;opacity:.65}}



@media(max-width:760px){}


/* Project navigation remains available throughout each residence story. */
.pj-switcher{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 4%;background:#1b1c1ceF;border-bottom:1px solid #b8876440;color:#e8e3db;font:11px/1.4 Arial,sans-serif;letter-spacing:.12em;backdrop-filter:blur(16px)}
.pj-switcher a{color:inherit;text-decoration:none}.pj-switcher a:hover{color:#d6a17b}
.pj-switcher details{position:relative}.pj-switcher summary{cursor:pointer;list-style:none;display:flex;gap:24px;align-items:center}.pj-switcher summary::-webkit-details-marker{display:none}.pj-switcher summary span{color:#c59370;font-size:18px}
.pj-switcher details[open] summary span{transform:rotate(45deg)}
.pj-switcher details nav{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);width:min(540px,90vw);max-height:70vh;overflow:auto;background:#202121;border:1px solid #b8876440;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 15px 45px #0005}
.pj-switcher details nav a{padding:12px 8px;display:flex;gap:12px;letter-spacing:.03em}.pj-switcher details nav a span{color:#bd8a64}.pj-switcher details nav a[aria-current=page]{background:#b8876418;color:#d9ac89}
.pj-adjacent{display:flex;gap:24px}
@media(max-width:760px){.pj-switcher{gap:12px;padding:13px 5%;font-size:10px;letter-spacing:.05em}.pj-adjacent{display:none}.pj-switcher details nav{left:auto;right:0;transform:none;grid-template-columns:1fr;width:260px}.pj-switcher summary{gap:14px}}

.ij-page .cj-hero{aspect-ratio:1.7}.ij-page .cj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 60%);pointer-events:none}.ij-page .cj-hero-title{top:18%;z-index:2;color:#f7f4ee;text-shadow:0 2px 20px #0006}.ij-page .cj-hero-note{top:18%;z-index:2}
.ij-page .cj-body{padding:5% 5% 6%;background:radial-gradient(ellipse at 75% 50%,#2c2e2b,#191b1a 70%)}
.ij-residence{position:relative;z-index:1}.ij-residence>.cj-chapter>div{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.ij-residence .cj-label{grid-column:1/-1}.ij-residence h2{grid-column:1;font-size:clamp(32px,4.8vw,74px)}.ij-story{grid-column:2;margin-top:2.5vw}.ij-story .cj-link{margin-top:2vw}
.ij-garden{width:90%;margin:3.5vw 0 0 auto!important}.ij-garden .cj-photo{aspect-ratio:1.8}.ij-garden figcaption{font:11px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#b2b3aa;margin-top:16px}
.ij-interiors{display:grid;grid-template-columns:34% 1fr;gap:8%;align-items:end;position:relative;z-index:1;margin:7vw 6% 0;scroll-margin-top:85px}.ij-interiors .cj-chapter{padding-bottom:3vw}.ij-stair{aspect-ratio:1.05}.ij-stair .cj-photo-inner{object-position:45% center}
.ij-page .ij-materials{display:block;margin:6vw 6% 0;padding-top:3vw}.ij-materials>.cj-chapter>div{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:center}.ij-materials .cj-label{grid-column:1/-1}.ij-materials h2{grid-column:1}.ij-materials .cj-copy{grid-column:2}.ij-materials .cj-samples{margin-top:2.5vw;gap:4%}.ij-materials .cj-samples .cj-photo{aspect-ratio:1.2}
.ij-page .cj-tree-left{width:23%;left:-14%;top:9%}.ij-page .cj-tree-right{width:18%;right:-12%;bottom:1%}.ij-page .cj-footer-water{opacity:.22}
@media(max-width:760px){.ij-page .cj-hero{aspect-ratio:auto;padding-top:90px}.ij-page .cj-header{height:90px}.ij-page .cj-hero::after{display:none}.ij-page .cj-hero-title{position:static}.ij-page .cj-hero-image{aspect-ratio:1672/941;transform:translate3d(0,calc(var(--cj-shift,0px)*.25),0) scale(1.08)}.ij-page .cj-body{padding:35px 6% 40px}.ij-residence>.cj-chapter>div,.ij-materials>.cj-chapter>div{display:block}.ij-residence h2{font-size:35px}.ij-story{margin-top:20px}.ij-story .cj-link{margin-top:24px}.ij-garden{width:100%;margin:30px 0 0!important}.ij-garden .cj-photo{aspect-ratio:1.3}.ij-interiors{grid-template-columns:1fr;gap:28px;margin:50px 0 0}.ij-interiors .cj-chapter{padding:0}.ij-stair{aspect-ratio:4/5}.ij-page .ij-materials{margin:45px 0 0;padding-top:30px}.ij-materials .cj-samples{margin-top:28px;gap:10px}.ij-materials .cj-samples .cj-photo{aspect-ratio:1}.ij-page .cj-tree-left{width:30%;left:-18%;top:10%}.ij-page .cj-tree-right{width:26%;right:-18%}}
.ij-interiors .cj-chapter{grid-template-columns:40px 1px 1fr;column-gap:16px}
@media(max-width:760px){.ij-interiors .cj-chapter{grid-template-columns:28px 1px 1fr;column-gap:14px}}
