.hoobie-page{--h-bg:#000;--h-surface:#111210;--h-text:#f1efe7;--h-muted:#a8a7a1;--h-line:#f1efe72e;--h-accent:#455ce9;--h-accent-text:#7d90ff;--display:var(--font-fraunces),Georgia,serif;--t-display-xl:clamp(2.75rem,7vw,5.5rem);--t-display-l:clamp(2rem,4.5vw,3.25rem);--t-heading:clamp(1.5rem,2.5vw,2rem);--t-lead:1.25rem;--t-body:1rem;--t-small:.8125rem;--t-caption:.6875rem;--track-display:-.03em;--track-heading:-.02em;--track-caps:.12em;--ease:cubic-bezier(.76,0,.24,1);--fast:.2s;--base:.4s;--slow:.6s;--h-container:1200px;--h-gutter:clamp(1.25rem,4vw,2.5rem);--h-native:1179px;background:var(--h-bg);min-height:100svh;color:var(--h-text);position:relative;overflow-x:hidden}.hoobie-page :focus-visible{outline:2px solid var(--h-accent);outline-offset:3px}.hoobie-shell{width:100%;max-width:var(--h-container);padding-inline:var(--h-gutter);margin:0 auto}.hoobie-plate{width:100%;max-width:var(--h-native);background:var(--h-surface);border-radius:0;display:block;position:relative;overflow:hidden}.hoobie-plate img{object-fit:cover}.hoobie-plate-hover{transition:transform var(--base)var(--ease)}@media (hover:hover) and (pointer:fine){.hoobie-plate-hover:hover,.hoobie-plate-hover:focus-visible{will-change:transform;transform:scale(1.02)}}.hoobie-frame-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.hoobie-eyebrow{font-size:var(--t-caption);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--h-accent-text);margin:0;font-weight:600}.hoobie-display-xl,.hoobie-display-l,.hoobie-heading{font-family:var(--display);font-optical-sizing:auto;margin:0;font-weight:400}.hoobie-display-xl{font-size:var(--t-display-xl);letter-spacing:var(--track-display);line-height:1.02}.hoobie-display-l{font-size:var(--t-display-l);letter-spacing:var(--track-display);line-height:1.08}.hoobie-heading{font-size:var(--t-heading);letter-spacing:var(--track-heading);line-height:1.15}.hoobie-lead{font-size:var(--t-lead);color:var(--h-muted);max-width:58ch;margin:0;line-height:1.5}.hoobie-body{font-size:var(--t-body);color:var(--h-muted);max-width:62ch;margin:0;line-height:1.65}.hoobie-caption{font-size:var(--t-caption);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--h-muted);margin:0}.hoobie-cta{border:1px solid var(--h-line);min-height:44px;color:var(--h-text);font-size:var(--t-small);cursor:pointer;transition:color var(--base)var(--ease);background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hoobie-cta-fill{background:var(--h-accent);transition:transform var(--base)var(--ease);position:absolute;inset:0;transform:translateY(100%)}.hoobie-cta-label{z-index:2;position:relative}.hoobie-cta:hover .hoobie-cta-fill,.hoobie-cta:focus-visible .hoobie-cta-fill{transform:translateY(0)}.hoobie-cta:hover,.hoobie-cta:focus-visible{color:#fff;border-color:var(--h-accent)}.hobby-shell{--hobby-switch-top:clamp(5.5rem,10vh,7rem);--hobby-switch-gap:clamp(3rem,6vh,4.5rem);background:#000;position:relative}.hobby-switch{z-index:30;width:max-content;padding:var(--hobby-switch-top)0 0;gap:.5rem;margin:0 auto;display:flex;position:relative}.hobby-shell .hoobie-hero,.hobby-shell .books-hero{min-height:0;padding-top:var(--hobby-switch-gap);align-items:flex-start}.hobby-shell .hoobie-hero-grid,.hobby-shell .books-hero-grid{align-items:start}.hobby-switch-btn{color:#a8a7a1;min-height:36px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f1efe72e;border-radius:100px;align-items:center;padding:.5rem 1.2rem;font-size:.7rem;font-weight:600;transition:color .4s cubic-bezier(.76,0,.24,1),border-color .4s cubic-bezier(.76,0,.24,1);display:inline-flex;position:relative;overflow:hidden}.hobby-switch-btn .hoobie-cta-fill{background:#455ce9;transition:transform .4s cubic-bezier(.76,0,.24,1)}.hobby-switch-btn:hover,.hobby-switch-btn:focus-visible,.hobby-switch-btn[data-active=true]{color:#fff;border-color:#455ce9}.hobby-switch-btn:hover .hoobie-cta-fill,.hobby-switch-btn:focus-visible .hoobie-cta-fill,.hobby-switch-btn[data-active=true] .hoobie-cta-fill{transform:translateY(0)}.hoobie-hero{align-items:center;min-height:100svh;padding-block:clamp(6rem,14vh,9rem) clamp(3rem,8vh,5rem);display:flex}.hoobie-hero-grid{grid-template-columns:1fr;gap:clamp(2.5rem,6vw,4rem);width:100%;display:grid}.hoobie-hero-copy{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.hoobie-hero-copy .hoobie-display-xl{max-width:14ch}.hoobie-hero-deck{max-width:62ch}.hoobie-stage{flex-direction:column;gap:1rem;min-width:0;display:flex}.hoobie-stage-index{border-bottom:1px solid var(--h-line);flex-wrap:wrap;gap:.5rem 1rem;padding-bottom:.75rem;display:flex}.hoobie-triptych{grid-template-columns:1fr;align-items:start;gap:1rem;min-width:0;display:grid}.hoobie-plate-figure{min-width:0;margin:0}.hoobie-plate-caption{opacity:1;transition:opacity var(--base)var(--ease);margin-top:.6rem}@media (hover:hover) and (pointer:fine){.hoobie-plate-figure .hoobie-plate-caption{opacity:0}.hoobie-plate-figure:hover .hoobie-plate-caption,.hoobie-plate-figure:focus-within .hoobie-plate-caption{opacity:1}}.hoobie-statement{padding-block:clamp(4rem,12vh,8rem)}.hoobie-statement-grid{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,3rem);display:grid}.hoobie-statement-quote{font-family:var(--display);font-optical-sizing:auto;font-weight:400;font-size:var(--t-display-l);letter-spacing:var(--track-display);color:var(--h-text);max-width:24ch;margin:0 0 1.5rem;line-height:1.15}.hoobie-hang-section{padding-block:clamp(3rem,8vh,6rem) clamp(4rem,12vh,8rem)}.hoobie-section-head{flex-direction:column;gap:.9rem;max-width:46ch;margin-bottom:clamp(3rem,8vw,5rem);display:flex}.hoobie-collage{columns:2;column-gap:clamp(.75rem,2vw,1.5rem)}.hoobie-collage-figure{break-inside:avoid;width:100%;margin:0 0 clamp(1.25rem,3vw,2.25rem);display:inline-block}.hoobie-collage-figure[data-rhythm="2"],.hoobie-collage-figure[data-rhythm="5"]{width:88%;margin-left:auto}.hoobie-collage-figure[data-rhythm="4"]{width:82%}.hoobie-collage-caption{margin-top:.6rem}.hoobie-wall-text{font-family:var(--display);font-optical-sizing:auto;font-size:var(--t-heading);letter-spacing:var(--track-heading);color:var(--h-muted);text-align:center;margin:0;line-height:1.3}.hoobie-ring-section{padding-block:clamp(3rem,8vh,6rem)}.hoobie-ring-stagearea{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60svh;display:flex;position:relative}.hoobie-ring-scene{perspective:1400px;touch-action:pan-y;cursor:grab;width:100%;height:clamp(220px,34svh,320px);position:relative}.hoobie-ring-scene:active{cursor:grabbing}.hoobie-ring-stage{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.hoobie-ring-cell{backface-visibility:hidden;margin:auto;position:absolute;inset:0}.hoobie-ring-controls{align-items:center;gap:1rem;display:flex}.hoobie-nudge{border:1px solid var(--h-line);width:44px;height:44px;color:var(--h-text);cursor:pointer;transition:border-color var(--base)var(--ease),color var(--base)var(--ease);background:0 0;border-radius:100px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.hoobie-nudge:hover,.hoobie-nudge:focus-visible{border-color:var(--h-accent);color:var(--h-accent-text)}.hoobie-ring-strip{scroll-snap-type:x mandatory;gap:1px;padding-bottom:1rem;display:flex;overflow-x:auto}.hoobie-ring-strip>*{scroll-snap-align:start;flex:none}.hoobie-sheet-section{padding-block:clamp(4rem,12vh,8rem)}.hoobie-sheet{background:var(--h-line);flex-wrap:wrap;gap:1px;width:100%;display:flex}.hoobie-sheet-cell{background:var(--h-surface);cursor:pointer;border:0;flex:none;padding:0;position:relative;overflow:hidden}.hoobie-sheet-number{z-index:2;font-size:var(--t-caption);letter-spacing:.06em;color:var(--h-muted);text-shadow:0 1px 3px #000000e6;pointer-events:none;position:absolute;bottom:.3rem;left:.35rem}.hoobie-viewer{z-index:100;background:#000000f7;flex-direction:column;display:flex;position:fixed;inset:0}.hoobie-viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(3rem,8vh,5rem) clamp(1rem,6vw,5rem);display:flex}.hoobie-viewer-stage img{object-fit:contain;max-width:min(100%,var(--h-native));width:auto;height:auto;max-height:100svh}.hoobie-viewer-bar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem) clamp(1rem,4vh,2rem);display:flex}.hoobie-viewer-nav{gap:.5rem;display:flex}.hoobie-viewer-close{z-index:2;position:absolute;top:1rem;right:1rem}.hoobie-chapters{display:none}.reveal{will-change:transform,opacity}@media (min-width:640px){.hoobie-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}.hoobie-triptych .hoobie-plate-centre{grid-column:1/-1}.hoobie-collage{columns:3}.hoobie-wall-text{grid-column:1/-1;padding-block:clamp(1rem,4vw,3rem)}}@media (min-width:900px){.hoobie-hero-grid{grid-template-columns:5fr 7fr;align-items:center}.hoobie-collage{columns:4}.hoobie-triptych{align-items:flex-start;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}.hoobie-triptych .hoobie-plate-centre{flex:0 50%;min-width:0;margin-top:1.75rem}.hoobie-triptych .hoobie-plate-left{flex:0 26%;min-width:0;margin-top:4rem}.hoobie-triptych .hoobie-plate-right{flex:0 17%;min-width:0;margin-top:0}.hoobie-statement-grid{grid-template-columns:3fr 8fr;gap:clamp(2rem,5vw,4rem)}}@media (min-width:1400px){.hoobie-chapters{z-index:20;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:50%;left:clamp(1rem,2vw,2rem);transform:translateY(-50%)}.hoobie-chapter-link{font-size:var(--t-caption);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--h-muted);transition:color var(--base)var(--ease);text-decoration:none;display:block}.hoobie-chapter-link[data-active=true],.hoobie-chapter-link:hover,.hoobie-chapter-link:focus-visible{color:var(--h-accent-text)}}@media (prefers-reduced-motion:reduce){.hoobie-page *,.hoobie-page :before,.hoobie-page :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}.hoobie-plate-hover:hover,.hoobie-plate-hover:focus-visible{transform:none}.hoobie-plate-figure .hoobie-plate-caption{opacity:1}}