@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.holding-footer{flex-wrap:wrap}.design-credit{flex-basis:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding-top:var(--space-3);font-size:11px;color:var(--text-muted)}.credit-studio{display:inline-flex;align-items:center;gap:10px}.ratbag-wordmark{font:400 16px/1.6 "Press Start 2P",monospace;color:var(--text-primary);text-shadow:2px 2px 0 var(--color-rose),4px 4px 0 var(--color-citron)}.holding-page{min-height:100svh;display:flex;flex-direction:column;max-width:1440px;margin:auto;padding:0 var(--section-padding-x)}.holding-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) 0}.holding-header img{display:block;height:auto}.place{font-size:13px;color:var(--text-muted);letter-spacing:.06em}.holding-main{flex:1;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:var(--space-6);padding:var(--space-8) 0 var(--space-10)}.holding-copy{position:relative;z-index:1}.pebble-note{display:inline-flex;align-items:center;justify-content:center;min-height:74px;padding:20px 26px;background:color-mix(in srgb,var(--color-citron) 45%,var(--color-cream));border-radius:var(--radius-pebble-b);font-size:13px;font-weight:500;transform:rotate(-5deg);margin-bottom:var(--space-8)}.holding-copy h1{font:500 clamp(54px,6.6vw,94px)/.99 var(--font-display);letter-spacing:-.055em;margin:0}.holding-copy h1 span{color:var(--color-rose)}.holding-copy p{color:var(--text-muted);font-size:clamp(17px,1.6vw,20px);line-height:1.65;margin:var(--space-7) 0}.hello-link{display:inline-flex;gap:var(--space-6);align-items:center;margin-top:var(--space-7);padding:10px 0;text-decoration:none;border-bottom:1px solid var(--text-muted);font-size:16px}.hello-link span{color:var(--text-muted)}.thread-scene{min-width:0;aspect-ratio:1;position:relative;perspective:1000px}.thread-art{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .45s ease-out}.thread-art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-pebble-b);mix-blend-mode:multiply}.thread-float{position:relative;width:100%;height:100%;animation:knot-drift 9s ease-in-out infinite}.thread-float:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pebble-b);background:radial-gradient(ellipse at center,transparent 46%,var(--surface-page) 74%);pointer-events:none}@keyframes knot-drift{0%,to{transform:translate3d(0,5px,0) rotate(-1.5deg) scale(.98)}35%{transform:translate3d(5px,-13px,0) rotate(1.5deg) scale(1.01)}70%{transform:translate3d(-4px,-4px,0) rotate(.25deg) scale(.995)}}.motion-toggle{position:absolute;bottom:0;right:var(--space-4);z-index:2;padding:12px 8px;border:0;background:transparent;color:var(--text-muted);font:400 12px var(--font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.thread-scene[data-paused=true] .thread-float{animation-play-state:paused}.thread-scene[data-paused=true] .thread-art{transform:none}.holding-footer{border-top:1px solid var(--border-subtle);padding:var(--space-7) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);font-size:13px;color:var(--text-muted)}.holding-footer a{text-decoration:none;padding:8px 0}.pebble-cluster{display:flex;align-items:center;gap:7px}.pebble-cluster i{width:18px;height:22px;background:var(--color-periwinkle);border-radius:var(--radius-pebble-a);opacity:.65;transform:rotate(-18deg)}.pebble-cluster i:nth-child(2){background:var(--color-rose);border-radius:var(--radius-pebble-b);transform:rotate(16deg)}.pebble-cluster i:nth-child(3){background:var(--color-jade);border-radius:var(--radius-pebble-c)}.pebble-cluster i:nth-child(4){background:var(--color-citron);border-radius:var(--radius-pebble-d);transform:rotate(25deg)}@media (max-width: 760px){.holding-header{padding:var(--space-7) 0}.holding-header img{width:124px}.holding-main{grid-template-columns:1fr;padding:var(--space-6) 0;gap:0}.pebble-note{margin-bottom:var(--space-7);min-height:65px}.holding-copy h1{font-size:clamp(54px,10vw,76px)}.holding-copy p{margin:var(--space-6) 0 var(--space-4)}.thread-scene{width:min(100%,480px);margin:var(--space-4) auto 0}.thread-art{top:0;right:0;bottom:0;left:0}.holding-footer{flex-wrap:wrap;font-size:12px;gap:var(--space-3);padding:var(--space-6) 0}.pebble-cluster{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.thread-art{transform:none;transition:none}.thread-float{animation:none}.motion-toggle{display:none}}.holding-main{position:relative;isolation:isolate}.arrival-thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.arrival-thread path{fill:none;stroke:var(--color-periwinkle);stroke-width:2.5;stroke-linecap:round;opacity:.32;stroke-dasharray:1;animation:thread-arrive 2.8s cubic-bezier(.25,.65,.3,1) both}.knot-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;border-radius:var(--radius-pebble-b);mix-blend-mode:multiply}.knot-canvas[data-ready=true]{opacity:1}.thread-float:has(.knot-canvas[data-ready=true])>img{opacity:0}.thread-float{animation-duration:12s}.thread-scene{animation:sculpture-arrive 1.7s cubic-bezier(.2,.75,.25,1) both}.holding-copy h1{animation:words-arrive 1.2s .15s cubic-bezier(.2,.75,.25,1) both}.pebble-note{animation:note-arrive 1.1s .1s cubic-bezier(.2,.75,.25,1) both}.hello-link{animation:words-arrive 1.1s .35s cubic-bezier(.2,.75,.25,1) both}@keyframes thread-arrive{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sculpture-arrive{0%{opacity:0;transform:translateY(24px) scale(.94) rotate(3deg)}to{opacity:1;transform:none}}@keyframes words-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes note-arrive{0%{opacity:0;transform:translateY(10px) rotate(-10deg)}to{opacity:1;transform:rotate(-5deg)}}.holding-page[data-paused=true] *{animation-play-state:paused}@media (max-width: 760px){.arrival-thread{top:40%;height:60%}.arrival-thread path{stroke-width:3;opacity:.22}}@media (prefers-reduced-motion: reduce){.holding-page *,.arrival-thread path{animation:none!important}.knot-canvas{display:none}.thread-float:has(.knot-canvas[data-ready=true])>img{opacity:1}}:root{--color-cream: #FBF6EE;--color-ink: #0B0814;--color-indigo: #3D1AFF;--color-pink: #FF2E93;--color-teal: #00E0C6;--color-lime: #C6FF3D;--color-periwinkle: #6E5CE6;--color-rose: #EE7BAC;--color-jade: #3FB89E;--color-citron: #C6D862;--surface-page: var(--color-cream);--surface-page-inverse: var(--color-ink);--surface-card: #FFFFFF;--surface-card-inverse: #161226;--surface-accent: var(--color-periwinkle);--border-subtle: rgba(11, 8, 20, .1);--border-subtle-inverse: rgba(251, 246, 238, .14);--border-strong: var(--color-ink);--text-primary: var(--color-ink);--text-primary-inverse: var(--color-cream);--text-muted: rgba(11, 8, 20, .65);--text-muted-inverse: rgba(251, 246, 238, .68);--text-faint: rgba(11, 8, 20, .45);--accent-primary: var(--color-indigo);--accent-secondary: var(--color-pink);--accent-tertiary: var(--color-teal);--accent-outline: var(--color-lime);--focus-ring: var(--color-indigo);--focus-ring-alpha: rgba(61, 26, 255, .15);--font-display: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--text-display-size: clamp(48px, 7vw, 96px);--text-heading-size: clamp(30px, 4.4vw, 40px);--text-subhead-size: 22px;--text-body-size: 17px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-12: 104px;--section-padding-x: 56px;--section-padding-y: 104px;--content-max-width: 1180px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--radius-pebble-a: 62% 38% 54% 46% / 56% 48% 52% 44%;--radius-pebble-b: 44% 56% 38% 62% / 60% 42% 58% 40%;--radius-pebble-c: 52% 48% 60% 40% / 48% 56% 44% 52%;--radius-pebble-d: 58% 42% 50% 50% / 52% 60% 40% 48%;--shadow-elevated: 0 8px 40px rgba(11, 8, 20, .14);--shadow-glow-indigo: 0 0 28px rgba(61, 26, 255, .5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.section{padding:var(--section-padding-y) var(--section-padding-x)}.container{max-width:var(--content-max-width);margin:0 auto;width:100%}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-primary);margin:0 0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){:root{--section-padding-x: 24px;--section-padding-y: 64px}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}
