/* Mobile presentation only; desktop rules remain unchanged. */
@media (max-width:700px){
 body{font-size:14px;line-height:1.6}html{scroll-padding-top:18px}
 .header{padding:18px 6% 12px;min-height:0;flex-direction:column;align-items:flex-start;gap:10px;border-bottom-width:4px}
 .site-logo{width:160px}.header .social-links{gap:4px;justify-content:space-between;width:100%;flex-wrap:nowrap}.social-links a{width:40px;height:40px}.social-links svg{width:22px;height:22px}
 .city-figure{margin:20px 6% 0}.city-figure .city-credit{font-size:8px;left:7px;bottom:5px}
 .categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 6% 0;border-width:2px 0}
 .categories .category,.categories .category:first-child{display:block;padding:14px 5px;text-align:center;border-bottom:0;border-right:1px solid var(--line)}.categories .category:last-child{border-right:0}
 .categories .category h2{font-size:13px;letter-spacing:-.3px;margin:0;line-height:1.4}.categories .category p{display:none}
 .discipline{display:block;margin:0 6%;padding:28px 0}.discipline:not(.drone){border-bottom-width:2px}
 .discipline>.section-heading{padding:0;margin:0 0 18px;background:transparent;border:0}
 .discipline>.section-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.discipline>.section-heading h2,.discipline>.section-heading #academic-title{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:5px 0 0;white-space:normal}
 .discipline>.section-heading .academic-affiliation{display:block;font-size:12px;line-height:1.6;margin-top:10px;color:var(--muted)}
 .focus-card,#mimar .principles .architecture-focus,.training-grid .training-focus{display:none}
 .discipline .section-body>.lead,.academic-archive .archive-heading h2,#drone .drone-subheading h2{font-size:20px;line-height:1.3;letter-spacing:-.4px}
 #mimar .section-body>.lead{padding-bottom:12px}#mimar .principles{padding-top:18px;gap:26px;grid-template-columns:minmax(0,1fr)}
 #mimar .featured-project-layout{display:block}#mimar .featured-project-layout .project-cami{padding:0;border:0;display:flex;flex-direction:column}
 #mimar .principles :is(.project-teski,.project-anamur,.project-cukurova){display:flex;flex-direction:column}
 #mimar .project-gallery{order:-1}#mimar .featured-project-layout .project-gallery{display:block}
 #mimar .principles :is(.project-teski,.project-anamur,.project-cukurova)>h3,.cami-heading h3,#mimar .principles .project-cami>h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:6px 0 0}
 #mimar .principles .micro{font-size:11px;padding:0;margin-top:10px}.project-main,.project-cami .project-main{aspect-ratio:16/10}
 .project-controls{padding:4px 0;gap:8px;justify-content:center}.project-controls button{font-size:11px;padding:0 10px;min-height:36px;min-width:44px;border:0}.project-counter{font-size:11px;min-width:48px;text-align:center}
 .project-thumbs{display:none}#mimar .project-description-wrap,#mimar .featured-project-layout>.project-description-wrap{margin-top:10px}
 #mimar .principles .project-description{font-size:13px;line-height:1.65}.description-toggle{font-size:12px;min-height:36px;margin-top:4px;padding:6px 0}
 .archive-heading{padding-bottom:12px;gap:8px}.profile-links{font-size:12px;gap:18px}.paper-grid{display:block}
 .paper-grid .publication{display:flex;padding:18px 0;margin:0;border:0;border-bottom:1px solid var(--line)}.paper-grid .publication h3{font-size:17px;line-height:1.45;letter-spacing:-.2px;margin:6px 0 8px}
 .publication-meta{font-size:11px}.paper-grid .publication .publication-authors,.paper-grid .publication .paper-summary{display:none}.publication:has(.publication-details[open]) .publication-authors,.publication:has(.publication-details[open]) .paper-summary{display:block;font-size:12px;margin:0 0 6px}
 .publication-details summary{font-size:12px;padding:8px 0;min-height:36px}.publication-details p,.publication-journal{font-size:12px}.paper-link{font-size:12px;margin-top:4px}
 .training-grid{display:block}.training-grid .training-copy{padding:16px;margin:0}.training-copy h3{font-size:20px}.training-copy p{font-size:13px;line-height:1.6}
 #drone .fpv-gallery,#drone .instagram-gallery{margin-top:26px}#drone .drone-subheading{margin-bottom:12px;gap:10px}
 #drone .fpv-gallery .drone-subheading{grid-template-columns:minmax(0,1fr) auto;gap:6px}.video-carousel-controls button{width:36px;height:36px;font-size:18px}#drone .fpv-gallery .drone-subheading>.text-link{font-size:11px;padding-bottom:2px}
 #drone .fpv-gallery .video-grid{grid-auto-columns:88%;gap:24px}.fpv-gallery .video-stage{min-height:0;aspect-ratio:16/9}.play-button{width:38px;height:38px;font-size:16px}.play-label{font-size:10px}
 .fpv-gallery .video-caption{padding-top:10px}.fpv-gallery .video-caption h3,.instagram-gallery .instagram-copy h3{font-size:16px;line-height:1.4;margin:0 0 5px}.video-caption p,.instagram-gallery .instagram-copy p{font-size:12px;line-height:1.6;margin:0}.fpv-gallery .video-card{padding-bottom:12px}
 #drone .instagram-gallery .instagram-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface)}
 .instagram-gallery .instagram-card{scroll-snap-align:start;padding-bottom:12px}.instagram-gallery .instagram-thumbnail{aspect-ratio:3/4}.instagram-gallery .instagram-copy{margin-top:12px}.instagram-thumbnail span{font-size:10px}
 .closing.contact{padding:20px 16px;margin:0 6%}.contact #contact-title{font-size:17px;margin-bottom:16px}.contact p,.contact .contact-name{font-size:13px;line-height:1.65}.contact .contact-grid{gap:18px}footer{padding:20px 6%;font-size:12px}
 .project-lightbox{padding:8px;width:100vw;height:92dvh}.lightbox-toolbar{gap:3px}.lightbox-toolbar button{font-size:11px;padding:6px;min-height:40px}.lightbox-counter{font-size:11px}.lightbox-original{font-size:12px}
}

.mobile-rail-controls{display:none}
@media(max-width:700px){
 .header{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 6% 8px;gap:10px;border-bottom:0}
 .header .brand{flex:0 0 100px}.header .site-logo{width:100px;max-width:100%}.header .social-links{width:auto;flex:1;gap:1px;justify-content:flex-end}.header .social-links a{width:27px;height:32px;flex:0 0 27px}.header .social-links svg{width:16px;height:16px}
 .categories{margin-top:4px;border-top:0;border-bottom:1px solid var(--line)}.categories .category{padding:10px 3px}.city-figure{margin-top:14px}
 .discipline>.section-heading{background:rgba(69,74,54,.5);border-left:2px solid rgba(137,150,106,.5);padding:16px;margin-bottom:20px}
 .mobile-rail-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px}.mobile-rail-controls button{width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;cursor:pointer}.mobile-rail-controls button:disabled{opacity:.25;cursor:default}
 #mimar .principles,.paper-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:start;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);padding-bottom:14px}
 #mimar .principles>*:not(.mobile-rail-controls),.paper-grid>.publication{grid-column:auto;grid-row:auto;min-width:0;scroll-snap-align:start}
 #mimar .principles{padding-top:0}#mimar .featured-project-layout{margin:0;min-height:0}.paper-grid>.publication{padding-top:0}.paper-grid .publication h3{overflow-wrap:anywhere}
 .instagram-gallery .drone-subheading{display:flex;align-items:center;justify-content:space-between}.instagram-gallery .mobile-rail-controls{margin:0;flex-shrink:0}
}
@media(max-width:370px){.header .brand{flex-basis:86px}.header .site-logo{width:86px}.header .social-links a{width:25px;flex-basis:25px}}
@media(max-width:700px){
 #drone .instagram-gallery .drone-subheading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}
 #drone .instagram-gallery .drone-subheading h2{font-size:18px}
 #mimar .section-body>.mobile-rail-controls{margin-top:-49px;margin-bottom:20px;position:relative;width:80px;margin-left:auto}
 #mimar .section-body>.lead{padding-right:88px;padding-bottom:16px}
}
@media(max-width:700px){
 .header .brand{flex-basis:122px}.header .site-logo{width:122px}.header .social-links a{width:23px;flex-basis:23px;height:32px}.header .social-links svg{width:14px;height:14px}
 .categories{border-top:2px solid #62695e;border-bottom:2px solid #62695e}
 .categories .category,.categories .category:first-child{display:flex;align-items:center;justify-content:center;padding:12px 2px;min-height:44px}.categories .category h2{font-size:12px;line-height:1.3;margin:0;text-align:center;white-space:nowrap}
 #mimar.discipline{border-top:4px solid #62695e;margin-top:24px;padding-top:22px}
 .discipline>.section-heading h2,.discipline>.section-heading #academic-title{font-size:22px;letter-spacing:-.5px}
 .discipline .section-body>.lead,.academic-archive .archive-heading h2,#drone .drone-subheading h2,#drone .instagram-gallery .drone-subheading h2{font-size:17px;letter-spacing:-.3px;line-height:1.3}
 .training-copy h3{font-size:17px}
 .discipline>.section-heading .academic-affiliation{display:none}
 #akademisyen .section-heading .profile-links{margin-top:12px;gap:20px;font-size:11px}
 .academic-archive .archive-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
 .academic-archive .archive-heading .mobile-rail-controls{margin:0;flex-shrink:0}
 .mobile-rail-controls button{color:var(--ink)}
}
@media(max-width:370px){.header .brand{flex-basis:110px}.header .site-logo{width:110px}.header .social-links a{width:22px;flex-basis:22px}}
@media(max-width:700px){
 #mimar.discipline{border-top-width:2px}
 .paper-grid{align-items:stretch}
 .paper-grid>.publication{height:100%;box-sizing:border-box}
}

/* Mobile: section 22px, subsection 19px, item title 16px. */
@media(max-width:700px){
 .discipline .section-body>.lead,.academic-archive .archive-heading h2,#drone .drone-subheading h2,#drone .instagram-gallery .drone-subheading h2{font-size:19px;line-height:1.3;font-weight:400;letter-spacing:-.3px}
 #mimar .principles :is(.project-teski,.project-anamur,.project-cukurova)>h3,.cami-heading h3,#mimar .principles .project-cami>h3,.paper-grid .publication h3,.training-grid .training-copy h3,.fpv-gallery .video-caption h3,.instagram-gallery .instagram-copy h3{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.2px}
}

@media(max-width:700px){
 .header{border-bottom:0;padding-bottom:0}
 .categories{margin-top:12px}
 .city-figure{margin-top:12px}
}
@media(max-width:700px){
 .header{align-items:flex-end}
 .header .social-links{margin-bottom:-.5px}
 .header .social-links svg{width:11.9px;height:11.9px}
}
@media(max-width:370px){.header .social-links{margin-bottom:-1.4px}}
@media(max-width:700px){.city-figure{margin-top:24px;margin-bottom:0}#mimar.discipline{margin-top:24px}}
@media(max-width:700px){.header .social-links{margin-bottom:-3.5px}}
@media(max-width:370px){.header .social-links{margin-bottom:-4.4px}}
@media(max-width:700px){
 .header .social-links svg{width:13.09px;height:13.09px;transform:translateY(-.595px)}
}
@media(max-width:700px){
 .contact #contact-title{font-size:15.9px;padding-bottom:9px;margin-bottom:11px}
 .contact p,.contact .contact-name{font-size:11.1318px}
}