/* Shared text-led navigation. Desktop paging remains explicit; phones use swipe. */
.work-row .work-action{font-size:14px;line-height:1.4;letter-spacing:0;color:#606666;text-align:right;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c6cccc;transition:color .2s,text-decoration-color .2s}
.work-row:hover .work-action,.work-row:focus-visible .work-action{color:#09859C;text-decoration-color:currentColor}
.deck-mode #work .work-row{grid-template-columns:170px minmax(0,1fr) 180px 52px;gap:26px}
.experience-header a{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;text-decoration-color:#d9dedf;transition:text-decoration-color .2s}
.experience-header a:hover{text-decoration-color:currentColor}
.story-return a{padding:10px 22px;border:1px solid #dce0e0;border-radius:100px;font-size:17px;color:#333;background:#fff;transition:background .2s}
.story-return a:hover{background:#f4f6f6}
.story-return .return-arrow,.scroll-link .round-arrow{display:none}
.scroll-link{border-bottom:1px solid currentColor;padding:8px 0}.scroll-link>span:first-child{display:inline!important}
.photo-zoom{font-size:22px!important;line-height:1!important}
.mt1-buttons{inset:auto 16px 16px;gap:12px;justify-content:space-between}
.mt1-buttons button,.mt1-buttons .mt1-next{width:auto;min-width:76px;min-height:42px;padding:10px 15px;border-radius:24px;background:#ffffffed;color:#222;box-shadow:0 2px 12px #00000012;border:1px solid #ffffffc9}
.mt1-buttons button:hover,.mt1-buttons .mt1-next:hover{background:#fff}
.mt1-buttons button span,.mt1-buttons .mt1-next span{font-size:14px;transform:none!important;text-shadow:none}
.ms-reader-prev,.ms-reader-next,[data-ms-prev],[data-ms-next],.portfolio-image-nav button{width:auto!important;min-width:70px!important;border-radius:22px!important;padding:9px 14px!important;font-size:14px!important;line-height:1.3!important}
.portfolio-image-nav{gap:8px}
.portfolio-image-bottom{flex-wrap:wrap}
.yola-introduction{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;margin-top:44px}
.yola-introduction p{font-size:17.25px;line-height:1.85;color:#666}
.yola-brand{display:flex;align-items:center;justify-content:center;min-height:160px}
.yola-brand img{width:78%;max-width:280px;height:auto;object-fit:contain}
.yola-case .dali-lead{font-size:clamp(26px,2.7vw,38px);line-height:1.25}
.yola-case .mt1-stage{background:#f6f8f8;border:1px solid #e8ecec;border-radius:12px}
.mt1-media-placeholder{position:absolute;inset:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#697678;gap:16px}
.mt1-media-placeholder svg{width:64px;height:64px;color:#9aaeb1}
.mt1-media-placeholder>span{font:500 22px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.03em}
.mt1-media-placeholder small{font-size:15px;line-height:1.5;color:#818c8e}
.yola-case .mt1-caption:has(p:empty){display:none}
.wookoo-profile-media{background:none;padding:0!important}
.wookoo-social-card{display:block;padding:26px;border:1px solid #e3e5e5;border-radius:18px;background:#fff;box-shadow:0 12px 36px #152c3410;transition:box-shadow .25s,border-color .25s;color:#171717}
.wookoo-social-card:hover{box-shadow:0 14px 40px #152c341a;border-color:#b6c6c9}
.wookoo-social-heading{display:flex;gap:15px;align-items:center;margin-bottom:22px}
.wookoo-social-mark{width:48px;height:48px;border-radius:50%;background:#121212;color:#fff;display:grid;place-items:center;flex-shrink:0}
.wookoo-social-mark svg{width:25px;height:25px}
.wookoo-social-heading strong{font:600 21px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em}
.wookoo-social-heading small{display:block;font-size:15px;color:#6a7173;margin-top:5px}
.wookoo-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:hidden;border-radius:8px}
.wookoo-social-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;display:block;transition:transform .4s}
.wookoo-social-card:hover .wookoo-social-grid img{transform:scale(1.015)}
.wookoo-social-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:15px;line-height:1.5}
.wookoo-social-foot>span:first-child{color:#71797b}
.wookoo-social-foot>span:last-child{color:#09859C;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.deck-mode #work .work-row{grid-template-columns:155px minmax(0,1fr) 160px 48px;gap:22px}}
@media(max-width:900px){.deck-mode #work .work-row{grid-template-columns:150px minmax(0,1fr) 48px;gap:22px}}
@media(max-width:600px){.deck-mode #work .work-row{grid-template-columns:104px minmax(0,1fr) 34px;column-gap:16px}.work-row .work-action{grid-column:3;font-size:13px}.yola-introduction{grid-template-columns:1fr;gap:24px;margin-top:28px}.yola-introduction p{font-size:16.1px;line-height:1.8}.yola-brand{justify-content:flex-start;min-height:100px}.yola-brand img{width:180px}.yola-case .dali-lead{font-size:28px}.mt1-media-placeholder{inset:18px}.mt1-media-placeholder>span{font-size:20px}.wookoo-social-card{padding:19px}.wookoo-social-foot{font-size:14px;gap:10px}.wookoo-social-heading strong{font-size:20px}.mt1-buttons,.ms-reader-nav,.ms-deck-controls button,.portfolio-image-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.wookoo-social-card,.wookoo-social-grid img{transition:none}}