.lair{display:flex;flex-direction:column;gap:var(--lair-scene-gap);margin-inline:calc(50% - 50vw);margin-inline:calc(-.5*(100dvw - 100%));padding-inline:0}.lair-scene{--lair-gutter: max(var(--space-4), calc((100% - 1100px)/2) )}.lair-scene{position:relative;display:grid;align-items:center;box-sizing:border-box;--lair-art-cap: calc(var(--lair-scene-height) - var(--space-16));--lair-art-w: min( calc(var(--lair-art-width) * 1vw), calc(var(--lair-art-cap) * (var(--lair-art-ratio))) );min-height:max(var(--lair-scene-min-height),calc(var(--lair-art-w) / (var(--lair-art-ratio)) + var(--space-16)));padding:var(--space-12) var(--lair-gutter);background:linear-gradient(to bottom,var(--color-page-bg) 0%,var(--lair-room-bg) 38%,var(--lair-room-bg) 84%,var(--color-page-bg) 100%);overflow:hidden}.lair-scene--hero{--lair-scene-height: var(--lair-hero-height);--lair-art-width: 74;padding-block:var(--space-8)}.lair-scene__art{position:absolute;bottom:0;width:var(--lair-art-w);aspect-ratio:var(--lair-art-ratio);z-index:0;pointer-events:none}.lair-scene--fade-right .lair-scene__art{left:0;-webkit-mask-image:linear-gradient(to right,#000 0 86%,transparent 100%),linear-gradient(to top,transparent 0,#000 5%);mask-image:linear-gradient(to right,#000 0 86%,transparent 100%),linear-gradient(to top,transparent 0,#000 5%);-webkit-mask-composite:source-in;mask-composite:intersect}.lair-scene--fade-left .lair-scene__art{right:0;-webkit-mask-image:linear-gradient(to left,#000 0 86%,transparent 100%),linear-gradient(to top,transparent 0,#000 5%);mask-image:linear-gradient(to left,#000 0 86%,transparent 100%),linear-gradient(to top,transparent 0,#000 5%);-webkit-mask-composite:source-in;mask-composite:intersect}.lair-layer{position:absolute;right:0;bottom:0;left:0}.lair-layer picture,.lair-layer svg,.lair-layer__img{display:block;width:100%;height:auto}.lair-layer picture+svg{position:absolute;inset:0;height:100%}.lair-layer__img{aspect-ratio:var(--lair-art-ratio)}.lair-layer--background{-webkit-mask-image:linear-gradient(to right,#000 0 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 20%);mask-image:linear-gradient(to right,#000 0 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 20%);-webkit-mask-composite:source-in;mask-composite:intersect;filter:blur(1px) saturate(.82) contrast(.94);transform:scale(1.04)}.lair-scene--fade-left .lair-layer--background{-webkit-mask-image:linear-gradient(to left,#000 0 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 20%);mask-image:linear-gradient(to left,#000 0 70%,transparent 97%),linear-gradient(to bottom,transparent 0,#000 20%)}.lair-layer--foreground{filter:saturate(1.02)}.lair-layer[data-depth="0.05"]{--depth: .05}.lair-layer[data-depth="0.1"]{--depth: .1}.lair-layer[data-depth="0.15"]{--depth: .15}.lair-layer[data-depth="0.25"]{--depth: .25}.lair-layer[data-depth="0.3"]{--depth: .3}.lair-layer[data-depth="0.4"]{--depth: .4}.lair-layer[data-depth="0.5"]{--depth: .5}.lair-layer[data-depth="0.65"]{--depth: .65}.lair-layer[data-depth="0.8"]{--depth: .8}@supports (animation-timeline: view()){.lair-layer{animation:lair-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes lair-parallax{0%{translate:0 calc(var(--lair-travel, 4rem) * var(--depth, 0))}to{translate:0 calc(var(--lair-travel, 4rem) * var(--depth, 0) * -1)}}}.lair-scene--hero .lair-scene__art{animation:lair-reveal-art 1.1s var(--ease-out) both}@supports (animation-timeline: view()){.lair-scene:not(.lair-scene--hero) .lair-scene__art{animation:lair-reveal-art linear both;animation-timeline:view();animation-range:entry 5% entry 75%}.lair-scene:not(.lair-scene--hero) .lair-poppet{animation:lair-reveal-poppet linear both;animation-timeline:view();animation-range:entry 22% entry 92%}}@keyframes lair-reveal-art{0%{opacity:0;scale:var(--lair-reveal-scale);translate:0 var(--lair-reveal-rise)}to{opacity:1;scale:1;translate:0 0}}@keyframes lair-reveal-poppet{0%{opacity:0;translate:0 var(--lair-reveal-rise)}to{opacity:1;translate:0 0}}html.mode-dark .lair-layer--background{filter:blur(1px) saturate(.7) brightness(.55) contrast(.94)}html.mode-dark .lair-layer--foreground{filter:saturate(.95) brightness(.78)}.lair-poppet{position:relative;z-index:1;width:min(100%,34rem);padding:var(--space-8) var(--space-6);border:1px solid var(--lair-scrim-border);border-radius:var(--radius-card);background:var(--lair-scrim);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);box-shadow:0 1.25rem 2.5rem -1.5rem color-mix(in srgb,var(--color-text-primary) 40%,transparent);color:var(--color-text-primary)}.lair-poppet--left{justify-self:start}.lair-poppet--right{justify-self:end}.lair-poppet__heading{margin:0 0 var(--space-3);font-size:var(--font-size-display);line-height:var(--line-height-heading)}.lair-scene:not(.lair-scene--hero) .lair-poppet__heading{font-size:var(--font-size-heading)}.lair-poppet__copy{margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body)}.lair-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--font-size-body);font-weight:600;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.lair-cta:hover,.lair-cta:focus-visible{background:var(--color-accent-hover)}.lair-cta-secondary{display:inline-flex;align-items:center;min-height:44px;margin-left:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-label)}.lair-book{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5)}.lair-book__art{flex:0 0 auto;width:min(50%,calc(20dvh * (1200 / 675)));height:auto;aspect-ratio:1200 / 675;border-radius:var(--radius-md);background:var(--color-surface-secondary)}.lair-book__text{min-width:0}.lair-book__title{margin:0;font-family:var(--font-family-grid);font-size:var(--font-size-heading-sm);color:var(--color-text-primary)}.lair-book__meta{margin:var(--space-1) 0 0;font-size:var(--font-size-caption);color:var(--color-text-muted)}.lair-shelf{margin-bottom:var(--space-5)}.lair-shelf__heading{margin:0 0 var(--space-2);font-size:var(--font-size-heading-sm);color:var(--color-text-primary)}@media not (min-width:40rem){.lair-scene{padding:var(--space-8) var(--space-4);--lair-art-width: 100;min-height:var(--lair-scene-min-height)}.lair-scene__art{aspect-ratio:auto;top:40%}.lair-poppet--left,.lair-poppet--right{justify-self:stretch}.lair-poppet__heading{font-size:var(--font-size-heading)}.lair-cta,.lair-cta-secondary{display:flex;justify-content:center;margin-left:0}.lair-cta-secondary{margin-top:var(--space-3)}.lair-layer:not([data-small]){display:none}.lair-layer{animation:none;translate:none}}.lair-anim{transform-box:view-box;will-change:transform;animation-play-state:paused}[data-visible] .lair-anim{animation-play-state:running}.lair-flame{transform-origin:266px 478px;animation:lair-flame-sway 2.3s ease-in-out infinite alternate}.lair-flame--mid{animation:lair-flame-sway 2.3s ease-in-out infinite alternate,lair-flame-pulse 1.7s ease-in-out infinite alternate}.lair-flame--core{animation:lair-flame-sway 2.3s ease-in-out infinite alternate,lair-flame-pulse 1.1s ease-in-out infinite alternate}.lair-flame--body-alt{animation:lair-flame-sway 2.3s ease-in-out infinite alternate,lair-flame-mix 1.3s ease-in-out infinite alternate}.lair-flame--core-alt{animation:lair-flame-sway 2.3s ease-in-out infinite alternate,lair-flame-mix .9s ease-in-out infinite alternate}@keyframes lair-flame-sway{0%{transform:scaleY(1) skew(0)}to{transform:scaleY(1.06) skew(-2.5deg)}}@keyframes lair-flame-pulse{0%{opacity:.82}to{opacity:1}}@keyframes lair-flame-mix{0%{opacity:.1}to{opacity:.75}}.lair-fire{transform-origin:1187px 1085px}.lair-fire--a{animation:lair-fire-lick 1.9s ease-in-out infinite alternate}.lair-fire--b{animation:lair-fire-lick 2.6s ease-in-out infinite alternate}.lair-fire--c{animation:lair-fire-lick 3.3s ease-in-out infinite alternate}@keyframes lair-fire-lick{0%{transform:scaleY(1) scaleX(1);opacity:.88}to{transform:scaleY(1.05) scaleX(.985);opacity:1}}.lair-fire-flare{animation:lair-fire-flare 2.2s steps(1,end) infinite}@keyframes lair-fire-flare{0%{opacity:0}11%{opacity:.8}22%{opacity:.24}30%{opacity:.66}44%{opacity:.05}53%{opacity:.8}61%{opacity:.35}74%{opacity:.72}82%{opacity:0}91%{opacity:.5}}.lair-raven-eye{transform-origin:680px 520px;animation:lair-blink 3.7s steps(1,end) infinite}@keyframes lair-blink{0%,90%,93%,to{transform:scaleY(1)}88.5%,91.5%{transform:scaleY(.06)}}.lair-ruffle{opacity:0;animation-duration:15s;animation-delay:15s;animation-timing-function:steps(1,end);animation-iteration-count:infinite}.lair-ruffle--1{animation-name:lair-ruffle-1}.lair-ruffle--2{animation-name:lair-ruffle-2}.lair-ruffle--3{animation-name:lair-ruffle-3}@keyframes lair-ruffle-1{0%{opacity:1}0.44%{opacity:0}}@keyframes lair-ruffle-2{0%{opacity:0}0.89%{opacity:1}1.33%{opacity:0}}@keyframes lair-ruffle-3{0%{opacity:0}1.78%{opacity:1}2.22%{opacity:0}}.lair-bubble{fill:#fff;fill-opacity:.62;opacity:0;animation-name:lair-bubble-rise;animation-timing-function:linear;animation-iteration-count:infinite}.lair-bubble--a{animation-duration:2.9s}.lair-bubble--b{animation-duration:3.7s}.lair-bubble--c{animation-duration:4.3s}.lair-bubble--tall{animation-name:lair-bubble-rise-tall}@keyframes lair-bubble-rise{0%{transform:translateY(0);opacity:0}18%{opacity:1}78%{opacity:1}to{transform:translateY(-115px);opacity:0}}@keyframes lair-bubble-rise-tall{0%{transform:translateY(0);opacity:0}14%{opacity:1}82%{opacity:1}to{transform:translateY(-195px);opacity:0}}.lair-arc{opacity:0;animation:lair-arc-strike 3.1s steps(1,end) infinite}@keyframes lair-arc-strike{0%,6%,11%,to{opacity:0}4%{opacity:.9}9%{opacity:.55}}.lair-sphere-halo{animation:lair-halo-breathe 3.3s ease-in-out infinite alternate}@keyframes lair-halo-breathe{0%{opacity:.15}to{opacity:.6}}.lair-quill{transform-origin:1040px 560px;animation:lair-quill-drift 5.9s ease-in-out infinite alternate,lair-quill-dip 7.3s ease-in-out infinite alternate}@keyframes lair-quill-drift{0%{transform:translate(-9px) translateY(2px)}to{transform:translate(9px) translateY(-3px)}}@keyframes lair-quill-dip{0%{rotate:-2.5deg}to{rotate:2deg}}.lair-crystal{transform-origin:1523px 78px;animation:lair-crystal-pulse 4.1s ease-in-out infinite alternate}@keyframes lair-crystal-pulse{0%{transform:scale(1);opacity:.86}to{transform:scale(1.045);opacity:1}}@media(prefers-reduced-motion:reduce){.lair-scene__art,.lair-layer,.lair-poppet,.lair-anim{animation:none!important;rotate:none!important;translate:none!important;will-change:auto!important}.lair-anim{transform:none!important}}html.mode-large-print .lair-scene__art{display:none}html.mode-large-print .lair-scene{min-height:0;padding:var(--space-8) var(--space-4);background:var(--color-page-bg)}html.mode-large-print .lair-poppet{width:100%;border:0;background:none}@media print{.lair-scene__art{display:none}.lair-scene{min-height:0;padding:0;background:none}}