.paper-site-main .landing-page .landing-hero-composition{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-areas:"copy art" "actions art" "details art";align-items:center;column-gap:clamp(24px,4vw,64px);row-gap:0;width:min(calc(100% - 32px),1360px);max-width:1360px;margin:16px auto 0;padding:clamp(32px,4vw,62px);overflow:hidden;border:1px solid rgba(243,223,184,.22);border-radius:32px;background:radial-gradient(circle at 74% 45%,rgba(119,140,91,.36),transparent 42%),linear-gradient(135deg,#142b28 3%,#244239 54%,#172d29);box-shadow:0 28px 60px rgba(33,49,39,.25);color:#f9f2e3;animation:none}.landing-hero-composition .landing-hero-copy{grid-area:copy;min-width:0}.landing-hero-composition .landing-hero-artwork{grid-area:art;min-width:0}.landing-hero-composition .landing-hero-actions{grid-area:actions;min-width:0}.landing-hero-composition .landing-hero-details{grid-area:details;min-width:0}.landing-hero-composition .landing-theater-eyebrow{display:inline-block;margin:0 0 20px;padding:7px 12px;border:1px solid rgba(244,226,192,.55);border-radius:2px;color:#f5dca4;font-size:var(--fs-micro);font-weight:700;letter-spacing:.09em}.landing-hero-composition .landing-hero-seo-panel{margin:0;text-align:left}.landing-hero-composition .landing-hero-seo-title{margin:0;color:#fff8ea;font-size:var(--fs-display);font-weight:700;line-height:1.12;text-shadow:0 4px 22px rgba(10,24,20,.28);text-wrap:balance}.landing-hero-composition .landing-hero-seo-line{display:block}.paper-site-main .landing-page .landing-hero-composition .landing-hero-scene-title{margin:22px 0 28px;color:#e5e6d4;font-size:var(--fs-body);font-weight:600;line-height:1.5;text-align:left;text-shadow:none}.landing-hero-composition .landing-hero-title-tape:before{background:#b9ae79;opacity:.5}.landing-hero-composition .landing-theater{position:relative;width:100%}.landing-hero-composition .landing-theater-stage{--divider:50%;position:relative;aspect-ratio:16/10;overflow:hidden;border:9px solid #e9d4a9;border-radius:26px 26px 14px 14px;background:#9b7f55;box-shadow:0 26px 40px rgba(5,19,15,.42),inset 0 0 0 2px rgba(63,47,31,.4);isolation:isolate}.landing-hero-composition .landing-theater-scene{position:absolute;inset:0;overflow:hidden}.landing-hero-composition .landing-theater-scene--social{clip-path:inset(0 calc(100% - var(--divider)) 0 0);will-change:clip-path}.landing-hero-composition .landing-theater-scene--private{clip-path:inset(0 0 0 var(--divider));will-change:clip-path}.landing-hero-composition .landing-theater-backdrop{position:absolute;inset:0;background:url(/art/paper/hero-theater-v1.webp) 50%/cover no-repeat}.landing-theater-scene--private .landing-theater-backdrop{filter:saturate(.82) brightness(.8)}.landing-hero-composition .landing-theater-dusk{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(20,42,53,.58),rgba(29,66,69,.34) 62%,rgba(18,46,49,.55));pointer-events:none}.landing-hero-composition .landing-theater-backlight{position:absolute;z-index:2;width:44%;aspect-ratio:1;bottom:16%;border-radius:50%;background:radial-gradient(circle,rgba(255,234,168,.62),rgba(255,234,168,0) 70%);mix-blend-mode:screen;pointer-events:none}.landing-theater-scene--social .landing-theater-backlight{left:7%}.landing-theater-scene--private .landing-theater-backlight{right:6%;background:radial-gradient(circle,rgba(184,238,208,.68),rgba(184,238,208,0) 70%)}.landing-hero-composition .landing-theater-actor{position:absolute;z-index:3;height:64%;aspect-ratio:2/3;filter:drop-shadow(5px 9px 5px rgba(20,22,12,.4))}.landing-hero-composition .landing-theater-actor--social{left:16%;bottom:26.8%}.landing-hero-composition .landing-theater-actor--private{right:13%;bottom:26.1%}.landing-hero-composition .landing-theater-actor img{display:block;width:100%;height:100%;object-fit:contain}.landing-hero-composition .landing-theater-question{position:absolute;z-index:7;left:50%;top:7%;width:max-content;max-width:82%;padding:8px 14px;border:1px solid rgba(255,252,237,.55);border-radius:99px;background:rgba(28,46,36,.75);color:#fff8e9;font-size:var(--fs-micro);font-weight:700;line-height:1.35;text-align:center;transform:translateX(-50%);backdrop-filter:blur(5px)}.landing-hero-composition .landing-theater-scene-label{position:absolute;z-index:4;bottom:4%;padding:6px 11px;border:1px solid rgba(82,59,38,.35);border-radius:3px;background:#fff1ce;box-shadow:3px 4px 0 rgba(37,32,27,.42);color:#342c27;font-size:var(--fs-micro);font-weight:700;line-height:1.2;white-space:nowrap}.landing-theater-scene-label--social{left:4%;transform:rotate(-2deg)}.landing-theater-scene-label--private{right:4%;transform:rotate(2deg);background:#e0efe6;color:#173b35}.landing-hero-composition .landing-theater-divider{position:absolute;z-index:6;top:0;bottom:0;left:var(--divider);width:2px;background:#fff3d3;box-shadow:0 0 0 1px rgba(37,46,39,.38);pointer-events:none;transform:translateX(-50%)}.landing-hero-composition .landing-theater-divider:after,.landing-hero-composition .landing-theater-divider:before{position:absolute;top:0;bottom:0;width:24px;content:""}.landing-hero-composition .landing-theater-divider:before{right:2px;background:linear-gradient(90deg,transparent,rgba(16,30,23,.4))}.landing-hero-composition .landing-theater-divider:after{left:2px;background:linear-gradient(90deg,rgba(255,248,224,.42),transparent)}.landing-hero-composition .landing-theater-divider span{position:absolute;z-index:1;top:52%;left:50%;display:grid;place-items:center;width:46px;height:46px;border:3px solid #fff5d7;border-radius:50%;background:#a95127;box-shadow:0 5px 14px rgba(17,35,29,.45);color:#fffaf0;font-size:var(--fs-heading);transform:translate(-50%,-50%)}.landing-hero-composition .landing-theater-scrub{position:absolute;z-index:8;top:0;left:-23px;width:calc(100% + 46px);height:100%;margin:0;appearance:none;background:transparent;cursor:ew-resize;opacity:0;touch-action:pan-y}.landing-theater-scrub::-webkit-slider-runnable-track{height:100%;background:transparent}.landing-theater-scrub::-moz-range-track{height:100%;background:transparent}.landing-theater-scrub::-webkit-slider-thumb{width:46px;height:100%;appearance:none;background:transparent}.landing-theater-scrub::-moz-range-thumb{width:46px;height:100%;border:0;background:transparent}.landing-hero-composition .landing-theater-controls{display:flex;gap:8px;margin-top:16px}.landing-hero-composition .landing-theater-controls button{flex:1;min-height:48px;padding:8px 12px;border:1px solid rgba(252,233,192,.36);border-radius:8px;background:rgba(255,251,235,.06);color:#ede9d8;font-size:var(--fs-small);font-weight:700;cursor:pointer;transition:background .25s ease,color .25s ease}.landing-hero-composition .landing-theater-controls button[aria-pressed=true]{background:#f5e9cc;color:#1d332c}.landing-theater[data-self=private] .landing-theater-controls button[aria-pressed=true]{background:#dce9ee}.landing-hero-composition .landing-theater-controls button:focus-visible,.landing-hero-composition .landing-theater-cta:focus-visible,.landing-hero-composition .landing-theater-secondary:focus-visible{outline:3px solid #f8d98c;outline-offset:3px}.landing-hero-composition .landing-theater-stage:has(.landing-theater-scrub:focus-visible){outline:3px solid #f8d98c;outline-offset:3px}.paper-site-main .landing-page .landing-hero-composition .landing-theater-cta{display:flex;align-items:center;justify-content:space-between;min-height:60px;width:min(100%,420px);padding:0 22px;border:1px solid #e7b168;border-radius:10px;background:#a95127;color:#fffaf0;font-size:var(--fs-body);font-weight:700;text-decoration:none;box-shadow:5px 6px 0 rgba(7,21,16,.4);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.paper-site-main .landing-page .landing-hero-composition .landing-theater-cta:hover{background:#8e4520;transform:translateY(-3px);box-shadow:5px 9px 0 rgba(7,21,16,.4)}.landing-hero-composition .landing-theater-cta span:last-child{font-size:var(--fs-heading);font-weight:400}.landing-hero-composition .landing-theater-reassurance{display:flex;flex-wrap:wrap;gap:0 .3em;margin:13px 0 0;color:#e2e3ce;font-size:var(--fs-small);line-height:1.5}.landing-hero-composition .landing-theater-secondary{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-top:10px;color:#fff1cb;font-size:var(--fs-small);font-weight:700;text-decoration:underline;text-underline-offset:4px}.landing-hero-composition .landing-hero-details{color:#cdd5c9;font-size:var(--fs-micro);line-height:1.5}.landing-hero-composition .landing-hero-details p{margin:3px 0}@media (max-width:1023px){.paper-site-main .landing-page .landing-hero-composition{grid-template-columns:1fr;grid-template-areas:"copy" "art" "actions" "details";width:min(calc(100% - 24px),700px);gap:0;padding:24px;border-radius:24px}.landing-hero-composition .landing-theater-eyebrow{margin-bottom:12px}.landing-hero-composition .landing-hero-seo-title{font-size:var(--fs-display)}.paper-site-main .landing-page .landing-hero-composition .landing-hero-scene-title{margin:10px 0 20px}.landing-hero-composition .landing-hero-artwork{margin-bottom:18px}}@media (max-width:600px){.paper-site-main .landing-page .landing-hero-composition{width:calc(100% - 16px);margin-top:8px;padding:18px 14px 22px;border-radius:20px}.landing-hero-composition .landing-theater-eyebrow{margin-bottom:9px;font-size:var(--fs-micro)}.landing-hero-composition .landing-hero-seo-title{font-size:var(--fs-display);line-height:1.13}.paper-site-main .landing-page .landing-hero-composition .landing-hero-scene-title{margin:8px 0 13px;font-size:var(--fs-body)}.landing-hero-composition .landing-theater-stage{aspect-ratio:1.55;border-width:6px;border-radius:17px 17px 9px 9px}.landing-hero-composition .landing-theater-actor{height:62%}.landing-hero-composition .landing-theater-actor--social{bottom:27%}.landing-hero-composition .landing-theater-actor--private{bottom:26.3%}.landing-hero-composition .landing-theater-question{top:0;padding:5px 9px;font-size:var(--fs-micro)}.landing-hero-composition .landing-theater-controls{margin-top:9px;gap:6px}.landing-hero-composition .landing-theater-controls button{min-height:42px;font-size:var(--fs-micro)}.landing-hero-composition .landing-hero-artwork{margin-bottom:12px}.paper-site-main .landing-page .landing-hero-composition .landing-theater-cta{min-height:52px;width:100%;font-size:var(--fs-body)}.landing-hero-composition .landing-theater-reassurance{margin-top:8px;font-size:var(--fs-micro)}.landing-hero-composition .landing-theater-secondary{margin-top:5px;font-size:var(--fs-micro)}.landing-hero-composition .landing-hero-details{margin-top:7px}}@media (max-width:359px){.landing-hero-composition .landing-theater-scene-label{bottom:2%;max-width:calc(50% - 10px);padding:4px 7px;font-size:var(--fs-micro);white-space:normal}}@media (max-width:359px) and (max-height:600px){.paper-site-main .landing-page .landing-hero-composition{padding:12px}.landing-hero-composition .landing-theater-eyebrow,.paper-site-main .landing-page .landing-hero-composition .landing-hero-scene-title{display:none}.landing-hero-composition .landing-hero-seo-title{font-size:var(--fs-display)}.landing-hero-composition .landing-theater-stage{height:150px;aspect-ratio:auto}.landing-hero-composition .landing-theater-question{display:none}.landing-hero-composition .landing-hero-artwork{margin-top:9px;margin-bottom:8px}.landing-hero-composition .landing-theater-controls{margin-top:5px}.landing-hero-composition .landing-theater-controls button{min-height:36px}.paper-site-main .landing-page .landing-hero-composition .landing-theater-cta{min-height:46px}}@media (prefers-reduced-motion:reduce){.landing-hero-composition .landing-theater-controls button,.paper-site-main .landing-page .landing-hero-composition .landing-theater-cta{transition:none}}