html,body,#root{height:100%;margin:0;padding:0}:root{--ink:#14130f;--ivory:#f6f1e7;--ivory-dim:#f6f1e79e;--brass:#b08d57;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);font-family:var(--font-body)}.doors{width:100%;height:100vh;display:flex;overflow:hidden}.door{min-width:0;color:var(--ivory);outline:none;flex:1;align-items:flex-end;text-decoration:none;transition:flex .7s cubic-bezier(.22,1,.36,1),filter .5s;display:flex;position:relative;overflow:hidden}.door+.door{border-left:1px solid #f6f1e724}.door[data-dimmed=true]{filter:brightness(.62)saturate(.85)}.door:hover,.door:focus-visible{flex:1.12}.door:focus-visible{outline:1px solid var(--brass);outline-offset:-6px}.door__scene{background-position:50%;background-size:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;position:absolute;inset:0;transform:scale(1.06)}.door:hover .door__scene,.door:focus-visible .door__scene{transform:scale(1)}.door__scrim{background:linear-gradient(#14130f2e 0%,#14130f14 45%,#14130f8c 70%,#14130feb 100%);position:absolute;inset:0}.door__index{font-family:var(--font-body);letter-spacing:.16em;color:var(--ivory-dim);font-size:.72rem;position:absolute;top:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px)}.door__content{z-index:1;flex-direction:column;align-items:flex-start;gap:.55rem;width:100%;padding:clamp(24px,5vw,56px);display:flex;position:relative}.door__hairline{background:var(--brass);width:0%;height:1px;transition:width .6s cubic-bezier(.22,1,.36,1)}.door:hover .door__hairline,.door:focus-visible .door__hairline{width:64px}.door__eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-dim);font-size:.72rem;font-weight:500}.door__title{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:.03em;text-transform:uppercase;font-size:clamp(2.6rem,7vw,5rem);font-weight:460;line-height:1}.door__tagline{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-dim);font-size:.78rem}@media (width<=780px){.doors{flex-direction:column;height:100dvh}.door+.door{border-top:1px solid #f6f1e724;border-left:none}.door,.door:hover,.door:focus-visible{flex:1}.door[data-dimmed=true]{filter:none}.door__scene{transform:scale(1)}.door__title{font-size:clamp(2.2rem,11vw,3rem)}}@media (prefers-reduced-motion:reduce){.door,.door__hairline,.door__scene{transition:none}}