:root{--paper:#eee2c9;--paper-deep:#dbc6a0;--ink:#2d261f;--soft:#6c6255;--red:#6f2938;--line:#a99572;--forest:#27443a;--teal:#315c59;--brass:#b58a43;--night:#182a2d;--serif:"Noto Serif SC",serif;--sans:"Source Sans 3",sans-serif}
body{background:#e9dcc0;color:var(--ink);background-image:radial-gradient(circle at 1px 1px,rgba(73,55,34,.08) 1px,transparent 0);background-size:19px 19px}
.house-home{height:100svh;height:100dvh;overflow:hidden}
.house-home main{height:calc(100svh - 64px);height:calc(100dvh - 64px);overflow:hidden}
.house-home main>.profile,.house-home main>.library,.house-home main>.travel-section,.house-home main>.contact,.house-home>.colophon{display:none!important}
.house-object-nav{display:none}
.portal-backdrop[hidden]{display:none}.portal-backdrop{position:fixed;z-index:29;inset:0;background:rgba(7,13,12,.46)}
.house-home .portal-sheet{position:fixed;z-index:30;top:80px;right:28px;bottom:28px}
.masthead{height:64px;background:rgba(28,34,30,.84);color:#f5ead4;border-bottom:1px solid rgba(226,190,120,.55);backdrop-filter:blur(12px)}
.monogram{color:#f5ead4}.masthead nav a{color:#f5ead4}.masthead>span{color:#d9c59f}
.magic-house{height:100%;min-height:0;position:relative;overflow:hidden;background:#152526}
.house-world{position:relative;width:100%;height:100%;min-width:1040px;overflow:hidden}
.house-scene{position:absolute;inset:0;background:url("assets/magic-house-v1.webp") center center/cover no-repeat;transform:scale(1.015)}
.house-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,16,.68) 0,rgba(7,16,16,.13) 32%,rgba(7,16,16,.02) 68%,rgba(7,16,16,.25) 100%),linear-gradient(180deg,rgba(4,10,10,.35),transparent 26%,transparent 72%,rgba(4,10,10,.52));pointer-events:none}
.house-title{position:absolute;z-index:4;left:max(34px,4.5vw);top:103px;width:min(440px,31vw);padding:22px 25px 25px;color:#fff7e6;background:rgba(25,38,34,.78);border:1px solid rgba(226,190,120,.75);box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(7px)}
.house-title:before,.house-title:after{content:"";position:absolute;inset:7px;border:1px solid rgba(226,190,120,.38);pointer-events:none}.house-title:after{inset:12px;border-color:rgba(245,234,212,.14)}
.house-title small{position:relative;z-index:1;font:600 11px var(--sans);letter-spacing:.15em;color:#d9c39a}.house-title h1{position:relative;z-index:1;margin:12px 0 7px;font:600 clamp(30px,3.2vw,51px)/1.42 var(--serif);letter-spacing:-.04em;text-shadow:0 3px 14px #000}.house-title p{position:relative;z-index:1;margin:0;color:#dfd3ba;font:400 14px/1.7 var(--serif)}
.witch-avatar{position:absolute;z-index:6;left:2.2%;bottom:-3%;width:min(31vw,470px);height:min(72vh,690px);padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));transition:transform .35s ease}
.witch-avatar:hover{transform:translateY(-10px) rotate(-1deg)}.witch-avatar img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.witch-avatar span{position:absolute;left:56%;bottom:15%;width:max-content;padding:10px 14px;border:1px solid #d7b878;border-radius:2px;background:rgba(31,45,38,.91);color:#fff1d4;font:500 13px var(--serif);box-shadow:4px 6px 16px rgba(0,0,0,.3)}
.house-portal{--size:62px;position:absolute;z-index:5;width:var(--size);height:var(--size);padding:0;border:1px solid rgba(255,224,155,.9);border-radius:50%;background:rgba(65,42,21,.18);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 6px rgba(255,205,112,.12),0 0 28px rgba(255,197,79,.72),inset 0 0 18px rgba(255,224,155,.24);animation:portal-breathe 3.2s ease-in-out infinite}.house-portal i{position:absolute;inset:9px;border:1px solid rgba(255,235,191,.75);border-radius:50%}.house-portal i:before,.house-portal i:after{content:"";position:absolute;background:#ffe4a1}.house-portal i:before{width:4px;height:4px;border-radius:50%;left:50%;top:-12px;box-shadow:0 48px #ffe4a1}.house-portal i:after{width:4px;height:4px;border-radius:50%;top:50%;left:-12px;box-shadow:48px 0 #ffe4a1}.house-portal span{position:absolute;left:50%;top:calc(100% + 12px);width:max-content;padding:8px 11px;color:#fff5df;background:rgba(25,37,32,.92);border:1px solid rgba(220,188,121,.72);transform:translateX(-50%) translateY(5px);opacity:0;transition:.22s;pointer-events:none}.house-portal span b,.house-portal span small{display:block}.house-portal span b{font:600 14px var(--serif)}.house-portal span small{margin-top:2px;font:400 10px var(--sans);color:#d7c19a;letter-spacing:.08em}.house-portal:hover,.house-portal:focus-visible{transform:scale(1.13);outline:none}.house-portal:hover span,.house-portal:focus-visible span{opacity:1;transform:translateX(-50%) translateY(0)}
.portal-clock{left:58.2%;top:28%}.portal-scroll{left:54%;top:55%}.portal-map{left:76.5%;top:45%}.portal-books{left:91%;top:27%}.portal-door{left:90%;top:69%;--size:48px}
.house-hint{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);margin:0;padding:9px 14px;color:#fff1cf;background:rgba(17,28,25,.72);border:1px solid rgba(222,187,111,.5);font:500 12px var(--serif);letter-spacing:.08em;white-space:nowrap}.house-hint span{color:#e6bd68}
.portal-sheet{position:absolute;z-index:30;top:78px;right:28px;bottom:28px;width:min(570px,44vw);padding:56px 44px 38px;overflow:auto;color:#34291d;background:#ead9b8;background-image:linear-gradient(90deg,rgba(94,61,29,.06) 1px,transparent 1px),radial-gradient(circle at 100% 0,rgba(125,47,51,.13),transparent 35%);background-size:24px 24px,100% 100%;border:1px solid #6b4d28;box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 0 0 7px #ead9b8,inset 0 0 0 8px #b48a4a;transform:translateX(calc(100% + 55px));opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.22,.86,.27,1),opacity .3s}
.portal-sheet.is-open{transform:translateX(0);opacity:1;pointer-events:auto}.portal-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:1px solid #6d4c28;border-radius:50%;background:#6f2938;color:#fff7e6;font:400 25px/1 var(--sans);cursor:pointer}.portal-content small{font:600 11px var(--sans);letter-spacing:.14em;color:#805a28}.portal-content h2{margin:10px 0 20px;font:600 clamp(28px,3vw,43px)/1.35 var(--serif);color:#402e1e}.portal-content>p{font:400 16px/1.9 var(--serif);color:#635542}.portal-content blockquote{margin:25px 0;padding:18px 20px;border-left:4px solid #9d7133;background:rgba(255,250,235,.5);font:500 20px/1.75 var(--serif)}.portal-links{margin-top:28px;border-top:1px solid #aa916d}.portal-links a{display:flex;justify-content:space-between;gap:22px;padding:15px 0;border-bottom:1px solid #b9a580;color:#34291d;text-decoration:none;font:500 15px/1.55 var(--serif)}.portal-links a:after{content:"→";color:#7b3140}.portal-action{display:inline-block;margin-top:26px;padding:11px 15px;background:#29483e;color:#fff5de;text-decoration:none;font:600 13px var(--serif);box-shadow:4px 4px 0 #a47c3d}.career-strip{display:flex;gap:13px;overflow-x:auto;padding:8px 5px 22px;scroll-snap-type:x mandatory}.career-strip article{flex:0 0 210px;min-height:190px;padding:17px;background:rgba(255,250,235,.5);border:1px solid #a88c61;scroll-snap-align:start}.career-strip time{font:600 11px var(--sans);color:#7f5b2e}.career-strip h3{margin:8px 0;font:600 18px var(--serif)}.career-strip p{margin:0;font:400 13px/1.7 var(--serif);color:#665746}
@keyframes portal-breathe{0%,100%{box-shadow:0 0 0 5px rgba(255,205,112,.11),0 0 22px rgba(255,197,79,.55),inset 0 0 15px rgba(255,224,155,.2)}50%{box-shadow:0 0 0 10px rgba(255,205,112,.08),0 0 38px rgba(255,197,79,.82),inset 0 0 21px rgba(255,224,155,.3)}}
.profile,.library,.travel-section{background:#eadfc7;color:var(--ink);border-color:#6e5a3e}.library{background:#dfcfad}.contact{background:#243b35;color:#f4e7cf}.catalog-card{background:#f1e6ce;border-color:#786447}.catalog-card.featured{background:#ddc79f}.filters{background:#eadfc7}.travel-section{background:#334f48;color:#f4e9d2}.travel-section .travel-copy>p{color:#d8cdb8}.colophon{background:#6a2d3a;color:#f5ead3}
.travel-cover{background:#263f39!important}.travel-social{background:#6a2d3a!important}.journal-cover{background:#263f39!important;color:#f4e7cf!important}.field-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.field-notes span{min-height:110px;padding:16px;display:flex;align-items:flex-end;border:1px solid #b9904e;background:rgba(35,62,54,.5);font:500 14px/1.7 var(--serif)}
@media(max-width:900px){.magic-house{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.house-world{width:max(1200px,calc(177.78svh - 113.78px));width:max(1200px,calc(177.78dvh - 113.78px));min-width:max(1200px,calc(177.78svh - 113.78px));min-width:max(1200px,calc(177.78dvh - 113.78px))}.house-scene{background-size:100% 100%;background-position:center}.house-title{left:26px;top:83px;width:330px}.house-title h1{font-size:34px}.witch-avatar{left:7px;width:360px;height:64vh}.house-portal{--size:78px}.portal-door{--size:66px}.house-portal span{top:calc(100% + 7px);padding:7px 9px;opacity:1;transform:translateX(-50%) translateY(0)}.house-portal span b{font-size:13px}.portal-sheet{position:fixed;z-index:100;top:auto;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:78svh;max-height:78dvh;padding:48px 25px calc(28px + env(safe-area-inset-bottom));transform:translateY(calc(100% + 30px))}.portal-sheet.is-open{transform:translateY(0)}.house-hint{position:fixed;left:50vw;bottom:max(12px,env(safe-area-inset-bottom))}.field-notes{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.house-home main{height:calc(100svh - 102px);height:calc(100dvh - 102px)}.house-world{width:max(1200px,calc(177.78svh - 181.34px));width:max(1200px,calc(177.78dvh - 181.34px));min-width:max(1200px,calc(177.78svh - 181.34px));min-width:max(1200px,calc(177.78dvh - 181.34px))}}
@media(max-width:520px){.masthead{height:auto;min-height:58px;background:rgba(28,34,30,.9)}.house-title{top:24px;left:18px;width:300px;padding:18px 20px}.house-title h1{font-size:29px}.house-title p{font-size:13px}.witch-avatar{width:315px;height:58vh;bottom:-2%}.witch-avatar span{left:46%;font-size:12px}.portal-clock{left:58%;top:25%}.portal-scroll{left:54%;top:54%}.portal-map{left:76%;top:43%}.portal-books{left:90%;top:24%}.portal-door{left:90%;top:67%;--size:66px}.house-hint{font-size:11px}.portal-content h2{font-size:28px}.field-notes{grid-template-columns:1fr}}
@media(max-width:900px){.house-home .portal-sheet{top:auto;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:min(78dvh,700px)}.house-object-nav{position:fixed;z-index:12;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(26,36,31,.96);border-top:1px solid #c39e61;box-shadow:0 -9px 28px rgba(0,0,0,.25)}.house-object-nav button{min-height:58px;padding:4px 2px;border:0;border-right:1px solid rgba(231,198,137,.32);background:transparent;color:#f5e6c8;font:500 12px/1.3 var(--serif);cursor:pointer;touch-action:manipulation}.house-object-nav button:last-child{border:0}.house-object-nav span{display:block;margin-bottom:5px;color:#d3af6d;font:600 10px var(--sans)}.house-object-nav button:focus-visible{outline:2px solid #f5e6c8;outline-offset:-2px}.house-hint{bottom:calc(83px + env(safe-area-inset-bottom));pointer-events:none}.house-home .masthead nav{background:#1c221e;border-color:rgba(226,190,120,.4)}.house-home .masthead nav a{color:#f5ead4}}
@media(max-width:520px){.house-title{width:min(300px,calc(100vw - 36px))}.house-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.house-portal{animation:none}.witch-avatar,.portal-sheet,.house-portal span{transition:none}}