@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&display=swap";:root{--portal-text:#2a2622;--portal-muted:#5a534a;--portal-accent:#3d6b5c;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100svh;font-family:var(--font-sans);color:var(--portal-text);background:#e8efe8;margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh;position:relative}.door-card{--door-wood-1:#c4a574;--door-wood-2:#8b6914;--door-wood-3:#5c4a2e;--door-trim:#f3e9d7;--door-frame-bg-1:#3a3228;--door-frame-bg-2:#1f1a16;--door-room-bg-1:#1a2e28;--door-room-bg-2:#0f1714;--door-shadow:#2d262059;--door-focus:#6b8e7f8c;--knob-light:#f0e6d8;--knob-mid:#9a7b4f;--knob-dark:#4a3c2c;cursor:pointer;text-align:left;width:100%;max-width:280px;font:inherit;color:inherit;background:0 0;border:none;border-radius:18px;outline:none;flex-direction:column;align-items:stretch;margin:0 auto;padding:0;transition:transform .35s,filter .35s;display:flex;position:relative}.door-card:focus-visible{box-shadow:0 0 0 3px #fff8ebf2, 0 0 0 6px var(--door-focus,#6b8e7f8c)}.door-card:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-4px)}.door-card:disabled{cursor:wait;opacity:.92}.door-card__frame{aspect-ratio:3/4.1;perspective:1100px;box-shadow:0 18px 40px var(--door-shadow), inset 0 1px 0 #ffffff59;border:3px solid var(--door-trim);background:linear-gradient(145deg, var(--door-frame-bg-1) 0%, var(--door-frame-bg-2) 100%);border-radius:14px;display:block;position:relative;overflow:visible}.door-card__room{background:radial-gradient(120% 80% at 50% 100%, #ffffff1f, transparent 55%), linear-gradient(180deg, var(--door-room-bg-1) 0%, var(--door-room-bg-2) 100%);border-radius:8px;position:absolute;inset:10px;overflow:hidden}.door-card__room-glow{background:radial-gradient(circle at 50% 60%, var(--door-glow,#b4dcc859) 0%, transparent 58%);opacity:.85;transition:opacity .5s;position:absolute;inset:-20%}.door-card__room-label{letter-spacing:.35em;text-transform:uppercase;color:#fffaf2e0;text-shadow:0 2px 12px #00000073;opacity:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;transition:opacity .45s .12s,transform .45s .12s;display:flex;position:absolute;inset:0;transform:translateY(6px)}.door-card--open .door-card__room-label{opacity:1;transform:translateY(0)}.door-card__panel{width:calc(50% - 1px);transform-style:preserve-3d;backface-visibility:hidden;transition:transform .72s cubic-bezier(.33,1,.32,1);position:absolute;top:8px;bottom:8px;box-shadow:inset 0 0 0 1px #0000001f}.door-card__panel--left{transform-origin:0;background:linear-gradient(90deg, var(--door-wood-3) 0%, var(--door-wood-1) 42%, var(--door-wood-2) 100%);border-radius:6px 2px 2px 6px;left:8px}.door-card__panel--right{transform-origin:100%;background:linear-gradient(270deg, var(--door-wood-3) 0%, var(--door-wood-1) 42%, var(--door-wood-2) 100%);border-radius:2px 6px 6px 2px;right:8px}.door-card__knob{background:radial-gradient(circle at 30% 30%, var(--knob-light), var(--knob-mid) 55%, var(--knob-dark));border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:10px;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff73}.door-card--open .door-card__panel--left{transform:rotateY(-82deg)}.door-card--open .door-card__panel--right{transform:rotateY(82deg)}.door-card--open .door-card__room-glow{opacity:1}.door-card--sage{--door-focus:#5a8c738c;--door-glow:#a0dcbe80;--door-wood-1:#9dc9a8;--door-wood-2:#4a7c59;--door-wood-3:#2d4a38;--door-trim:#e8f2e8;--door-frame-bg-1:#2a3d32;--door-frame-bg-2:#15221c;--door-room-bg-1:#1a2e24;--door-room-bg-2:#0d1712;--door-shadow:#1e372a61;--knob-light:#e8f5e8;--knob-mid:#5a8f6a;--knob-dark:#2a4534}.door-card--clay{--door-focus:#b4785f80;--door-glow:#f0b4967a;--door-wood-1:#d4a088;--door-wood-2:#b56545;--door-wood-3:#6d3d2e;--door-trim:#fde8dc;--door-frame-bg-1:#4a3028;--door-frame-bg-2:#281a16;--door-room-bg-1:#3d2820;--door-room-bg-2:#1c110e;--door-shadow:#502a2061;--knob-light:#ffe8dc;--knob-mid:#c07858;--knob-dark:#5c3328}.door-card--dusk{--door-focus:#6473a580;--door-glow:#aabeeb73;--door-wood-1:#9aa8c9;--door-wood-2:#5c6b94;--door-wood-3:#3a4260;--door-trim:#e8ecf7;--door-frame-bg-1:#2e3548;--door-frame-bg-2:#1a1e2c;--door-room-bg-1:#222838;--door-room-bg-2:#12151f;--door-shadow:#23283a66;--knob-light:#e4e8f5;--knob-mid:#7a87b0;--knob-dark:#3d4460}.door-card--mist{--door-focus:#6e879180;--door-glow:#c8dce47a;--door-wood-1:#b8c9cc;--door-wood-2:#7a9399;--door-wood-3:#4a5c62;--door-trim:#eef4f5;--door-frame-bg-1:#3a4548;--door-frame-bg-2:#232a2d;--door-room-bg-1:#2a3235;--door-room-bg-2:#171c1e;--door-shadow:#28323761;--knob-light:#f0f6f7;--knob-mid:#8a9fa5;--knob-dark:#4a565a}.door-card--ember{--door-focus:#82699b80;--door-glow:#d7b9eb75;--door-wood-1:#c9b0d4;--door-wood-2:#8a6a9e;--door-wood-3:#4f3d5c;--door-trim:#f3ecf7;--door-frame-bg-1:#3f3448;--door-frame-bg-2:#221c2c;--door-room-bg-1:#302838;--door-room-bg-2:#1a1520;--door-shadow:#2d233a66;--knob-light:#f0e8f5;--knob-mid:#9a7aad;--knob-dark:#4c3a58}.door-card__text{flex-direction:column;gap:.35rem;margin-top:1rem;padding:0 .15rem;display:flex}.door-card__title{font-family:var(--font-display,serif);letter-spacing:-.02em;color:var(--portal-text,#2c2824);font-size:1.2rem;font-weight:600}.door-card__subtitle{color:var(--portal-muted,#5c564e);font-size:.92rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.door-card,.door-card__panel,.door-card__room-label{transition:none}}.portal{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;min-height:100svh;padding:clamp(1.75rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem) 2.5rem;display:flex;position:relative}.portal__bg{z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 50% -10%,#ffdcbe8c,#0000 55%),radial-gradient(70% 50% at 100% 30%,#b4d2c359,#0000 50%),radial-gradient(60% 45% at 0 70%,#e6c8af66,#0000 50%),linear-gradient(165deg,#f7f0e4 0%,#e8efe8 38%,#dce8e0 72%,#cfd9d4 100%);position:fixed;inset:0}.portal__bg:after{content:"";opacity:.45;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.portal__header{z-index:1;text-align:center;max-width:40rem;margin-bottom:clamp(2rem,5vw,3rem);position:relative}.portal__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--portal-muted);margin:0 0 .5rem;font-size:.82rem;font-weight:600}.portal__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--portal-text);margin:0 0 .85rem;font-size:clamp(1.85rem,4.5vw,2.65rem);font-weight:600;line-height:1.15}.portal__lede{color:var(--portal-muted);margin:0;font-size:1.05rem;line-height:1.55}.portal__grid{z-index:1;flex:1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:clamp(1.75rem,4vw,2.5rem);width:100%;max-width:1200px;display:grid;position:relative}.portal__footer{z-index:1;color:var(--portal-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-top:clamp(2.5rem,6vw,4rem);font-size:.88rem;display:flex;position:relative}.portal__link{color:var(--portal-accent);border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:border-color .2s}.portal__link:hover{border-bottom-color:currentColor}.portal__sep{opacity:.45}.portal__fine{max-width:28rem;line-height:1.45}