.detail-page #uiux-top.detail-hero{position:relative;isolation:isolate;background-color:#050609;background-image:url(/wp-content/themes/tonalworks-v2/design/assets/tw-home-ui-ux-sound.webp);background-repeat:no-repeat;background-size:cover;background-position:56% 50%;color:#f3f6f8}.detail-page #uiux-top.detail-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.detail-page #uiux-top.detail-hero>.wrap{position:relative;z-index:1}.detail-page #uiux-top .detail-hero-copy p,.detail-page #uiux-top .detail-hero-identity{color:#f3f6f8}.detail-page #uiux-top .detail-hero-sub{color:rgb(243 246 248 / .68)}@media (max-width:820px){.detail-page #uiux-top.detail-hero{background-position:65% 50%}.detail-page #uiux-top.detail-hero::before{background:linear-gradient(180deg,rgb(5 6 9 / .32),rgb(5 6 9 / .54) 32%,rgb(5 6 9 / .43) 60%,rgb(5 6 9 / .48))}}@media (max-width:620px){.detail-page #uiux-top .detail-hero-message h1{font-size:clamp(24px, (100vw - 48px) / 9.5, 40px)}}@media (max-width:359px){.detail-page #uiux-top .detail-hero-copy p:first-child{letter-spacing:.08em}}.detail-page #uiux-top.detail-hero::before{background:linear-gradient(90deg,rgb(5 6 9 / .78),rgb(5 6 9 / .56) 52%,rgb(5 6 9 / .24))}.detail-page #uiux-top .uiux-hero-mobile-break{display:none}@media (max-width:620px){.detail-page #uiux-top .uiux-hero-mobile-break{display:block}.detail-page #uiux-top.detail-hero::before{background:linear-gradient(180deg,rgb(5 6 9 / .66),rgb(5 6 9 / .75) 48%,rgb(5 6 9 / .62))}}@media (min-width:621px) and (max-width:820px){.detail-page #uiux-top.detail-hero::before{background:linear-gradient(180deg,rgb(5 6 9 / .6),rgb(5 6 9 / .62) 50%,rgb(5 6 9 / .56))}}.detail-page .uiux-try{position:relative;overflow:hidden;isolation:isolate;background:#121820;color:#f3f6f8;border-top:0}.detail-page .uiux-try-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(55px, 7.5vw, 140px)}.detail-page .uiux-try .detail-section-head{margin:0 0 clamp(40px, 5vw, 72px)}.detail-page .uiux-try .detail-eyebrow{color:rgb(243 246 248 / .66)}.detail-page .uiux-try .detail-section-head h2{color:#f3f6f8}.detail-page .uiux-try-copy p{max-width:690px;margin:0 0 24px;color:rgb(243 246 248 / .78);font-family:var(--tw-font-ja);font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:2.15;letter-spacing:.12em}.detail-page .uiux-try-copy p:last-of-type{margin-bottom:0}.detail-page .uiux-try-notice{margin:24px 0 0;color:rgb(243 246 248 / .76);font-family:var(--tw-font-ja);font-size:clamp(12px, .95vw, 14px);font-weight:400;line-height:1.9;letter-spacing:.10em}.detail-page .uiux-try-link{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:0 0 13px;margin-top:clamp(25px,2.8vw,42px);border-bottom:1px solid rgb(243 246 248 / .75);min-width:min(100%, 282px);font-family:var(--tw-font-en);font-size:14px;font-weight:500;letter-spacing:.11em;line-height:1.8;transition:color .2s ease,border-color .2s ease}.detail-page .uiux-try-link .arrow{font-size:20px}.detail-page .uiux-try-link:focus-visible{outline:2px solid #f3f6f8;outline-offset:7px}@media (hover:hover) and (pointer:fine){.detail-page .uiux-try-link:hover{color:rgb(243 246 248 / .65);border-color:rgb(243 246 248 / .35)}}.detail-page .uiux-try-art{position:relative;width:min(100%, 520px);aspect-ratio:1;margin-inline:auto;overflow:hidden;background:#050609}.detail-page .uiux-try-service-art{display:block;width:100%;height:100%}@media (max-width:820px){.detail-page .uiux-try-grid{grid-template-columns:1fr;gap:35px}.detail-page .uiux-try-art{width:min(100%, 340px)}.detail-page .uiux-try-copy p{font-size:14px;line-height:1.9;letter-spacing:.13em}}@media (prefers-reduced-motion:reduce){.detail-page .uiux-try-link{transition:none}}.detail-page #uiux-top.detail-hero{background-position:54% 50%}@media (max-width:820px){.detail-page #uiux-top.detail-hero{background-position:52% 52%}}