.thirty-story{--t-paper:#f7f0e7;--t-ink:#4a2434;--t-muted:#8b6871;--t-line:#4a243426;--t-accent:#b56172;--t-serif:"Noto Serif Hebrew",Georgia,serif;background:var(--t-paper);color:var(--t-ink);isolation:isolate;overflow:clip}.thirty-story *{box-sizing:border-box}.thirty-story button,.thirty-story a{-webkit-tap-highlight-color:transparent}:is(.thirty-story button:focus-visible,.thirty-story a:focus-visible){outline-offset:5px;outline:3px solid #ba647a}.thirty-story button:active{transform:scale(.985)}.thirty-story h1,.thirty-story h2,.thirty-story p{margin:0}.thirty-story h2{font:500 clamp(33px,4.1vw,63px)/1.38 var(--t-serif);letter-spacing:-.04em}.thirty-story h2 em{color:var(--t-accent);font-style:normal}.thirty-story p{font-size:15px;line-height:1.9}.t-index,.t-kicker{letter-spacing:.14em;font-size:10px;font-weight:500;line-height:1.6;display:block}.t-index{text-align:inherit;color:var(--t-muted);direction:ltr;margin-bottom:24px}.t-nav{border-bottom:1px solid var(--t-line);z-index:5;justify-content:space-between;align-items:center;height:86px;padding:0 6vw;display:flex;position:relative}.t-nav .logo{color:var(--t-ink)}.t-nav .logo span{font-size:37px}.t-nav .logo small{font-size:8px}.t-nav>div{gap:18px;display:flex}.t-nav button{border-bottom:1px solid var(--t-line);min-height:36px;padding:8px 0;font-size:11px}.t-nav button+button{color:var(--t-muted);border:0}.t-opening{grid-template-columns:1fr 1fr;align-items:center;gap:4vw;min-height:calc(92svh - 86px);padding:45px 9vw 65px;display:grid;position:relative}.t-opening-copy{z-index:2;position:relative}.t-opening .t-kicker{color:var(--t-muted);margin-bottom:24px;font-size:11px}.t-opening h1{font:500 clamp(78px,9vw,146px)/1.05 var(--t-serif);letter-spacing:-.06em;flex-wrap:wrap;align-items:center;gap:15px;display:flex}.t-opening h1>span{color:var(--t-accent);font:italic .58em Georgia,serif}.t-opening h1>small{width:100%;font:400 clamp(27px,3vw,45px)/1.5 var(--t-serif);letter-spacing:-.03em;margin-top:22px}.t-opening .t-intro{color:var(--t-muted);margin-top:24px;font-size:16px}.t-scroll{border-bottom:1px solid var(--t-line);align-items:center;gap:35px;margin-top:45px;padding-bottom:10px;font-size:11px;display:inline-flex}.t-scroll>span{font-size:21px}.t-opening-photo{background:#fffaf3;height:65svh;min-height:380px;max-height:690px;padding:14px 14px 36px;position:relative;transform:rotate(-3deg);box-shadow:0 24px 80px #39262b1c}.t-photo{width:100%;min-width:0;height:100%;text-align:inherit;background:#d5c8bd;display:block;position:relative;overflow:hidden}.t-photo>img{object-fit:cover;width:100%;height:100%;display:block}.t-photo>span{color:#492633;opacity:0;background:#fff9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;transition:opacity .16s;display:grid;position:absolute;bottom:10px;left:10px}.t-photo-mark{letter-spacing:.15em;direction:ltr;font-size:8px;position:absolute;bottom:12px;left:14px}.t-opening-photo>i{color:var(--t-accent);pointer-events:none;font:italic 110px Georgia;position:absolute;bottom:-20px;right:-26px;transform:rotate(12deg)}.t-demo-note{color:var(--t-muted);font-size:9px;position:absolute;bottom:15px;right:6vw}.t-chapter{max-width:1700px;margin:0 auto;padding:clamp(38px,6svh,76px) 8vw;position:relative}.t-film{border-top:1px solid var(--t-line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;min-height:85svh;display:grid}.t-chapter-copy>p{color:var(--t-muted);margin-top:22px}.t-handwritten{font:italic 18px/1.7 var(--t-serif);color:var(--t-accent);margin-top:45px;display:block;transform:rotate(3deg)}.t-film-composition{min-width:0}.t-film-window{background:#e8d6c8;border-radius:100px 8px 8px;height:51svh;max-height:540px;position:relative;overflow:hidden}.t-film-window>[data-film-frame]{opacity:0;pointer-events:none;transition:opacity .22s ease-out,transform .55s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scale(1.025)}.t-film[data-active="0"] [data-film-frame="0"],.t-film[data-active="1"] [data-film-frame="1"],.t-film[data-active="2"] [data-film-frame="2"],.t-film[data-active="3"] [data-film-frame="3"],.t-film[data-active="4"] [data-film-frame="4"]{opacity:1;pointer-events:auto;z-index:1;transform:none}.t-film-corner{letter-spacing:.12em;color:#fff;z-index:2;pointer-events:none;mix-blend-mode:difference;font-size:8px;position:absolute;bottom:14px;left:15px}.t-film-thumbs{direction:ltr;gap:10px;margin-top:15px;display:flex}.t-film-thumbs button{opacity:.5;border-bottom:3px solid #0000;flex:1;min-width:0;height:58px;padding-bottom:5px;transition:opacity .18s;position:relative}.t-film-thumbs button[aria-pressed=true]{opacity:1;border-color:var(--t-accent)}.t-film-thumbs img{object-fit:cover;width:100%;height:100%}.t-film-thumbs span{color:#fff;text-shadow:0 1px 5px #000;font-size:9px;position:absolute;bottom:9px;left:6px}.t-fan{background:#efe1d4;max-width:none;padding-top:40px;padding-bottom:20px}.t-fan-heading{text-align:center;z-index:10;pointer-events:none;position:relative}.t-fan-heading .t-index{margin-bottom:15px}.t-fan-heading h2{font-size:clamp(30px,3.4vw,52px)}.t-fan-canvas{isolation:isolate;width:min(1100px,100%);height:57svh;min-height:350px;max-height:640px;margin:0 auto;position:relative}.t-fan-canvas>[data-fan-card]{will-change:transform;background:#fffbf5;padding:7px 7px 20px;position:absolute;top:50%;left:50%;box-shadow:0 18px 32px #49323728}.t-fan-canvas>[data-fan-card]:nth-child(6){z-index:4}.t-fan-number{text-align:center;color:#795961;margin-top:5px;font:9px Georgia;display:block}.t-fan .t-photo>span{opacity:0}.t-ribbons{color:#fff4e8;padding-inline:0;background:#452c37;max-width:none;padding-top:52px;padding-bottom:55px}.t-ribbon-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;padding:0 8vw;display:flex}.t-ribbon-heading .t-index{color:#d1b9bb}.t-ribbon-heading h2{font-size:clamp(29px,3.7vw,55px)}.t-ribbon-heading h2 em{color:#ddb29e}.t-ribbon-heading>p{color:#d2bdc2;font-size:14px}.t-ribbon-pair{gap:14px;display:grid;overflow:hidden}.t-ribbon-window{direction:ltr;overflow:hidden}.t-ribbon-track{will-change:transform;gap:14px;width:max-content;display:flex}.t-ribbon-track .t-photo{border-radius:3px;flex:none;width:clamp(160px,26vw,450px);height:clamp(155px,24svh,270px)}.t-ribbon-window:nth-child(2) .t-photo{width:clamp(180px,29vw,500px)}.t-mosaic{grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;min-height:85svh;padding-top:65px;padding-bottom:65px;display:grid}.t-mosaic-copy>p{font-size:20px;line-height:1.8;font-family:var(--t-serif);margin-top:22px}.t-heart{color:var(--t-accent);margin-top:18px;font:95px Georgia;display:block}.t-mosaic-canvas{grid-template-rows:repeat(3,clamp(100px,15svh,180px));grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:10px;display:grid}.t-mosaic-canvas .t-photo{border-radius:3px}.t-mosaic-canvas .t-photo:first-child{grid-area:1/2/3/4}.t-mosaic-canvas .t-photo:first-child img{object-position:center 40%}.t-letter-section{border-top:1px solid var(--t-line);text-align:center;padding:55px 25px 65px;position:relative}.t-letter-section .t-index{margin-bottom:20px}.t-letter-section>h2{font-size:clamp(30px,3.6vw,51px)}.t-envelope{min-width:260px;min-height:100px;color:var(--t-ink);background:#ecdbd1;border:1px solid #c7a99e;justify-content:center;align-items:center;gap:22px;margin:30px auto 0;padding:22px 36px;font-size:13px;transition:transform .16s ease-out;display:flex;transform:rotate(-2deg);box-shadow:0 15px 35px #4b293313}.t-envelope>span{color:#92546a;font:50px Georgia}.t-letter{text-align:right;color:#30242b;background:#fffdf8;max-width:600px;margin:30px auto 0;padding:35px 45px;box-shadow:0 14px 35px #3a253315}.t-letter>p{font:20px/1.9 var(--t-serif);white-space:pre-wrap}.t-footer{border-top:1px solid var(--t-line);justify-content:space-between;align-items:center;gap:25px;padding:28px 6vw;display:flex}.t-footer>span{color:var(--t-muted);font-size:11px}.t-footer button{border-bottom:1px solid var(--t-line);min-height:40px;font-size:11px}.t-footer .logo span{font-size:30px}.t-footer .logo small{font-size:7px}.t-dark{--t-paper:#1e2029;--t-ink:#f4ece3;--t-muted:#b5a9b0;--t-line:#f4ece326;--t-accent:#d8ad9b}.t-dark .t-fan{background:#302b36}.t-dark .t-opening-photo{background:#d8c8bd}.t-dark .t-nav .logo small,.t-dark .t-footer .logo small{color:var(--t-muted)}.t-dark .t-ribbons{background:#12171e}.t-dark .t-envelope{background:#37323c;border-color:#71606c}.t-still .t-ribbon-window{scrollbar-width:thin;overflow-x:auto}.t-still .t-ribbon-track{transform:none!important}.t-still .t-fan-canvas>[data-fan-card]{will-change:auto}.t-still .t-mosaic-canvas{clip-path:none!important}.t-still .t-film-window>[data-film-frame]{transition:none}@media (hover:hover) and (pointer:fine){.t-photo:hover>span,.t-film-thumbs button:hover{opacity:1}.t-envelope:hover{transform:rotate(0)}}@media (max-width:760px){.t-nav{height:66px;padding:0 22px}.t-nav .logo span{font-size:30px}.t-nav .logo small{display:none}.t-nav>div{gap:14px}.t-nav button{font-size:10px}.t-opening{grid-template-columns:1fr .95fr;align-items:center;gap:20px;min-height:72svh;padding:38px 25px 45px}.t-opening-copy{grid-area:1/1}.t-opening h1{font-size:56px;line-height:1.2;display:block}.t-opening h1>span{margin:5px 0;font-size:32px;line-height:1;display:block}.t-opening h1>small{white-space:nowrap;margin-top:17px;font-size:21px;line-height:1.5;display:block}.t-opening .t-kicker{letter-spacing:.02em;margin-bottom:15px;font-size:9px}.t-opening .t-intro{margin-top:15px;font-size:11px;line-height:1.8}.t-opening-photo{grid-area:1/2;height:44svh;min-height:290px;margin-left:-8px;padding:7px 7px 24px;transform:rotate(-4deg)}.t-opening-photo>i{font-size:70px;bottom:-26px;right:-15px}.t-photo-mark{letter-spacing:.07em;font-size:5px;bottom:9px;left:7px}.t-scroll{gap:18px;margin-top:25px;font-size:9px}.t-demo-note{font-size:8px;bottom:15px;right:25px}.t-chapter{padding:35px 25px}.t-index{letter-spacing:.1em;margin-bottom:16px;font-size:8px}.thirty-story h2{font-size:30px;line-height:1.4}.t-film{grid-template-columns:1fr;gap:22px;min-height:0;padding-top:36px;padding-bottom:35px}.t-chapter-copy h2 br{display:none}.t-chapter-copy>p{margin-top:12px;font-size:12px;line-height:1.8}.t-chapter-copy>p br,.t-handwritten{display:none}.t-film-window{border-top-left-radius:65px;height:36svh;min-height:250px;max-height:380px}.t-film-thumbs{gap:7px;margin-top:10px}.t-film-thumbs button{height:45px}.t-film-corner{font-size:7px}.t-fan{padding:30px 12px 10px}.t-fan-heading h2{font-size:29px}.t-fan-heading .t-index{margin-bottom:12px}.t-fan-canvas{height:43svh;min-height:340px;max-height:430px;margin-top:0}.t-fan-canvas>[data-fan-card]{padding:4px 4px 14px}.t-fan-number{margin-top:3px;font-size:7px}.t-ribbons{padding:34px 0}.t-ribbon-heading{margin-bottom:22px;padding:0 25px;display:block}.t-ribbon-heading h2{font-size:30px}.t-ribbon-heading>p{margin-top:12px;font-size:12px;line-height:1.6}.t-ribbon-heading>p br{display:none}.t-ribbon-pair,.t-ribbon-track{gap:10px}.t-ribbon-track .t-photo{width:180px;height:160px}.t-ribbon-window:nth-child(2) .t-photo{width:205px;height:160px}.t-mosaic{grid-template-columns:1fr;gap:25px;min-height:0;padding:35px 25px 40px}.t-mosaic-copy{grid-template-columns:1fr auto;display:grid}.t-mosaic-copy>.t-index,.t-mosaic-copy>h2{grid-column:1/-1}.t-mosaic-copy>p{margin-top:14px;font-size:15px;line-height:1.7}.t-heart{align-self:center;margin-top:16px;font-size:50px;line-height:1}.t-mosaic-canvas{grid-template-rows:repeat(3,98px);gap:6px}.t-letter-section{padding:35px 25px 40px}.t-letter-section>h2{font-size:29px}.t-envelope{min-width:240px;min-height:90px;margin-top:25px;padding:15px 25px}.t-letter{padding:25px}.t-letter>p{font-size:17px}.t-footer{flex-wrap:wrap;gap:12px;padding:20px 25px}.t-footer .logo small{display:none}.t-footer>span,.t-footer button{font-size:10px}.t-photo>span{opacity:.8;width:20px;height:20px;font-size:13px;bottom:6px;left:6px}.t-fan .t-photo>span,.t-mosaic .t-photo>span{display:none}}@media (max-width:360px){.t-opening{gap:15px;padding-inline:20px}.t-opening h1{font-size:49px}.t-opening h1>small{font-size:18px}.t-opening-photo{min-height:260px}.thirty-story h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.thirty-story *{scroll-behavior:auto!important;transition:none!important}.t-ribbon-window{overflow-x:auto}.t-ribbon-track{transform:none!important}.t-mosaic-canvas{clip-path:none!important}}.thirty-story{padding-top:52px}.t-opening{min-height:calc(92svh - 52px)}.t-mosaic-small{grid-template-rows:repeat(2,clamp(150px,23svh,270px));grid-template-columns:repeat(2,minmax(0,1fr))}.t-mosaic-small .t-photo:first-child{grid-area:auto}.t-film-corner{direction:ltr}@media (min-width:761px){.t-family-10 .t-film,.t-family-10 .t-mosaic{min-height:0;padding-block:64px}}@media (max-width:760px){.thirty-story{padding-top:48px}.t-opening{min-height:66svh}.t-mosaic-small{grid-template-rows:repeat(2,160px)}}.t-opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.t-opening-copy{min-width:0}.t-opening h1 .t-name{font:inherit;overflow-wrap:anywhere;max-width:100%}.t-opening h1>small{white-space:normal}.t-opening-note{color:var(--t-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px!important;font-size:12px!important}.t-opening-note time{margin-top:5px;font-size:11px;display:block}.t-story-bit{white-space:pre-wrap;overflow-wrap:anywhere}.t-fan-heading .t-story-bit{max-width:660px;color:var(--t-muted);margin:18px auto 0}.t-ribbon-heading>.t-story-bit{max-width:540px}.t-frame-note{z-index:2;color:#fff9ef;pointer-events:none;background:linear-gradient(#0000,#18131bd9);padding:45px 18px 15px;position:absolute;inset:auto 0 0}.t-frame-note p{overflow-wrap:anywhere;max-width:95%;font-size:13px;line-height:1.6}.t-frame-note time{opacity:.8;margin-top:4px;font-size:10px;display:block}.t-film-corner{top:14px;bottom:auto}.t-letter p{overflow-wrap:anywhere}.t-lightbox>time{color:#f7eee8;margin:8px auto;font-size:12px;display:block}.t-lightbox>p{color:#f7eee8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px}.t-surprise{text-align:center;background:var(--t-ink);color:var(--t-paper);padding:55px 25px}.t-surprise .t-index{color:inherit;opacity:.7}.t-surprise>p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:680px;margin:24px auto}.t-surprise>time{margin:24px auto;display:block}.t-ticket{border:1px solid;border-radius:30px;align-items:center;min-height:48px;margin:8px;padding:12px 22px;font-size:13px;display:inline-flex}.t-dark .t-surprise{color:var(--t-ink);background:#11171c}.t-palette-olive{--t-paper:#eeeede;--t-ink:#424c39;--t-accent:#7d8959;--t-muted:#6e7862;--t-line:#424c3926}.t-palette-olive .t-fan{background:#e3e2cd}.t-palette-olive .t-ribbons{background:#394535}.t-palette-sunset{--t-paper:#f6e3d3;--t-ink:#854a3d;--t-accent:#bd6c4d;--t-muted:#946d5c;--t-line:#854a3d26}.t-palette-sunset .t-fan{background:#efd1b8}.t-palette-sunset .t-ribbons{background:#713f35}.t-palette-sand{--t-paper:#f2eadb;--t-ink:#5c4939;--t-accent:#98784f;--t-muted:#88755c;--t-line:#5c493926}.t-palette-sand .t-fan{background:#e6d9c2}.t-palette-sand .t-ribbons{background:#514338}.t-palette-lilac{--t-paper:#f0e7f3;--t-ink:#674a70;--t-accent:#94719f;--t-muted:#8b7093;--t-line:#674a7026}.t-palette-lilac .t-fan{background:#e6d7ec}.t-palette-lilac .t-ribbons{background:#4c3657}.t-palette-ocean{--t-paper:#172630;--t-ink:#edf3f1;--t-accent:#8abdc4;--t-muted:#acc0c2;--t-line:#edf3f126}.t-palette-ocean .t-fan{background:#263e49}.t-palette-ocean .t-ribbons{background:#10202a}.t-palette-mono{--t-paper:#202020;--t-ink:#f4f1ec;--t-accent:#c4bdb3;--t-muted:#bcb6af;--t-line:#f4f1ec26}.t-palette-mono .t-fan{background:#333}.t-palette-mono .t-ribbons{background:#151515}@media (max-width:760px){.t-opening{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.t-opening h1 .t-name{font-size:clamp(32px,12vw,56px);display:block}.t-opening-note{font-size:10px!important}.t-opening-note time{font-size:9px}.t-frame-note{padding:35px 12px 10px}.t-frame-note p{font-size:11px}.t-surprise{padding:40px 25px}.t-surprise>h2{font-size:30px}.t-surprise>p{font-size:14px}.t-fan-heading .t-story-bit{max-width:90%;font-size:12px}.t-mosaic-small:has(.t-photo:nth-child(2):last-child){grid-template-rows:220px}}.t-mosaic-size-3 .t-photo:first-child{grid-area:auto/1/auto/-1}.t-mosaic-size-6,.t-mosaic-size-7,.t-mosaic-size-8{grid-template-columns:repeat(3,minmax(0,1fr))}.t-mosaic-canvas.t-mosaic-size-6 .t-photo:first-child{grid-area:1/1/3/3}.t-mosaic-canvas.t-mosaic-size-7 .t-photo:first-child{grid-area:1/1/auto/-1}.t-mosaic-canvas.t-mosaic-size-8 .t-photo:first-child{grid-area:1/1/auto/3}@media (max-width:760px){.t-mosaic-size-3{grid-template-rows:220px 160px}.t-opening h1>small{font-size:clamp(18px,5vw,21px)}}.t-opening h1 .t-name[data-long-name=true]{letter-spacing:-.025em;font-size:clamp(42px,5.2vw,100px);line-height:1.35}@media (max-width:760px){.t-opening h1 .t-name[data-long-name=true]{font-size:clamp(22px,7.6vw,42px)}}
