/* Uygulama alanları sayfası — özgün arşiv fotoğrafları, sakin editöryel ritim.
   Renk/şekil/hareket değerleri main.css :root token'larından gelir.
   Ana sayfa teaser'ı bu dosyada değil: home.css içinde. */
.applications-page { background:var(--bg); color:var(--ink); overflow-anchor:none; }
.applications-page h2 { font-size:clamp(2rem,3.4vw,3rem); line-height:1.06; }
.applications-page h3 { font-size:clamp(1.25rem,1.8vw,1.6rem); line-height:1.12; }
.applications-page p { text-wrap:pretty; }
.applications-page :is(#kitchen,#pantry,#wardrobe) { scroll-margin-top:calc(var(--header-h) + 20px); }
.applications-intro { font-size:clamp(1rem,1.25vw,1.12rem); line-height:1.6; color:var(--ink-2); max-width:46ch; }

/* ---- Hero ---------------------------------------------------------------- */
.applications-hero { padding-top:calc(var(--header-top-h) + clamp(24px,5vw,56px)); padding-bottom:clamp(36px,5vw,64px); }
.applications-hero__inner { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,5vw,72px); align-items:center; }
.applications-hero__copy { display:grid; justify-items:start; gap:20px; }
.applications-hero h1 { font-size:clamp(2.4rem,4.4vw,3.9rem); line-height:1; }
.applications-hero__image { border-radius:var(--r); overflow:hidden; background:var(--surface-2); aspect-ratio:4 / 3; }
.applications-hero__image picture,.applications-hero__image img { display:block; width:100%; height:100%; }
.applications-hero__image img { object-fit:cover; object-position:65% 50%; }

/* ---- Sayfa içi dizin (hairline liste, numarasız) -------------------------- */
.applications-index { padding-bottom:clamp(28px,4vw,56px); }
.applications-index__list { display:grid; }
.applications-index a { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:16px; align-items:center; padding:14px 0; border-top:1px solid var(--line); transition:padding-left var(--t) var(--ease-out); }
.applications-index li:last-child a { border-bottom:1px solid var(--line); }
.applications-index__thumb { display:block; width:64px; height:64px; border-radius:var(--r-sm); overflow:hidden; background:var(--surface); }
.applications-index__thumb picture,.applications-index__thumb img { display:block; width:100%; height:100%; }
.applications-index__thumb img { object-fit:cover; }
.applications-index strong { display:block; font-size:1.05rem; font-weight:500; letter-spacing:-.01em; }
.applications-index small { display:block; font-size:.85rem; color:var(--muted); margin-top:4px; }
.applications-index a > svg { color:var(--muted); transition:transform var(--t) var(--ease-out), color var(--t) var(--ease-out); }

/* ---- 01 Mutfak: 1 büyük + 2 küçük (eşit üçlü grid değil) ------------------ */
.application-kitchen { padding-block:clamp(56px,8vw,110px); }
.applications-section-head { display:grid; gap:14px; margin-bottom:clamp(28px,4vw,52px); }
.applications-section-head p { font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.6; color:var(--ink-2); max-width:48ch; }
.application-story { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(24px,3.5vw,48px); align-items:start; }
.application-story__side { display:grid; gap:clamp(24px,3.5vw,44px); }
.application-story__step { margin:0; min-width:0; }
.application-story__inline { border-radius:var(--r); overflow:hidden; background:var(--surface); aspect-ratio:4 / 3; }
.application-story__step--lead .application-story__inline { aspect-ratio:4 / 3.4; }
.application-story__inline picture,.application-story__inline img { display:block; width:100%; height:100%; }
.application-story__inline img { object-fit:cover; }
.application-story__text { display:grid; justify-items:start; gap:10px; padding-top:18px; }
.application-story__text h3 { max-width:24ch; }
.application-story__text p { font-size:.95rem; line-height:1.6; color:var(--ink-2); max-width:46ch; }
.application-story__text .link-arrow { margin-top:8px; }

/* ---- 02 Kiler ve depolama ------------------------------------------------ */
.application-pantry { background:var(--surface); padding-block:clamp(56px,8vw,110px); }
.application-pantry__intro { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(20px,5vw,72px); align-items:start; margin-bottom:clamp(28px,4vw,48px); }
.application-pantry__intro > div { padding-top:6px; }
.application-pantry__intro .link-arrow { margin-top:22px; }
.application-panorama { border-radius:var(--r); overflow:hidden; background:var(--surface-2); aspect-ratio:16 / 7; }
.application-panorama picture,.application-panorama img { display:block; width:100%; height:100%; }
.application-panorama img { object-fit:cover; object-position:50% 47%; }
.application-film-pair { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:clamp(24px,5vw,72px); align-items:center; margin-top:clamp(40px,6vw,80px); }
.application-film-pair__text { display:grid; justify-items:start; gap:18px; }
.applications-page .archive-film { margin:0; border:0; background:transparent; box-shadow:none; }
.applications-page .archive-film video { border-radius:var(--r); background:var(--surface-2); }
.applications-page .archive-film figcaption { padding:14px 0 0; }
.applications-page .archive-film figcaption strong { font-size:.95rem; font-weight:500; color:var(--ink-2); }

/* ---- 03 Gardırop: üst blok split, alt blok tam genişlik görsel ------------ */
.application-wardrobe { padding-block:clamp(56px,8vw,110px); }
.application-wardrobe__hero { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,5vw,72px); align-items:center; }
.application-wardrobe__copy { display:grid; justify-items:start; gap:18px; }
.application-wardrobe__copy p { line-height:1.6; color:var(--ink-2); max-width:40ch; }
.application-wardrobe__photo { border-radius:var(--r); overflow:hidden; background:var(--surface-2); aspect-ratio:4 / 3.2; }
.application-wardrobe__photo picture,.application-wardrobe__photo img { display:block; width:100%; height:100%; }
.application-wardrobe__photo img { object-fit:cover; object-position:50% 60%; }
.application-wardrobe__details { display:grid; gap:clamp(24px,4vw,48px); justify-items:start; margin-top:clamp(48px,7vw,96px); }
.application-wardrobe__detail-photo { width:100%; border-radius:var(--r); overflow:hidden; background:var(--surface-2); aspect-ratio:16 / 7; }
.application-wardrobe__detail-photo picture,.application-wardrobe__detail-photo img { display:block; width:100%; height:100%; }
.application-wardrobe__detail-photo img { object-fit:cover; }
.application-wardrobe__detail-copy { display:grid; gap:12px; max-width:56ch; }
.application-wardrobe__detail-copy p { line-height:1.6; color:var(--ink-2); }
.application-wardrobe__detail-film { width:100%; max-width:860px; }

/* ---- Sayfa sonu bandı ---------------------------------------------------- */
.applications-finale { padding-top:clamp(32px,5vw,64px); }
.applications-finale .btn-row { align-items:center; gap:clamp(18px,2.5vw,28px); }

@media (hover:hover) and (pointer:fine) {
    .applications-index a:hover { padding-left:8px; }
    .applications-index a:hover > svg { transform:translateX(3px); color:var(--ink); }
}
@media(max-width:1100px) {
    .applications-hero__inner { gap:clamp(24px,4vw,44px); }
    .application-story__text h3 { max-width:20ch; }
}
@media(max-width:760px) {
    .applications-hero { padding-top:calc(var(--header-top-h) + 24px); }
    .applications-hero__inner { grid-template-columns:1fr; gap:26px; }
    .applications-hero h1 { font-size:clamp(2.2rem,9vw,3rem); }
    .applications-hero__image { aspect-ratio:4 / 3.2; }
    .applications-index a { grid-template-columns:56px minmax(0,1fr) auto; gap:14px; padding:16px 0; }
    .applications-index__thumb { width:56px; height:56px; }
    .application-story,.application-story__side { grid-template-columns:1fr; gap:38px; }
    .application-story__inline,.application-story__step--lead .application-story__inline { aspect-ratio:4 / 3.4; }
    .application-pantry__intro { grid-template-columns:1fr; gap:16px; align-items:start; }
    .application-panorama { aspect-ratio:4 / 3; }
    .application-film-pair { grid-template-columns:1fr; gap:26px; }
    .application-wardrobe__hero { grid-template-columns:1fr; gap:26px; }
    .application-wardrobe__photo { aspect-ratio:4 / 4.4; }
    .application-wardrobe__detail-photo { aspect-ratio:4 / 3; }
}

/* Hareket azaltma: geçişler anlık, düzen aynı. */
@media (prefers-reduced-motion: reduce) {
    .applications-page *, .applications-page *::before, .applications-page *::after { transition-duration: 0s; animation-duration: 0s; }
}