.material-card{position:relative;display:block;width:min(350px,100%);text-decoration:none;font-family:var(--font-sans,"Inter Variable",sans-serif);text-align:left;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease}.material-card:hover{transform:translateY(-4px)}.material-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:8px}.material-photo{display:block;position:relative;overflow:hidden}.material-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.material-copy{display:block;position:relative;padding:18px 23px 20px}.material-byline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.4}.material-byline>span:last-child{font:8px/1.3 SFMono-Regular,Consolas,monospace;letter-spacing:.09em;opacity:.62}.material-heading{display:block;margin:9px 0 7px;font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.065em}.material-description{display:block;margin:0;font-size:13px;line-height:1.7;letter-spacing:-.015em}.material-stub{position:relative;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 23px;gap:18px}.material-number{display:flex;align-items:center;gap:11px;font:8px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.material-number>span{font-size:11px;letter-spacing:.04em}.material-open{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%}.material-open svg{width:18px;height:18px}.material-card-glass{border:1px solid #ffffff38;border-radius:24px;color:#f6f4ef;background:linear-gradient(180deg,#ffffff0d,#ffffff06 60%,color-mix(in srgb,var(--glass-tone) 48%,#343734));backdrop-filter:blur(18px);box-shadow:0 8px 24px #00000019,inset 0 1px #ffffff12}.material-card-glass .material-photo{display:block;margin:12px 12px 0;border-radius:15px}.material-card-glass .material-copy{display:block;padding-bottom:18px}.material-card-glass .material-description{display:block;color:#e6e8dfb3}.material-card-glass .material-byline{color:#eff0e6b3}.material-card-glass .material-stub{margin:0 22px;padding:0 0 4px;height:62px;border-top:1px solid #ffffff1e}.material-card-glass .material-number{color:#e2e7d4b3}.material-card-glass .material-open{background:#f3f3ea;color:#30372d;border:1px solid #fff3}.material-card-ticket{color:#303127;background:#f0eadc;border-radius:14px;box-shadow:0 7px 19px #0000001b;mask:radial-gradient(circle 9px at 0 calc(100% - 66px),transparent 98%,#000 100%),radial-gradient(circle 9px at 100% calc(100% - 66px),transparent 98%,#000 100%);mask-composite:intersect}.material-card-ticket .material-photo{display:block;margin:9px 9px 0;border-radius:7px}.material-card-ticket .material-copy{display:block;padding:18px 23px 22px;background:linear-gradient(#fff2,#fff0)}.material-card-ticket .material-description{display:block;color:#79796a}.material-card-ticket .material-byline{color:#737361}.material-card-ticket .material-stub{border-top:1px dashed #48453661;background:var(--card-accent)}.material-card-ticket .material-open{background:#33372c;color:#f4efde}.material-card-ticket .material-barcode{width:65px;height:22px;opacity:.75;margin-left:auto}@media(prefers-reduced-motion:reduce){.material-card{transition:none}}.sg:not([data-card-material=illustrated]) .sg-card-position{height:auto;aspect-ratio:100/178;container-type:inline-size}.sg .sg-card.material-card{container-type:inline-size;display:flex;flex-direction:column;padding:0;width:100%;height:100%;font-family:var(--font-sans,sans-serif)}.sg .sg-card.material-card:hover{transform:none;translate:0 -4px}.sg .sg-card.material-card .material-photo{flex:none;margin:3.3cqw 3.3cqw 0;border-radius:4cqw}.sg .sg-card.material-card .material-photo img{aspect-ratio:4/5}.sg .sg-card.material-card .material-copy{flex:1;min-height:0;padding:4.5cqw 6cqw 3.5cqw}.sg .sg-card.material-card .material-byline{font-size:2.8cqw;gap:2cqw}.sg .sg-card.material-card .material-byline>span:last-child{font-size:2.3cqw}.sg .sg-card.material-card .material-heading{font-size:8.5cqw;line-height:1.2;letter-spacing:-.055em;margin:2.7cqw 0 2cqw;white-space:nowrap}.sg .sg-card.material-card .material-description{font-size:4cqw;line-height:1.5;margin:0}.sg .sg-card.material-card .material-stub{flex:none;height:16cqw;padding:0 6cqw;margin:0;gap:3cqw}.sg .sg-card.material-card .material-number{font-size:2.5cqw;gap:2.5cqw}.sg .sg-card.material-card .material-number>span{font-size:3cqw}.sg .sg-card.material-card .material-open{width:9cqw;height:9cqw}.sg .sg-card.material-card .material-open svg{width:5cqw;height:5cqw}.sg .sg-card.material-card .material-barcode{width:18cqw;height:6cqw}.sg .sg-card.material-card-glass{border:1px solid #ffffff4a;border-radius:6.5cqw;color:#f6f4ef;background:linear-gradient(180deg,#343b33e8,#333a32e8 60%,color-mix(in srgb,var(--glass-tone) 48%,#343734));box-shadow:0 8px 22px #0002,inset 0 1px #fff2}.sg .sg-card.material-card-glass .material-stub{margin:0 6cqw;padding:0 0 1cqw}.sg .sg-card.material-card-ticket{color:#303127;background:#f0eadc;border-radius:4cqw;mask:radial-gradient(circle 2.8cqw at 0 calc(100% - 16cqw),transparent 98%,#000 100%),radial-gradient(circle 2.8cqw at 100% calc(100% - 16cqw),transparent 98%,#000 100%);mask-composite:intersect}.sg:not([data-card-material=illustrated]) .sg-dialog-art{aspect-ratio:4/5}.material-face{display:flex;flex-direction:column;width:100%;height:100%}.sg-material-picker{position:absolute;top:78px;left:24px;right:24px;z-index:5;display:flex;justify-content:center;gap:6px}.sg-material-picker button{border:1px solid #d6d9cf;border-radius:20px;padding:6px 13px;background:#fafbf8;color:#78816c;font:10px/1.3 var(--font-sans,sans-serif);cursor:pointer}.sg-material-picker button[aria-pressed=true]{background:#e6ecdd;color:#33432b;border-color:#9aa68d}.gallery-lab .sg-material-picker{position:fixed;top:calc(76px + var(--motion-picker-height,36px) + 9px);left:24px;right:24px}.material-main{position:relative;display:block}.material-card-ticket{background:transparent;mask:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 10px #0002);overflow:visible}.material-card-ticket .material-main{background:#f0eadc;border-radius:14px 14px 0 0;padding-top:.1px;mask:radial-gradient(circle 9px at 0 100%,transparent 98%,#000 100%),radial-gradient(circle 9px at 100% 100%,transparent 98%,#000 100%);mask-composite:intersect}.material-card-ticket .material-stub{color:var(--ticket-ink,#303127);border-radius:0 0 14px 14px;mask:radial-gradient(circle 9px at 0 0,transparent 98%,#000 100%),radial-gradient(circle 9px at 100% 0,transparent 98%,#000 100%);mask-composite:intersect}.material-card-ticket .material-open{background:var(--ticket-ink,#303127);color:var(--card-accent)}.material-face>.material-main{display:flex;flex-direction:column;flex:1;min-height:0}.sg .sg-card.material-card-ticket{background:transparent;mask:none;border-radius:0;overflow:visible;box-shadow:none}.sg .sg-card.material-card-ticket .material-main{border-radius:4cqw 4cqw 0 0;mask:radial-gradient(circle 2.8cqw at 0 100%,transparent 98%,#000 100%),radial-gradient(circle 2.8cqw at 100% 100%,transparent 98%,#000 100%);mask-composite:intersect}.sg .sg-card.material-card-ticket .material-stub{border-radius:0 0 4cqw 4cqw;mask:radial-gradient(circle 2.8cqw at 0 0,transparent 98%,#000 100%),radial-gradient(circle 2.8cqw at 100% 0,transparent 98%,#000 100%);mask-composite:intersect}
