:root{--paper:#f9f8f5;--ink:#1f1a15;--muted:#696258;--line:#e4e2de;--gold:#cfb68c;--panel:#f0efec;--display:'Tenor Sans';--weight:400;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);position:relative;isolation:isolate;color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-weight:300;line-height:1.8}body[data-theme=restrained]{--paper:#0b0b0c;--ink:#f5f3ef;--muted:#b5aea2;--line:#383630;--panel:#19191a;color-scheme:dark}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}button,select{font:inherit;color:inherit}button,summary,select{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #8c6f45;outline-offset:5px}img{display:block;width:100%;max-width:100%}figure{margin:0;min-width:0}figcaption,.small{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.2;word-break:keep-all}h1,h2,h3.english{font-family:var(--display), 'Noto Sans KR',sans-serif;font-weight:var(--weight)}h1{font-size:clamp(48px,6.2vw,92px);letter-spacing:-.02em}h2{font-size:clamp(32px,3.4vw,52px);letter-spacing:-.035em}h3{font-size:clamp(28px,3vw,44px)}h4{font-size:22px;font-weight:400}p{margin-top:22px}header{height:88px;margin:0 56px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:44px;position:relative;z-index:2}.logo{width:154px;display:block;flex-shrink:0}.logo img{height:44px;object-fit:contain}body[data-theme=restrained] .logo img{background:#f9f8f5}header>nav{font-family:Jost,'Noto Sans KR',sans-serif;font-weight:300;display:flex;gap:34px;margin-left:auto;font-size:13px}header .button{min-height:44px;padding:8px 24px}.mobile-nav{display:none}.eyebrow{font-family:Jost,'Noto Sans KR',sans-serif;font-weight:300;letter-spacing:.17em;font-size:12px;margin:0 0 24px;color:var(--muted)}.section{margin:140px 56px}.home-hero{margin:52px 56px 0;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.hero-copy{padding:28px 0}.home-hero h1{font-size:clamp(70px,7.4vw,104px);line-height:1.02;letter-spacing:-.02em}.hero-ko{font-size:18px;margin-top:34px;word-break:keep-all}.arch img{aspect-ratio:4/5;object-fit:cover;border-radius:50% 50% 0 0;animation:none}.hero-foot{font-family:Jost,sans-serif;letter-spacing:.22em;font-size:12px;margin-top:95px;color:var(--muted)}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--gold);color:#1f1a15;min-height:50px;padding:12px 26px;border:1px solid transparent;font-size:14px}.text-link{display:inline-block;font-size:14px;min-height:44px;padding:10px 0;border-bottom:1px solid #ae9066}.text-link span{margin-left:18px}.brand{border-top:1px solid var(--line);padding-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}.brand>.eyebrow{grid-column:1/-1}.brand p{margin-top:0;font-size:18px}.brand .muted{margin-top:24px;font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:54px}.section-head p{margin-top:0}.residence-row{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:center;margin-bottom:100px}.residence-row>figure img{height:auto;object-fit:contain}.residence-row.reverse{grid-template-columns:1fr 1.25fr}.reverse>figure{order:2}.residence-copy h3{font-family:var(--display);font-weight:var(--weight);margin-bottom:16px}.residence-copy>p{color:var(--muted)}.story-mini{display:flex;gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);align-items:center}.story-mini>img{width:100px;height:78px;object-fit:contain;background:var(--panel)}.story-mini .eyebrow{font-size:12px;margin:0 0 6px}.story-mini a{font-size:13px}.neighbors{border-top:1px solid var(--line);padding-top:64px}.neighbor-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:start}.neighbor-layout h3{font-size:clamp(30px,3vw,44px);line-height:1.5}.neighbor-layout p{max-width:440px}.inset{width:65%;margin:28px 0}.visit{padding:68px 20px;text-align:center;background:var(--panel);margin-bottom:100px}.visit .button{margin-top:30px}.visit p{color:var(--muted)}footer{margin:0 56px;padding:45px 0 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top .text-link{margin-left:26px}.review{font-size:12px}.review-tools{margin-top:28px;border-top:1px solid var(--line);padding-top:15px}.tools{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding-top:20px}.tools button,.tools select{min-height:44px;background:var(--paper);border:1px solid var(--line);padding:6px 14px}.tools button[aria-pressed=true]{border-color:#ae9066}.property-hero{margin:72px 56px 0}.property-hero>div{max-width:1000px;margin-bottom:56px}.property-hero h1{max-width:900px}.property-hero h2{font-family:'Noto Sans KR';font-size:24px;font-weight:300;margin-top:28px}.property-hero>figure img{max-height:650px;aspect-ratio:2.1;object-fit:cover}.space-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.space-pair figure:nth-child(2){margin-top:100px}.space-pair img{aspect-ratio:1.3;object-fit:cover}.story-context,.episode{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-top:1px solid var(--line);padding-top:70px}.story-context p{max-width:460px}.story-context .text-link{margin-top:20px}.page-intro{margin-top:90px;max-width:1050px}.page-intro h1,.story-intro h1{font-family:'Noto Sans KR';font-weight:300;font-size:clamp(38px,4.5vw,68px);line-height:1.45;letter-spacing:-.02em}.story-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center}.story-feature:not(:first-of-type){padding-top:70px;border-top:1px solid var(--line)}.story-feature h2{font-family:'Noto Sans KR';font-size:34px;line-height:1.5;font-weight:300}.story-feature img,.story-context img,.neighbor-layout img{height:auto;object-fit:contain}.story-intro{text-align:center;max-width:1000px;margin:90px auto 60px;padding:0 24px}.story-cover{margin:0 auto;max-width:1120px;padding:0 56px}.story-prose{max-width:690px;margin-left:auto;margin-right:auto;padding:0 24px}.story-prose h2{font-family:'Noto Sans KR';font-weight:300;line-height:1.5;font-size:32px}.story-prose>p:not(.eyebrow):not(.small){font-size:18px;line-height:2}.episode h2{font-family:'Noto Sans KR';font-size:32px;font-weight:300}.episode .button{margin-top:24px}.video-slot:empty{display:none}.video-slot iframe{width:100%;aspect-ratio:16/9;border:0;margin-top:20px}.type-study{margin:0 56px 120px}.type-study article{border-top:1px solid var(--line);padding:40px 0}.type-study h2{font-size:clamp(38px,6vw,84px)}.type-study h3{font-size:26px}.skip{position:absolute;top:-100px;background:var(--gold);padding:12px;z-index:5}.skip:focus{top:0}@keyframes arrive{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1700px){main{max-width:1700px;margin:auto}}@media(max-width:1000px){header{gap:20px;margin:0 32px}header>nav{gap:18px}.section{margin:100px 32px}.home-hero{margin:40px 32px 0;gap:35px}.home-hero h1{font-size:76px}.hero-foot{margin-top:50px}.residence-row,.residence-row.reverse,.neighbor-layout{gap:36px}.story-mini{display:block}.story-mini>img{margin-bottom:10px}footer{margin:0 32px}.property-hero{margin:60px 32px 0}}@media(max-width:700px){header{height:76px;margin:0 20px;gap:14px}.logo{width:116px}.logo img{height:36px}header>nav{display:none}header .header-visit{margin-left:auto;font-size:12px;padding:9px 12px;gap:8px;min-height:44px}.mobile-nav{display:block}.mobile-nav summary{list-style:none;font-size:13px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:75px;right:0;width:calc(100vw - 40px);padding:20px;background:var(--paper);border:1px solid var(--line);display:grid;gap:10px}.mobile-nav a{padding:8px}.section{margin:72px 24px}.home-hero{margin:40px 24px 0;grid-template-columns:1fr;gap:32px}.hero-copy{padding:0}.home-hero h1{font-size:48px;line-height:1.08}.eyebrow{font-size:12px;margin-bottom:20px}.hero-ko{font-size:16px;margin-top:24px}.hero-foot{display:none}.actions{gap:20px;margin-top:26px}.arch{width:100%}.arch img{max-height:560px}.brand{grid-template-columns:1fr;padding-top:36px;gap:22px}.brand>.eyebrow{margin:0}.brand p{font-size:16px}.section-head{display:block;margin-bottom:36px}.section-head>p,.section-head>.text-link{margin-top:24px}.residence-row,.residence-row.reverse{grid-template-columns:1fr;gap:26px;margin-bottom:64px}.reverse>figure{order:0}.residence-copy h3{font-size:32px}.story-mini{display:flex;margin-top:24px}.story-mini .eyebrow{font-size:12px;letter-spacing:.08em}.story-mini>img{width:84px;height:68px;margin:0}.story-mini a{font-size:12px}.neighbor-layout,.story-context,.story-feature,.episode{grid-template-columns:1fr;gap:32px}.neighbor-layout h3{font-size:30px}.inset{width:70%}.visit{padding:42px 20px}.visit h2{font-size:28px}.visit p{font-size:14px}footer{margin:0 24px}.footer-top{align-items:start;flex-direction:column}.footer-top .text-link{margin:0 20px 0 0}.property-hero{margin:48px 24px 0}.property-hero h1{font-size:48px}.property-hero h2{font-size:22px;line-height:1.5}.property-hero>div{margin-bottom:36px}.property-hero>figure img{aspect-ratio:1.1}.space-pair{grid-template-columns:1fr;gap:32px}.space-pair figure:nth-child(2){margin-top:0}.story-context,.episode{padding-top:36px}.page-intro{margin-top:56px}.story-intro{margin-top:56px}.story-intro h1,.page-intro h1{font-size:38px}.story-cover{padding:0 24px}.story-prose{margin:64px 0}.story-prose>p:not(.eyebrow):not(.small){font-size:16px}.story-prose h2{font-size:28px}.story-feature h2{font-size:28px}.type-study{margin:0 24px 72px}figcaption,.small{font-size:13px} .tools{gap:16px}select{max-width:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.context{font-size:16px;letter-spacing:0;margin:0 0 20px}.story-mini .context{font-size:14px;margin:0 0 6px}.property-name{font-size:14px;margin:0 0 20px}.story-prose h3{font-size:22px;line-height:1.5;margin-top:32px}nav{font-size:13px}.visit p{font-size:16px} .home-hero .eyebrow{font-size:12px}

/* Board 6 material: one SVG viewport follows the full document, never tiled. */
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/material.svg') 0 0 / 100% 100% no-repeat}
body[data-theme=restrained]::before{opacity:.07}
/* Exact source fills, lit edges and cast shadows; typography stays selected. */
.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;max-width:100%;padding:10px 32px;border:1px solid rgba(31,26,21,.16);border-radius:0;background:rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px -16px rgba(44,40,36,.35);color:#1f1a15;white-space:normal;overflow-wrap:anywhere;text-align:center}
.button,a[href^="https://la-porte.life/visit/"]{display:inline-flex;align-items:center;justify-content:center;min-height:54px;max-width:100%;padding:10px 34px;border:0;border-radius:0;background:linear-gradient(180deg,#EADDC3 0%,#CFB68C 50%,#AE9066 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.18),0 14px 30px -14px rgba(120,92,52,.55);color:#15110B;font-size:14px;font-weight:500;backdrop-filter:none;-webkit-backdrop-filter:none;white-space:normal;text-align:center}
.button:hover,.text-link:hover,a[href^="https://la-porte.life/visit/"]:hover{text-decoration:none;outline:1px solid rgba(120,92,52,.5);outline-offset:2px}
.button:active,.text-link:active,a[href^="https://la-porte.life/visit/"]:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(31,26,21,.25),inset 0 -1px 0 rgba(255,255,255,.5)}
.button:focus-visible,.text-link:focus-visible,a[href^="https://la-porte.life/visit/"]:focus-visible{outline:2px solid #8c6f45;outline-offset:4px}
.button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.18)}
/* Shadows belong to media panels, leaving captions outside their bounds. */
.residence-row>figure>img,.property-hero>figure>img,.space-pair figure>img,figure>img[src$=".jpg"],figure>img[src$=".webp"]{box-shadow:0 40px 80px -40px rgba(44,40,36,.35);outline:1px solid rgba(255,255,255,.45);outline-offset:-1px}
.arch img[src]{box-shadow:0 50px 90px -40px rgba(44,40,36,.45);outline:1px solid rgba(255,255,255,.45);outline-offset:-1px}
.story-mini{min-width:0;flex-wrap:wrap}.story-mini>div{min-width:0;flex:1 1 150px}.story-mini>img{flex-shrink:0}.story-mini .text-link{padding:8px 12px;min-height:44px;line-height:1.6}
.footer-top>div{display:flex;flex-wrap:wrap;gap:12px}.footer-top .text-link{margin:0}
@media(max-width:700px){header .header-visit{min-height:44px;padding:9px 12px;font-size:12px}.actions{gap:12px}.actions>.text-link,.actions>.button{padding:10px 22px}.story-mini{gap:12px}.story-mini .text-link{padding:8px 12px}.footer-top .text-link{margin:0}}

/* BEGIN V4 MATERIAL REFINEMENT — static stone and edge-only recessed metal. */
/* Shadows cast right/down; geometry remains owned by the existing media rules. */
.hero-media .hero-picture,
.hero-media.arch .hero-picture {
  outline: 0;
  box-shadow: 10px 14px 28px -12px rgba(61, 48, 30, .25),
              3px 6px 8px -3px rgba(53, 40, 24, .22),
              0 9px 12px -10px rgba(49, 38, 24, .20);
}
.hero-media .hero-picture::before,
.hero-media .hero-picture::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
/* The hollow five-pixel bevel leaves the image center untouched. */
.hero-media .hero-picture::before {
  z-index: 2;
  padding: 5px;
  background: linear-gradient(135deg,
    #fff6df 0%, #ead9b3 18%, #c5ab7e 38%,
    #e0cba2 49%, #a58a5f 70%, #6e5b40 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
/* Short shadows recess the imagery locally; no full-surface dark overlay. */
.hero-media .hero-picture::after {
  z-index: 3;
  box-shadow: inset 1px 1px 0 rgba(255, 253, 239, .90),
              inset -2px -2px 0 rgba(67, 50, 29, .72),
              inset 5px 6px 7px -2px rgba(40, 31, 20, .50),
              inset -5px -5px 5px -3px rgba(62, 45, 26, .48);
}
@media (max-width: 700px) {
  .hero-media .hero-picture::before { padding: 4px; }
}
/* END V4 MATERIAL REFINEMENT */

.story-feature>div{min-width:0}
.story-feature>div>.text-link{display:flex;width:fit-content;margin-top:28px}
.story-mini .context{margin-bottom:24px}
.story-context .text-link{margin-top:24px}
.episode>div>.text-link{display:flex;width:fit-content;margin-top:24px}
.episode>div>.text-link+br,.story-context .text-link+br{display:none}
.episode>div>.text-link+br+.text-link,.story-context .text-link+br+.text-link{margin-top:12px}
.neighbor-layout>div>.text-link{display:flex;width:fit-content;margin-top:24px}
@media(min-width:701px){header>nav>a{min-height:44px;display:inline-flex;align-items:center}}
.mobile-nav nav>a{min-height:44px}

/* Home neighbor households */
.neighbor-households{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.neighbor-households>article{min-width:0}
.neighbor-households>article>figure img{width:100%;height:auto;aspect-ratio:1.49;object-fit:contain}
.neighbor-households h3{font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size:24px;line-height:1.5;margin-top:24px}
.neighbor-households .household-place{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;font-size:13px}
.neighbor-households .household-place img{width:64px;height:40px;object-fit:contain;flex-shrink:0}
.neighbor-households .household-content>.text-link{display:flex;width:fit-content;margin-top:24px}
@media(max-width:700px){
.neighbor-households{grid-template-columns:1fr;gap:28px}
.neighbor-households>article{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:20px;align-items:center}
.neighbor-households h3{margin-top:0;font-size:18px}
.neighbor-households .household-place img{width:42px;height:32px}
.neighbor-households .household-place{font-size:12px;gap:8px}
.neighbor-households .household-content>.text-link{min-height:44px;padding:8px 12px}
.neighbor-households>article>figure img{height:auto;object-fit:contain}
}

/* BEGIN BOOKING GOLD MATERIAL OVERRIDES */
.text-link[href^='/visit/?'] {
  padding:11px 33px;
}
@media(max-width:700px) {
  .text-link[href^='/visit/?'] {
    padding:11px 23px;
  }
}
a[href='/visit/']:not(.button):not(.text-link) {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
a[href='/visit/']:is(a, #gallery-visit-link),
a[href^='/visit/?']:is(a, #gallery-visit-link),
.visit-page #visit-form .destination.destination {
  background:linear-gradient(180deg,#EADDC3 0%,#CFB68C 50%,#AE9066 100%);
  border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.18),0 14px 30px -14px rgba(120,92,52,.55);
  color:#15110B;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
a[href='/visit/']:is(a, #gallery-visit-link):active,
a[href^='/visit/?']:is(a, #gallery-visit-link):active,
.visit-page #visit-form .destination.destination:active {
  box-shadow:inset 0 1px 3px rgba(31,26,21,.25),inset 0 -1px 0 rgba(255,255,255,.5);
}
.visit-page #visit-form .destination.destination:disabled {
  opacity:.65;
  cursor:not-allowed;
}
/* END BOOKING GOLD MATERIAL OVERRIDES */