@font-face{font-family:Charlot;src:url('/assets/display.otf') format('opentype');font-display:swap}@font-face{font-family:Charlot;src:url('/assets/display-italic.otf') format('opentype');font-style:italic;font-display:swap}
:root{--paper:#f7f4ec;--ink:#2c2821;--bronze:#886a40;--line:#d7cebd;--serif:Charlot,'Times New Roman',serif;--gutter:clamp(24px,6.2vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{color:inherit}a{text-decoration:none}button{border:0;padding:0;font:inherit;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #947641;outline-offset:5px}.defs{position:absolute;width:0;height:0;overflow:hidden}.ico{display:inline-block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.up{transform:rotate(-90deg)}.flip{transform:rotate(180deg)}img{display:block;max-width:100%}.skip{position:absolute;left:8px;top:-100px;padding:12px;background:var(--paper);z-index:20}.skip:focus{top:5px}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.25vw;background:var(--paper);position:relative;z-index:4}.identity{display:inline-flex;align-items:center;gap:10px}.brand{font-family:var(--serif);font-size:26px;letter-spacing:-1px;line-height:1.05;white-space:nowrap}.brand small{font:8px/1 Arial,sans-serif;display:block;letter-spacing:2.08px;margin-top:5px;color:#716550}.desktop-nav{display:flex;position:absolute;left:50%;transform:translateX(-50%);align-items:center;gap:clamp(18px,2.6vw,44px)}.desktop-nav a,.desktop-nav button,.address-link,.locale,.fine-link,.tour,.gallery-link,.to-top{font-size:11px;font-weight:500;letter-spacing:1.15px}.desktop-nav a,.desktop-nav button{padding:12px 0;position:relative}.desktop-nav a:after,.desktop-nav button:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--bronze);transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover:after,.desktop-nav button:hover:after{transform:scaleX(1)}.head-end{display:flex;align-items:center;gap:22px}.locale{padding:12px 0;color:#695e4d}.address-link{display:flex;gap:14px;align-items:center;border-left:1px solid var(--line);padding:5px 0 5px 22px}.address-link .ico{width:15px;height:15px}#hamb,#mobile-nav{display:none}
.hero{position:relative;isolation:isolate;min-height:510px;height:min(77svh,880px);color:#fffaf2;background:#423a2c}.hero #hero-frame,.hero #hero-frame img,.hero-tone{position:absolute;inset:0;width:100%;height:100%}#hero-frame{z-index:-3}#hero-frame img{object-fit:cover;object-position:50% 51%;animation:fade .55s ease both}.hero-tone{z-index:-1;background:linear-gradient(90deg,rgba(21,16,12,.48),rgba(21,16,12,.13) 55%,transparent 75%),linear-gradient(0deg,rgba(23,18,13,.52),transparent 54%)}.hero-content{position:absolute;left:var(--gutter);bottom:clamp(70px,9.8vh,140px);right:var(--gutter)}.eyebrow,.frame-title,.card-kicker,figcaption,.footnote{font-size:9px;line-height:1.4;letter-spacing:2.35px;font-weight:500;text-transform:uppercase}.hero-folio{display:flex;align-items:center;gap:13px;letter-spacing:2.6px;font-size:10px}.hero-folio span{width:40px;height:1px;background:#debd81}.hero-folio b,.footnote b{font-weight:400;color:#c5a575}.hero h1,.story h2,.rooms h2,.address h2,.album-head h2{font-family:var(--serif);font-weight:400;margin:0}.hero h1{font-size:clamp(82px,9.4vw,171px);line-height:1.07;letter-spacing:-.055em;margin:18px 0 4px}.hero h1 em{letter-spacing:-.075em}.hero-content p{font:clamp(19px,1.8vw,31px)/1.35 var(--serif);margin:0;letter-spacing:-.02em}.tour{display:inline-flex;align-items:center;gap:28px;background:var(--paper);color:#383127;padding:15px 21px;margin-top:28px}.tour .ico{width:15px;height:15px}.tour:hover,.gallery-link:hover{background:#e7dcc6}.hero-index{position:absolute;right:4.25vw;bottom:30px;display:flex;align-items:center;gap:22px}.frame-title,.hero-controls{display:flex;align-items:center;gap:11px}.frame-title{letter-spacing:1.7px}.frame-title i,figcaption i,.card-kicker i{display:inline-block;width:24px;height:1px;background:currentColor;opacity:.6}.hero-controls{gap:7px}.round{display:grid;place-items:center;border:1px solid #ffffff85;border-radius:50%;width:39px;height:39px;transition:background .2s}.round:hover{background:#ffffff24}.round .ico{width:17px}.hero .round:focus-visible,.album-shell .round:focus-visible{outline-color:#fff}
.story{max-width:1720px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:10%;padding:clamp(76px,7.5vw,140px) var(--gutter)}.section-tag{display:flex;gap:14px;align-items:center;color:var(--bronze);font-size:9px;letter-spacing:2.2px}.section-tag i{width:32px;height:1px;background:var(--bronze)}.story h2,.rooms h2,.address h2{font-size:clamp(52px,5.2vw,92px);line-height:1.02;letter-spacing:-.05em}.story h2{margin:29px 0 24px}.story-copy>p,.rooms-head p,.address-copy p{font-size:15px;line-height:1.85;color:#625a4c;max-width:39ch;margin:0}.story-copy>.closing-line{font-family:var(--serif);font-style:italic;font-size:22px;margin:15px 0 24px}.fine-link,.to-top{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #ae9d82;padding:7px 0}.fine-link .ico,.to-top .ico{width:16px}.story-photos{position:relative;padding-left:18%;padding-bottom:7%}figure{margin:0}.photo,.photo img{width:100%;display:block}.photo,.room-picture{overflow:hidden}.photo img,.room-picture img{transition:transform .6s ease}.photo:hover img,.room-card:hover img{transform:scale(1.035)}.facade img{height:clamp(320px,35vw,570px);object-fit:cover;object-position:50% 42%}.facade figcaption{margin-top:14px;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.75px}.door{position:absolute;left:-2%;bottom:17%;width:39%;border:6px solid var(--paper)}.door img{aspect-ratio:1.13;object-fit:cover;object-position:29% center}
.rooms{padding:76px var(--gutter) 70px;background:#eee9de}.rooms-head,.room-grid{max-width:1480px;margin:0 auto}.rooms-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.rooms-head h2{margin:22px 0 0}.rooms-head p{font-family:var(--serif);font-size:20px;line-height:1.35;max-width:23ch}.room-grid{display:grid;grid-template-columns:1fr .8fr 1fr;gap:clamp(16px,2.6vw,44px);align-items:start;margin-top:48px}.room-card{text-align:left}.room-2{margin-top:54px}.room-picture{position:relative;display:block}.room-picture img{width:100%;height:clamp(220px,23vw,365px);object-fit:cover}.room-2 img{height:clamp(254px,26vw,415px);object-position:center 49%}.plus{position:absolute;right:12px;bottom:12px;color:white;background:#211a1599;border:1px solid #fff9;display:grid;place-content:center;width:32px;height:32px;border-radius:50%;font-weight:300;font-size:20px}.card-kicker{display:flex;align-items:center;gap:9px;margin:17px 0 5px;color:#736449;font-size:8px;letter-spacing:1.5px}.card-kicker i{width:12px}.card-title{display:block;font:clamp(29px,2.65vw,48px)/1.1 var(--serif);letter-spacing:-.04em}.gallery-link{margin:48px auto 0;display:flex;align-items:center;gap:16px;border:1px solid #a19379;padding:15px 20px}.gallery-link .ico{width:15px}.grid-icon{display:grid;grid-template-columns:4px 4px;gap:2px}.grid-icon i{width:4px;height:4px;border:1px solid currentColor}
.address{display:grid;grid-template-columns:1fr 1fr;background:#34362b;color:var(--paper);min-height:370px}.address-photo{background:url('/assets/charlot-2-1600.webp') center 50%/cover}.address-copy{padding:clamp(54px,6vw,104px) var(--gutter)}.address-copy h2{margin:22px 0 13px}.address-copy p{color:#e2decd;line-height:1.55}.address-copy .section-tag{color:#d6bd8b}.address-copy .section-tag i{background:#d6bd8b}.address-copy .fine-link{margin-top:21px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 4.25vw}.footnote{font-size:8px;letter-spacing:2px;color:#716550}.footnote b{padding:0 6px}.to-top{font-size:10px}
dialog{padding:0;border:0;background:#211f1b;color:var(--paper);max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;inset:0}dialog::backdrop{background:#161411}body.locked{overflow:hidden}.album-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;padding:22px clamp(16px,4vw,68px) max(20px,env(safe-area-inset-bottom));overflow:hidden}.album-head{display:flex;justify-content:space-between;align-items:center}.album-head .eyebrow{color:#d4bc92}.album-head h2{font-size:clamp(26px,3vw,52px);letter-spacing:-.04em}.album-stage{position:relative;min-height:0;display:grid;place-items:center}.album-stage img{width:100%;height:100%;object-fit:contain;min-height:0}.album-stage .round{position:absolute;background:#231d18a8;z-index:1}.album-stage .prev{left:0}.album-stage .next{right:0}.album-meta{display:flex;align-items:center;justify-content:center;gap:18px}.album-meta .eyebrow{color:#cfb894}.album-meta #photo-title{font:23px var(--serif)}#thumbnails{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:3px;margin:0 auto;scrollbar-width:thin}#thumbnails button{flex:none;opacity:.55;border:1px solid transparent;padding:2px}#thumbnails button[aria-current=true]{border-color:#d3ba8b;opacity:1}#thumbnails img{width:50px;height:38px;object-fit:cover}@keyframes fade{from{opacity:.4}to{opacity:1}}
@media(max-width:820px){header{height:72px}.desktop-nav{gap:15px}.head-end{gap:14px}.address-link{padding-left:14px}.story{gap:6%}.rooms-head p{max-width:22ch}.footnote{display:none}}
@media(max-width:680px){:root{--gutter:24px}header{padding:0 20px;height:66px}.identity{gap:6px}.identity>img{width:36px;height:36px}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.7px}.desktop-nav,.address-link{display:none}.head-end{gap:14px}#hamb{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:40px;height:44px}#hamb span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .18s}#hamb[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}#hamb[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}#mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:9px 24px 20px;box-shadow:0 12px 20px #251f191d}#mobile-nav a,#mobile-nav button{text-align:left;padding:12px 2px;font:25px var(--serif);border-bottom:1px solid var(--line)}.hero{height:75svh;min-height:495px;max-height:760px}#hero-frame img{object-position:57% center}.hero-tone{background:linear-gradient(0deg,#18120ed1 0%,#1a140e84 34%,#24150c0a 75%)}.hero-content{bottom:105px}.hero-folio{font-size:8px;letter-spacing:1.9px;gap:9px}.hero-folio span{width:25px}.hero h1{font-size:clamp(61px,13.7vw,94px);margin:16px 0 4px}.hero-content p{font-size:21px;max-width:28ch}.tour{margin-top:22px;padding:13px 16px;gap:22px}.hero-index{bottom:18px;left:var(--gutter);right:var(--gutter);justify-content:space-between}.hero-controls .round{width:36px;height:36px}.frame-title{font-size:8px}.story{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:52px var(--gutter) 46px}.story h2{margin:21px 0 16px}.story-copy>p{max-width:44ch}.story-photos{width:100%;max-width:450px;align-self:center;padding-bottom:0}.facade img{height:360px}.facade figcaption{font-size:7px;letter-spacing:1.4px}.rooms{padding:52px var(--gutter)}.rooms-head{display:block}.rooms-head h2{margin-top:19px}.rooms-head p{margin:14px 0 0;max-width:35ch}.room-grid{grid-template-columns:1fr 1fr;gap:25px 14px;margin-top:26px}.room-1{grid-column:span 2}.room-2{margin:0}.room-picture img,.room-2 img{height:190px}.room-1 img{height:auto;aspect-ratio:1.55}.card-kicker{font-size:7px;letter-spacing:1px;gap:5px;line-height:1.6;margin:11px 0 3px}.card-title{font-size:30px}.gallery-link{margin-top:32px}.address{grid-template-columns:1fr;min-height:0}.address-photo{height:200px;background-size:cover}.address-copy{padding:38px var(--gutter) 45px}.address-copy h2{margin:18px 0 12px}footer{padding:22px 18px}.to-top{gap:6px;font-size:9px}.album-shell{padding-top:max(14px,env(safe-area-inset-top));gap:10px}.album-stage .prev{left:-8px}.album-stage .next{right:-8px}.album-meta #photo-title{font-size:19px}.album-meta{gap:10px}#thumbnails img{width:43px;height:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:64px var(--gutter);max-width:1720px;margin:auto}.detail-photo{text-align:left}.detail-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}.detail-photo span{display:block;font:26px var(--serif);margin-top:12px}.door img{aspect-ratio:.85;object-position:center}.door{bottom:12%}@media(max-width:680px){.details-grid{grid-template-columns:1fr;gap:30px;padding:42px var(--gutter)}.detail-photo span{font-size:28px}}

.bedrooms{padding:70px var(--gutter);max-width:1720px;margin:auto}.bedrooms h2{font:clamp(48px,5vw,88px)/1.06 var(--serif);font-weight:400;letter-spacing:-.045em;margin:23px 0 16px}.bed-intro{color:#625a4c;line-height:1.7;margin:0 0 34px}.bedroom-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:32px 25px}.bed-card{grid-column:span 2;text-align:left;min-width:0}.bed-card:nth-child(-n+2){grid-column:span 3}.bed-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.space-title,.bed-card h3{display:block;font:29px var(--serif);margin:12px 0 5px;letter-spacing:-.03em}.space-count{display:block!important;font:10px Arial,sans-serif!important;letter-spacing:1.2px;color:#77684e;margin-top:8px}.pending-image{aspect-ratio:1.5;background:#ece6da;border:1px solid #d7cebd;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c7d65}.pending-image span{font:64px var(--serif);line-height:1}.pending-image p{font-size:11px}.details-grid{padding-top:42px}.album-filter{display:flex;gap:14px;align-items:center;font-size:11px;color:#d9c6a3}.album-filter select{font:12px Arial,sans-serif;background:#302d26;color:#f7f4ec;border:1px solid #786b55;padding:9px 12px;max-width:70%}.album-filter option{background:#302d26}
@media(max-width:1000px) and (min-width:681px){.desktop-nav{position:static;transform:none;gap:16px}.address-link{display:none}.brand{font-size:23px}.desktop-nav a,.desktop-nav button{font-size:10px}}
@media(max-width:680px){.bedrooms{padding:48px var(--gutter)}.bedroom-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.bed-card,.bed-card:nth-child(-n+2){grid-column:span 1}.bed-card:nth-child(-n+2){grid-column:span 2}.bed-card img{aspect-ratio:1.15}.bed-card:nth-child(-n+2) img{aspect-ratio:1.5}.space-title,.bed-card h3{font-size:27px}.pending-image{aspect-ratio:1.15}.pending-image p{font-size:10px}.album-filter{gap:9px}.album-shell{gap:8px}}

/* Wordmark traced from the Casa Charlot plaque. */
.identity .brand-logo{display:block;width:150px;height:auto;max-width:none}
.hero h1{margin:18px 0 14px;line-height:0;font-size:inherit;letter-spacing:normal}
.hero-logo{display:block;width:clamp(280px,34vw,480px);max-width:100%;height:auto;filter:drop-shadow(0 2px 8px #0004)}
footer .identity .brand-logo{width:146px}
@media(max-width:680px){.identity .brand-logo{width:120px;height:auto}.hero h1{margin:18px 0 14px}.hero-logo{width:min(300px,100%)}footer .identity .brand-logo{width:120px}}

header .identity .brand-logo{width:240px;height:auto}
@media(max-width:1000px){header .identity .brand-logo{width:190px}}
@media(max-width:680px){header .identity .brand-logo{width:180px}}
@media(max-width:360px){header .identity .brand-logo{width:155px}}

footer .identity .brand-logo{width:240px;height:auto}
@media(max-width:680px){footer .identity .brand-logo{width:180px}}
@media(max-width:360px){footer .identity .brand-logo{width:155px}}

.floorplan{padding:90px var(--gutter);text-align:center;background:#eee8dc;border-top:1px solid var(--line);scroll-margin-top:25px}
.plan-ornament{width:54px;margin:0 auto 24px;color:#95805c}.plan-ornament svg{display:block;width:100%;stroke:currentColor;stroke-width:1.2}
.floorplan>.eyebrow{color:#786340}.floorplan h2{font:400 clamp(44px,5.1vw,78px)/1.06 var(--serif);letter-spacing:-.035em;margin:25px 0}
.floorplan>p{max-width:54ch;margin:0 auto;color:#625a4c;font-size:15px;line-height:1.85}
.plan-note{display:block;font:italic 22px/1.45 var(--serif);color:#6c5b42;margin:23px auto 28px;max-width:44ch}
.floorplan .fine-link{margin:auto}.desktop-nav{gap:clamp(16px,2vw,30px)}
@media(min-width:681px) and (max-width:1150px){.desktop-nav{position:static;transform:none;gap:14px}.desktop-nav a,.desktop-nav button{font-size:10px;letter-spacing:.7px}.address-link{display:none}header .identity .brand-logo{width:180px}}
@media(max-width:680px){.floorplan{padding:56px 24px}.floorplan h2{font-size:46px}.plan-note{font-size:20px}.floorplan>p{font-size:14px}}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 25px;margin-top:28px}.hero-actions .tour{margin-top:0}.rent-link{display:inline-flex;align-items:center;gap:16px;padding:9px 0;color:#fffaf2;border-bottom:1px solid #fffaf278;font-size:11px;letter-spacing:1px;transition:border-color .2s}.rent-link small{display:block;font-size:8px;letter-spacing:1.25px;margin-top:5px;color:#e8ddca}.rent-link .ico{width:14px;height:14px}.rent-link:hover{border-color:#fffaf2}.rent-link:focus-visible{outline:2px solid #fffaf2;outline-offset:5px}@media(max-width:680px){.hero-actions{margin-top:22px;gap:13px 19px}.rent-link{font-size:10px;gap:9px}.hero-actions .tour{padding:13px 14px;gap:12px}}