@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
.bw-page{--ink:#222b30;--muted:#727b80;--accent:#09859c;--line:#e2e7e8;position:relative;width:100%;height:100%;overflow:auto;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.65;scroll-behavior:smooth;overscroll-behavior:contain}
.bw-page *{box-sizing:border-box}.bw-page button,.bw-page a{-webkit-tap-highlight-color:transparent}.bw-page button{font:inherit;cursor:pointer}.bw-page a{color:inherit;text-decoration:none}.bw-page h1,.bw-page h2,.bw-page h3,.bw-page p,.bw-page figure{margin:0}.bw-page h1,.bw-page h2,.bw-page h3{font-family:'Space Grotesk',Inter,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.08}.bw-page button:focus-visible,.bw-page a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.bw-header{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:18px 3.5%;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid #eceff0}.bw-back{font-size:20px;display:inline-flex;align-items:center;gap:12px}.bw-back svg{width:24px;height:24px;transition:transform .3s}.bw-back:hover svg{animation:bw-back .7s ease infinite}.bw-header>span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bw-wrap{max-width:1440px;margin:auto;padding:0 5.5%}.bw-intro{padding:64px 0 42px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px}.bw-intro h1{font-size:clamp(54px,6.5vw,94px)}.bw-intro p{color:var(--muted);max-width:390px;margin-left:auto}.bw-kicker{display:block;font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;color:var(--accent)}
.bw-nav{position:sticky;top:70px;z-index:11;padding:13px 0;display:flex;gap:8px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.bw-nav button{flex:none;border:1px solid transparent;border-radius:32px;background:transparent;padding:10px 24px;transition:background .25s,color .25s,transform .25s;font-size:16px;color:#646e73}.bw-nav button[aria-selected=true]{background:#222b30;color:white}.bw-nav button:hover{background:#eef4f5;color:#222b30}.bw-nav button[aria-selected=true]:hover{background:#39484d;color:white}
.bw-collection{padding:38px 0 56px;scroll-margin-top:140px}.bw-collection[hidden]{display:none}.bw-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin:0 0 28px}.bw-heading h2{font-size:clamp(30px,3.6vw,48px)}.bw-heading p{font-size:16px;color:var(--muted);max-width:410px}.bw-mosaic{columns:3;column-gap:26px}.bw-page .bw-tile{break-inside:avoid;margin:0 0 30px;display:inline-block;width:100%;animation:bw-arrive .5s both}.bw-media{display:block;width:100%;padding:0;border:0;background:#f0f2f2;position:relative;border-radius:5px;overflow:hidden;isolation:isolate}.bw-visual{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--ratio);background:#edf1f2}.bw-visual>img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:none;transform:translateY(var(--crop-y,0));pointer-events:none}.bw-visual.is-rotated>img{width:calc(100% / var(--ratio));top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}.bw-media .bw-visual{transition:filter .35s}.bw-media:hover .bw-visual{filter:brightness(.9)}.bw-plus{position:absolute;right:12px;bottom:12px;width:31px;height:31px;border-radius:50%;background:#fffffff2;display:grid;place-items:center;font-size:22px;line-height:1;color:#27363b;transform:scale(.85);opacity:0;transition:transform .25s,opacity .25s}.bw-media:hover .bw-plus,.bw-media:focus-visible .bw-plus{transform:scale(1);opacity:1}
.bw-video{position:relative;border-radius:5px;overflow:hidden;background:#151b1e}.bw-video video{width:100%;display:block;aspect-ratio:var(--ratio);object-fit:contain}.bw-video-controls{position:absolute;inset:auto 12px 12px;display:flex;justify-content:space-between;pointer-events:none}.bw-video-controls button{pointer-events:auto;background:#192227d9;color:white;border:1px solid #ffffff46;border-radius:100px;font-size:13px;padding:5px 12px;backdrop-filter:blur(12px)}.bw-caption{padding:14px 1px 0}.bw-caption h3{font-size:22px;letter-spacing:-.025em;line-height:1.2}.bw-caption p{font-size:15px;color:var(--muted);line-height:1.6;margin-top:5px}.bw-collection[data-group=memories] .bw-mosaic{columns:3}.bw-collection[data-group=memories] .bw-tile{animation:none}.bw-footer{padding:30px 0 52px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:15px}.bw-top{border:0;background:none;font-size:16px;color:var(--ink)}
.bw-dialog{padding:10px;border:1px solid #ffffffb0;border-radius:12px;background:#fff;box-shadow:0 28px 90px #0006;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;overflow:auto;color:var(--ink)}.bw-dialog::backdrop{background:#0d151bd9;backdrop-filter:blur(10px)}.bw-dialog:not([open]){display:none}.bw-viewer{width:min(1000px,calc(100vw - 62px));max-width:100%}.bw-viewer .bw-visual{width:min(var(--viewer-w),calc(100vw - 62px));max-width:100%;margin:auto;background:#f2f3f3;border-radius:5px}.bw-viewer video{display:block;max-height:73dvh;max-width:100%;margin:auto;border-radius:5px}.bw-close{position:absolute;right:16px;top:16px;z-index:3;width:40px;height:40px;border:1px solid #d8dfe2;border-radius:50%;background:#fffffff5;display:grid;place-items:center;padding:0;color:#27363b}.bw-close svg{width:19px;height:19px}.bw-viewer-info{padding:15px 10px 6px;display:flex;align-items:center;justify-content:space-between;gap:28px}.bw-viewer-info strong{font-size:17px;font-weight:500}.bw-viewer-info p{font-size:14px;color:var(--muted)}.bw-viewer-controls{display:flex;gap:5px}.bw-viewer-controls button{width:38px;height:38px;display:grid;place-items:center;border:0;background:#f2f5f5;border-radius:50%;padding:0}.bw-viewer-controls svg{width:16px;height:16px}.bw-viewer-progress{height:3px;background:#e5eaec;margin:12px 10px 2px;display:none;overflow:hidden;border-radius:4px}.bw-viewer-progress span{height:100%;display:block;background:#09859c;transition:width .25s}.bw-enter{animation:bw-arrive .5s both}
.bw-viewer{width:min(var(--viewer-w),calc(100vw - 62px))}.bw-viewer-info{min-width:min(300px,calc(100vw - 62px))}.bw-collection[data-group=memories] .bw-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
@keyframes bw-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes bw-back{50%{transform:translateX(-4px)}}
@media(max-width:900px){.bw-mosaic{columns:2}.bw-intro{gap:24px}.bw-intro h1{font-size:62px}.bw-nav button{padding:10px 20px}.bw-collection[data-group=memories] .bw-mosaic{columns:2}}
@media(max-width:600px){.bw-header{padding:16px 5%;min-height:65px}.bw-back{font-size:18px}.bw-header>span{display:none}.bw-wrap{padding:0 5%}.bw-intro{padding:40px 0 26px;display:block}.bw-intro h1{font-size:52px}.bw-intro p{font-size:16px;max-width:320px;margin:20px 0 0}.bw-kicker{font-size:12px}.bw-nav{top:65px;margin:0 -5.55%;padding:12px 5.55%;gap:6px}.bw-nav button{padding:9px 16px;font-size:14px}.bw-heading{display:block;margin-bottom:22px}.bw-heading h2{font-size:32px}.bw-heading p{margin-top:10px;font-size:15px}.bw-mosaic{column-gap:14px}.bw-page .bw-tile{margin-bottom:24px}.bw-caption{padding-top:10px}.bw-caption h3{font-size:18px;letter-spacing:-.025em}.bw-caption p{font-size:13px;line-height:1.55}.bw-plus{width:25px;height:25px;font-size:19px;right:8px;bottom:8px;opacity:1;transform:none}.bw-video-controls{inset:auto 6px 6px;gap:3px}.bw-video-controls button{font-size:11px;padding:3px 7px}.bw-collection[data-group=memories] .bw-mosaic{columns:1}.bw-collection[data-group=memories] .bw-tile{margin-bottom:38px}.bw-collection[data-group=memories] .bw-caption h3{font-size:22px}.bw-collection[data-group=memories] .bw-caption p{font-size:16px}.bw-dialog{max-width:calc(100vw - 20px);padding:7px}.bw-viewer{width:calc(100vw - 36px)}.bw-viewer .bw-visual{width:min(var(--viewer-w),calc(100vw - 36px))}.bw-viewer-controls{display:none}.bw-viewer-progress{display:block}.bw-close{width:35px;height:35px;top:12px;right:12px}.bw-viewer-info{padding:13px 7px 2px}.bw-viewer-info strong{font-size:16px}.bw-viewer-info p{font-size:13px}.bw-footer{padding-bottom:32px}.bw-collection{padding-top:28px}}
@media(max-width:900px){.bw-collection[data-group=memories] .bw-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bw-collection[data-group=memories] .bw-mosaic{grid-template-columns:1fr;gap:0}.bw-viewer{width:min(var(--viewer-w),calc(100vw - 36px))}}
@media(max-width:600px){.bw-nav button{padding:9px 10px}.bw-caption p{font-size:14px}.bw-nav{gap:4px}.bw-collection{scroll-margin-top:130px}}
@media(prefers-reduced-motion:reduce){.bw-page{scroll-behavior:auto}.bw-page *{animation:none!important;transition:none!important}}
