/* Phone layouts keep the same materials, colour and content as desktop. */
@media (max-width:760px){
 html{scroll-padding-top:calc(90px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{overflow-x:clip}
 img,svg{max-width:100%}
 button,input,select,textarea{font:inherit}
 button{min-height:44px;min-width:44px;touch-action:manipulation}
 input,select,textarea{font-size:16px}
 a,button{-webkit-tap-highlight-color:transparent}
 :focus-visible{outline:2px solid #929ad1;outline-offset:4px}
 .cinema-header.chapter-header{height:calc(76px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px));gap:12px}
 .chapter-signature{min-height:44px;gap:11px;flex-shrink:0}
 .chapter-signature>span:last-child{font-size:14px;line-height:1.25;max-width:84px}
 .chapter-monogram{font-size:30px}
 .chapter-actions{gap:9px;min-width:0}
 .chapter-atlas{min-height:44px;padding:8px 4px;font-size:13px;gap:7px}
 .chapter-index{min-height:44px;font-size:14px;padding:8px 0 8px 15px;gap:11px}
 .chapter-index svg{width:15px;height:15px}
 .cinema-header.folio-header,.route-home .cinema-header.folio-header{height:calc(76px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;gap:12px}
 .folio-wordmark{font-size:16px;min-height:44px;display:flex;align-items:center}
 .folio-theme-button,.folio-header .folio-metal-button{min-height:44px}
 .folio-header-actions{gap:12px}
 .folio-header .folio-metal-button{font-size:13px;padding:9px 12px}
 .folio-opening{min-height:650px;padding-top:calc(112px + env(safe-area-inset-top,0px));padding-bottom:29px}
 .folio-opening-meta{font-size:10px;letter-spacing:.025em;gap:20px}
 .folio-opening-meta>span{max-width:155px}
 .folio-opening-meta>span:last-child{max-width:120px}
 .folio-opening h1{font-size:clamp(32px,9vw,40px);line-height:1.2;letter-spacing:-.05em;margin-top:40px;max-width:100%}
 .folio-greeting{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.02em;line-height:1.5;color:var(--folio-secondary)}
 .folio-greeting .folio-inline-portrait{margin:0;width:57px;height:40px;transform:rotate(-7deg);rotate:0}
 .folio-person-name{display:block;font-size:clamp(42px,12vw,52px);font-weight:450;line-height:1.08;letter-spacing:-.055em;color:var(--folio-ink);margin:14px 0 22px}
 .folio-opening>.folio-metal-button{margin-top:32px;min-height:48px;font-size:14px;padding:12px 17px}
 .folio-beliefs{margin-top:40px;gap:15px;font-size:12px;padding-top:22px}
 .folio-beliefs>span{max-width:110px}
 .folio-beliefs svg{width:25px;height:25px;margin-bottom:11px}
 .route-home .personal-kicker{font-size:11px;line-height:1.7}
 .highlights-heading>p{font-size:16px}
 .highlight-brand-top{gap:14px;align-items:center}
 .highlight-brand-top>img{width:120px}
 .highlight-brand-top>span{font-size:10px;letter-spacing:.015em;line-height:1.65}
 .highlight-card-foot>span{font-size:10px;letter-spacing:.01em;max-width:137px}
 .highlight-card-foot>a{min-height:44px;font-size:13px}
 .highlight-d2d-metrics span{font-size:13px;line-height:1.6}
 .highlight-device>span{font-size:10px;letter-spacing:.025em}
 .highlight-event-heading{min-width:0}
 .highlight-event-heading>div{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;gap:8px;padding:3px 0 7px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
 .highlight-event-heading button{flex:0 0 auto;font-size:13px;padding:10px 13px;min-height:44px;border:1px solid var(--folio-line);border-radius:7px;scroll-snap-align:start;white-space:nowrap}
 .highlight-event-heading button:after{display:none}
 .highlight-event-heading button[aria-pressed=true]{border-color:var(--folio-accent);background:#b6b9d812;color:var(--folio-ink)}
 .highlight-event-copy>span{font-size:11px}
 .highlight-event-copy>p{font-size:16px;line-height:1.65}
 .highlight-event-photo>span{font-size:10px}
 #highlight-event-metrics span{font-size:13px}
 .highlight-event-copy>a{min-height:44px;font-size:14px}
 .route-home .personal-about-copy>a,.route-home .personal-quote-room>a,.route-home .personal-vision-note>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 .route-home .personal-thought-controls{flex-wrap:wrap;gap:12px}
 .route-home .personal-thought-controls>div:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
 .route-home .personal-thought-controls>div:first-child>button{font-size:13px;min-height:44px}
 .route-home .personal-thought-controls>div:last-child{margin-left:auto}
 .route-home .personal-thought-controls>div:last-child>button{width:44px;height:44px}
 .route-home .personal-vision-heading>p,.route-home .personal-about-copy p{font-size:17px}
 .route-home .vision-point{min-height:44px;font-size:15px}
 .route-home .personal-closing>div>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .route-work .growth-copy p{font-size:17px;line-height:1.75}
 .route-work .growth-copy button{min-height:44px;font-size:14px;line-height:1.6;padding-block:11px}
 .route-work .archive-tools>.filter-row{gap:9px;flex-wrap:wrap}
 .route-work .archive-tools>.filter-row button{min-height:44px;font-size:14px;line-height:1.5;padding:10px 8px}
 .route-work .d2d-reported-metrics strong{font-size:clamp(35px,11vw,44px)}
 .route-work .d2d-reported-metrics span{font-size:14px;line-height:1.6}
 .route-work .d2d-product-copy>p{font-size:17px;line-height:1.7}
 .route-work .d2d-field-photos img{object-position:50% 35%}
 .route-events .events-cover{height:clamp(600px,92svh,760px);min-height:0}
 .route-events .events-cover>img{object-position:42% 50%;filter:saturate(.7)}
 .route-events .event-cover-shade{background:linear-gradient(0deg,#161d1dee 4%,#161d1d44 55%,#161d1d1a 80%)}
 .route-events .events-cover h1{font-size:clamp(90px,28vw,120px);bottom:132px;left:22px;line-height:.88}
 .route-events .events-cover-foot{font-size:11px;line-height:1.65;gap:20px;inset-inline:22px;bottom:26px}
 .route-events .events-cover-foot>span:last-child{max-width:115px;white-space:normal;text-align:right}
 .route-events .event-editorial .event-caption p{font-size:16px;line-height:1.7}
 .route-events .event-editorial .event-caption{padding-right:0;min-height:0}
 .route-events .event-editorial .event-caption .event-stat{position:static;display:flex;align-items:baseline;gap:12px;margin:22px 0 0;font-size:44px}
 .route-events .event-editorial .event-stat>span{font-size:13px;max-width:170px;line-height:1.5}
 .route-events .event-editorial .event-open{width:46px;height:46px;font-size:26px}
 .route-events .event-editorial .event-year{font-size:11px}
 .scene-controls{gap:13px;flex-wrap:wrap;padding:12px 20px}
 .scene-controls button{min-height:44px;font-size:13px;padding:10px 0}
 .route-research .research-cover-grid>div>p,.route-research .research-projects .research-summary{font-size:17px;line-height:1.7}
 .route-research .research-projects .research-open{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 .route-research .research-rule{font-size:11px}
 .route-research .prototype-shelf button{height:clamp(300px,85vw,370px)}
 .route-journey .journey-sidebar .year-track{justify-content:space-between;gap:2px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 0 7px;margin-bottom:30px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin}
 .route-journey .journey-sidebar .year-track button{font-size:14px;flex:0 0 44px;min-height:52px;padding:10px 0 15px;scroll-snap-align:center}
 .route-journey .journey-sidebar .year-track button:after{bottom:0}
 .route-journey .journey-book .chapter-copy p{font-size:17px;line-height:1.75}
 .route-journey .chapter-copy .small-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 .route-journey .journey-book .chapter-image{height:clamp(270px,85vw,365px)}
 .route-atlas .atlas-world-top>p,.route-atlas .atlas-world .place-copy p{font-size:17px;line-height:1.7}
 .route-atlas .atlas-world .place-tabs{gap:7px}
 .route-atlas .atlas-world .place-tabs button{min-height:44px;padding:10px 13px;font-size:13px;line-height:1.5}
 .route-atlas .atlas-world .place-copy .small-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .route-atlas .atlas-world #india-map{height:clamp(320px,95vw,410px)}
 .route-life .life-cover{height:clamp(660px,95svh,820px);min-height:0}
 .route-life .life-motion .reel-poster{height:auto;aspect-ratio:9/16}
 .route-life .roll-frame{padding-bottom:47px}
 .route-life .roll-frame figcaption{right:35px;left:9px;bottom:12px;max-width:none;font-size:11px;line-height:1.35}
 .route-life .roll-frame>a{bottom:7px;right:4px;min-width:35px;min-height:35px;display:grid;place-items:center}
 .route-inside .cinema-hero{height:clamp(730px,100svh,850px);min-height:0}
 .route-inside .cinema-name{animation-duration:.6s}
 .route-inside .hero-cutout{animation-duration:.8s}
 .route-inside .lens-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .route-inside .lens-switch button{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:76px;padding:12px 8px;border:1px solid #92a17b33;font-size:15px;line-height:1.3;letter-spacing:-.02em;border-radius:4px;text-align:left}
 .route-inside .lens-switch button.active{border-color:#bcc8a8;background:#b1c6920a}
 .route-inside .lens-switch button>span{font-size:11px;padding:0;order:-1}
 .route-inside .highlight-caption p{font-size:17px;line-height:1.7}
 .route-inside .highlight-caption a,.route-inside .lens-copy>a,.route-inside .lens-copy>button{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 .route-travel .travel-map-view>button{min-height:44px;padding:10px 12px;font-size:13px}
 .route-travel .travel-map-heading{gap:12px;align-items:center}
 .route-travel .travel-map-heading>span{font-size:10px;letter-spacing:.025em}
 .route-travel .travel-passport>button{min-height:70px}
 .route-travel .travel-map-credit{font-size:11px;line-height:1.7}
 .route-travel .bangkok-heading>div>span,.route-travel .bangkok-heading>p{font-size:14px}
 .route-travel .india-travel-grid figure{min-width:0}
 .route-travel .india-travel-grid figcaption{line-height:1.5}
 .cinema-contact .email-link{overflow-wrap:anywhere}
 .cinema-contact>div{flex-wrap:wrap;gap:8px 18px}
 .cinema-contact #copy-email{min-height:44px;font-size:13px}
 .cinema-footer{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
 .cinema-footer>div>a{min-height:44px;display:inline-flex;align-items:center}
 .cinema-footer button{font-size:12px;min-height:44px}
 .visual-index.universe-menu{padding:calc(20px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(25px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));max-height:100dvh;overscroll-behavior:contain}
 .index-grid>a{min-height:120px}
 .index-grid>a>span{font-size:27px}
 .index-grid p{font-size:14px;line-height:1.6}
 .index-grid small{font-size:10px;line-height:1.6}
 .dialog-close{min-width:44px;min-height:44px}
 .detail-dialog{width:100%;max-width:100%;max-height:100dvh;border-radius:0;margin:0;overscroll-behavior:contain}
 .detail-body{padding:28px 22px 35px}
 .detail-description{font-size:17px;line-height:1.7}
 .detail-columns li{font-size:15px;line-height:1.65}
 .detail-role{font-size:14px;line-height:1.7}
 .photo-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;padding:calc(70px + env(safe-area-inset-top,0px)) 16px calc(25px + env(safe-area-inset-bottom,0px))}
 .photo-dialog>.dialog-close{top:calc(16px + env(safe-area-inset-top,0px));right:16px}
 .photo-dialog>img{max-height:calc(100% - 75px)}
 .photo-dialog>p{font-size:14px;line-height:1.6;max-width:100%;text-align:center}
 body:has(dialog[open]){overflow:hidden}
}
@media(max-width:560px){
 .route-travel .travel-country-card{display:flex;flex-direction:column}
 .route-travel .travel-card-image img{height:280px;object-position:50% 38%}
 .route-travel .travel-card-copy{padding:26px 23px}
 .route-travel .travel-card-copy>span{font-size:11px;line-height:1.6;letter-spacing:.025em}
 .route-travel .travel-card-copy h2{font-size:40px;margin-top:17px}
 .route-travel .travel-card-copy p{font-size:17px;line-height:1.75;margin-top:18px}
 .route-travel .travel-card-copy>a{font-size:14px;min-height:44px;padding-top:16px;margin-top:22px}
 .route-travel .travel-card-image>span{font-size:11px}
}
@media(max-width:370px){
 .chapter-signature{gap:8px}
 .chapter-signature>span:last-child{font-size:13px;max-width:70px}
 .chapter-atlas{font-size:12px;gap:5px}
 .chapter-actions{gap:7px}
 .chapter-index{font-size:13px;padding-left:12px;gap:9px}
 .folio-header-actions{gap:8px}
 .folio-theme-button{font-size:10px;gap:5px}
 .folio-opening h1{font-size:32px}
 .folio-person-name{font-size:42px}
 .folio-beliefs{font-size:11px;gap:10px}
 .highlight-brand-top>span{font-size:9px}
 .highlight-card-foot{gap:10px}
 .highlight-card-foot>span{max-width:105px}
 .highlight-card-foot>a{font-size:12px;gap:10px}
 .route-work .d2d-reported-metrics{gap:26px 16px}
 .route-work .d2d-reported-metrics strong{font-size:34px}
 .route-travel .travel-map-heading{align-items:flex-start;flex-direction:column}
}
@media(min-width:761px) and (max-width:1024px){
 .highlights-ventures{grid-template-columns:1.15fr 1fr}
 .travel-map-layout{grid-template-columns:1fr}
 .travel-country-card{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-height:520px) and (orientation:landscape){
 .photo-dialog{padding-top:60px;padding-bottom:12px}
 .photo-dialog>img{max-height:calc(100% - 45px)}
}
@media(max-height:520px) and (orientation:landscape) and (max-width:1024px){
 .cinema-header.chapter-header,.cinema-header.folio-header,.route-home .cinema-header.folio-header{height:64px;padding:10px max(20px,env(safe-area-inset-right,0px)) 10px max(20px,env(safe-area-inset-left,0px))}
 .chapter-links{display:none}
 .chapter-actions{margin-left:auto}
 .chapter-index,.chapter-atlas,.chapter-signature,.dialog-close{min-height:44px}
 .route-events .events-cover,.route-life .life-cover{height:470px;min-height:0}
 .route-events .events-cover>img{object-position:42% 45%}
 .route-events .events-cover h1{font-size:90px;top:auto;bottom:85px;left:30px}
 .route-events .events-cover-foot,.route-life .life-cover-foot{bottom:20px}
 .photo-dialog>.dialog-close{top:10px;right:14px;min-width:44px;min-height:44px}
}

@media(min-width:761px) and (max-width:1024px){
 button{min-width:44px;min-height:44px}
 .route-work .growth-copy p,.route-events .event-editorial .event-caption p,.route-research .research-cover-grid>div>p,.route-research .research-projects .research-summary,.route-journey .journey-book .chapter-copy p,.route-atlas .atlas-world .place-copy p{font-size:17px;line-height:1.7}
 .route-work .growth-copy button,.route-work .archive-tools>.filter-row button,.route-atlas .atlas-world .place-tabs button{min-height:44px;padding-block:10px}
 .route-events .event-editorial .event-open{width:46px;height:46px}
 .route-inside .lens-switch button{min-height:44px;padding-block:10px}
}
@media(max-width:760px){
 .route-work .growth-visual>span:last-child{font-size:14px;line-height:1.7;letter-spacing:.015em;color:#dbe0ed}
 .route-work .growth-visual svg text{font-size:32px}
 .route-work .growth-visual svg text[font-size="48"]{font-size:64px}
}
@media(min-width:761px) and (max-width:1024px){
 .route-travel .travel-map-view>button{min-height:44px;padding-block:10px}
}