.bento-page{--W:min(1220px, calc(100vw - 48px));--bento-gap:calc(var(--W) * .009);--bento-radius:calc(var(--W) * .02);--bento-label:max(15px, calc(var(--W) * .0128));--bento-display:calc(var(--W) * .022);--bento-band:var(--site-surface);--bento-ink:var(--site-ink-warm);--bento-on-ink:#f3ead8;--bento-on-ink-dim:#b9ad97;--bento-accent-a:#c2661c;--bento-accent-b:#7a4512;--bento-ui:max(11.5px, calc(var(--W) * .0098))}.bento-head{text-align:center;max-width:860px;margin:0 auto;padding:88px 0 48px}.bento-head h1{font-family:var(--site-font-display);letter-spacing:-.035em;margin:0;font-size:clamp(44px,6vw,76px);font-weight:400;line-height:1}.bento-lead{max-width:44ch;color:var(--site-text-dim);letter-spacing:-.01em;text-wrap:balance;margin:18px auto 0;font-size:clamp(18px,1.5vw,20px);font-weight:600;line-height:1.45}.bento-lead span{display:inline-block}.bento-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font-family:var(--site-font-display);font-weight:400;position:absolute;overflow:hidden}.bento-band{padding:calc(var(--bento-gap) * 4) 0 calc(var(--bento-gap) * 8)}.bento-board{width:var(--W);margin-inline:calc(50% - var(--W) / 2);gap:var(--bento-gap);aspect-ratio:2000/1100;grid-template-rows:repeat(12,1fr);grid-template-columns:1fr 1fr 1.36fr 1.36fr 1fr 1fr;display:grid}.bento-L1{grid-area:1/1/6/3}.bento-L2{grid-area:6/1/9/2}.bento-L3{grid-area:6/2/9/3}.bento-L4{grid-area:9/1/13/2}.bento-L5{grid-area:9/2/13/3}.bento-C1{grid-area:1/3/5/5}.bento-C2{grid-area:5/3/9/5}.bento-C3{grid-area:9/3/11/4}.bento-C4{grid-area:11/3/13/4}.bento-C5{grid-area:9/4/13/5}.bento-R1{grid-area:1/5/5/6}.bento-R2{grid-area:1/6/5/7}.bento-R3{grid-area:5/5/9/7}.bento-R4{grid-area:9/5/13/6}.bento-R5{grid-area:9/6/13/7}.bento-tile{border-radius:var(--bento-radius);min-width:0;min-height:0;color:var(--site-text);text-align:center;background:#fff;flex-direction:column;text-decoration:none;transition:scale .45s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.bento-tile:active{transition-duration:.12s;scale:.98}.bento-tile:focus-visible,.bento-small:focus-visible{outline:1px solid var(--bento-accent-a);outline-offset:3px}.bento-tile.is-source,.bento-small.is-source{visibility:hidden}.bento-tile--label-bottom .bento-label{margin-top:auto;padding-top:.7em}.bento-tile--label-top .bento-label{order:-1;padding-bottom:.5em}.bento-tile--label-center{justify-content:center}.bento-visual{flex:1;place-items:center;min-height:0;padding:8% 8% 4%;display:grid;position:relative;overflow:hidden;container-type:size}.bento-tile--label-center .bento-visual{flex:none;padding:0 0 .7em;container-type:normal}.bento-tile--photo .bento-visual,.bento-tile--hero .bento-visual{padding:0;position:absolute;inset:0}.bento-tile--daylight .bento-visual{padding:0}.bento-label{padding:0 8% calc(var(--bento-label) * 1.15);position:relative}.bento-tile--label-top .bento-label{padding:calc(var(--bento-label) * 1.15) 8% 0}.bento-tile--label-center .bento-label{padding:0 8%}.bento-label h3,.bento-label p{font-family:var(--font-ui);font-size:var(--bento-label);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:500;line-height:1.2}.bento-label p{margin-top:.3em}.bento-tile--ink{background:radial-gradient(130% 100% at 50% 0%, #2b251a 0%, var(--bento-ink) 65%)}.bento-tile--ink,.bento-tile--photo{color:#fff}.bento-tile--photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#0a08069e);position:absolute;inset:0}.bento-tile--daylight{background:#f9efe5}.bento-tile--felt{color:#fff;background:#10271e}.bento-tile--felt .bento-visual{padding:0}.bento-tile--gold{color:#2e1f08;background:linear-gradient(160deg,#f6d9a4 0%,#d9a04e 55%,#a8692a 100%)}.bento-tile--hero{background:#f3d9b6}.bento-tile:after{z-index:1}.bento-tile .bento-label{z-index:2}.bento-img{width:100%;height:100%}.bento-img--contain{object-fit:contain}.bento-img--cover{object-fit:cover;position:absolute;inset:0}.bento-pos-mahjong{object-position:50% 55%}.bento-pos-island{object-position:50% 0}.bento-pos-clock{object-position:50% 30%;transform-origin:50% 31%;transform:scale(2.1)}.bento-dayparts{position:absolute;inset:0}.bento-daypart{opacity:0}.bento-daypart--dawn{opacity:1}@media (prefers-reduced-motion:no-preference){.bento-daypart{animation:16s linear infinite bento-daypart}.bento-daypart--day{animation-delay:-12s}.bento-daypart--dusk{animation-delay:-8s}.bento-daypart--night{animation-delay:-4s}.bento-R2{animation:16s linear infinite bento-daypart-tone}}.bento-R2:not([data-in-view]),.bento-R2:not([data-in-view]) .bento-daypart{animation-play-state:paused}@keyframes bento-daypart{0%,25%{opacity:1}31.25%,93.75%{opacity:0}to{opacity:1}}@keyframes bento-daypart-tone{0%,18.75%,to{background-color:#f9efe5}25%,43.75%{background-color:#dae8f3}50%,68.75%{background-color:#eddfd6}75%,93.75%{background-color:#d7d5d3}}.bento-pos-sunrise{object-position:50% 60%}.bento-shield{aspect-ratio:1;flex:none;width:min(100cqw,100cqh);position:relative}.pop-copy>.bento-shield{width:104px;margin:0 0 14px -6px}.bento-tile{container:bento-tile/size}@container bento-tile (width<=160px){.bento-tile--fold .bento-visual{display:none}.bento-tile--fold .bento-label{margin-block:auto;padding:0 8%}}@container bento-tile (height<=150px){.bento-pos-island{object-position:50% 50%}.bento-C1 .bento-label{margin-block:auto;padding:0 8%}}.pop-body--split:not([hidden]){grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);display:grid}.pop-body--split .pop-stage{grid-template-columns:minmax(0,1fr);height:auto;min-height:100%;padding:28px 24px 44px}.pop-body--split .pop-copy{align-self:center;padding:32px 36px 16px 32px}.pop-body--split .pop-copy h2{font-size:clamp(26px,2.6vw,34px)}.native-shield-demo{--native-width:568px;zoom:.78}.pop-drag{align-self:center;width:100%}.pop-drag .island-figure{border-radius:14px}.demo-shield-native{display:grid}.demo.demo-shield-native>[data-at]{visibility:hidden;grid-area:1/1;display:block}.pop-stage[data-step="1"] .demo-shield-native>[data-at~="1"],.pop-stage[data-step="2"] .demo-shield-native>[data-at~="2"],.pop-stage[data-step="3"] .demo-shield-native>[data-at~="3"]{visibility:visible}.bento-shield .horizon-turn{position:absolute;inset:0}.bento-shield .horizon-fallback,.bento-shield .horizon-canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bento-shield .horizon-turn.is-3d .horizon-fallback{visibility:hidden}.bento-title{font-size:calc(var(--bento-display) * 1.05)!important;letter-spacing:-.025em!important;font-weight:600!important}.bento-mark{width:calc(var(--W) * .11);filter:drop-shadow(0 6px 18px #78461459);height:auto;margin:0 auto;display:block}.bento-display{font-size:var(--bento-display)!important;letter-spacing:-.03em!important;font-weight:700!important;line-height:1.04!important}.bento-accent{background:linear-gradient(170deg, var(--bento-accent-a), var(--bento-accent-b));color:#0000;-webkit-background-clip:text;background-clip:text}.bento-accent-wide{background:linear-gradient(90deg, #d07a22, #b24a2c 55%, var(--bento-accent-b));color:#0000;-webkit-background-clip:text;background-clip:text}.bento-accent,.bento-accent-wide{margin-bottom:-.14em;padding-bottom:.14em}.bento-fade{font-family:var(--font-ui);letter-spacing:-.01em;justify-items:center;gap:.35em;font-weight:600;display:grid}.bento-fade span:first-child,.bento-fade span:nth-child(5){font-size:calc(var(--bento-label) * .8);color:#d5ccbd}.bento-fade span:nth-child(2),.bento-fade span:nth-child(4){font-size:var(--bento-label);color:#b3a894}.bento-fade h3{margin:.1em 0 -.04em!important}.bento-chips{font:600 calc(var(--bento-label) * .85) var(--font-ui);flex-wrap:nowrap;justify-content:center;gap:.4em;padding:0 8%;display:flex}.bento-chips span{color:var(--bento-on-ink);background:#ffffff1a;border-radius:.6em;padding:.3em .6em}.ui{font:500 var(--bento-ui)/1.3 var(--font-ui);color:#14120e;text-align:left}.ui-panel{background:#fff;border:1px solid #12100b14;border-radius:1.1em;width:100%;overflow:hidden}.ui-panel--narrow{max-width:82%}.ui-sec{color:#9a9080;padding:.75em 1em .25em;font-size:.82em}.ui-row{align-items:center;gap:.6em;padding:.5em 1em;display:flex}.ui-row .ui-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ui-row .ui-m{color:#9a9080;font-size:.85em}.ui-row.is-on{background:#f4efe7}.ui-fav{color:#fff;border-radius:.3em;flex:none;place-items:center;width:1.25em;height:1.25em;font-size:.72em;font-weight:700;display:inline-grid}.ui-fav--a{background:#3f5bd8}.ui-fav--b{background:#c4573a}.ui-fav--c{background:#2f7d5b}.ui-fav--d{background:#8a6a2f}.ui-fav--e{background:#5b5b5b}.ui-quiet{animation:6s ease-in-out infinite paused bento-quiet}.bento-R1[data-in-view] .ui-quiet{animation-play-state:running}.ui-quiet--2{animation-delay:.5s}@keyframes bento-quiet{0%,25%{opacity:1}45%,85%{opacity:.28}to{opacity:1}}.ui-chips{gap:.45em;width:100%;display:grid}.ui-chip{border-radius:.8em;justify-content:space-between;align-items:center;padding:.55em .8em;font-weight:600;display:flex}.ui-chip--1{color:#7a4e12;background:#f6e2bf}.ui-chip--2{color:#6b6257;background:#f4efe7;margin-left:12%}.ui-chip--3{color:#6b6257;background:#f4efe7;margin-left:24%}.ui-private{justify-items:center;gap:.9em;display:grid}.ui-private-pill{color:var(--bento-on-ink);font:500 var(--bento-ui) var(--font-ui);white-space:nowrap;border:1.5px dashed #8e877a;border-radius:1.1em;align-items:center;gap:.6em;padding:.55em .9em;display:inline-flex}.ui-private-chip{white-space:nowrap;border:1px dashed #8e877a;border-radius:99px;padding:.05em .6em;font-size:.85em}.ui-private-note{color:var(--bento-on-ink-dim);text-align:center}.bento-more{width:var(--W);margin:calc(var(--bento-gap) * 8) 0 0;margin-inline:calc(50% - var(--W) / 2)}.bento-more h2{margin:0 0 calc(var(--bento-gap) * 3);font-family:var(--site-font-display);letter-spacing:-.035em;text-align:center;font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1.05}.bento-grid{gap:calc(var(--W) * .012);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.bento-small{aspect-ratio:307/162;border-radius:calc(var(--W) * .015);color:var(--site-text);background:#fff;flex-direction:column;justify-content:space-between;padding:7.5%;text-decoration:none;transition:scale .45s cubic-bezier(.2,.8,.2,1);display:flex}.bento-small:active{transition-duration:.12s;scale:.97}@media (hover:hover) and (prefers-reduced-motion:no-preference){.bento-tile:hover:not(:active){scale:1.02}.bento-small:hover:not(:active){scale:1.03}.bento-img--cover{transition:scale .6s cubic-bezier(.2,.8,.2,1)}.bento-tile:hover .bento-img--cover{scale:1.05}.bento-pos-island{transform-origin:50% 0}}@media (hover:hover){.bento-small .bento-icon{transition:color .2s}.bento-small:hover .bento-icon{color:var(--bento-accent-a)}}.bento-small h3{font:500 max(13.5px, calc(var(--W) * .0118))/1.25 var(--font-ui);letter-spacing:-.01em;margin:0}.bento-icon{aspect-ratio:1;color:var(--site-text);display:block}.bento-icon--tile{width:max(22px, calc(var(--W) * .02))}.bento-icon--pop{width:88px}.bento-icon--mark{width:calc(var(--W) * .034);color:#fff;background:linear-gradient(160deg,#3a342a,#12100b);border-radius:23%;place-items:center;display:grid}.bento-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.bento-icon--mark svg{stroke-width:1.9px;width:58%;height:58%}.bento-icon--pop svg{stroke-width:1.3px}.bento-patron{color:var(--bento-on-ink);border-image:conic-gradient(var(--bento-ink) 0 0) fill 0 / / 0 100vw;grid-template-columns:minmax(0,1.3fr) minmax(220px,.6fr);align-items:end;gap:clamp(40px,7vw,96px);padding:clamp(64px,8vw,96px) 0;display:grid}.bento-patron .section-kicker{color:var(--site-gold-on-dark)}.bento-patron-copy h2{max-width:13ch;font-family:var(--site-font-display);letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.04}.bento-patron-copy>p:last-child{max-width:54ch;color:var(--bento-on-ink-dim);margin:22px 0 0;font-size:15px;line-height:1.65}.bento-patron-offer{border-left:1px solid #3a3427;padding-left:32px}.bento-patron-price{letter-spacing:-.035em;margin:0}.bento-patron-price strong{font-size:40px;font-weight:500}.bento-patron-price span,.bento-patron-offer>p:nth-child(2){color:var(--bento-on-ink-dim);letter-spacing:0;font-size:12px}.bento-patron-offer>p:nth-child(2){margin:4px 0 0}.bento-patron .cta{background:var(--site-gold-on-dark);width:100%;color:var(--bento-ink);margin-top:24px}.bento-patron .text-link{color:var(--bento-on-ink);border-bottom-color:#3a3427;margin-top:16px}.bento-patron .text-link>span[aria-hidden=true]{color:var(--site-gold-on-dark)}.pop{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;overflow:hidden}.pop::backdrop{background:0 0}.pop-scrim{-webkit-backdrop-filter:blur(16px)saturate(140%);background:#1e180e42;position:absolute;inset:0}.pop-card{transform-origin:0 0;will-change:transform;background:#fff;border-radius:28px;flex-direction:column;width:min(880px,100vw - 32px);max-height:calc(100dvh - 48px);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.pop-content{min-height:0;overflow:auto}.pop-stage{background:var(--bento-band);place-items:center;height:360px;padding:32px;display:grid;position:relative;overflow:hidden}.pop-stage .ui{font-size:13px}.pop-img{object-fit:contain;width:100%;height:100%}.pop-img--cover{object-fit:cover;position:absolute;inset:0}.pop-pos-sunrise{object-position:50% 92%}.pop-hero{place-items:center;display:grid;position:absolute;inset:0}.pop-hero-mark{filter:drop-shadow(0 6px 18px #78461459);width:132px;height:auto;margin-bottom:40px;position:relative}.pop-pair{grid-template-columns:repeat(2,1fr);gap:10px;width:86%;height:100%;display:grid}.pop-pair img{object-fit:cover;border-radius:12px;width:100%;height:100%}.pop-copy{padding:28px 40px 8px}.pop-copy h2{max-width:24ch;font-family:var(--site-font-display);letter-spacing:-.035em;text-wrap:balance;margin:6px 0 0;font-size:clamp(28px,3.4vw,40px);font-weight:400;line-height:1.06}.pop-copy p:not(.pop-eyebrow){max-width:64ch;color:var(--site-text-dim);margin:12px 0 0;font-size:15px;line-height:1.6}.pop-copy .pop-note{font-size:13px}.pop-link{color:var(--site-text);gap:6px;margin-top:16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pop-link span{color:var(--bento-accent-a)}.pop-nav{justify-content:space-between;gap:12px;padding:18px 40px 24px;display:flex}.pop-nav button,.pop-close{background:var(--bento-band);height:36px;color:var(--site-text);font:500 13px var(--font-ui);cursor:pointer;border:0;border-radius:99px;padding:0 15px}.pop-nav button:active,.pop-close:active{transform:scale(.96)}.pop-nav button:focus-visible,.pop-close:focus-visible,.pop-link:focus-visible{outline:1px solid var(--bento-accent-a);outline-offset:2px}.pop-close{z-index:2;backdrop-filter:blur(10px);background:#ffffffd1;place-items:center;width:36px;padding:0;display:grid;position:absolute;top:16px;right:16px}.pop-close svg{stroke:currentColor;stroke-width:2px;width:14px;height:14px}.pop-steps{gap:6px;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%}.pop-steps i{background:#0000001f;border-radius:2px;width:22px;height:3px}.pop-steps i.is-on{background:var(--bento-accent-a)}@media (width<=900px){.bento-page{--W:calc(100vw - 32px);--bento-gap:10px;--bento-radius:20px;--bento-label:15px;--bento-display:24px}.bento-board{aspect-ratio:auto;grid-template-rows:none;grid-template-columns:1fr 1fr;grid-auto-rows:200px}.bento-board>.bento-tile{grid-area:auto}.bento-board>.bento-L1,.bento-board>.bento-C1,.bento-board>.bento-C2,.bento-board>.bento-R3{grid-column:1/3}.bento-mark{width:96px}.pop-hero-mark{width:88px;margin-bottom:28px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-small{aspect-ratio:auto;gap:18px;min-height:120px}.bento-icon--tile{width:24px}.pop-stage{height:250px;padding:20px}.pop-body--split .pop-stage{padding:24px 16px 40px}.pop-body--split .pop-copy{padding:56px 24px 16px 20px}.pop-copy>.bento-shield{width:72px}.native-shield-demo{--native-width:420px;zoom:.74}.pop-copy{padding:22px 20px 6px}.pop-nav{padding:14px 20px 20px}.bento-patron{grid-template-columns:1fr;gap:36px}.bento-patron-offer{border-top:1px solid #3a3427;border-left:0;padding:28px 0 0}}@media (width<=720px){.pop-body--split:not([hidden]){grid-template-columns:minmax(0,1fr)}.pop-body--split .pop-stage{padding:68px 20px 40px}.pop-body--split .pop-copy{padding:24px 24px 8px}}@media (width<=420px){.bento-board{grid-template-columns:1fr;grid-auto-rows:220px}.bento-board>.bento-L1,.bento-board>.bento-C1,.bento-board>.bento-C2,.bento-board>.bento-R3{grid-column:auto}}@media (prefers-reduced-motion:reduce){.bento-tile,.bento-small{transition:none}.ui-quiet{animation:none}}@media (prefers-reduced-transparency:reduce){.pop-scrim{-webkit-backdrop-filter:none;background:#1e180e99}.pop-close{backdrop-filter:none;background:#fff}}.demo [data-at]{display:none}.pop-stage[data-step="1"] .demo [data-at~="1"],.pop-stage[data-step="2"] .demo [data-at~="2"],.pop-stage[data-step="3"] .demo [data-at~="3"]{display:revert}.pop-stage[data-step="1"] .demo [data-dim~="1"],.pop-stage[data-step="2"] .demo [data-dim~="2"],.pop-stage[data-step="3"] .demo [data-dim~="3"]{opacity:.3}.demo .ui-row{transition:opacity .5s}.demo-panel{background:#fff;border:1px solid #12100b14;border-radius:18px;width:min(500px,86%);overflow:hidden}.demo-panel--narrow{width:min(380px,86%)}.demo-in{border-bottom:1px solid #eee;padding:13px 16px;font-size:15px}.demo-in--split{justify-content:space-between;gap:12px;display:flex}.demo-in--split b{font-size:12px}.demo-ph{color:#999}.demo-caret{vertical-align:-2px;background:#0e0e0e;width:1.5px;height:1em;margin-left:1px;animation:1.1s step-end infinite bento-caret;display:inline-block}@keyframes bento-caret{50%{opacity:0}}.demo-cmd{min-width:84px;font-weight:600}.demo-later{float:right}.demo-none{color:#999}.demo-private{justify-items:center;gap:14px;width:100%;display:grid}.demo-pill{color:#0e0e0e;height:40px;font:500 13px var(--font-ui);white-space:nowrap;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 15px;display:inline-flex}.demo-pill--private{background:#f4f2ee;border:1.5px dashed #9a9a9a}.demo-private-chip{border:1px dashed #9a9a9a;border-radius:99px;padding:1px 9px;font-size:11px}.pop-stage[data-step="3"] .demo-private-chip{border-color:var(--bento-accent-a)}.pop-chips{width:min(320px,80%);font-size:14px}@media (prefers-reduced-motion:reduce){.demo .ui-row{transition:none}.demo-caret{animation:none}}.pop-replica{font-size:13px}.pop-replica .ui-row b{font-weight:600}.pop-replica-input{color:#999;border:1px solid #e4dccf;border-radius:8px;flex:1;padding:6px 10px}.pop-replica-button{white-space:nowrap;border:1px solid #e4dccf;border-radius:8px;padding:6px 10px}.bento-visual .ui,.bento-visual .bento-chips,.bento-visual .ui-private-pill{font-size:clamp(9px,min(4.6cqw,6.8cqh),13px)}.ui-menu{width:100%}.ui-menu .ui-row{padding:.55em .9em}.bento-label .bento-badge{font-size:calc(var(--bento-label) * .72);letter-spacing:.04em;border:1px solid;border-radius:99px;margin-top:.45em;padding:.1em .65em;display:inline-block}@container (height<=140px){.ui-extra,.ui-chips .ui-chip:nth-child(n+3){display:none}}@container (height<=80px){.ui-menu .ui-row:nth-child(n+2),.ui-chips .ui-chip:nth-child(n+2){display:none}.ui-chip--1{margin:0}}
