.about-page{--about-accent:var(--accent);--about-accent-soft:var(--accent-soft);--about-paper:#f7f5f0;--about-paper-ink:#2b2724;--about-gap:20px;padding-bottom:var(--space-roomy)}.about-display{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.08}.about-display em{color:var(--about-accent);font-style:normal}.about-script{font-family:var(--font-hand);color:var(--ink-secondary);font-weight:600;line-height:1.2}.about-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);isolation:isolate;grid-template-rows:1fr auto;min-height:520px;margin-top:12px;display:grid;position:relative;overflow:hidden}.about-hero-strip{z-index:-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:56%;display:grid;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}.about-hero-strip img{object-fit:cover;width:100%;height:100%;display:block}.about-hero-strip img:nth-child(2){display:none}@media (width>=1900px){.about-hero-strip{grid-template-columns:repeat(4,minmax(0,1fr));width:62%}.about-hero-strip img:nth-child(2){display:block}}.about-hero-copy{align-self:center;max-width:540px;padding:48px 40px 24px}.about-hero h1{margin:0 0 22px;font-size:clamp(42px,4.6vw,64px);line-height:1.04}.about-lede{color:var(--ink);margin:0;font-size:18px;line-height:1.55}.about-hero-note{text-align:left;color:var(--ink);background:color-mix(in srgb, var(--background) 72%, transparent);backdrop-filter:blur(6px);border-radius:var(--radius-md);margin:0;padding:7px 12px;font-size:18px;display:grid;position:absolute;top:12px;right:12px;transform:rotate(-4deg)}.about-traits{background:color-mix(in srgb, var(--background) 78%, transparent);backdrop-filter:blur(8px);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:18px 28px;list-style:none;display:grid}.about-traits li{align-items:center;gap:12px;min-width:0;padding:0 18px;display:flex}.about-traits li+li{border-left:1px solid var(--border)}.about-traits strong{font-size:14px;font-weight:600;display:block}.about-traits small{color:var(--ink-secondary);font-size:13px;display:block}.about-badge{border-radius:var(--radius-md);width:40px;height:40px;color:var(--about-accent);background:var(--about-accent-soft);flex:none;place-items:center;display:inline-grid}.about-badge--round{border-radius:50%;width:32px;height:32px}.about-hero.motion-pre-reveal.is-revealed{animation:motion-fade-up var(--motion-enter) var(--ease-out) forwards}.about-band,.about-duo,.about-trio{margin-top:var(--about-gap)}.about-band{padding-top:var(--space-tight)}.about-h2{margin:0 0 18px;font-size:clamp(26px,2.6vw,34px)}.about-h2:after{content:"";background:var(--about-accent);width:36px;height:2px;margin-top:10px;display:block}.about-h2--plain:after{display:none}.about-head{align-items:flex-start;gap:24px;display:flex}.about-head--split h2{margin-bottom:18px}.about-arrows{gap:10px;margin:2px 0 0 auto;display:flex}.about-arrows[hidden]{display:none}.about-arrow{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color var(--motion-fast) ease, opacity var(--motion-fast) ease;border-radius:50%;place-items:center;display:inline-grid}.about-arrow:hover:not(:disabled){border-color:var(--about-accent)}.about-arrow:disabled{opacity:.4;cursor:default}.about-photo{width:100%;position:relative;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.about-photo--tile{color:var(--about-accent);background:linear-gradient(145deg, color-mix(in srgb, var(--about-accent) 30%, var(--surface)), var(--surface) 78%);place-items:center;display:grid}.about-photo--art{background:var(--surface)}.about-art{width:100%;height:100%;display:block}.about-art .art-bg{fill:color-mix(in srgb, var(--accent) 10%, var(--surface))}.about-art .art-accent{fill:var(--accent)}.about-art .art-accent-soft{fill:color-mix(in srgb, var(--accent) 24%, var(--surface))}.about-art .art-surface{fill:var(--surface)}.about-art .art-warm{fill:var(--warm)}.about-art .art-muted{fill:color-mix(in srgb, var(--ink-secondary) 22%, var(--surface))}.about-art .art-ink-fill{fill:var(--ink)}.about-art .art-screen{fill:color-mix(in srgb, var(--accent) 70%, var(--ink))}.about-art .art-stroke,.about-art .art-strings,.about-art .art-line{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.about-art .art-strings,.about-art .art-line{fill:none;stroke:var(--ink-secondary);stroke-width:2px}.about-art .art-strings{stroke-width:1.4px;opacity:.8}.about-art .art-faint{opacity:.45}.about-art .art-warm-line{stroke:var(--warm);stroke-width:3px}.about-art .art-on-accent{stroke:var(--surface)}.about-art .art-dash{stroke-dasharray:2 8}.about-art .art-chop{fill:none}.about-chip{font:600 10px/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0000009e;border-radius:999px;padding:2px 8px;position:absolute;bottom:8px;left:8px}.about-enjoy-row{--about-cols:5;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--about-cols) - 1) * 16px) / var(--about-cols));scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.about-enjoy-row::-webkit-scrollbar{display:none}.about-enjoy-card{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;overflow:hidden}.about-enjoy-copy{padding:14px 16px 18px}.about-enjoy-copy h3{font-family:var(--font-body);align-items:center;gap:10px;margin:0 0 8px;font-size:16px;font-weight:600;display:flex}.about-enjoy-copy p{color:var(--ink-secondary);margin:0;padding-left:42px;font-size:14px;line-height:1.5}.about-duo{gap:var(--about-gap);grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:stretch;display:grid}.about-trio{gap:var(--about-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:24px}.about-panel .about-h2{margin-bottom:18px}.about-places-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.about-place{align-content:start;gap:4px;min-width:0;display:grid}.about-place .about-photo{border-radius:var(--radius-md)}.about-place strong{margin-top:6px;font-size:14px;font-weight:600}.about-place small{color:var(--ink-secondary);font-size:13px;line-height:1.4}.about-quote{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(175deg,#141836 0%,#2a3490 55%,#4c5ff5 100%);flex-direction:column;justify-content:flex-start;min-width:0;min-height:240px;margin:0;padding:28px 28px 110px;display:flex;position:relative;overflow:hidden}.about-quote:after{content:"";clip-path:polygon(0 62%,14% 38%,26% 56%,42% 22%,58% 52%,72% 34%,86% 58%,100% 40%,100% 100%,0 100%);opacity:.85;background:#0d1030;height:74px;position:absolute;inset:auto 0 0}.about-quote-mark{font-family:var(--font-heading);color:#aeb7ff;font-size:56px;line-height:.8}.about-quote blockquote{font-family:var(--font-heading);margin:6px 0 0;font-size:clamp(20px,1.9vw,26px);font-weight:500;line-height:1.3}.about-quote blockquote:after{content:"";background:#aeb7ff;width:36px;height:2px;margin-top:18px;display:block}.about-quote figcaption{color:#ffffffd1;margin-top:12px;font-size:14px}.about-moments{min-width:0}.about-moments-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.about-polaroids{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:12px 10px 16px;list-style:none;display:grid}.about-polaroid{color:var(--about-paper-ink);background:var(--about-paper);transform:rotate(var(--tilt,0deg));transition:transform var(--motion-base) var(--ease-out);gap:8px;padding:8px 8px 12px;display:grid;box-shadow:0 1px 2px #0000002e,0 10px 24px #00000038}.about-polaroid:hover{transform:rotate(0)translateY(-3px)}.about-polaroid .about-script{text-align:center;color:var(--about-paper-ink);font-size:17px}.about-moments-note{text-align:left;margin:0;font-size:20px;display:grid;transform:rotate(-5deg)}.about-postcards{padding-top:var(--space-tight)}.about-bento{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:16px;height:clamp(380px,38vw,520px);margin:0;padding:0;list-style:none;display:grid}.about-postcard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;position:relative;overflow:hidden}.about-postcard img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-postcard .about-script{color:#fff;background:linear-gradient(#0000,#00000073 35%,#000000c7 75%);padding:48px 16px 14px;font-size:20px;position:absolute;inset:auto 0 0}.about-currently{flex-direction:column;display:flex}.about-timeline{flex-direction:column;flex:1;justify-content:space-between;gap:14px;margin:0;padding:0 0 0 26px;list-style:none;display:flex;position:relative}.about-timeline:before{content:"";background:color-mix(in srgb, var(--about-accent) 55%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.about-timeline li{color:var(--ink-secondary);font-size:15px;line-height:1.45;position:relative}.about-timeline li:before{content:"";background:var(--about-accent);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-26px}.about-listcard ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.about-listcard li{color:var(--ink-secondary);align-items:center;gap:14px;font-size:15px;line-height:1.4;display:flex}.about-listcard .about-badge{border:1px solid var(--about-accent-soft);width:34px;height:34px}.about-connect{border-radius:var(--radius-lg);min-width:0;color:var(--ink);background:var(--accent-soft);border:1px solid var(--border);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.about-connect-photo{object-fit:cover;width:50%;height:100%;opacity:var(--about-connect-photo-opacity,.7);pointer-events:none;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 62%);mask-image:linear-gradient(90deg,#0000,#000 62%)}:root[data-theme=dark] .about-connect{--about-connect-photo-opacity:.62}@container (width<=345px){.about-connect-photo{--about-connect-photo-opacity:.45}:root[data-theme=dark] .about-connect-photo{--about-connect-photo-opacity:.4}}.about-connect>:not(.about-connect-photo){z-index:1;position:relative}.about-connect h2{max-width:290px}.about-connect p{max-width:min(290px,15.5em)}.about-connect h2{text-wrap:balance;margin:0 0 14px;font-size:min(38px,11.6cqi)}.about-connect p{color:var(--ink);text-wrap:balance;margin:0 0 22px;font-size:clamp(16px,5.5cqi,19px)}.about-connect .button{min-height:48px;padding:0 24px}@media (width<=1279px){.about-enjoy-row{--about-cols:4}}@media (width<=980px){.about-hero{min-height:0}.about-hero-strip img{object-position:50% 22%}.about-hero-strip{width:100%;height:300px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}.about-bento{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.about-postcard{aspect-ratio:4/5}.about-postcard--b{aspect-ratio:1;order:-1;grid-column:1/-1}.about-hero-copy{max-width:none;padding:250px 28px 20px}.about-hero-note{font-size:16px;top:8px;right:8px}.about-traits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:18px 20px}.about-traits li:nth-child(odd){border-left:0}.about-enjoy-row{--about-cols:3}.about-duo,.about-trio{grid-template-columns:minmax(0,1fr)}.about-places-row{grid-template-columns:repeat(5,minmax(0,1fr))}.about-quote{min-height:220px}}@media (width<=680px){.about-hero-copy{padding:230px 20px 16px}.about-bento{grid-template-columns:1fr}.about-postcard--b{order:0}.about-hero h1{font-size:40px}.about-lede{font-size:16px}.about-traits{grid-template-columns:minmax(0,1fr)}.about-traits li{border-left:0;padding:0}.about-enjoy-row{--about-cols:1.4}.about-panel{padding:20px}.about-places-row{grid-template-columns:repeat(3,minmax(0,1fr))}.about-moments-row{grid-template-columns:minmax(0,1fr)}.about-polaroids{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.about-moments-note{transform:none}}
