/* The approved desktop stylesheet is shared at every width.
   These rules only reflow its existing elements for smaller screens. */
@media(max-width:999px){
  .desktop-only{display:none!important}
  .mobile-only{display:revert!important}
  .record-list.mobile-only,.footer-links.mobile-only{display:grid!important}
  :root{--mobile-surface:#f7f9fb;--mobile-line:#d7e1e8;--mobile-meta:#4f6270;--mobile-radius:8px;--mobile-section-gap:28px}
  html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
  body{font-size:16px}
  .wrap{width:calc(100% - 40px)}
  .site-header{position:sticky;top:0;z-index:30}
  .site-header .header-inner{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px;min-height:68px}
  .wordmark{min-height:60px;font-size:13px;gap:13px}
  .brand-monogram{flex-basis:49px;width:49px;height:42px}
  .brand-monogram img{width:70px;height:70px;left:-11px;top:-14px}
  .header-primary{display:none}
  .header-actions{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}
  .menu-toggle,.menu-fallback summary{min-height:44px;padding:10px 12px;gap:11px;border:1px solid #c1ced7;border-radius:6px;background:#fff;font:600 14px/1.4 var(--sans);color:var(--ink)}
  .menu-toggle:hover,.menu-fallback summary:hover{background:#f0f4f6;border-color:#8fa5b4}
  .menu-toggle:focus-visible,.menu-fallback summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
  .menu-icon{position:relative;width:21px;height:15px;border-block:1.5px solid currentColor}
  .menu-icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transform:translateY(-50%)}
  .menu-dialog{inset:20px 0;margin:0 auto;width:360px;max-width:calc(100% - 40px);height:calc(100vh - 40px);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);border-radius:24px;overscroll-behavior:contain}
  .menu-dialog::backdrop{background:#10253370;backdrop-filter:blur(2px)}
  .menu-surface{padding:20px 20px max(24px,env(safe-area-inset-bottom));min-height:100%}
  .menu-topline{position:sticky;top:0;z-index:1;background:#fff;justify-content:flex-end;min-height:44px;margin-bottom:18px;padding:0;border:0}
  .menu-topline h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .menu-close{width:44px;height:44px;min-height:44px;flex:0 0 44px;border:0;border-radius:6px}
  .menu-close>span{font-size:32px}
  .menu-primary a{font:500 18px/1.5 var(--sans);min-height:52px;padding:12px 4px;margin:2px 0}
  .menu-primary a[aria-current=page]{background:transparent;box-shadow:none;font-weight:700;color:var(--ink)}
  .menu-social{display:flex;flex-wrap:wrap;align-items:start;gap:18px;margin-top:24px;padding:0 4px}
  .menu-social a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:52px;min-height:58px;color:var(--ink);font:500 12px/1.5 var(--sans)}
  .menu-social .line-icon{width:24px;height:24px}
  .menu-fallback nav{width:min(350px,calc(100vw - 40px));max-height:calc(100dvh - 110px);overflow-y:auto;background:#fff;border-radius:8px;padding:12px;overscroll-behavior:contain}
  .menu-fallback nav a{font-size:16px;min-height:52px;padding:14px}
  .menu-fallback nav a[aria-current=page]{color:var(--ink);background:#eaf0f4;border-radius:5px}
  .header-primary::-webkit-scrollbar,.chapter-nav::-webkit-scrollbar{height:3px}
  .header-primary::-webkit-scrollbar-thumb,.chapter-nav::-webkit-scrollbar-thumb{background:#becbd4;border-radius:3px}
  .identity-hero{padding-block:30px 34px;gap:30px;grid-template-columns:1.05fr .95fr}
  .identity-copy{padding:0;min-width:0}
  .identity-hero h1{font-size:clamp(42px,6vw,58px);white-space:normal;margin:0;line-height:1.12}
  .hat-intro{font-size:29px;margin-top:17px}
  .identity-lead{font-size:16px;line-height:1.8}
  .identity-fields a{padding:13px 15px;min-height:76px;border-bottom:1px solid #e6ecef}
  .identity-fields strong{font:600 16px/1.5 var(--sans)}
  .identity-fields small{font-size:13px;line-height:1.7}
  .brand-illustration{position:relative;width:100%;min-width:0;margin:0;align-self:center}
  .brand-illustration img{width:100%;height:auto;aspect-ratio:1098/1433;max-height:none;object-fit:contain}
  .desktop-hat-labels{display:block}
  .home-proof{width:100%;padding:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-proof a,.home-proof a:first-child{padding:8px 15px;display:block;border-top:0}
  .home-proof a+a{border-left:1px solid #ffffff30}
  .home-proof strong{font-size:14px}
  .home-proof span{max-width:none;text-align:left;font-size:13px;line-height:1.7;margin-top:5px}
  .home-proof+.home-announcements,.home-announcements{padding-block:34px 40px}
  .announcements-heading{gap:8px;margin-bottom:23px;align-items:start}
  .announcements-heading h2{font-size:27px;line-height:1.4}
  .announcement-list{grid-template-columns:1fr;gap:28px}
  .announcement,.home-announcements .announcement{padding-top:20px;padding-bottom:0}
  .announcement h3,.home-announcements .announcement h3{font-size:22px;max-width:none;margin-block:13px}
  .announcement>p,.home-announcements .announcement>p{font-size:15px;line-height:1.85}
  .announcement-meta{font-size:13px;gap:6px 15px}
  .home-announcements .announcement>.text-link{padding-top:12px}
  .contact-banner{padding-block:32px}
  .contact-banner-inner{gap:23px}
  .contact-banner h2{font-size:29px}
  .contact-banner p{font-size:14px}
  .button{font-size:14px;min-height:49px;padding:13px 19px;gap:20px}
  .text-link{font-size:14px;min-height:46px;gap:15px}
  .chapter-hero,.page-hero{padding-block:26px}
  .chapter-hero-grid,.about-hero .chapter-hero-grid{grid-template-columns:1.05fr .95fr;gap:28px}
  .chapter-hero h1,.page-hero h1{font-size:clamp(36px,5vw,46px);line-height:1.2;margin-top:13px}
  .chapter-hero .eyebrow,.page-hero .eyebrow{font-size:12px;letter-spacing:.08em}
  .chapter-hero .lead,.page-hero .lead{font-size:16px;line-height:1.8;margin-top:19px;max-width:55ch}
  .chapter-hero .actions{margin-top:22px}
  .chapter-shell{display:block;padding-block:0 38px;scroll-margin-top:12px}
  .chapter-nav{display:flex;position:static;flex-direction:row;flex-wrap:nowrap;gap:24px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:0;padding:0;border-left:0;scrollbar-width:thin;scrollbar-color:#becbd4 transparent}
  .chapter-nav a{flex:0 0 auto;margin:0;max-width:100%;white-space:normal;font-size:14px;line-height:1.6;min-height:59px;padding:12px 0;border-left:0}
  .chapter-nav a[aria-current=page]{border-bottom:3px solid var(--ink)}
  .chapter-navigation{min-width:0;margin-bottom:25px;border-bottom:1px solid var(--line)}
  .chapter-navigation.has-overflow{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}
  .chapter-scroll:not([hidden]){display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #dce3e7;border-radius:6px;background:#fff;color:var(--ink);font:400 29px/1 var(--sans);cursor:pointer}
  .chapter-scroll:disabled{color:#afbdc6;background:#f7f9fa;cursor:default}
  .chapter-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  .chapter-nav{border-bottom:0;scroll-padding-inline:8px}
  .chapter-content{padding:0;min-height:260px}
  .chapter-panel:has(> .reading-column):not(:has(> .reading-column ~ *)){display:block;padding:0}
  .chapter-panel:has(> .reading-column):not(:has(> .reading-column ~ *))>.panel-heading{padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid #e8edf0}
  .panel-heading{padding-bottom:20px;margin-bottom:24px}
  .panel-heading h2{font-size:28px;line-height:1.4}
  .reading-column,.panel-lead,.city-personal-story,.page-hakkimda #hikayem>.reading-column,.page-sosyal-bilimler .social-reading{font-size:16px;line-height:1.8}
  .reading-column h3,.social-reading h3:not(:first-child),.stage-preparation h3,.demo-context h3{font-size:23px;line-height:1.45}
  .page-hakkimda #hikayem,.page-sosyal-bilimler .chapter-panel:has(>.social-reading){padding-block:0 12px}
  .opening-paragraph{font-size:23px;line-height:1.7}
  .about-photo{width:250px;max-width:100%;background:#fff;border-radius:8px}
  .about-photo img{width:100%;height:350px;object-fit:contain}
  .stage-hero-photo img,.city-personal-photo img{height:auto;aspect-ratio:1.65;object-fit:cover}
  .social-hero-photo.olive-photo img{height:auto;aspect-ratio:1.4;object-fit:cover;object-position:50% 59%}
  .property-brand{width:300px;height:300px;max-width:100%;padding:20px;border-radius:9px}
  .property-brand img{width:245px;max-width:100%;height:auto;aspect-ratio:4/3}
  .property-brand p{font-size:13px;margin-top:10px}
  .record-list li{grid-template-columns:100px minmax(0,1fr);gap:20px;padding-block:23px}
  .record-list h3{font-size:20px;line-height:1.5}
  .record-list p:not(.record-date){font-size:15px;line-height:1.75}
  .record-list .record-detail{font-size:14px!important;color:#4f6270}
  .record-date{font-size:14px;white-space:normal}
  .record-copy{min-width:0}
  .academic-record-body{grid-template-columns:82px minmax(0,1fr);gap:20px}
  .institution-logo{width:82px;height:64px;--logo-slot:82px}
  .training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .training-grid .training-category{padding:23px 21px 8px}
  .training-grid .training-category>h3{min-height:0;padding-bottom:18px;font-size:21px}
  .training-grid .training-records li{grid-template-columns:42px minmax(0,1fr);gap:13px;padding-block:15px}
  .training-grid .training-records h4{font-size:16px}
  .training-grid .training-records p{font-size:14px;color:#4f6270}
  .volunteer-columns{grid-template-columns:1fr;gap:25px}
  .volunteer-columns>.record-group{padding:23px 23px 8px}
  .record-group-heading{min-height:0;padding-bottom:18px}
  .record-group-heading h3{font-size:23px}
  .record-group-heading>p{font-size:14px}
  .volunteer-columns .record-list li{grid-template-columns:96px minmax(0,1fr);gap:18px}
  .volunteer-columns .record-list h3{font-size:18px}
  .volunteer-archive{margin-top:30px;padding-top:25px}
  .volunteer-archive>h3,.stage-photo-section>h3{font-size:25px}
  .photo-gallery,.volunteer-gallery,.hane-gallery,.ora-gallery-v23{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .stage-gallery .archive-photo,.stage-gallery .archive-photo:first-child{grid-column:auto}
  .stage-gallery .archive-photo:nth-child(n) img,.volunteer-gallery .archive-photo:nth-child(n) img,.hane-gallery .archive-photo img,.ora-gallery-v23 .archive-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}
  .photo-gallery a:hover img{transform:none}
  .photo-expand{width:38px;height:38px;right:9px;bottom:9px}
  .method-list{grid-template-columns:1fr;gap:0}
  .method-list li{grid-template-columns:32px minmax(0,1fr);gap:14px}
  .method-list h3{font-size:21px}
  .method-list p{font-size:16px;line-height:1.8}
  .expertise-columns{grid-template-columns:1fr;gap:23px}
  .expertise-category{margin:0;padding:24px}
  .expertise-category h3,.expertise-category>.expertise-subtitle,.expertise-types{min-height:0}
  .expertise-category>p{font-size:16px;line-height:1.8}
  .expertise-types{margin-top:19px;display:block;min-height:0;padding-left:18px;list-style:disc}
  .expertise-types li{display:list-item;border:0;background:transparent;border-radius:0;padding:3px 0;font-size:15px;line-height:1.7;color:var(--text);cursor:auto}
  .property-needs{flex-direction:column;align-items:start;gap:18px;padding:24px;margin-top:28px}
  .property-needs .button{margin-top:0}
  .page-gayrimenkul .region-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-block:24px;border-top:1px solid var(--mobile-line)}
  .page-gayrimenkul .region-list li{font-size:16px;padding:15px 0;min-height:0;background:transparent;border:0;border-bottom:1px solid var(--mobile-line);border-radius:0;cursor:auto;line-height:1.65}
  .hane-introduction,.ora-introduction,.diction-opening,.diction-practice,.contact-preparation{grid-template-columns:1fr;gap:25px;margin-top:0}
  .hane-introduction h3,.ora-introduction h3{max-width:none;font-size:25px}
  .hane-feature{margin:0}
  .hane-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:27px}
  .hane-facts>div,.hane-facts>div+div{padding:19px 10px}
  .hane-facts strong{font-size:29px}
  .hane-facts span{font-size:13px}
  .hane-offices{grid-template-columns:1fr;gap:19px}
  .hane-offices article{padding:22px 24px}
  .hane-network>h3,.remax-context h3,.program-invitations h3{font-size:25px}
  .remax-context{padding-block:25px;margin-top:28px}
  .remax-context blockquote{font-size:25px;padding:22px 24px;margin-inline:0}
  .ora-brand-signature{padding-block:0 15px;margin-bottom:8px}
  .ora-brand-signature img{width:130px;height:130px;margin:auto}
  .ora-general-view{margin-block:0 27px}
  .ora-use-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ora-use-list section{padding:23px;margin:0}
  .ora-use-list h3{font-size:21px}
  .ora-use-list p,.ora-introduction .reading-column{font-size:16px;line-height:1.8}
  .ora-transaction{flex-direction:column;align-items:start;gap:19px;padding:24px}
  .ora-transaction h3{font-size:23px}
  .ora-transaction p{font-size:16px}
  .listing-channels,.training-offerings{grid-template-columns:1fr;gap:22px}
  .listing-channels section,.training-offerings section{padding:25px}
  .listing-channels p:not(.eyebrow),.training-offerings p:not(.eyebrow){font-size:16px;line-height:1.8}
  .page-ses-sahne .video-gallery{grid-template-columns:1fr;gap:27px}
  .page-ses-sahne .video-entry h4{min-height:0;font-size:19px;margin-bottom:11px}
  .video-meta{display:flex;font-size:14px;color:#4f6270;margin-top:10px}
  .video-meta span+span{margin-left:0}
  .media-demos{grid-template-columns:1fr;gap:32px}
  .media-demos .audio-row{padding:20px;min-width:0}
  .media-demos .audio-row h3{font-size:19px}
  .audio-filters{gap:9px}
  .audio-filters button{font-size:14px;min-height:46px}
  audio,video{max-width:100%}
  .audio-meta{flex-wrap:wrap;gap:5px 10px}
  .program-groups{grid-template-columns:1fr;gap:22px}
  .program-category{padding:22px 24px 8px}
  .program-category>h5{min-height:0;font-size:20px;margin-bottom:13px}
  .program-category .program-types li{min-height:50px;padding-block:10px;font-size:16px;line-height:1.6}
  .section-index{display:grid;gap:2px;margin:0 0 20px;padding:0;border:0}
  .section-index a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;min-height:44px;padding:9px 0;font-size:15px;font-weight:600;line-height:1.6;color:var(--ink)}
  .section-index a>span:last-child{justify-self:end;font-size:18px}
  .section-index a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  .training-category,.record-group,.volunteer-archive,#ders-secenekleri,#ders-icerigi,#ders-plani,#hane-ofisleri,#remax-agi,#hane-fotograflari{scroll-margin-top:12px}
  .training-grid .training-records h4{line-height:1.65;font-weight:600}
  .training-grid .training-records p{line-height:1.75}
  .volunteer-columns .record-date{font-size:13px;font-weight:600}
  .reading-next{margin-top:30px;padding-top:20px;border-top:1px solid var(--mobile-line)}
  .reading-next p{font-size:14px;color:var(--mobile-meta)}
  .reading-next .text-link{margin-top:4px}
  .photo-gallery a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
  .audio-load-note{font-size:14px;line-height:1.7;margin-top:12px}
  .diction-opening .teaching-photo{margin:0}
  .diction-opening .teaching-photo img{max-height:420px}
  .curriculum-list strong{font-size:16px}
  .curriculum-list span{font-size:15px;line-height:1.75}
  .city-places-v23{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .city-places-v23 section{padding:22px}
  .city-places-v23 h3{font-size:23px}
  .city-places-v23 p:not(.eyebrow){font-size:16px;line-height:1.8}
  .curated-list,.city-reading-list{grid-template-columns:1fr}
  .editorial-page-hero .hero-grid,.contact-page-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .desktop-hero-visual{display:block}
  .editorial-hero-visual{width:100%;aspect-ratio:4/3}
  .contact-hero-visual figure>img{height:auto;aspect-ratio:1.9;object-position:50% 50%}
  .meeting-modes li{font-size:13px;gap:7px}
  .meeting-modes .line-icon{width:20px;height:20px}
  .contact-refined{grid-template-columns:1fr;gap:23px;padding-block:30px}
  .contact-direct-area,.contact-conversation,.office-contact{padding:24px}
  .contact-phone{font:600 31px/1.4 var(--sans)}
  .contact-email{font-size:17px}
  .contact-options label{min-height:46px;font-size:14px}
  .contact-channel-actions .button{font-size:14px;min-height:49px}
  .mobile-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
  .mobile-contact-actions .button{justify-content:center;gap:8px;padding:11px 12px;min-height:48px;font-size:14px}
  .mobile-contact-actions .line-icon{width:19px;height:19px;flex:0 0 19px}
  .mobile-contact-email{grid-column:1/-1}
  .contact-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .contact-options label{padding:10px;min-height:52px;gap:8px;border:1px solid #dce5eb;border-radius:6px;background:#fff;line-height:1.5}
  .contact-options label:last-child{grid-column:1/-1}
  .contact-options label:has(input:checked){background:#edf3f7;border-color:#8198a9;color:var(--ink)}
  .contact-conversation .contact-footnote{font-size:14px}
  .contact-preparation{padding-block:0 28px;margin-bottom:28px}
  .contact-preparation h2{max-width:none;font-size:26px}
  .contact-preparation p:not(.eyebrow){font-size:16px}
  .office-contacts{grid-template-columns:1fr;gap:22px}
  .office-contact address{font-size:16px}
  .office-contact .text-link{font-size:14px}
  .blog-content{padding-block:27px 35px}
  .blog-tabs{gap:10px}
  .blog-tabs a{font-size:14px;min-height:46px}
  .editorial-empty{padding:26px;font-size:15px;min-height:120px}
  .form-grid{grid-template-columns:1fr;gap:20px}
  .intent-options{grid-template-columns:1fr;gap:10px}
  .intent-options label{font-size:16px;min-height:56px;padding:14px 16px}
  .form-field{min-width:0}
  .form-field input,.form-field select,.form-field textarea{font-size:16px;max-width:100%;min-width:0}
  .form-field{scroll-margin-top:18px}
  .form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid #587b96;outline-offset:2px}
  .intent-options input,.contact-options input,.consent input{width:18px;height:18px;flex:0 0 18px}
  .consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding-block:8px;min-height:44px}
  .inquiry-form legend{font-size:17px;line-height:1.7}
  .form-note,.consent{font-size:14px;line-height:1.75}
  .inquiry-form .conditional-fields{padding:19px}
  .inquiry-extra{border:1px solid #dce5eb}
  .inquiry-extra>summary{display:flex;font-size:15px;padding:18px;gap:12px;flex-wrap:wrap}
  .optional-count{font-size:12px}
  .inquiry-extra-body{padding:0 18px 7px}
  .form-actions{align-items:stretch;flex-direction:column;gap:13px}
  .form-actions .button{font-size:14px;white-space:normal;text-align:left}
  .site-footer{padding-block:30px}
  .footer-inner{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px 24px;align-items:start}
  .footer-links{grid-column:1/-1;grid-row:2;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding-top:16px;border-top:1px solid var(--line)}
  .footer-links a{font-size:14px;min-height:44px}
  .footer-contact{display:flex;grid-column:2;grid-row:1;border:0;padding:0;min-width:0}
  .footer-contact a{font-size:13.5px;min-height:44px;overflow-wrap:anywhere}
  .footer-contact a:first-child{font-size:18px}
  .footer-brand{width:96px;height:103px}
  .footer-brand img{width:140px;height:140px;left:-24px;top:-23px}
  .footer-note{font-size:12px;max-width:none}
  .gallery-dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:0}
  .gallery-toolbar{gap:8px;padding:10px}
  .gallery-toolbar button{min-height:44px;min-width:44px;padding:10px 12px}
  .gallery-dialog>img{height:auto;max-height:calc(100dvh - 110px);padding:0 10px 10px;object-fit:contain}
  #sahne-kayitlari,#sahne-fotograflari,#program-turleri,#ses-demolari,#animasyon-dublaji{scroll-margin-top:12px}
  .stage-preparation,.demo-context{font-size:16px;line-height:1.8}
}
@media(max-width:639px){
  .chapter-shell{padding-top:20px}
  .identity-hero{display:flex;flex-direction:column;gap:0;padding-block:24px 28px}
  .identity-copy{display:contents}
  .identity-hero h1{order:1;width:100%;font-size:44px}
  .identity-hero .hat-intro{order:2;width:100%;font-size:27px;margin-top:12px}
  .identity-hero .identity-lead{order:3;width:100%;margin-top:14px;line-height:1.8}
  .brand-illustration{order:4;width:min(100%,250px);margin:20px auto 0}
  .identity-fields{order:5;width:100%;margin-top:22px}
  .identity-fields a{min-height:64px;padding:10px 14px}
  .identity-fields strong{font-size:16px}
  .identity-fields small{font-size:14px;line-height:1.65}
  .home-proof{grid-template-columns:1fr;padding:14px 20px}
  .home-proof a,.home-proof a:first-child{padding:15px 0}
  .home-proof a+a{border-left:0;border-top:1px solid #ffffff30}
  .home-proof strong{font-size:14px}
  .home-proof span{font-size:14px;margin-top:4px}
  .chapter-hero-grid,.about-hero .chapter-hero-grid,.editorial-page-hero .hero-grid,.contact-page-hero .hero-grid{grid-template-columns:1fr;gap:27px}
  .chapter-hero h1,.page-hero h1{font-size:clamp(34px,9.5vw,38px)}
  .about-photo{width:235px}
  .about-photo img{height:325px}
  .about-hero .chapter-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(128px,38vw,152px);grid-template-areas:"kicker photo" "name photo" "intro intro";gap:0 20px}
  .about-hero .chapter-hero-grid>div:first-child{display:contents}
  .about-hero .chapter-hero-grid>div:first-child>.eyebrow{grid-area:kicker;align-self:end}
  .about-hero h1{grid-area:name;align-self:start;font-size:34px;margin-top:8px}
  .about-hero .lead{grid-area:intro;margin-top:20px}
  .about-photo{grid-area:photo;width:100%}
  .about-photo img{height:clamp(180px,53vw,212px)}
  .property-brand{width:276px;height:276px;max-width:100%;padding:16px}
  .property-brand img{width:220px}
  .record-list li,.academic-records li{grid-template-columns:1fr;gap:10px}
  .record-date{padding-top:0}
  .page-hakkimda :is(#egitim,#deneyim,#staj)>.record-list{display:grid;gap:0;padding:0 20px;background:var(--mobile-surface);border:1px solid var(--mobile-line);border-radius:var(--mobile-radius)}
  .page-hakkimda :is(#egitim,#deneyim,#staj)>.record-list>li{padding:22px 0;gap:11px;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:auto;align-items:start}
  .page-hakkimda :is(#egitim,#deneyim,#staj)>.record-list>li+li{border-top:1px solid var(--mobile-line)}
  .page-hakkimda :is(#egitim,#deneyim,#staj) .record-date{justify-self:start;padding:0;border:0;border-radius:0;background:transparent;color:var(--mobile-meta);font-size:13px;font-weight:600;line-height:1.6;white-space:normal}
  .page-hakkimda :is(#egitim,#deneyim,#staj) .record-list h3{font-size:20px;line-height:1.45}
  .page-hakkimda :is(#egitim,#deneyim,#staj) .record-list p:not(.record-date){margin-top:6px;font-size:16px;line-height:1.65}
  .academic-record-body{grid-template-columns:60px minmax(0,1fr);gap:16px;align-items:start}
  .institution-logo{width:60px;height:60px;--logo-slot:60px}
  .training-grid{grid-template-columns:1fr}
  .volunteer-columns>.record-group{padding:22px 21px 8px}
  .volunteer-columns .record-list li{grid-template-columns:1fr;gap:7px}
  .photo-gallery,.volunteer-gallery,.hane-gallery,.ora-gallery-v23{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .stage-gallery .archive-photo:first-child{grid-column:1/-1}
  .stage-gallery .archive-photo:not(:first-child) img{aspect-ratio:1.15;object-fit:cover}
  .stage-gallery .archive-photo:nth-child(2) img{object-position:50% 24%}
  .stage-gallery .archive-photo:nth-child(3) img{object-position:38% 50%}
  .stage-gallery .archive-photo:nth-child(4) img{object-position:65% 50%}
  .stage-gallery .archive-photo:nth-child(5) img{object-position:38% 50%}
  .photo-expand{width:32px;height:32px;right:7px;bottom:7px}
  .photo-expand .line-icon{width:15px;height:15px}
  .stage-gallery .archive-photo:nth-child(2) img{max-height:none;aspect-ratio:1.15}
  .page-gayrimenkul .region-list{grid-template-columns:1fr;gap:0}
  .ora-use-list,.city-places-v23{grid-template-columns:1fr}
  .ora-transaction .button{width:100%}
  .listing-channels .button{align-self:stretch}
  .contact-banner-inner{align-items:start;flex-direction:column}
  .contact-channel-actions{flex-direction:column;align-items:stretch}
  .contact-phone{font-size:29px}
  .remax-context blockquote{font-size:23px}
  .chapter-navigation,.chapter-navigation.has-overflow{display:block;border:0;margin-bottom:24px}
  .chapter-navigation>.chapter-nav,.chapter-navigation>.chapter-scroll{display:none}
  .mobile-chapter-picker{display:block}
  .mobile-chapter-picker>summary{position:relative;display:flex;align-items:center;min-height:52px;padding:12px 42px 12px 14px;list-style:none;border:1px solid #cbd7df;border-radius:7px;background:#f3f6f8;color:var(--ink);font:600 16px/1.5 var(--sans);cursor:pointer}
  .mobile-chapter-picker>summary::-webkit-details-marker{display:none}
  .mobile-chapter-picker>summary small{display:block;margin-bottom:2px;font-size:12px;line-height:1.5;font-weight:400;color:var(--mobile-meta)}
  .mobile-chapter-picker>summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
  .mobile-chapter-picker[open]>summary{border-radius:7px 7px 0 0}
  .mobile-chapter-picker[open]>summary::after{transform:translateY(-20%) rotate(225deg)}
  .mobile-chapter-picker nav{max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#fff;border:1px solid #cbd7df;border-top:0;border-radius:0 0 7px 7px}
  .mobile-chapter-picker nav a{display:flex;align-items:center;min-height:48px;padding:11px 12px;border-radius:5px;font-size:15px;line-height:1.6;color:var(--text)}
  .mobile-chapter-picker nav a[aria-current=page]{background:#eaf0f4;color:var(--ink);font-weight:700}
  .mobile-chapter-picker summary:focus-visible,.mobile-chapter-picker a:focus-visible{outline:2px solid #587b96;outline-offset:2px}
  .blog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .blog-tabs a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:10px;font-size:14px;line-height:1.5}
}
@media(max-width:359px){
  .wrap{width:calc(100% - 32px)}
  .identity-hero h1{font-size:41px}
  .hat-intro{font-size:25px}
  .header-primary{gap:0 12px}
  .header-primary a{font-size:12px}
  .footer-inner{grid-template-columns:86px minmax(0,1fr);gap:18px 14px}
  .footer-brand{transform:scale(.88);transform-origin:top left;width:86px;height:91px}
  .footer-note{font-size:12px}
  .footer-contact a{font-size:13px}
  .footer-contact a:first-child{font-size:16px}
  .hane-facts{gap:8px}
  .hane-facts strong{font-size:25px}
  .hane-facts span{font-size:12px}
  .contact-direct-area,.contact-conversation,.office-contact{padding:21px}
  .page-hakkimda :is(#egitim,#deneyim,#staj)>.record-list{padding-inline:17px}
  .academic-record-body{grid-template-columns:48px minmax(0,1fr);gap:12px}
  .institution-logo{width:48px;--logo-slot:48px}
}

/* Compact reading flow; the original illustration, media and touch targets stay intact. */
@media(max-width:999px){
  .home-copy-full{display:none}
  .home-copy-compact{display:inline}
  .contact-topic-picker{padding:0}
  .contact-topic-picker summary{padding:15px 20px}
  .contact-topic-body{padding:20px}
  .contact-message-area .contact-preparation p{font-size:16px;line-height:1.8}
  .contact-message-area .contact-preparation h2{font-size:22px}
  .meeting-modes{margin-top:12px}
  .meeting-modes h2{display:none}
  .meeting-modes ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0}
  .meeting-modes li{font-size:13px}
  .training-process>.training-process-intro{font-size:16px;line-height:1.8}
}
@media(max-width:639px){
  .identity-hero{padding-block:20px 22px}
  .identity-hero .identity-lead{margin-top:12px;line-height:1.75}
  .brand-illustration{margin-top:16px}
  .identity-fields{margin-top:16px}
  .identity-fields a{margin-top:6px;min-height:64px;padding:10px 13px}
  .identity-fields small{font-size:14px;line-height:1.55}
  .home-proof{padding:8px 20px}
  .home-proof a,.home-proof a:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:16px;min-height:62px;padding:10px 0}
  .home-proof strong{font-size:14px;line-height:1.5}
  .home-proof span{max-width:none;margin:0;font-size:14px;line-height:1.5;text-align:left}
  .contact-hero-visual figure>img{height:clamp(128px,36vw,148px);aspect-ratio:auto;object-position:50% 45%}
}