/* CariBox proposal. Code-native marks; original logo and photographs preserved. */
:root{--ink:#302a25;--clay:#a65338;--ivory:#f4efe6;--wood:#82705a}
body{color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.private{background:var(--ink)}.private a{border-bottom:1px solid #e6d6c477}.private a:hover{color:#e1bda1}
header{padding:22px 4%;min-height:110px}.brand{gap:13px;letter-spacing:0}.brand .brand-icon{width:44px;height:44px;object-fit:contain}.brand-name{font:38px/1 Georgia,serif;letter-spacing:-.055em}.brand .brand-name small{font:8px/1.5 Arial,sans-serif;letter-spacing:.17em;margin-top:8px}.brand-icon{border-radius:0}
nav a:last-child{border-color:#b7a48f}nav a:hover{color:var(--clay)}
.hero{min-height:650px;height:min(790px,72vw);margin:0 2.5%}.hero .shade{background:linear-gradient(180deg,#1d160ca8 0%,#1d160c25 48%,#1d160ca3 100%)}.hero-top{padding:28px 4%;align-items:center}.hero-top span{font-size:15px;letter-spacing:.18em}.hero h1{margin:15px auto 0;width:91%;line-height:0}.hero-signature{width:100%;height:auto;filter:none;object-fit:contain}.hero-bottom{bottom:106px}.hero-bottom h2{font-size:clamp(38px,4.2vw,64px)}.hero-bottom p{padding-bottom:8px}.hero .circle{width:100px;height:100px}.hero .hero-slide-controls button{background:#302a2570}
.intro{padding-top:90px;padding-bottom:38px}.intro>div:not(.brand-values){grid-template-columns:1.35fr 1fr}.intro h2{font-size:clamp(34px,4.1vw,60px)}.intro p:not(.eyebrow){color:#645b51}.eyebrow{color:var(--clay)}.hero .eyebrow,.feature .eyebrow{color:#d8bba5}.brand-values{display:flex!important;align-items:center!important;justify-content:space-between;gap:20px!important;border-top:1px solid #d5ccbe;padding-top:25px;margin-top:50px;font-size:9px;letter-spacing:.14em}.brand-japanese{color:#82705a;letter-spacing:.08em}
.collection{padding-top:95px}.section-head>p,.cards article>p{color:#645b51}.card-image{height:430px}.card-heading h3{font-size:33px}.card-heading em{color:var(--wood)}.tag{background:#f4efe6f2;color:var(--ink);font-size:8px;padding:8px 11px}.place-seal{position:absolute;bottom:20px;left:20px;border:1px solid #faf4e9bd;border-radius:40px;color:#faf4e9;padding:13px 11px;font-size:15px;letter-spacing:.1em;line-height:1.5;background:#302a2533;backdrop-filter:blur(4px)}.card-footer{font-size:10px}.card-footer button{color:var(--clay)}
.feature{background:var(--ink)}.feature h2 em{color:#d1bca2}.feature-copy>p:not(.eyebrow){color:#e0d4c7}.feature small{color:#cbb9a5}.feature .text-link{border-bottom-color:#a28f7d}.interlude .shade{background:#24180c65}
.identity{padding:100px 6%;display:grid;grid-template-columns:1fr 1.12fr;gap:8%;background:#e9e0d3;align-items:center;scroll-margin-top:30px}.identity h2{font-size:clamp(36px,3.6vw,54px)}.identity-heading>p:last-child{margin-top:28px;max-width:385px;color:#645b51;font-size:13px;line-height:1.9}.identity-board{border:1px solid #c5b7a4;background:#f6f1e8}.identity-mark{padding:40px 35px;text-align:center;border-bottom:1px solid #d5ccbe}.identity-mark>img{height:auto;width:100%;margin:0 auto 20px}.identity-mark>span{font:35px Georgia,serif;letter-spacing:-.06em;display:block}.identity-mark small{font-size:7px;letter-spacing:.15em;display:block;margin-top:10px}.identity-applications{display:grid;grid-template-columns:1.1fr 1fr}.identity-card{background:var(--ink);color:#f6f1e8;padding:30px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;min-height:220px}.identity-card img{width:34px;height:34px;margin-bottom:20px}.identity-card>span{font:24px Georgia,serif;letter-spacing:-.04em}.identity-card em{color:#d1bca2}.identity-card small{font-size:8px;line-height:1.8;letter-spacing:.14em;margin-top:16px}.identity-palette{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px}.identity-palette>span{font-size:8px;color:#645b51}.identity-palette i{display:block;width:100%;height:45px;background:var(--swatch);border:1px solid #302a2520;margin-bottom:8px}.identity-note{padding:13px 20px;border-top:1px solid #d5ccbe;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.05em}.identity-note a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.practical{padding-top:100px}.steps p,.practical>div>p:last-child{color:#645b51}.preview-cta{background:#e9e0d3}.preview-cta a{background:var(--clay)}.preview-cta a:hover{background:#8c432c}footer{align-items:center;padding-top:40px;padding-bottom:40px}footer>span{font-size:8px;line-height:1.9;color:#645b51}.footer-brand{font:30px Georgia,serif;letter-spacing:-.05em}.footer-brand small{display:block;font:7px Arial,sans-serif;letter-spacing:.14em;margin-top:8px}dialog{color:var(--ink)}
@media(max-width:1000px){.identity{gap:5%;padding:75px 6%}.identity-card{padding:22px}.identity-palette{padding:22px;gap:12px}.brand-values .brand-japanese{display:none}.hero-bottom p{font-size:12px}}
@media(max-width:800px){.private>a{display:none}header{padding:18px 6%;min-height:90px}.brand-name{font-size:32px}.brand .brand-icon{width:36px;height:36px}.brand .brand-name small{font-size:7px}nav a:first-child{font-size:10px}.hero{height:78svh;min-height:620px;margin:0 3%}.hero-top{padding:25px 6%}.hero-top p{font-size:7px;letter-spacing:.13em}.hero-top span{font-size:11px}.hero h1{margin-top:40px;width:92%;font-size:inherit}.hero-bottom{bottom:118px}.hero-bottom h2{font-size:41px}.hero-bottom p{font-size:12px}.hero .circle{width:65px;height:65px}.intro{padding-top:60px;padding-bottom:28px}.intro>div:not(.brand-values){grid-template-columns:1fr;gap:25px}.intro h2{font-size:38px}.brand-values{margin-top:32px;gap:10px!important;font-size:7px;letter-spacing:.06em}.collection{padding-top:65px}.card-image{height:440px}.card-heading h3{font-size:32px}.identity{padding:65px 7%;grid-template-columns:1fr;gap:35px}.identity h2{font-size:38px}.identity-mark{padding:30px 25px}.identity-card>span{font-size:22px}.identity-note{font-size:6px;gap:10px}.practical{padding-top:65px}.footer-brand{font-size:27px}}
@media(max-width:390px){.hero-bottom h2{font-size:35px}.hero-top span{font-size:9px}.identity-card,.identity-palette{padding:18px}.brand-values{font-size:6px}}
/* Integrated wall signs move with the photographs, not on a separate overlay. */
.hero-integrated .shade{background:linear-gradient(180deg,#1d160c38 0%,#1d160c00 44%,#1d160cb3 100%)}
.hero-integrated h1.sr-only{position:absolute;width:1px;height:1px;margin:0}
@media(max-width:800px){.hero-integrated{height:600px;min-height:600px;background:var(--ink)}.hero-integrated .hero-slide{height:300px;object-position:center}.hero-integrated>img.depth{height:300px;object-position:center}.hero-integrated .shade{background:linear-gradient(180deg,transparent 0,transparent 210px,#302a25 305px,#302a25 100%)}.hero-integrated .photo-credit{font-size:6px;letter-spacing:.08em;max-width:90%}}
@media(max-width:800px){.hero-integrated .hero-slides,.hero-integrated>img.depth{top:0;bottom:auto;height:300px;transform:none!important}.hero-integrated .hero-top{visibility:hidden}}
/* Supplied floor plan: separate from the five residence photographs, no colour filter. */
#thumbnails .plan-thumbnail{position:relative;flex-basis:120px;margin-left:5px;border:1px solid #b7a48f;opacity:1;background:#fff;padding:4px 4px 20px}
#thumbnails .plan-thumbnail img{object-fit:contain;filter:none}
#thumbnails .plan-thumbnail span{position:absolute;bottom:2px;left:0;right:0;font-size:10px;line-height:16px;color:var(--ink)}
.viewer.showing-plan{background:#fff}
.viewer #gallery-image.is-plan{filter:none;padding:18px 54px;object-fit:contain}
@media(max-width:800px){.viewer #gallery-image.is-plan{padding:12px 32px}}