.touch-portrait{color:#f7eee8;background:#071a23;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 7%;max-width:1440px;margin:24px auto;padding:clamp(26px,5vw,72px);scroll-margin-top:80px;display:grid}.touch-copy{align-self:end}.touch-kicker{color:#e9b9ce;letter-spacing:.16em;align-items:center;gap:12px;font-size:11px;display:flex}.touch-kicker>span{background:#edbdd2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 15px #edbdd2}.touch-copy h2{margin:25px 0;font:400 clamp(40px,4.5vw,68px)/1.08 Georgia,serif}.touch-copy h2 em{color:#efbed4}.touch-intro{margin:0 0 14px;font-size:21px;line-height:1.5}.touch-how{color:#c1cdd2;max-width:410px;font-size:16px;line-height:1.65}.touch-how strong{color:#fff3ed;font-weight:400}.touch-art{background:#081b24;border:1px solid #ffffff30;grid-area:1/2/3;align-self:center;min-width:0}.touch-photo-stage{aspect-ratio:3/4;background:#06151d;min-height:100%;position:relative;overflow:hidden}.touch-photo-stage img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.touch-photo-base{filter:grayscale(.7)brightness(.65)}.touch-photo-light{opacity:0;-webkit-mask-image:radial-gradient(ellipse 48% 32% at var(--spot-x) var(--spot-y),#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 48% 32% at var(--spot-x) var(--spot-y),#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 48% 32% at var(--spot-x) var(--spot-y),#000 30%,transparent 100%);pointer-events:none;transition:opacity .65s;position:absolute;inset:0}.touch-photo-light.is-on{opacity:1}.touch-photo-light img{filter:brightness(1.3)}.touch-stage-heading{letter-spacing:.14em;color:#e5ced8;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:absolute;top:22px;left:20px;right:20px}.touch-hotspot{color:#ffe0ed;cursor:pointer;touch-action:manipulation;z-index:2;background:#112530ed;border:1px solid #f3c4d9;border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;transition:background .35s,box-shadow .35s;display:grid;position:absolute;transform:translate(-50%,-50%)}.touch-hotspot.is-on{color:#12313b;background:#ebbad0;box-shadow:0 0 40px #efb7d17a}.touch-hotspot-ring{pointer-events:none;border:1px solid #e8b5cd66;border-radius:50%;position:absolute;inset:-7px}.touch-hotspot-label{white-space:nowrap;color:#f8e2eb;background:#071923dd;border-radius:3px;padding:5px 8px;font:12px Arial,sans-serif;position:absolute;top:12px;left:55px}.touch-photo-caption{pointer-events:none;background:linear-gradient(#0000,#06151df2);padding:70px 24px 25px;position:absolute;bottom:0;left:0;right:0}.touch-photo-caption>span{letter-spacing:.2em;color:#e1a9c1;font-size:10px}.touch-photo-caption p{color:#f6eee8;margin:12px 0 0;font:32px/1.2 Georgia,serif}.touch-guide{align-self:start;min-width:0}.touch-options{border-bottom:1px solid #ffffff30;gap:8px;padding-bottom:16px;display:flex}.touch-options button{color:#f7eee8;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.touch-options button[aria-pressed=true]{color:#09212c;background:#edbdd2;border-color:#edbdd2}.touch-options button span{font-size:23px}.touch-panels article{padding-top:18px;animation:.35s touch-reveal}.touch-panels article[hidden]{display:none}.touch-panel-label{letter-spacing:.12em;text-transform:uppercase;color:#e9b9ce!important;margin:0 0 10px!important;font-size:11px!important}.touch-panels h3{color:#fff3ed;margin:0 0 14px;font:400 27px/1.2 Georgia,serif}.touch-panels p{color:#d0d9dc;margin:0 0 12px;font-size:16px;line-height:1.65}.touch-panels .touch-note{color:#b7c5cc;border-left:2px solid #c58ca6;padding-left:12px;font-size:14px}.touch-panels a{color:#f5c6da;border-bottom:1px solid #b9879e66;justify-content:space-between;align-items:center;gap:16px;min-height:48px;font-size:15px;line-height:1.5;text-decoration:none;display:flex}.touch-disclosure{color:#aebcc3;margin:18px 0 0;font-size:11px;line-height:1.6}:is(.touch-portrait button:focus-visible,.touch-portrait a:focus-visible){outline-offset:4px;outline:3px solid #fff1f7}@keyframes touch-reveal{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:700px){.touch-portrait{grid-template-rows:auto;grid-template-columns:1fr;gap:20px;padding:30px 20px}.touch-copy h2{margin:20px 0;font-size:43px}.touch-intro{font-size:18px}.touch-how{margin-bottom:0}.touch-art{grid-area:2/1}.touch-photo-stage{aspect-ratio:3/4;min-height:0}.touch-photo-caption{padding:40px 18px 18px}.touch-photo-caption p{font-size:26px}.touch-hotspot{width:44px;height:44px}.touch-hotspot-label{font-size:11px;left:48px}.touch-stage-heading{font-size:8px;top:16px;left:15px;right:15px}.touch-panels h3{font-size:28px}.touch-panels p{font-size:17px}.touch-options button{font-size:15px}}@media (prefers-reduced-motion:reduce){.touch-portrait *{transition:none!important;animation:none!important}}