*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#080808;color:#f5f5f2}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.touch-page{height:100svh;min-height:480px;display:flex;flex-direction:column;overflow:hidden;animation:touch-arrive .85s cubic-bezier(.22,.7,.25,1) both}
.touch-page-header{height:64px;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 3%;background:#f5f5f2;color:#161616;border-bottom:1px solid #ccc}
.touch-page-header .touch-back{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.touch-page-logo{font-size:27px;font-weight:900;letter-spacing:-1.5px}.touch-page-header .header-tools{margin:0}.touch-page-header .language-menu select{background:transparent;color:inherit;border:0;padding:8px;font-size:10px}
.touch-accordion{position:relative;display:flex;flex:1;min-height:0;isolation:isolate;overflow:hidden}
.touch-page-title{position:absolute;top:24px;left:50%;transform:translateX(-50%);margin:0;z-index:5;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;pointer-events:none;text-shadow:0 1px 15px #0009}
.touch-door{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:flex-grow 1.1s cubic-bezier(.22,.7,.25,1);isolation:isolate;cursor:pointer}
.touch-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transform:scale(1.025);transition:transform 1.6s cubic-bezier(.22,.7,.25,1),filter 1s ease;filter:brightness(.82)}
.touch-door::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0002,#0001 40%,#0005)}
.touch-door h2{font-size:clamp(17px,2.1vw,29px);font-weight:400;line-height:1.3;letter-spacing:3px;text-transform:uppercase;text-align:center;margin:0;padding:15px 18px;max-width:100%;text-shadow:0 2px 18px #0007;transition:transform 1.1s cubic-bezier(.22,.7,.25,1),opacity .45s}
.touch-accordion.has-active .touch-door{flex-grow:1}.touch-accordion.has-active .touch-door.is-active{flex-grow:7}
.touch-door.is-active img{transform:scale(1);filter:brightness(1)}
.touch-accordion.has-active .touch-door:not(.is-active) h2{opacity:0;transform:translateY(12px)}
.touch-section-nav{height:54px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:36px;padding:0 3%;background:#f5f5f2;color:#161616;border-top:1px solid #ccc}
.touch-section-nav a{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid transparent}.touch-section-nav a:hover,.touch-section-nav a:focus-visible{border-bottom-color:currentColor}
.touch-door.is-leaving{flex-grow:40!important}.touch-accordion.is-leaving .touch-door:not(.is-leaving){flex-grow:.001!important}.touch-accordion.is-leaving .touch-door h2{opacity:0;transform:translateY(-14px)}
@keyframes touch-arrive{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@media(max-width:700px){
 .touch-page-header{height:56px;min-height:56px;padding:0 5%;gap:10px}.touch-page-logo{font-size:24px}.touch-page-header .touch-back{font-size:9px;letter-spacing:.8px}
 .touch-accordion{flex-direction:column}.touch-door{min-height:0;min-width:100%}.touch-door img{object-position:50% 45%}.touch-door h2{font-size:20px;letter-spacing:2px;padding:8px 15px}.touch-page-title{top:10px;font-size:9px;letter-spacing:2px}
 .touch-section-nav{height:48px;min-height:48px;gap:0;justify-content:space-between;padding:0 5%}.touch-section-nav a{font-size:8px;letter-spacing:.6px}.touch-accordion.has-active .touch-door.is-active{flex-grow:4}.touch-accordion.has-active .touch-door:not(.is-active) h2{opacity:1;transform:none;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.touch-page{animation:none}.touch-door,.touch-door img,.touch-door h2{transition:none}}
@media(max-width:700px){.touch-door[data-section="art"] img{object-position:50% 25%}.touch-door[data-section="music"] img{object-position:50% 30%}}
/* Turkish Touch keeps its black presentation in both stored themes. */
.touch-page:has(.touch-page-header[data-no-theme]) .touch-page-header,
.touch-page:has(.touch-page-header[data-no-theme]) .touch-section-nav{background:#080808;color:#f5f5f2;border-color:#333}

/* Keep the editorial subjects visible in the mobile panels. */
@media(max-width:700px){.touch-door[data-section="explore"] img{object-position:50% 52%}.touch-door[data-section="taste"] img{object-position:50% 54%}.touch-door[data-section="art"] img{object-position:50% 54%}.touch-door[data-section="music"] img{object-position:50% 65%}}

/* The introduction supplies the entrance; never restart a second reveal beneath it. */
.touch-page{animation:none}