.penny-world {
  --penny-ink: #172c3a;
  --penny-paper: #f4f2ed;
  --penny-pink: #ed7193;
  --penny-court: #bdcad0;
  margin: 0;
  background: var(--penny-ink);
  color: var(--penny-paper);
  font-family: 'DM Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.penny-world *, .penny-world *::before, .penny-world *::after { box-sizing: border-box; }
.penny-world button, .penny-world a { -webkit-tap-highlight-color: transparent; }
.penny-world button { font: inherit; }
.penny-world a { color: inherit; }
.penny-world button:focus-visible, .penny-world a:focus-visible { outline: 3px solid var(--penny-pink); outline-offset: 6px; }
.penny-world .skip { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 12px 18px; background: var(--penny-paper); color: var(--penny-ink); transform: translateY(-150%); }
.penny-world .skip:focus { transform: none; }
.penny-header { max-width: 1600px; margin: auto; padding: 25px 5.2vw 0; }
.penny-topline { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid #52626d; }
.penny-return { font-size: 13px; text-decoration: none; display: flex; align-items: center; gap: 13px; }
.penny-return span { font-size: 22px; }
.penny-wordmark { font-size: 27px; line-height: 1; font-weight: 700; letter-spacing: -.085em; text-decoration: none; }
.penny-wordmark i { color: var(--penny-pink); font-style: normal; }
.penny-tabs { display: flex; gap: 33px; padding-top: 19px; }
.penny-tabs button { padding: 8px 0 14px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #c5cdd2; cursor: pointer; font-size: 14px; }
.penny-tabs button[aria-selected='true'] { color: var(--penny-paper); border-bottom-color: var(--penny-pink); }
.penny-tabs button:hover { color: var(--penny-pink); }
.penny-main { max-width: 1600px; margin: auto; padding: 0 5.2vw; }
.penny-main [hidden] { display: none !important; }
.penny-panel { padding: 48px 0 58px; }
.penny-kicker { display: flex; align-items: center; gap: 13px; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .14em; color: #c5cdd2; margin: 0 0 24px; }
.penny-kicker::before { content: ''; display: block; width: 9px; height: 9px; border: 1px solid var(--penny-pink); border-radius: 50%; }
.penny-overview-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 6%; align-items: center; min-height: 635px; }
.penny-identity { font-size: clamp(90px, 10.3vw, 154px); font-weight: 700; line-height: .81; letter-spacing: -.082em; text-transform: uppercase; margin: 0; }
.penny-identity span { display: block; color: var(--penny-pink); margin-top: 7px; }
.penny-tagline { font-family: 'Instrument Serif', serif; font-weight: 400; font-style: italic; font-size: clamp(32px, 3.1vw, 49px); line-height: 1.1; margin: 29px 0 16px; }
.penny-intro { max-width: 365px; font-size: 15px; line-height: 1.8; color: #c5cdd2; margin: 0 0 27px; }
.penny-watch { display: inline-flex; align-items: center; gap: 17px; padding: 13px 22px 13px 14px; background: var(--penny-pink); color: var(--penny-ink); border: 0; border-radius: 50px; cursor: pointer; font-size: 14px; font-weight: 600; }
.penny-watch:hover { background: #f79cb5; }
.penny-play { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background: var(--penny-ink); color: var(--penny-paper); font-size: 10px; padding-left: 2px; }
.penny-hero-note { display: block; margin-top: 24px; font-size: 11px; letter-spacing: .04em; color: #c5cdd2; }
.penny-court-stage { position: relative; min-height: 635px; perspective: 1500px; isolation: isolate; }
.penny-court-lines { position: absolute; z-index: -1; inset: 10% -3% 5%; border: 1px solid #546773; border-radius: 230px 230px 10px 10px; transform: rotate(-8deg); }
.penny-court-lines::before { content: ''; position: absolute; inset: 13%; border: 1px solid #546773; }
.penny-court-lines::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid #546773; }
.penny-main-frame { margin: 0; border: 0; overflow: visible; position: absolute; left: 13%; top: 4%; width: 62%; padding: 8px; background: var(--penny-paper); border-radius: 150px 150px 13px 13px; box-shadow: 0 34px 55px #0008; --photo-angle: -6deg; }
.penny-main-frame img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; border-radius: 145px 145px 7px 7px; object-fit: cover; }
.penny-second-frame { margin: 0; border: 0; overflow: visible; position: absolute; right: -1%; bottom: 9%; width: 35%; padding: 6px; background: var(--penny-pink); border-radius: 9px 85px 9px 9px; box-shadow: 0 23px 40px #0007; --photo-angle: 9deg; }
.penny-second-frame img { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 5px 80px 5px 5px; }
.penny-frame-label { position: absolute; left: 0; bottom: -27px; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; color: var(--penny-court); }
.penny-ball { position: absolute; z-index: 3; left: 4%; bottom: 8%; width: 94px; height: 94px; border-radius: 50%; background: var(--penny-pink); box-shadow: 7px 13px 20px #0004, inset -8px -8px 18px #ae3c6473; overflow: hidden; transform: rotate(-27deg); }
.penny-ball::before, .penny-ball::after { content: ''; position: absolute; top: -10%; width: 61%; height: 120%; border: 2px solid var(--penny-ink); border-radius: 50%; }
.penny-ball::before { left: -26%; }.penny-ball::after { right: -26%; }
.penny-index-strip { display: flex; align-items: center; gap: 25px; margin-top: 36px; padding-top: 21px; border-top: 1px solid #52626d; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: #c5cdd2; }
.penny-index-strip b { color: var(--penny-pink); font-weight: 500; margin-right: 10px; }
.penny-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin: 0 0 35px; }
.penny-panel-heading h2 { font-size: clamp(54px, 6.3vw, 96px); line-height: .96; letter-spacing: -.065em; font-weight: 600; margin: 0; }
.penny-panel-heading h2 em { color: var(--penny-pink); font-family: 'Instrument Serif', serif; font-weight: 400; letter-spacing: -.025em; }
.penny-panel-heading p { max-width: 310px; color: #c5cdd2; font-size: 14px; line-height: 1.7; margin: 0 0 4px; }
.penny-court-feature { display: grid; grid-template-columns: .95fr 1.05fr; gap: 10%; align-items: center; }
.penny-court-poster { border: 0; background: transparent; color: inherit; padding: 0; width: min(100%, 460px); cursor: pointer; text-align: left; justify-self: center; position: relative; }
.penny-court-poster::before { content: ''; position: absolute; inset: 2% -6% -2% 6%; border: 1px solid #657480; transform: rotate(4deg); border-radius: 160px 160px 12px 12px; z-index: -1; }
.penny-court-poster img { display: block; width: 100%; max-height: 580px; object-fit: cover; object-position: center; aspect-ratio: 9/16; border-radius: 160px 160px 12px 12px; box-shadow: 0 25px 40px #0005; }
.penny-poster-play { position: absolute; left: 22px; bottom: 22px; display: inline-flex; align-items: center; gap: 12px; background: var(--penny-paper); color: var(--penny-ink); padding: 10px 20px 10px 10px; border-radius: 30px; font-size: 13px; font-weight: 600; }
.penny-court-copy h3 { font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(42px, 4.4vw, 64px); line-height: 1.02; letter-spacing: -.025em; margin: 0 0 23px; }
.penny-court-copy > p { max-width: 405px; font-size: 14px; line-height: 1.9; color: #c5cdd2; }
.penny-rep-list { padding: 0; list-style: none; max-width: 420px; margin-top: 32px; }
.penny-rep-list li { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid #52626d; font-size: 13px; }.penny-rep-list span { color: var(--penny-pink); font-size: 11px; }
.penny-shorts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4%; align-items: start; padding-top: 12px; }
.penny-short { min-width: 0; }
.penny-short:nth-child(2) { padding-top: 39px; }.penny-short:nth-child(3) { padding-top: 78px; }
.penny-short-media { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 0; display: block; width: 100%; position: relative; text-align: left; }
.penny-short-media img { display: block; width: 100%; aspect-ratio: 9/16; object-fit: cover; border-radius: 110px 110px 10px 10px; box-shadow: 0 16px 30px #0005; }
.penny-short:nth-child(2) .penny-short-media img { border-radius: 10px 110px 10px 10px; }.penny-short:nth-child(3) .penny-short-media img { border-radius: 110px 10px 10px 10px; }
.penny-short-media > .penny-play { position: absolute; right: 17px; bottom: 17px; width: 45px; height: 45px; background: var(--penny-paper); color: var(--penny-ink); box-shadow: 0 5px 15px #0004; }
.penny-short-number { display: block; font-size: 10px; letter-spacing: .1em; color: var(--penny-pink); margin: 20px 0 8px; text-transform: uppercase; }
.penny-short h3 { font-size: 21px; font-weight: 500; letter-spacing: -.04em; margin: 0 0 7px; }.penny-short p { color: #c5cdd2; font-size: 12px; line-height: 1.7; margin: 0; }
.penny-online-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: start; }
.penny-online-art { position: relative; isolation: isolate; padding: 20px 12% 18px; }
.penny-online-art::before { content: '@'; position: absolute; z-index: -1; top: -12%; left: -3%; color: #ed719330; font-size: clamp(250px, 38vw, 520px); line-height: 1; font-family: 'Instrument Serif', serif; }
.penny-online-art img { width: 100%; display: block; aspect-ratio: 9/16; object-fit: cover; max-height: 520px; border-radius: 160px 160px 12px 12px; transform: rotate(-5deg); box-shadow: 0 26px 40px #0006; }
.penny-socials { padding-top: 40px; }
.penny-socials > p { font-size: 13px; color: #c5cdd2; line-height: 1.8; margin: 0 0 20px; max-width: 340px; }
.penny-social-link { display: grid; grid-template-columns: 36px 1fr 30px; align-items: center; gap: 16px; text-decoration: none; border-top: 1px solid #52626d; padding: 23px 0; }
.penny-social-link:hover { color: var(--penny-pink); }.penny-social-link small { display: block; margin-top: 7px; font-size: 12px; font-weight: 400; color: #c5cdd2; }.penny-social-link strong { font-size: 22px; font-weight: 500; letter-spacing: -.04em; }.penny-social-number { color: var(--penny-pink); font-size: 11px; }.penny-social-arrow { justify-self: end; font-size: 23px; }
.penny-full-story { display: inline-block; margin-top: 25px; font-size: 13px; text-underline-offset: 5px; }
.penny-footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; max-width: 1600px; margin: auto; padding: 26px 5.2vw; border-top: 1px solid #52626d; font-size: 11px; color: #c5cdd2; }.penny-footer a { text-underline-offset: 4px; }.penny-footer i { color: var(--penny-pink); font-style: normal; }
@media (min-width: 1600px) { .penny-header, .penny-main, .penny-footer { padding-left: 83px; padding-right: 83px; } }
@media (max-width: 1000px) { .penny-overview-grid { min-height: 525px; gap: 5%; }.penny-court-stage { min-height: 525px; }.penny-main-frame { width: 68%; left: 8%; }.penny-second-frame { width: 38%; right: -1%; }.penny-identity { font-size: 11vw; }.penny-ball { width: 70px; height: 70px; }.penny-court-feature { gap: 7%; }.penny-court-poster img { max-height: 520px; }.penny-shorts-grid { gap: 3%; } }
@media (max-width: 650px) {
  .penny-header { padding: 19px 6vw 0; }.penny-topline { gap: 18px; padding-bottom: 19px; }.penny-return { font-size: 11px; gap: 9px; }.penny-wordmark { font-size: 25px; }.penny-tabs { gap: 0; justify-content: space-between; padding-top: 14px; }.penny-tabs button { font-size: 13px; padding-bottom: 12px; }
  .penny-main { padding: 0 6vw; }.penny-panel { padding: 30px 0 36px; }.penny-overview-grid { display: flex; flex-direction: column; gap: 16px; align-items: stretch; }.penny-kicker { margin-bottom: 23px; font-size: 9px; letter-spacing: .11em; }.penny-identity { font-size: 18vw; }.penny-identity span { display: inline; margin-left: 8px; }.penny-tagline { font-size: 35px; margin-top: 17px; }.penny-intro { font-size: 13px; line-height: 1.75; max-width: 310px; margin-bottom: 21px; }.penny-hero-note { margin-top: 16px; font-size: 10px; }.penny-watch { padding: 10px 19px 10px 10px; font-size: 12px; }
  .penny-court-stage { min-height: 135vw; margin-top: 10px; }.penny-main-frame { width: 68%; left: 8%; top: 2%; }.penny-second-frame { bottom: 12%; right: 0; width: 39%; }.penny-court-lines { inset: 6% 0 12%; }.penny-ball { left: 0; bottom: 10%; width: 66px; height: 66px; }.penny-frame-label { font-size: 8px; bottom: -23px; }
  .penny-index-strip { gap: 0; justify-content: space-between; margin-top: 8px; padding-top: 17px; font-size: 8px; letter-spacing: .04em; }.penny-index-strip b { margin-right: 5px; }
  .penny-panel-heading { display: block; margin-bottom: 30px; }.penny-panel-heading h2 { font-size: 58px; }.penny-panel-heading p { font-size: 12px; line-height: 1.8; max-width: 300px; margin-top: 18px; }
  .penny-court-feature, .penny-online-grid { display: flex; flex-direction: column; gap: 37px; }.penny-court-poster { width: 79%; margin: auto; }.penny-court-poster img { max-height: none; }.penny-court-poster::before { inset: 2% -5% -2% 5%; }.penny-poster-play { left: 13px; bottom: 13px; padding: 8px 13px 8px 8px; gap: 8px; font-size: 11px; }.penny-poster-play .penny-play { width: 25px; height: 25px; }.penny-court-copy h3 { font-size: 43px; }.penny-court-copy > p { font-size: 13px; }.penny-rep-list { margin-top: 20px; }.penny-rep-list li { font-size: 12px; }
  .penny-shorts-grid { gap: 12px; grid-template-columns: repeat(2, 1fr); padding-top: 0; }.penny-short:nth-child(2) { padding-top: 31px; }.penny-short:nth-child(3) { padding-top: 0; max-width: 78%; }.penny-short-media img { border-radius: 60px 60px 7px 7px; }.penny-short:nth-child(2) .penny-short-media img { border-radius: 7px 60px 7px 7px; }.penny-short:nth-child(3) .penny-short-media img { border-radius: 60px 7px 7px 7px; }.penny-short-media > .penny-play { width: 34px; height: 34px; right: 10px; bottom: 10px; font-size: 9px; }.penny-short-number { font-size: 8px; margin: 13px 0 7px; }.penny-short h3 { font-size: 17px; }.penny-short p { font-size: 11px; }
  .penny-online-grid { gap: 10px; }.penny-online-art { width: 100%; padding: 14px 16%; }.penny-online-art img { max-height: none; }.penny-online-art::before { left: 0; font-size: 103vw; }.penny-socials { width: 100%; padding-top: 24px; }.penny-socials > p { font-size: 12px; }.penny-social-link { grid-template-columns: 25px 1fr 25px; gap: 10px; padding: 20px 0; }.penny-social-link strong { font-size: 23px; }.penny-social-link small { font-size: 11px; }.penny-footer { padding: 23px 6vw; font-size: 10px; align-items: start; }.penny-footer span { max-width: 150px; line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) { .penny-world .photo-float { transform: rotate(var(--photo-angle, 0deg)); transition: none; } }

.penny-short-media img,.penny-court-poster img,.penny-online-art img{height:auto}