:root {
  color-scheme: dark;
  --font-display: 'Bricolage Grotesque', Georgia, serif;
  --font-body: 'Hanken Grotesk', system-ui, sans-serif;
  --bg: oklch(0.18 0.018 250);
  --bg-raised: oklch(0.22 0.020 250);
  --ink: oklch(0.94 0.012 250);
  --muted: oklch(0.68 0.022 250);
  --faint: oklch(0.56 0.020 250);
  --rule: oklch(0.32 0.018 250);
  --rule-soft: oklch(0.26 0.016 250);
  --accent: oklch(0.74 0.125 238);
  --accent-ink: oklch(0.20 0.03 250);
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --measure: 62ch;
  --shell: 1080px;
  font-family: var(--font-body);
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}.gallery{height:100svh;min-height:360px;position:relative;overflow:hidden;isolation:isolate;background:var(--bg)}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,var(--rule-soft) 0%,var(--bg-raised) 35%,var(--bg) 68%)}
#sculpture{position:absolute;width:100%;height:100%;inset:0;display:block}.sculpture-touch{position:absolute;inset:15% 15% 18%;background:none;border:0;border-radius:50%;cursor:grab;touch-action:none}.sculpture-touch:active{cursor:grabbing}.sculpture-touch:focus-visible{outline:1px dashed color-mix(in oklch,var(--accent) 40%,transparent);outline-offset:0}.gallery-top,.gallery-bottom{position:absolute;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.gallery-top{top:max(38px,env(safe-area-inset-top))}.gallery-bottom{bottom:max(34px,env(safe-area-inset-bottom))}.gallery-top>*,.gallery-bottom>*{pointer-events:auto}.icon-button{width:48px;height:48px;border:1px solid var(--rule);border-radius:50%;background:color-mix(in oklch,var(--bg-raised) 38%,transparent);display:grid;place-items:center;position:relative;transition:background .25s,border-color .25s,transform .35s;color:var(--muted)}.icon-button:hover{border-color:color-mix(in oklch,var(--accent) 44%,transparent);background:color-mix(in oklch,var(--accent) 7%,transparent);color:var(--accent);transform:scale(1.07)}.icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.sigil{border:none;background:none;color:var(--accent)}.sigil svg{width:32px;height:32px;stroke-width:1.3;transition:transform .8s}.sigil:hover svg{transform:rotate(90deg)}.contact-trigger{width:52px;height:52px}.contact-light{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:100%;top:1px;right:7px;box-shadow:0 0 12px color-mix(in oklch,var(--accent) 33%,transparent)}.palette{display:flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid var(--rule-soft);border-radius:99px;background:color-mix(in oklch,var(--bg-raised) 40%,transparent);backdrop-filter:blur(16px)}.swatch{background:none;width:40px;height:40px;border:0;position:relative;border-radius:50%;display:grid;place-items:center}.swatch:before{content:'';width:12px;height:12px;background:var(--swatch);border-radius:50%;transition:transform .3s;box-shadow:inset 0 0 0 1px var(--rule)}.swatch:after{content:'';position:absolute;inset:7px;border:1px solid transparent;border-radius:50%;transition:border-color .25s}.swatch[aria-pressed=true]:after{border-color:var(--swatch)}.swatch:hover:before{transform:scale(1.3)}.motion-button,.shuffle-button{border-color:transparent;background:none}.play-icon{display:none}.motion-button[aria-pressed=true] .play-icon{display:block}.motion-button[aria-pressed=true] .pause-icon{display:none}.frame{position:absolute;inset:130px 48px;pointer-events:none}.frame i{position:absolute;width:10px;height:10px;opacity:.25}.frame i:before,.frame i:after{content:'';position:absolute;background:var(--faint)}.frame i:before{width:10px;height:1px;top:4px}.frame i:after{height:10px;width:1px;left:4px}.frame i:nth-child(1){top:0;left:0}.frame i:nth-child(2){top:0;right:0}.frame i:nth-child(3){bottom:0;left:0}.frame i:nth-child(4){bottom:0;right:0}
.gallery-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 48px);
  margin: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  font-family: var(--font-display);
  font-size: clamp(34px, 6.2vw, 96px);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.055em;
  text-align: center;
  color: var(--ink);
  text-shadow: 0 2px 32px color-mix(in oklch,var(--bg) 60%,transparent);
}
.gallery-title span { display: block; }
.brand-lockup { display: flex; width: auto; gap: 14px; padding: 0; border-radius: 0; }
.brand-name {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.06em;
  color: var(--ink);
}
@media (max-width: 600px) {
  .gallery-title { font-size: clamp(30px, 8.4vw, 48px); }
  .brand-lockup { gap: 10px; }
  .brand-name { font-size: 18px; }
}
/* Keep the original contact flow and field names, in the gallery's material palette. */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.modal:target{opacity:1;visibility:visible}.modal-overlay{position:absolute;inset:0;background:color-mix(in oklch,var(--bg) 80%,transparent);backdrop-filter:blur(18px)}.modal-card{position:relative;z-index:1;width:min(520px,100%);max-height:90svh;overflow:auto;background:var(--bg-raised);border:1px solid var(--rule);border-radius:20px;padding:48px;box-shadow:0 24px 100px #0005;transform:translateY(12px);transition:transform .25s}.modal:target .modal-card{transform:none}.modal-card h2{font-family:var(--font-display);font-size:30px;letter-spacing:-1px;margin:0 0 12px}.modal-sub{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 30px}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;font-size:26px;color:var(--muted);border-radius:50%}.modal-close:hover{color:var(--ink);background:var(--rule-soft)}.field{display:block;margin:0 0 20px}.field span{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.field input,.field textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;outline:none;transition:border-color .2s}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.btn{display:inline-block;border:1px solid var(--accent);border-radius:8px;padding:13px 22px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.contact-form .btn{width:100%;margin-top:4px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-note{padding:14px;border:1px solid var(--accent);border-radius:8px;line-height:1.5;margin-bottom:24px}.form-note.err{border-color:oklch(0.62 0.18 25);color:oklch(0.82 0.12 25)}
@media(max-width:600px){.gallery-top,.gallery-bottom{left:22px;right:22px}.gallery-top{top:max(24px,env(safe-area-inset-top))}.gallery-bottom{bottom:max(24px,env(safe-area-inset-bottom))}.frame{inset:108px 27px}.sculpture-touch{inset:22% 4% 25%}.palette{gap:0;padding:3px 5px}.swatch{width:36px;height:40px}.swatch:after{inset:7px 5px}.modal{padding:16px}.modal-card{padding:36px 24px}.contact-trigger{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}