:root{--bg:#EDEDF0;--ink:#15121A;--accent:#7c5cff;--mute:color-mix(in srgb,var(--ink) 62%,transparent);--faint:color-mix(in srgb,var(--ink) 36%,transparent);--line:color-mix(in srgb,var(--ink) 14%,transparent);--glass:linear-gradient(150deg,rgba(255,255,255,.74),rgba(255,255,255,.4));--glass-edge:rgba(255,255,255,.92);--glass-hi:rgba(255,255,255,.95);--card:rgba(255,255,255,.55);--shadow:0 30px 60px -28px rgba(40,25,90,.35);--display:"Archivo",sans-serif;--logo:"Bowlby One","Impact",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1);--gut:clamp(16px,3vw,44px)}html[data-dark="1"]{--glass:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.03));--glass-edge:rgba(255,255,255,.16);--glass-hi:rgba(255,255,255,.22);--card:rgba(255,255,255,.05);--shadow:0 30px 60px -28px rgba(0,0,0,.8)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);transition:background .6s var(--ease)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;transition:background .6s var(--ease),color .6s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);box-shadow:0 1px 0 var(--glass-hi) inset,0 -1px #0000000f inset,var(--shadow)}.eyebrow{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}.bar{position:fixed;top:0;left:0;right:0;z-index:40;height:30px;display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar i{width:5px;height:5px;border:1px solid var(--accent);transform:rotate(45deg)}.hdr{position:fixed;z-index:40;top:30px;left:0;right:0;display:flex;align-items:center;gap:24px;padding:14px var(--gut);pointer-events:none}.hdr>*{pointer-events:auto}.logo{position:relative;display:block;font-family:var(--logo);font-size:clamp(34px,4vw,56px);line-height:.9}.logo .ex,.logo .fg{display:block}.logo .ex{position:absolute;left:0;top:0;color:#d9e1f2;-webkit-text-fill-color:#d9e1f2;text-shadow:1px 1px 0 #9aa6c4,2px 2px 0 #7b88a8,3px 3px 0 #5d6a8b,4px 4px 0 #44506f,6px 8px 14px rgba(0,0,0,.4)}.logo .fg{position:relative;background:linear-gradient(180deg,#fff,#e8eefc 28%,#7d88a6 47%,#f6f9ff 51%,#a9bde2 74%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.logo canvas.liquid{position:absolute;pointer-events:none}.logo.liquid-on .fg{background:none;-webkit-text-fill-color:transparent}.nav{display:flex;gap:4px;margin-left:auto;padding:5px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav button{border:0;background:none;padding:9px 14px;border-radius:999px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}.nav button:hover{background:var(--card);color:var(--accent)}.icons{display:flex;gap:2px}.icons a,.icons .snd{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.icons a:hover{background:var(--card);color:var(--accent)}.hero{position:relative;height:100svh;min-height:620px;overflow:hidden}#brain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;transition:transform 1s var(--ease)}html.sheet-open #brain{transform:translate(-18%)}.hero-copy{position:absolute;left:var(--gut);bottom:clamp(28px,8vh,90px);max-width:520px;z-index:5;pointer-events:none;transition:opacity .5s,transform .7s var(--ease)}.hero-copy>*{pointer-events:auto}.hero-copy h1{margin:0;font-weight:900;font-stretch:120%;font-size:clamp(44px,6vw,92px);line-height:.88;letter-spacing:-.01em;text-transform:uppercase;animation:up 1.1s .9s var(--ease) both}.hero-copy h1 em{display:block;font-family:var(--display);font-weight:300;font-style:italic;font-stretch:90%;text-transform:none;font-size:.4em;letter-spacing:.04em;color:var(--mute);margin:.18em 0 .1em}.lede{margin:18px 0 22px;max-width:40ch;font-size:16px;line-height:1.5;color:var(--mute);animation:up 1.1s 1.05s var(--ease) both}.ctas{display:flex;flex-wrap:wrap;gap:10px;animation:up 1.1s 1.2s var(--ease) both}html.sheet-open .hero-copy{opacity:0;transform:translateY(20px);pointer-events:none}@keyframes up{0%{opacity:0;transform:translateY(18px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.btn.primary{background:var(--ink);color:var(--bg);border:0;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--accent) 80%,transparent)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 36px -14px var(--accent)}.btn.ghost{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn.ghost:hover{transform:translateY(-2px)}.btn.wide{width:100%;margin-top:18px}.drag-hint{position:absolute;right:var(--gut);bottom:84px;margin:0;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);animation:up 1s 2.2s both}.drag-hint span{width:26px;height:1px;background:currentColor}html.sheet-open .drag-hint{opacity:0}.pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.pin{position:absolute;left:0;top:0;border:0;background:none;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .35s}.pin.show{opacity:1;pointer-events:auto}.pin i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hue) 60%,color-mix(in srgb,var(--hue) 50%,#000));box-shadow:0 0 0 5px color-mix(in srgb,var(--hue) 25%,transparent),0 4px 10px #00000040}.pin i:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid color-mix(in srgb,var(--hue) 60%,transparent);animation:ping 2.6s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}.pin span{position:absolute;left:18px;top:var(--dy,0px);transform:translateY(-50%);white-space:nowrap;padding:8px 13px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;box-shadow:var(--shadow);transition:color .2s,border-color .2s}.pin.left span{left:auto;right:18px}.pin span em{font-style:normal;color:var(--faint);margin-right:8px}.pin:hover span,.pin.hot span{color:var(--hue);border-color:var(--hue)}html.explore .pin i{animation:pulse .6s 3 var(--ease)}@keyframes pulse{50%{transform:scale(1.6)}}.sheet{position:fixed;z-index:35;top:96px;right:var(--gut);bottom:20px;width:min(520px,42vw);border-radius:28px;padding:20px 22px 22px;overflow:auto;overscroll-behavior:contain;transform:translate(calc(100% + 40px));transition:transform .8s var(--ease);visibility:hidden}html.sheet-open .sheet{transform:none;visibility:visible}.sheet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;min-height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.step{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--mute)}.step button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer}.sheet h2{margin:0;font-weight:900;font-stretch:118%;font-size:clamp(30px,3vw,44px);line-height:.95;text-transform:uppercase}.sheet .blurb{margin:10px 0 18px;color:var(--mute);line-height:1.5}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid.sm{grid-template-columns:repeat(2,1fr);gap:10px}.card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:8px 8px 12px;border-radius:20px;border:1px solid var(--glass-edge);background:var(--card);cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .ph{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#f3f3f6}.card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}.card img.alt{opacity:0}.card:hover img.alt{opacity:1}.card .ph i{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:999px;background:#000000b3;color:#fff;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal}.card.out{opacity:.6}.card .t{padding:0 4px;font-size:14px;font-weight:600;line-height:1.25}.card .p{padding:0 4px;font-family:var(--mono);font-size:12px;color:var(--mute)}.sec{position:relative;padding:clamp(56px,9vh,110px) var(--gut) 0;max-width:1320px;margin:0 auto}.sec-head{display:flex;flex-direction:column;margin-bottom:24px}.sec h2{margin:0;font-weight:900;font-stretch:118%;font-size:clamp(34px,4.4vw,64px);line-height:.95;text-transform:uppercase}.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rcard{position:relative;display:grid;gap:6px;text-align:left;padding:16px;border-radius:24px;cursor:pointer;overflow:hidden;transition:transform .3s var(--ease)}.rcard:after{content:"";position:absolute;right:-30%;top:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--hue),transparent 65%);opacity:.35;pointer-events:none}.rcard:hover{transform:translateY(-4px)}.rcard .n{font-family:var(--mono);font-size:11px;color:var(--faint)}.rcard .imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 8px}.rcard .imgs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f3f3f6}.rcard b{font-weight:800;font-stretch:115%;font-size:22px;text-transform:uppercase}.rcard .s{color:var(--mute);font-size:14px}.rcard .go{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--hue);margin-top:4px}.story{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:stretch}.story-card{padding:clamp(24px,4vw,48px);border-radius:30px}.story-card h2{font-size:clamp(28px,3.4vw,48px);margin-bottom:16px}.story-card p:not(.eyebrow){color:var(--mute);line-height:1.6;max-width:52ch;margin:0 0 22px}.trust{list-style:none;margin:0;padding:0;display:grid;gap:10px}.trust li{display:grid;gap:4px;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:var(--card)}.trust b{font-weight:800;font-stretch:112%;text-transform:uppercase;letter-spacing:.02em}.trust span{color:var(--mute);font-size:14px}.trust a{text-decoration:underline;text-underline-offset:3px}.foot{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding:70px var(--gut) 50px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.foot a:hover{color:var(--accent)}.looks{position:fixed;z-index:45;right:var(--gut);bottom:18px}.look-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 10px;border-radius:999px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.look-btn i{width:22px;height:22px;border-radius:50%;background:conic-gradient(#ff7cc4,#b9a2ff,#6ff5c8,#33e1ff,#c9a24a,#ff7cc4)}.look-btn b{font-weight:500;color:var(--mute)}.look-list{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:min(340px,calc(100vw - 32px));padding:10px;border-radius:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s}.looks.open .look-list{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--ease)}.look-opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:14px;border:1px solid transparent;background:none;cursor:pointer;text-align:left;font-size:13px;font-weight:600}.look-opt i{flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);border:1px solid var(--line)}.look-opt:hover{background:var(--card)}.look-opt[aria-pressed=true]{border-color:var(--accent);background:var(--card)}html.sheet-open .looks{opacity:0;pointer-events:none}html.no3d .hero{height:auto;min-height:0;padding:150px var(--gut) 0}html.no3d #brain,html.no3d .drag-hint{display:none}html.no3d .hero-copy{position:static}@media(max-width:1100px){.nav{display:none}.grid,.regions{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}}@media(max-width:760px){.bar span:last-child,.bar i{display:none}.hero{min-height:560px}.hero-copy{right:var(--gut);bottom:84px}.hero-copy h1{font-size:clamp(40px,12vw,60px)}.lede{font-size:15px;margin:12px 0 16px}.ctas .btn{flex:1}.drag-hint{display:none}#brain{top:-14%}html.sheet-open #brain{transform:translateY(-14%)}.sheet{left:0;right:0;top:auto;bottom:0;width:auto;height:66svh;border-radius:28px 28px 0 0;transform:translateY(105%)}.regions{grid-template-columns:1fr}.grid{gap:10px}.pin span{font-size:10px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.sheet{scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media(max-width:760px){.pins{top:-14%;bottom:auto;height:100%}.pin span{font-size:9.5px;letter-spacing:.12em}}#spin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;touch-action:pan-y;cursor:grab;transition:transform 1s var(--ease)}html.spin-mode #spin{display:block}html.spin-mode #brain{visibility:hidden}html.sheet-open #spin{transform:translate(-18%)}@media(max-width:760px){#spin{top:-14%}html.sheet-open #spin{transform:translateY(-14%)}}.chips{display:none}@media(max-width:760px){.pin span{display:none}.chips{display:flex;gap:8px;position:absolute;z-index:6;left:0;right:0;top:calc(30px + 52svh);padding:0 var(--gut);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.chips::-webkit-scrollbar{display:none}.chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer}.chip i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hue) 60%)}html.sheet-open .chips{opacity:0;pointer-events:none}.ctas .btn{padding:0 14px;font-size:11px;letter-spacing:.12em;white-space:nowrap}.hero-copy{bottom:72px}.hero-copy h1{font-size:clamp(38px,11vw,56px)}}@media(max-width:760px){#brain,#spin,.pins{top:-18%}html.sheet-open #brain,html.sheet-open #spin{transform:translateY(-12%)}.chips{top:calc(30px + 47svh);scroll-padding-inline:var(--gut)}.hero-copy{bottom:64px}.hero-copy h1{font-size:clamp(36px,10.5vw,52px)}.lede{margin:10px 0 14px;font-size:14.5px}}@media(max-width:760px){.hero-copy{bottom:84px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ahnyc-site.css.map */
