/* Dynamic navigation island */
.nav{position:relative;z-index:20}
.nav-island{position:fixed;left:50%;top:20px;z-index:50;display:flex;align-items:center;gap:8px;min-width:224px;height:58px;padding:7px 9px 7px 25px;transform:translateX(-50%);border-radius:30px;background:#20241eef;color:#f6f5ed;box-shadow:0 16px 45px #13181224;backdrop-filter:blur(14px);transition:min-width .4s cubic-bezier(.2,.8,.2,1),height .4s cubic-bezier(.2,.8,.2,1),transform .35s ease}
.nav-island.is-compact{min-width:194px;height:48px;padding-left:19px;transform:translateX(-50%) translateY(-8px)}
.island-signal{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d7f46b1c;flex:none}
.island-current{display:flex;align-items:center;gap:9px;padding:0 7px;white-space:nowrap}.island-index{font-size:10px;color:#aeb5a9}.island-label{font-size:13px;font-weight:600}
.island-links{display:flex;max-width:0;gap:18px;overflow:hidden;opacity:0;transition:max-width .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.island-links>*{min-width:0;white-space:nowrap}.island-links a{font-size:12px;color:#c8cec2;transition:color .2s}.island-links a:hover{color:var(--lime)}
.nav-island:hover,.nav-island:focus-within{min-width:540px}.nav-island:hover .island-links,.nav-island:focus-within .island-links{max-width:300px;opacity:1}

/* A moving constellation of places a Zipp can live */
.constellation{overflow:hidden;background:#f8f8f4}.constellation-heading{text-align:center;max-width:790px;margin:0 auto}.constellation-heading .eyebrow{justify-content:center}.constellation-heading>p:last-child{max-width:510px;margin:0 auto;color:var(--muted);font-size:16px}
.card-field{position:relative;max-width:1080px;height:720px;margin:55px auto 20px;perspective:1100px;isolation:isolate}
.float-card{--rx:0deg;--ry:0deg;--lift:0px;position:absolute;display:flex;flex-direction:column;min-height:235px;padding:24px;border:1px solid #daddd2;border-radius:20px;background:#f0f1ec;color:var(--ink);box-shadow:0 28px 60px #1f28151a;transform:translate3d(0,var(--lift),0) rotate(var(--card-rotate)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s ease,z-index 0s;animation:card-drift var(--drift-time) ease-in-out infinite alternate}.float-card:hover,.float-card:focus-visible{--lift:-16px;z-index:12;box-shadow:0 38px 80px #1f28152b}.float-card>*{transform:translateZ(16px)}
.float-card .card-number{font-size:11px;letter-spacing:1.2px;color:#687060}.float-card h3{font-size:30px;line-height:1.03;letter-spacing:-1px;font-weight:500;margin:20px 0 12px}.float-card p{font-size:14px;color:#697064;line-height:1.5;margin:0 0 25px}.card-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;width:max-content;margin-top:auto;padding:11px 15px;border-radius:24px;background:#fff;color:#222820;font-size:13px;font-weight:600}.card-pill b{font-size:18px;font-weight:400}
.card-release{--card-rotate:-6deg;--drift-time:5.2s;left:1%;top:90px;width:35%;background:#d7f46b}.card-preview{--card-rotate:5deg;--drift-time:6.1s;right:0;top:35px;width:33%}.card-center{--card-rotate:3deg;--drift-time:5.7s;left:35%;top:170px;width:34%;z-index:5;background:#fff}.card-embed{--card-rotate:-7deg;--drift-time:6.6s;left:6%;bottom:5px;width:30%;background:#b8cee9}.card-recipes{--card-rotate:6deg;--drift-time:5.9s;right:4%;bottom:5px;width:32%;background:#272f25;color:#f6f5ed}.card-recipes .card-number,.card-recipes p{color:#c8d0c2}.card-recipes .card-pill{color:#232820}
.card-visual{position:relative;height:165px;margin:-10px -10px 16px;overflow:hidden;border-radius:14px;background:#dfe5d1}.card-visual img{width:100%;height:100%;object-fit:cover}.card-preview .card-visual{height:128px}.card-preview .card-visual img{filter:saturate(.5)}.visual-badge{position:absolute;right:12px;top:12px;padding:8px 11px;border-radius:18px;background:#ffffffdc;font-size:10px;letter-spacing:.6px}.constellation-caption{text-align:center;margin:0;font-size:10px;letter-spacing:1.4px;color:#9a9f95}
@keyframes card-drift{0%{margin-top:-5px}100%{margin-top:7px}}
@media(max-width:850px){.nav-island{top:14px}.nav-island:hover,.nav-island:focus-within{min-width:420px}.island-links{gap:10px}.island-links a{font-size:10px}.card-field{height:650px}.float-card{padding:19px}.float-card h3{font-size:25px}.card-release{width:38%}.card-preview{width:36%}.card-center{left:32%;width:38%}.card-embed{width:34%}.card-recipes{width:35%}}
@media(max-width:600px){.nav{align-items:flex-start;padding-top:16px}.nav .nav-island{display:flex;left:auto;right:6%;top:16px;min-width:154px;height:46px;transform:none}.nav-island.is-compact{transform:translateY(-7px)}.nav-island:hover,.nav-island:focus-within{min-width:154px}.island-links{display:none}.island-index{font-size:9px}.island-label{font-size:12px}.nav>.button.small{display:none}.constellation-heading{text-align:left}.constellation-heading .eyebrow{justify-content:flex-start}.constellation-heading>p:last-child{font-size:15px}.card-field{display:grid;grid-template-columns:1fr;gap:18px;height:auto;margin:38px 0 20px;perspective:none}.float-card{position:relative;inset:auto;width:100%;min-height:0;transform:none!important;animation:none;padding:22px}.float-card:hover,.float-card:focus-visible{transform:translateY(-5px)!important}.card-center{order:-1}.float-card h3{font-size:27px}.card-visual{height:180px}.card-preview .card-visual{height:165px}.constellation-caption{text-align:left}}
@media(prefers-reduced-motion:reduce){.float-card{animation:none}.nav-island{transition:none}}

/* Swipeable perspective deck */
.nav-island:hover,.nav-island:focus-within{min-width:620px}.nav-island:hover .island-links,.nav-island:focus-within .island-links{max-width:380px}
.voices{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:#eef0e6}.voices-copy>p:not(.eyebrow):not(.voices-disclosure){max-width:430px;color:var(--muted);font-size:16px}.voices-disclosure{max-width:410px;margin-top:34px;padding-top:18px;border-top:1px solid #cfd4c7;color:#7a8174;font-size:12px;line-height:1.6}
.quote-deck{min-width:0}.quote-stack{position:relative;height:410px;touch-action:pan-y;outline:none;cursor:grab}.quote-stack:active{cursor:grabbing}.quote-stack:focus-visible{outline:3px solid #648900;outline-offset:8px;border-radius:24px}
.quote-card{position:absolute;inset:0 auto auto 4%;display:flex;flex-direction:column;width:min(78%,390px);height:390px;padding:31px;border-radius:24px;border:1px solid #ffffff50;box-shadow:0 30px 65px #222b181c;transform-origin:center right;transition:transform .52s cubic-bezier(.2,.85,.2,1),opacity .4s ease,filter .4s ease;will-change:transform,opacity}.quote-card[data-position="0"]{z-index:6;transform:translateX(0) rotate(0) scale(1);opacity:1;pointer-events:auto}.quote-card[data-position="1"]{z-index:5;transform:translateX(46px) rotate(3deg) scale(.97);opacity:.96}.quote-card[data-position="2"]{z-index:4;transform:translateX(88px) rotate(5deg) scale(.93);opacity:.87}.quote-card[data-position="3"]{z-index:3;transform:translateX(124px) rotate(7deg) scale(.89);opacity:.72;filter:saturate(.85)}.quote-card[data-position="4"]{z-index:2;transform:translateX(150px) rotate(9deg) scale(.85);opacity:.5;filter:saturate(.7)}.quote-card:not([data-position="0"]){pointer-events:none}.quote-card.is-exiting-left{z-index:10;transform:translateX(-110%) rotate(-14deg) scale(.94);opacity:0}.quote-card.is-exiting-right{z-index:10;transform:translateX(115%) rotate(14deg) scale(.94);opacity:0}
.quote-lime{background:#d7f46b;color:#27311d}.quote-blue{background:#b8cee9;color:#202c39}.quote-coral{background:#e8b58f;color:#3d291d}.quote-ink{background:#272f25;color:#f6f5ed}.quote-violet{background:#c7bdf0;color:#29223f}.quote-mark{font-family:'Instrument Serif',serif;font-size:76px;line-height:.5;opacity:.45}.quote-card blockquote{margin:35px 0 25px;font-size:23px;line-height:1.32;letter-spacing:-.5px;font-weight:500}.quote-card footer{display:flex;align-items:center;gap:12px;margin-top:auto}.quote-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffffb5;font-size:12px;font-weight:700}.quote-card footer>span:last-child{display:flex;flex-direction:column;gap:2px}.quote-card footer strong{font-size:14px}.quote-card footer small{font-size:12px;opacity:.67}
.quote-controls{display:flex;align-items:center;gap:16px;margin:26px 0 0 4%}.quote-controls>button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cdd2c6;border-radius:50%;background:#f8f8f4;color:var(--ink);font-size:18px;cursor:pointer;transition:background .2s,transform .2s}.quote-controls>button:hover{background:var(--lime);transform:translateY(-2px)}.quote-dots{display:flex;align-items:center;gap:6px}.quote-dots button{width:7px;height:7px;padding:0;border:0;border-radius:6px;background:#c4c8be;cursor:pointer;transition:width .25s,background .25s}.quote-dots button.is-active{width:25px;background:#4d681d}.swipe-hint{margin:15px 0 0 4%;color:#8a9085;font-size:10px;letter-spacing:1.2px}
@media(max-width:850px){.nav-island:hover,.nav-island:focus-within{min-width:500px}.nav-island:hover .island-links,.nav-island:focus-within .island-links{max-width:310px}.voices{gap:4vw}.quote-card{width:76%;padding:25px}.quote-card blockquote{font-size:20px}.quote-card[data-position="4"]{transform:translateX(110px) rotate(9deg) scale(.85)}}
@media(max-width:600px){.voices{grid-template-columns:1fr;gap:38px}.voices-copy>p:not(.eyebrow):not(.voices-disclosure){font-size:15px}.voices-disclosure{margin-top:22px}.quote-deck{margin:0 -1%}.quote-stack{height:390px}.quote-card{left:0;width:calc(100% - 34px);height:370px;padding:24px}.quote-card blockquote{margin-top:28px;font-size:20px}.quote-card[data-position="1"]{transform:translateX(12px) rotate(2deg) scale(.98)}.quote-card[data-position="2"]{transform:translateX(22px) rotate(3deg) scale(.96)}.quote-card[data-position="3"]{transform:translateX(29px) rotate(4deg) scale(.94)}.quote-card[data-position="4"]{transform:translateX(34px) rotate(5deg) scale(.92)}.quote-card.is-exiting-left{transform:translateX(-115%) rotate(-12deg) scale(.95)}.quote-card.is-exiting-right{transform:translateX(115%) rotate(12deg) scale(.95)}.quote-controls{margin-left:0;justify-content:center}.swipe-hint{text-align:center;margin-left:0}}
@media(prefers-reduced-motion:reduce){.quote-card,.quote-dots button,.quote-controls>button{transition:none}}
@media(max-width:600px){.nav .nav-island{padding-left:19px}}
.quote-card.is-resetting{transition:none}
.quote-card:not([data-position="0"]){pointer-events:auto;cursor:pointer}
.quote-card:not([data-position="0"]):hover{filter:brightness(1.04) saturate(1.05)}
@media(max-width:600px){.quote-card{width:calc(100% - 68px);padding:22px}.quote-card[data-position="1"]{transform:translateX(18px) rotate(2deg) scale(.98)}.quote-card[data-position="2"]{transform:translateX(34px) rotate(3deg) scale(.96)}.quote-card[data-position="3"]{transform:translateX(49px) rotate(4deg) scale(.94)}.quote-card[data-position="4"]{transform:translateX(62px) rotate(5deg) scale(.92)}.quote-card blockquote{font-size:19px}}