/* A photographic entrance and a quiet, perspective-led collection. */
:root{--gallery-ink:#142c26;--gallery-cream:#f3eee3;--gallery-gold:#d3bc8f}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--gallery-cream)}[hidden]{display:none!important}
.topbar{position:absolute;inset:0 0 auto;z-index:30;padding:26px 4.5%;height:auto;background:transparent;border-bottom:1px solid #f4eed724;color:#fbf6e9;gap:28px}.topbar .brand{color:inherit}.topbar .brand-seal{border-color:#d7c299}.topbar nav a{color:inherit}.topbar .motion-control{color:#f5eedf;border-color:#f5eedf50;background:#18342c60;font-size:14px}.topbar .brand small{font-size:11px;letter-spacing:.16em}.topbar nav a{font-size:14px}
.entry-chapter{height:165svh;min-height:950px;position:relative;background:#17312b}.entry-scene{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;color:var(--gallery-cream);--entry-progress:0}
.entry-background{position:absolute;inset:0;z-index:-3;transform:scale(calc(1 + var(--entry-progress)*.18));transform-origin:58% 48%;will-change:transform}.entry-background img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.entry-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071d17d9 0%,#0c211aad 25%,#10281b21 64%,#04161029),linear-gradient(0deg,#071d17b8,transparent 35%,transparent 75%,#071b1770)}
.entry-copy{position:absolute;top:27%;left:7.8%;width:51%;max-width:720px;opacity:calc(1 - var(--entry-progress)*1.4);transform:translateY(calc(var(--entry-progress)*-65px));pointer-events:auto}
.entry-copy .eyebrow{font-size:12px;letter-spacing:.25em;color:#e2ccaa;margin-bottom:25px}.entry-copy h1{font-family:'Noto Serif TC',serif;font-size:clamp(42px,5.8vw,88px);font-weight:500;line-height:1.45;letter-spacing:.04em;color:inherit;margin:0 0 22px}.entry-copy h1 span{color:#e3d1b0}.entry-description{font-size:clamp(16px,1.4vw,20px);line-height:1.95;letter-spacing:.08em;color:#f1e9d9}.entry-actions{display:flex;gap:28px;align-items:center;margin-top:28px}.entry-actions a{font-size:15px;color:#f8f2e5}.entry-primary{display:flex;align-items:center;gap:55px;border-bottom:1px solid #d2b788;padding:15px 0;letter-spacing:.12em}.entry-primary span{font-size:26px}.entry-broker{font-size:12px;line-height:1.8;color:#e5dccb;margin-top:23px}
.entry-guide{position:absolute;width:clamp(155px,19vw,280px);right:13%;bottom:12%;text-align:center;transform:translate(calc(var(--entry-progress)*-45px),calc(var(--entry-progress)*-40px)) scale(calc(1 - var(--entry-progress)*.22));transform-origin:bottom center}.entry-kuma{border:0;background:transparent;padding:0;width:100%;cursor:pointer;filter:drop-shadow(0 22px 16px #0a171f65)}.entry-guide #guideSpeech{position:relative;margin:0 auto 10px;display:inline-block;border:1px solid #eee2c74a;background:#17332cbf;color:#fff9e9;border-radius:2px;padding:12px 20px;font-size:14px;line-height:1.7;letter-spacing:.05em}.entry-guide-name{display:block;color:#eee0c5;font-size:11px;letter-spacing:.19em;margin-top:6px}.entry-bottom{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;color:#ede3d0;font-size:12px;letter-spacing:.12em}.entry-bottom a{color:inherit;font-size:13px}.entry-bottom a span{margin-left:22px}.entry-bottom button{background:none;border:0;color:inherit;font-size:13px;padding:12px}
.homes-section{position:relative;background:#142c26;color:#f6efe1;padding:80px 0 50px;overflow:hidden;isolation:isolate}.homes-section:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(#142c26f2,#142c26d9),url('/kuma-guide/assets/gallery-room.webp') center/cover no-repeat;pointer-events:none}.homes-section .section-wrap{max-width:none;width:100%;padding:0}.homes-section .section-heading{padding:0 7.8%;margin-bottom:22px;align-items:center}.homes-section .eyebrow{color:#d5bf95;font-size:12px;letter-spacing:.2em}.homes-section h2{color:#f6eedc;font-size:clamp(29px,3.4vw,50px);font-weight:500;line-height:1.7}.homes-section h2 span{color:inherit;display:block}.homes-section .section-heading>p{color:#d6d8cd;font-size:15px;line-height:1.9}.home-cat-note{margin:0 7.8% 20px!important;background:transparent!important;border:0!important;padding:0!important;max-width:720px}.home-cat-note p{color:#d7dfd4;font-size:14px}.home-cat-note .home-kuma{width:42px}.home-filters{margin:0 7.8% 10px;padding:15px 0!important;gap:15px;border:0!important;border-top:1px solid #ffffff25!important;border-bottom:1px solid #ffffff25!important;background:none!important;box-shadow:none!important;border-radius:0!important;align-items:end}.home-filters label{color:#dbdcca;font-size:12px}.home-filters select{background:#1a352e;color:#f4ecd9;border:1px solid #ece5d344;border-radius:2px;font-size:14px;min-height:42px}.home-filters button{color:#efe3c8;background:transparent;border-color:#e3ddbd44;font-size:13px}.home-filters p{color:#d3d9cb;font-size:13px}
.exhibition-track{height:clamp(450px,42vw,650px);position:relative;width:100%;perspective:1400px;touch-action:pan-y;outline-offset:-6px;overflow:hidden}
.exhibit{position:absolute;display:block;top:38px;left:50%;width:min(48vw,690px);color:#f5ecd9;transform:translateX(calc(-50% + var(--position)*88%)) translateZ(calc(var(--depth)*-220px)) rotateY(calc(var(--position)*-21deg));opacity:calc(1 - var(--depth)*.25);transition:transform .6s cubic-bezier(.2,.75,.25,1),opacity .45s;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:auto;will-change:transform}.exhibit[data-position='2'],.exhibit[data-position='-2']{opacity:0;pointer-events:none}.exhibit-frame{position:relative;background:#13251d;padding:10px;border:1px solid #c7af7a;box-shadow:0 18px 40px #051b15a0,inset 0 0 0 3px #83704c66;aspect-ratio:1.68;overflow:hidden}.exhibit-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.exhibit:hover .exhibit-frame img{transform:scale(1.025)}.exhibit-open{position:absolute;right:23px;bottom:23px;background:#102a20da;border:1px solid #e9d6b48c;color:#fff7e9;padding:11px 15px;font-size:14px}.exhibit-caption{padding:20px 5px 0}.exhibit-meta{font-size:12px;letter-spacing:.15em;color:#d7bd8e}.exhibit h3{color:#faf1e0;font-family:'Noto Serif TC',serif;font-weight:500;font-size:clamp(22px,2vw,31px);margin:8px 0;line-height:1.5}.exhibit-caption>p{font-size:14px;color:#d7ddcf;line-height:1.7;margin:7px 0}.exhibit-caption .exhibit-broker{font-size:12px;color:#c9ccbf;line-height:1.6}.exhibition-controls{display:flex;gap:22px;justify-content:center;align-items:center}.exhibition-controls>button:not(#showHomeList){width:48px;height:48px;border-radius:50%;border:1px solid #d5c09488;background:transparent;color:#f4e7c8;font-size:24px}.exhibition-controls button:disabled{opacity:.3}.exhibition-controls p{color:#dbc69e;font-size:14px;letter-spacing:.12em;min-width:65px;text-align:center;margin:0}.exhibition-controls #showHomeList{color:#eee1c3;border:0;border-bottom:1px solid #c8b38a77;background:transparent;font-size:14px;margin-left:20px;padding:12px 0}.exhibition-help{text-align:center;font-size:12px;color:#c2cdbd;margin:19px 0 25px;letter-spacing:.1em}.home-list-heading{margin:30px 7.8%;display:flex;justify-content:space-between;align-items:center;scroll-margin-top:30px}.home-list-heading button{background:none;border:1px solid #d1bd9388;color:#f3e5c9;padding:12px 18px}.home-card-grid{padding:20px 7.8%}.home-card{color:#24382c}.homes-note,.all-homes{margin-left:7.8%!important;margin-right:7.8%!important;color:#c7d0c0!important}.home-empty{margin:30px 7.8%;color:#142c26}.homes-section .home-card .home-copy>p{color:#526453}.life-section{padding-top:95px}.life-section .eyebrow{font-size:13px}.life-section .section-heading h2{font-size:clamp(32px,4vw,54px)}.contact-section{border-top:1px solid #b2bba988}.motion-off .entry-chapter{height:100svh;min-height:650px}.motion-off .entry-background,.motion-off .entry-copy,.motion-off .entry-guide{transform:none!important;opacity:1!important}.motion-off .exhibit,.motion-off .exhibit-frame img{transition:none!important}.motion-off{scroll-behavior:auto}
@media(max-width:1050px){.topbar nav{gap:15px}.topbar{padding:22px 4%}.entry-copy{left:6%;width:57%;top:27%}.entry-copy h1{font-size:clamp(43px,6.8vw,70px)}.entry-guide{right:7%;width:22vw}.entry-actions{gap:18px}.entry-primary{gap:25px}.homes-section .section-heading{padding:0 6%}.exhibition-track{height:520px}.exhibit{width:60vw}.home-filters{margin-inline:6%}.exhibit-caption>p{max-width:95%}}
@media(max-width:760px){html{scroll-padding-top:20px}.topbar{padding:19px 22px;gap:14px}.topbar .brand{gap:8px;font-size:18px}.topbar .brand-seal{width:36px;height:36px;font-size:20px}.topbar .brand small{font-size:9px;letter-spacing:.1em}.topbar nav{display:none}.topbar .motion-control{margin-left:auto;padding:9px 11px;font-size:12px;min-height:38px}.entry-chapter{height:137svh;min-height:900px}.entry-scene{height:100svh;min-height:660px}.entry-background img{object-position:57% center}.entry-shade{background:linear-gradient(180deg,#09221890,#092218b5 28%,#0b211835 70%,#071b16bc),linear-gradient(90deg,#0c251b70,transparent)}.entry-copy{left:7%;right:7%;top:18%;width:auto;max-width:550px}.entry-copy .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:16px}.entry-copy h1{font-size:clamp(37px,9.8vw,59px);line-height:1.5;margin-bottom:16px}.entry-description{font-size:14px;line-height:1.9}.entry-actions{gap:22px;margin-top:16px;align-items:center}.entry-actions a{font-size:13px}.entry-primary{gap:22px;padding:9px 0}.entry-primary span{font-size:22px}.entry-broker{font-size:11px;margin-top:15px;max-width:250px}.entry-guide{width:145px;right:8%;bottom:10%}.entry-guide #guideSpeech{font-size:12px;padding:8px 12px;white-space:nowrap;margin-bottom:1px}.entry-guide-name{font-size:9px}.entry-bottom{bottom:17px;left:7%;right:7%;font-size:10px}.entry-bottom>span{display:none}.entry-bottom a,.entry-bottom button{font-size:11px}.homes-section{padding-top:48px}.homes-section .section-heading{display:block;padding:0 7%;margin-bottom:15px}.homes-section h2{font-size:30px;line-height:1.6}.homes-section h2 span{display:block}.homes-section .section-heading>p{font-size:14px;margin-top:13px}.home-cat-note{margin:15px 7%!important;gap:13px}.home-cat-note p{font-size:12px;line-height:1.7}.home-filters{margin:0 7%;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.home-filters label{min-width:0}.home-filters select{width:100%;font-size:13px}.home-filters p{margin:0;text-align:right;font-size:12px}.home-filters button{min-height:32px;text-align:left;border:0;padding:0}.exhibition-track{height:440px;perspective:1000px}.exhibit{top:32px;width:78vw;transform:translateX(calc(-50% + var(--position)*98%)) translateZ(calc(var(--depth)*-170px)) rotateY(calc(var(--position)*-15deg))}.exhibit-frame{padding:6px;aspect-ratio:1.35}.exhibit-open{font-size:12px;padding:8px 11px;right:16px;bottom:16px}.exhibit-caption{padding-top:17px}.exhibit h3{font-size:25px;margin:7px 0}.exhibit-meta{font-size:11px}.exhibit-caption>p{font-size:13px;margin:6px 0;line-height:1.6}.exhibit-caption .exhibit-broker{font-size:11px;line-height:1.6}.exhibition-controls{gap:16px}.exhibition-controls>button:not(#showHomeList){width:44px;height:44px}.exhibition-controls #showHomeList{margin-left:5px;font-size:13px}.home-card-grid{padding:20px 7%}.homes-note{font-size:12px!important;line-height:1.8}.life-section{padding-top:60px}.motion-off .entry-chapter{min-height:660px}}
@media(min-width:761px) and (max-height:740px){.entry-copy{top:21%}.entry-copy h1{font-size:55px;margin-bottom:15px}.entry-copy .eyebrow{margin-bottom:16px}.entry-guide{width:190px;right:13%}.entry-description{font-size:16px}.entry-actions{margin-top:13px}.entry-broker{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-chapter{height:100svh;min-height:660px}.entry-background,.entry-copy,.entry-guide{transform:none!important;opacity:1!important}.exhibit,.exhibit-frame img{transition:none!important}}
@media print{.topbar,.entry-chapter,.exhibition,.home-list-heading,.home-filters,.home-cat-note{display:none!important}.home-card-grid[hidden]{display:grid!important}.homes-section{background:#fff;color:#000}.homes-section:before{display:none}.homes-section h2,.homes-section .section-heading>p,.homes-note{color:#000!important}.home-card{break-inside:avoid}.home-card-grid{grid-template-columns:1fr 1fr}.home-card .home-copy{padding:10px}.home-card h3{font-size:16px}.home-card .home-media{height:130px}}
.homes-section .section-heading h2 span{color:#f6eedc}.entry-copy .broker-ad-identity{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:17px 0!important;color:#e5dccb!important;font-size:12px!important;gap:2px 14px}.entry-copy .broker-ad-identity span{color:#e5dccb!important}.entry-broker{display:none}.exhibit-frame img{position:static;opacity:1;border-radius:0;padding:0}.home-cat-note #homeCatSpeech{color:#d7dfd4}@media(max-width:760px){.entry-copy .broker-ad-identity{font-size:11px!important}.entry-copy{top:16%}.entry-guide{bottom:9%;width:clamp(115px,32vw,145px);right:8%}}
@media(min-width:761px){.homes-section .section-heading h2 span{display:inline}.homes-section .section-heading h2{font-size:38px;margin:10px 0}.homes-section .section-heading{margin-bottom:20px}.homes-section{padding-top:55px}.exhibition-track{height:clamp(470px,41vw,590px)}}.exhibition .home-cat-note{margin:20px auto 0!important;justify-content:center;width:84%;min-height:55px;max-width:660px}.exhibition-help{margin-top:10px}.exhibit:not(.is-current) .exhibit-caption{opacity:.65}@media(max-width:760px){.exhibit:not(.is-current) .exhibit-caption{opacity:0}.exhibition-track{height:425px}}
.topbar nav .collection-entry{background:transparent!important;color:#f6eedc!important;border:1px solid #e0d3b75c!important;border-radius:2px!important;padding:9px 12px!important}.entry-copy .entry-broker{display:none}@media(max-width:760px){.topbar{flex-wrap:wrap;row-gap:12px}.topbar nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:8px}.topbar nav a{font-size:12px;padding:4px 0}.topbar nav .collection-entry{padding:5px 8px!important;font-size:12px!important}.entry-copy{top:19%}}@media(max-width:760px) and (max-height:740px){.entry-scene{min-height:760px}.entry-chapter{min-height:1020px}.motion-off .entry-chapter{min-height:760px}.entry-guide{bottom:8%;width:115px}.entry-copy{top:19%}}