:root{--bg: #0b0908;--bg2: #16110d;--bg3: #201811;--fg: #f0e7da;--fg2: #a89a8b;--fg3: #837868;--border: rgba(200,155,102,.12);--border2: rgba(200,155,102,.26);--accent: #c89b63;--accent-deep: #ae7f62;--on-accent: #0b0908;--ease: cubic-bezier(.16,1,.3,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}em{font-style:italic}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.intro{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.intro-glow{position:absolute;top:50%;left:50%;width:90vw;max-width:900px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,155,102,.16) 0%,rgba(200,155,102,.04) 35%,transparent 68%);animation:glow 8s ease-in-out infinite;pointer-events:none}.intro-inner{position:relative;text-align:center;max-width:900px}.intro-eyebrow{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;opacity:0;animation:fadeIn 1.2s var(--ease) .1s forwards}.intro-title{font-family:Space Grotesk,sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.02em}.intro-line{display:block;font-size:clamp(2.6rem,9vw,6.5rem);opacity:0}.intro-line.l1{animation:fadeUp 1.3s var(--ease) .2s forwards}.intro-line.l2{color:var(--accent);animation:fadeUp 1.3s var(--ease) .45s forwards}.intro-rule{width:60px;height:1px;background:var(--accent);margin:2.4rem auto 0;transform:scaleX(0);animation:drawLine 1s var(--ease) .8s forwards}.intro-sub{margin-top:2rem;color:var(--fg2);font-size:clamp(.95rem,2vw,1.1rem);max-width:42ch;margin-inline:auto;opacity:0;animation:fadeUp 1.2s var(--ease) .9s forwards}.intro-proceed{margin-top:3rem;padding:1rem 3rem;border-radius:100px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.95rem;letter-spacing:.02em;opacity:0;animation:fadeUp 1.2s var(--ease) 1.1s forwards;transition:background .3s,transform .3s}.intro-proceed:hover{background:var(--accent-deep);transform:translateY(-2px)}.intro-skip{position:absolute;top:1.4rem;right:clamp(1.5rem,5vw,3rem);z-index:2;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);padding:.5rem 0;transition:color .2s}.intro-skip:hover{color:var(--accent)}.rooms{min-height:100vh;display:flex;flex-direction:column}.category{min-height:100vh}.cat-head{padding:clamp(3rem,8vw,5rem) clamp(1.5rem,5vw,4rem) 2.5rem;border-bottom:1px solid var(--border);opacity:0;animation:fadeUp 1s var(--ease) forwards}.cat-title-wrap{margin-top:0}.cat-eyebrow{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg3)}.cat-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.02em;margin-top:.6rem}.cat-count{display:block;margin-top:.6rem;font-size:.75rem;color:var(--fg3)}.room-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.room-tab{font-size:.72rem;letter-spacing:.04em;color:var(--fg2);border:1px solid var(--border2);border-radius:100px;padding:.45rem 1rem;transition:color .2s,border-color .2s,background .2s}.room-tab:hover{color:var(--accent);border-color:var(--accent)}.room-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;max-width:1300px;margin:0 auto;padding:3rem clamp(1.5rem,5vw,4rem) 6rem}.proj-card{text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;opacity:0;animation:fadeUp .8s var(--ease) forwards;text-decoration:none;color:inherit}.proj-card:hover{transform:translateY(-6px);border-color:var(--border2);box-shadow:0 24px 60px #00000059}.proj-card-media{aspect-ratio:4 / 3;background:var(--bg3);overflow:hidden}.proj-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.proj-card:hover .proj-card-media img{transform:scale(1.04)}.proj-card-ph{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.5rem;background:radial-gradient(circle at 80% 20%,rgba(200,155,102,.18),transparent 60%),var(--bg3)}.proj-card-ph-room{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.proj-card-ph-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;color:var(--fg2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proj-card-body{padding:1.4rem 1.5rem 1.6rem}.proj-card-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.1rem}.proj-card-meta{color:var(--fg3);font-size:.72rem;letter-spacing:.03em;margin-top:.5rem}.cat-skeleton{height:300px;border-radius:8px;background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.cat-empty{color:var(--fg3);text-align:center;padding:4rem 2rem}.rooms-doors{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem clamp(1.5rem,4vw,4rem);padding:clamp(2.5rem,6vh,4.5rem) clamp(1.5rem,5vw,3rem) 4rem}.rooms-doors .pdoor{width:clamp(180px,min(19vw,40vh),340px)}.room-inside{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0 1.2rem;text-align:center}.room-inside-label{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.4vw,2.2rem);letter-spacing:-.01em;color:var(--fg)}.room-inside-blurb{font-size:.8rem;color:var(--fg2)}.room-status{margin-top:.6rem;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.room-status.is-empty{color:var(--fg3)}.pdoor-title{font-size:1.25rem}.pdoor.is-locked{cursor:default}.pdoor.is-locked .pdoor-leaf{filter:brightness(.6) saturate(.6)}.pdoor.is-locked .pdoor-plaque{filter:grayscale(.6)}.pdoor.is-locked .pdoor-title{color:var(--fg3)}.pdoor{display:flex;flex-direction:column;align-items:center;width:min(100%,260px);opacity:0;animation:fadeUp .8s var(--ease) forwards}.pdoor-frame{--arch: 999px 999px 0 0;position:relative;width:100%;aspect-ratio:5 / 7;border-radius:var(--arch);perspective:1400px;box-shadow:0 0 0 8px var(--bg2),0 0 0 9px var(--border2),0 30px 60px -20px #0009;background:var(--bg)}.pdoor-frame:after{content:"";position:absolute;left:-14px;right:-14px;bottom:-14px;height:6px;background:var(--bg3);border-radius:2px;box-shadow:0 1px 0 var(--border2)}.pdoor-inside{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,rgba(200,155,102,.35),rgba(200,155,102,.06) 55%,transparent 75%),var(--bg3);display:flex;align-items:center;justify-content:center}.pdoor-inside img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pdoor-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(240,200,140,.35),transparent 60%);opacity:0;transition:opacity .6s var(--ease)}.pdoor-leaf{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:left center;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 12%,transparent 88%,rgba(0,0,0,.3)),linear-gradient(160deg,#2a2017,#1a140f 60%,#140f0b);box-shadow:inset 0 0 0 1px #c89b662e;transition:transform .7s var(--ease),filter .7s var(--ease);will-change:transform}.pdoor-panel{position:absolute;left:14%;right:14%;border:1px solid rgba(200,155,102,.2);box-shadow:inset 0 0 18px #00000073}.pdoor-panel-top{top:12%;height:30%;border-radius:999px 999px 4px 4px}.pdoor-panel-bottom{bottom:7%;height:26%;border-radius:4px}.pdoor-plaque{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72%;padding:.7rem .6rem;text-align:center;border-radius:3px;background:linear-gradient(180deg,#d6ad78,#a87a4c);color:#1a120b;box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff59;display:flex;flex-direction:column;gap:.25rem}.pdoor-no{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75}.pdoor-plaque-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.82rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pdoor-handle{position:absolute;right:9%;top:56%;width:9px;height:34px;border-radius:5px;background:linear-gradient(90deg,#e2bd88,#9a6d40);box-shadow:0 2px 5px #0009}.pdoor-caption{margin-top:1.8rem;text-align:center}.pdoor-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.05rem;transition:color .3s}.pdoor-meta{color:var(--fg3);font-size:.72rem;letter-spacing:.03em;margin-top:.35rem}a.pdoor:hover .pdoor-leaf,a.pdoor:focus-visible .pdoor-leaf{transform:rotateY(-24deg);filter:brightness(1.1)}a.pdoor:hover .pdoor-light,a.pdoor:focus-visible .pdoor-light{opacity:1}a.pdoor:hover .pdoor-title{color:var(--accent)}.pdoor:focus-visible{outline:none}.pdoor:focus-visible .pdoor-frame{outline:2px solid var(--accent);outline-offset:14px}.pdoor.is-opening .pdoor-leaf{transform:rotateY(-82deg);filter:brightness(.55);transition-duration:.65s}.pdoor.is-opening .pdoor-light{opacity:1}.pdoor-zoom{position:fixed;z-index:300;overflow:hidden;pointer-events:none;animation:pdoorZoom var(--z-ms) cubic-bezier(.7,0,.3,1) forwards}.pdoor-zoom .pdoor-inside{border-radius:0}.pdoor-zoom-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:0;animation:pdoorFade var(--z-ms) ease-in forwards}@keyframes pdoorZoom{0%{top:var(--z-top);left:var(--z-left);width:var(--z-w);height:var(--z-h);border-radius:calc(var(--z-w) / 2) calc(var(--z-w) / 2) 0 0}to{top:0;left:0;width:100vw;height:100vh;border-radius:0}}@keyframes pdoorFade{0%,45%{opacity:0}to{opacity:1}}.category{animation:fadeIn .6s var(--ease)}.proj-tag{font-size:.68rem;color:var(--fg2);border:1px solid var(--border2);border-radius:100px;padding:.3rem .8rem}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem clamp(1.5rem,5vw,3rem);background:#0b0908db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-logo{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.01em;flex-shrink:0}.topbar-crumbs{display:flex;align-items:center;flex-wrap:wrap;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.topbar-crumb{display:inline-flex;align-items:center}.topbar-sep{color:var(--fg3);margin:0 .55rem}.topbar-link{color:var(--fg3);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.topbar-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.topbar-current{color:var(--accent)}@media (max-width: 640px){.topbar{flex-wrap:nowrap;gap:.75rem}.topbar-crumbs{flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden}.topbar-crumb{flex-shrink:0}.topbar-crumb:last-child{flex-shrink:1;min-width:0}.topbar-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-home{flex-shrink:0}}.topbar-home{margin-left:auto;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg3);transition:color .2s}.topbar-home:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-detail{min-height:100vh;padding-bottom:4rem}.pd-loading,.pd-notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--fg3);font-size:.9rem}.pd-back-link{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid transparent;transition:border-color .2s}.pd-back-link:hover{border-bottom-color:var(--accent)}.pd-head{padding:3rem clamp(1.5rem,5vw,4rem) 0;border-bottom:1px solid var(--border);opacity:0;animation:fadeUp 1s var(--ease) forwards}.pd-hero{max-width:900px;margin:0 0 3rem}.pd-eyebrow{font-size:.7rem;letter-spacing:.1em;color:var(--fg3);text-transform:uppercase}.pd-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2rem,5.5vw,3.4rem);letter-spacing:-.02em;margin-top:.7rem}.pd-desc{color:var(--fg2);line-height:1.7;margin-top:1.2rem;max-width:640px}.pd-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}.pd-cover{max-width:1300px;margin:0 auto 3rem;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg3)}.pd-cover img{display:block;width:100%;max-height:70vh;object-fit:cover}.pd-section{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,4rem);border-bottom:1px solid var(--border)}.pd-section-alt{background:var(--bg2)}.pd-two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start;max-width:1300px;margin:0 auto}.pd-section-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.pd-section-heading{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1.3rem,3vw,1.9rem);margin-top:.6rem;letter-spacing:-.01em}.pd-section-body{color:var(--fg2);line-height:1.75}.pd-steps{list-style:decimal;padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem}.pd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.pd-stat-value{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.8rem;color:var(--fg)}.pd-stat-label{color:var(--fg3);font-size:.75rem;margin-top:.3rem}.pd-gallery{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,4rem)}.pd-gallery-inner{max-width:1200px;margin:0 auto}.pd-gallery-head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.6rem}.pd-gallery-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.pd-gallery-count{margin-left:auto;font-size:.68rem;color:var(--fg3)}.pd-gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.pd-gallery-item{flex:1 1 280px;max-width:420px;display:block;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.pd-gallery-item img{width:100%;display:block;transition:transform .5s var(--ease)}.pd-gallery-item:hover img{transform:scale(1.03)}@media (max-width: 768px){.pd-two-col{grid-template-columns:1fr}}.pd-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060504f0;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .25s var(--ease)}.pd-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px}.pd-lightbox-close,.pd-lightbox-nav{position:fixed;background:#ffffff14;color:var(--fg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.pd-lightbox-close{top:1.5rem;right:1.5rem;width:40px;height:40px;font-size:1.5rem}.pd-lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:1.8rem}.pd-lightbox-prev{left:1.5rem}.pd-lightbox-next{right:1.5rem}.pd-lightbox-close:hover,.pd-lightbox-nav:hover{background:var(--accent);color:var(--on-accent)}.pd-lightbox-count{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--fg3)}.pd-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;max-width:1300px;margin:0 auto;padding:2.5rem clamp(1.5rem,5vw,4rem);border-bottom:1px solid var(--border)}.pd-pager-link{display:flex;flex-direction:column;gap:.4rem;min-width:0}.pd-pager-next{text-align:right;align-items:flex-end}.pd-pager-dir{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.pd-pager-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.05rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .2s}.pd-pager-link:hover .pd-pager-title{color:var(--accent)}.pd-pager-back{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);border:1px solid var(--border2);border-radius:100px;padding:.55rem 1.1rem;white-space:nowrap;transition:color .2s,border-color .2s}.pd-pager-back:hover{color:var(--accent);border-color:var(--accent)}@media (max-width: 640px){.pd-pager{grid-template-columns:1fr 1fr}.pd-pager-back{grid-column:1 / -1;grid-row:2;justify-self:center}}.pd-cta{padding:4rem clamp(1.5rem,5vw,4rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.pd-cta p{color:var(--fg3);font-size:.9rem}.pd-cta-btn{background:var(--accent);color:var(--on-accent);padding:.9rem 2rem;border-radius:100px;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:opacity .2s}.pd-cta-btn:hover{opacity:.85}@media (max-width: 820px){.rooms-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem;align-content:start;align-items:start}.rooms-doors .pdoor{width:100%;max-width:220px;justify-self:center}.rooms-doors .pdoor-frame{box-shadow:0 0 0 5px var(--bg2),0 0 0 6px var(--border2),0 20px 40px -15px #0009}.rooms-doors .pdoor-plaque{padding:.45rem .3rem}.rooms-doors .pdoor-frame:after{left:-8px;right:-8px;bottom:-9px;height:4px}.rooms-doors .pdoor-caption{margin-top:1.3rem}.rooms-doors .pdoor-plaque-title{font-size:.72rem}.rooms-doors .pdoor-title{font-size:1.05rem}.rooms-doors .pdoor-meta{font-size:.68rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro-eyebrow,.intro-line,.intro-sub,.intro-proceed,.cat-head,.pd-head,.pdoor,.proj-card{opacity:1!important;transform:none!important}.intro-rule{transform:scaleX(1)!important}}