.t-khatt-hero{text-align:center;place-items:center;min-height:100svh;padding:7rem 1.25rem 4rem;display:grid;position:relative;overflow:hidden}.t-khatt-echo{inset-inline:-10%;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 22%, transparent);font-size:clamp(9rem,34vw,30rem);line-height:1;animation:40s linear infinite alternate t-khatt-drift;position:absolute;top:50%;translate:0 -50%}.t-khatt-name{background:linear-gradient(100deg, var(--accent) 0 45%, var(--portfolio-fg) 55% 100%) 100% 0 / 240% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4.5rem,19vw,15rem);line-height:1.3;animation:2.4s cubic-bezier(.2,.8,.2,1) both t-khatt-ink}.t-khatt-stroke{background:var(--accent);transform-origin:50%;border-radius:999px 40% 999px 30%;width:min(60%,26rem);height:6px;margin:.5rem auto 0;animation:1.6s cubic-bezier(.2,.8,.2,1) .5s both t-khatt-draw;display:block}.t-khatt-row{align-items:center;gap:1.5rem;display:grid}.t-khatt-cover{aspect-ratio:3/4;background:var(--portfolio-surface);border-radius:1.25rem;display:block;position:relative;overflow:hidden}.t-khatt-cover img{object-fit:cover;width:100%;height:100%;transition:scale .9s cubic-bezier(.2,.8,.2,1)}.t-khatt-cover:hover img{scale:1.04}.t-khatt-copy h2{margin-top:.25rem;font-size:clamp(2.75rem,7vw,6rem);line-height:1.3}@media (min-width:768px){.t-khatt-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0}.t-khatt-copy{z-index:1;margin-inline-start:-3rem;position:relative}.t-khatt-row[data-flip=true] .t-khatt-cover{order:2}.t-khatt-row[data-flip=true]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.t-khatt-row[data-flip=true] .t-khatt-copy{text-align:end;margin-inline:0 -3rem}.t-khatt-row[data-flip=true] .t-khatt-copy p{margin-inline-start:auto}}@keyframes t-khatt-ink{0%{background-position:100% 0}to{background-position:0 0}}@keyframes t-khatt-draw{0%{scale:0 1}}@keyframes t-khatt-drift{to{translate:6% -50%}}.t-cut{color:#e8e9ec;background:#101114;flex-direction:column;gap:.75rem;min-height:100svh;padding:5.5rem .75rem 1.25rem;display:flex}.t-cut-bar{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding-inline:.5rem;display:flex}.t-cut-bar h1{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800}.t-cut-bar p{color:var(--accent);font-size:.875rem;font-weight:700}.t-cut-viewer{flex:1;gap:.75rem;min-height:0;display:grid}.t-cut-monitor{background:#000;border:1px solid #2a2c33;border-radius:.5rem;min-height:18rem;position:relative;overflow:hidden}.t-cut-monitor video,.t-cut-monitor img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.t-cut-tc{inset-inline-end:.75rem;color:var(--accent);background:#000000b3;border-radius:.25rem;padding:.15rem .5rem;font:700 .8rem ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:.75rem}.t-cut-inspector{background:#17181c;border:1px solid #2a2c33;border-radius:.5rem;padding:1rem}.t-cut-inspector>span{color:#8b8e98;font-size:.75rem}.t-cut-inspector h2{margin-top:.25rem;font-size:1.5rem;font-weight:800}.t-cut-inspector p{color:#b4b6be;margin-top:.5rem;font-size:.875rem;line-height:1.7}.t-cut-play{background:var(--accent);color:#0b121c;border-radius:.375rem;margin-top:1rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:800;display:inline-block}.t-cut-timeline{background:#17181c;border:1px solid #2a2c33;border-radius:.5rem;padding-block-end:.5rem;overflow-x:auto}.t-cut-ruler{background:repeating-linear-gradient(90deg,#4a4d57 0 1px,#0000 1px 12px) bottom/100% 6px no-repeat,repeating-linear-gradient(90deg,#6f727d 0 1px,#0000 1px 60px) bottom/100% 11px no-repeat;min-width:44rem;height:1.25rem;margin-inline-start:2.5rem}.t-cut-track{align-items:stretch;gap:.25rem;min-width:46.5rem;padding:.25rem .5rem 0 0;display:flex}.t-cut-label{color:#8b8e98;flex:none;place-items:center;width:2.25rem;font:700 .7rem ui-monospace,Menlo,Consolas,monospace;display:grid}.t-cut-clips{flex:1;gap:2px;display:flex}.t-cut-clips button{text-align:start;background:#2a3550 50%/auto 100% repeat-x;border:2px solid #0000;border-radius:.25rem;flex-basis:0;min-width:6rem;height:4.5rem;position:relative;overflow:hidden}.t-cut-clips button[aria-pressed=true]{border-color:var(--accent)}.t-cut-clips button span{inset-inline:0;white-space:nowrap;text-overflow:ellipsis;color:#fff;background:#000000a6;padding:.1rem .4rem;font-size:.7rem;font-weight:700;position:absolute;top:0;overflow:hidden}.t-cut-audio{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 65%, transparent) 0 2px, transparent 2px 5px);border-radius:.25rem;flex:1;height:2rem;-webkit-mask:linear-gradient(#000 30%,#0000 30% 70%,#000 70%),repeating-linear-gradient(90deg,#000 0 40px,#00000080 40px 90px);mask:linear-gradient(#000 30%,#0000 30% 70%,#000 70%),repeating-linear-gradient(90deg,#000 0 40px,#00000080 40px 90px)}@media (max-width:899px){.t-cut-viewer{display:contents}.t-cut-monitor{aspect-ratio:16/10;order:1;min-height:0}.t-cut-timeline{order:2}.t-cut-inspector{order:3}}@media (min-width:900px){.t-cut-viewer{grid-template-columns:minmax(0,1fr) 20rem}}.t-dark{color:#f5dcdc;background:radial-gradient(70rem 40rem at 50% -8rem,#be181880,#0000 70%),#120404;min-height:100svh}.t-dark-head{text-align:center;padding:8rem 1.25rem 4rem;position:relative}.t-dark-lamp{background:#ff3b30;border-radius:999px;width:7rem;height:.75rem;animation:5s ease-in-out infinite t-dark-glow;position:absolute;top:4.5rem;left:50%;translate:-50%;box-shadow:0 0 60px 26px #ff281e73}.t-dark-head h1{font-size:clamp(3rem,9vw,7rem);font-weight:700;line-height:1.15}.t-dark-role{color:#ff7a70;margin-top:.75rem;font-weight:700}.t-dark-line{background:linear-gradient(#5b2020,#5b2020) 0 0/100% 1px no-repeat;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),19rem));justify-content:center;gap:3rem 1.5rem;padding:2.5rem 1.25rem 6rem;display:grid}.t-dark-print{display:block;position:relative}.t-dark-clip{z-index:1;background:linear-gradient(#b8b0a8,#6c655f);border-radius:3px;width:.9rem;height:2.75rem;position:absolute;top:-2.5rem;left:50%;translate:-50%}.t-dark-paper{background:#f3ecdf;padding:.6rem .6rem 1rem;transition:rotate .5s;display:block;box-shadow:0 24px 40px #0000008c}.t-dark-paper img{aspect-ratio:3/4;object-fit:cover;filter:brightness(.15)sepia()hue-rotate(-40deg)saturate(3);opacity:.55;width:100%;transition:filter 2.6s ease-out,opacity 1.8s ease-out}.t-dark-print.is-developed img{filter:none;opacity:1}.t-dark-paper small{color:#2a1a12;text-align:center;margin-top:.6rem;font-size:.85rem;font-weight:700;display:block}.t-dark-print:hover .t-dark-paper{rotate:0deg!important}@keyframes t-dark-glow{50%{box-shadow:0 0 80px 36px #ff281e4d}}.t-premiere{color:#f7f1e3;background:radial-gradient(60rem 32rem at 50% 0,#7814288c,#0000 70%),#0c0a10;min-height:100svh}.t-premiere-front{text-align:center;padding:7rem 1.25rem 4rem}.t-premiere-marquee{--bulb:radial-gradient(circle, #ffe9a8 0 3px, #ffd27859 4px, transparent 7px);background:var(--bulb) 0 0 / 1.25rem 1.25rem round, #1b1320;border-radius:1.25rem;max-width:56rem;margin-inline:auto;padding:1.25rem;animation:1.6s steps(2,end) infinite t-premiere-chase}.t-premiere-marquee>*{background:#1b1320}.t-premiere-marquee p:first-child{letter-spacing:.2em;color:#ffd98a;padding-top:1.5rem;font-size:.9rem;font-weight:800}html[lang=ar] .t-premiere-marquee p:first-child{letter-spacing:0}.t-premiere-marquee h1{color:#fff;text-shadow:0 0 34px #ffd6828c;padding:.5rem 1rem;font-size:clamp(2.75rem,10vw,7rem);font-weight:800;line-height:1.15}.t-premiere-role{color:var(--accent);padding-bottom:1.5rem;font-weight:700}.t-premiere-ticket{--hole:radial-gradient(circle at 0 50%, transparent .75rem, #ffd98a .8rem);color:#1b1320;background:radial-gradient(circle at 0,#0000 .7rem,#ffd98a .75rem) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 .7rem,#ffd98a .75rem) 100%/51% 100% no-repeat;gap:.1rem;margin-top:2rem;padding:.7rem 2.75rem;transition:rotate .3s;display:inline-grid;position:relative}.t-premiere-ticket:hover{rotate:-2deg}.t-premiere-ticket span{font-size:.7rem;font-weight:700}.t-premiere-now{text-align:center;margin-block:1rem 2rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:800}.t-premiere-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.t-premiere-poster{aspect-ratio:3/4;background:#1b1320;border:6px solid #2a2030;border-radius:.5rem;transition:translate .4s,box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 50px #0009}.t-premiere-poster:hover{translate:0 -6px;box-shadow:0 24px 60px #ffc86433}.t-premiere-poster img{object-fit:cover;width:100%;height:100%}.t-premiere-caption{inset-inline:0;text-align:center;background:linear-gradient(#0000,#000000d9);gap:.15rem;padding:2.5rem .75rem .75rem;display:grid;position:absolute;bottom:0}.t-premiere-caption small{color:#ffd98a;font-size:.68rem;font-weight:700}.t-premiere-caption strong{font-size:1rem}@media (min-width:768px){.t-premiere-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@keyframes t-premiere-chase{50%{background-position:.625rem .625rem,0 0}}.t-issue{color:#17140f;background:#f3efe6;min-height:100svh}.t-issue-mast{text-align:center;border-bottom:3px solid #17140f;padding:6.5rem 1.25rem 1rem}.t-issue-mast p{font-size:.8rem;font-weight:700}.t-issue-mast h1{padding-block:.25rem;font-size:clamp(3rem,13vw,11rem);font-weight:700;line-height:1.1}.t-issue-lead{gap:1.5rem;padding-block:2.5rem;display:grid}.t-issue-lead h2{margin-top:.5rem;font-size:clamp(2.25rem,6vw,4.75rem);font-weight:700;line-height:1.15}.t-issue-lead p{max-width:32rem;margin-top:1rem;font-size:1.05rem;line-height:1.9}.t-issue-kicker{background:var(--accent-deep);color:#fff;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.t-issue-cover{aspect-ratio:3/4;background:#d9d3c6;transition:rotate .4s,translate .4s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 34px #17140f47}.t-issue-cover:hover{translate:0 -4px;rotate:-1deg}.t-issue-cover img{object-fit:cover;width:100%;height:100%}.t-issue-title{inset-inline:0;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 2px 16px #00000080;padding-inline:.6rem;font-size:clamp(1.4rem,3.4vw,2.5rem);font-weight:700;position:absolute;top:.4rem;overflow:hidden}.t-issue-cover-line{inset-inline:0;color:#fff;background:linear-gradient(#0000,#000000b8);padding:2rem .75rem 1.9rem;font-weight:700;position:absolute;bottom:0}.t-issue-number{bottom:.6rem;color:#fff;font-size:.7rem;font-weight:700;position:absolute;inset-inline-start:.75rem}.t-issue-barcode{inset-inline-end:.75rem;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 3px,#111 3px 4px,#fff 4px 7px) padding-box padding-box;border:3px solid #fff;width:4.5rem;height:2.25rem;position:absolute;bottom:.75rem}.t-issue-shelf{border-top:3px solid #17140f;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:2.5rem;display:grid}@media (min-width:768px){.t-issue-lead{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:3rem}.t-issue-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width:1100px){.t-issue-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.t-khatt-echo,.t-khatt-name,.t-khatt-stroke,.t-dark-lamp,.t-premiere-marquee{animation:none}.t-khatt-name{background-position:0 0}.t-dark-paper img{transition:none}}.portfolio-shell[data-template=issue] nav{background:#17140feb}
