/* Altı özgün kapak: resim baytları ve basılı tipografi değişmez.
   Kaynakta yalnız boş kenarlar CSS görünüm penceresinin dışında kalır.
   Aynı ekran türünde bütün görseller önceki container/kaynak ölçeğinde;
   kalite kaybettiren yeniden kodlama veya büyütme yoktur. */ .home-hero, .dem-hero, .demlen-hero, .program-page, .faq-page, .temas-hero { padding-top: clamp(40px, 4.45vw, 64px); } .home-hero .hero-art, .dem-hero .dem-art, .demlen-hero .printed-cover-demlen, .program-page .printed-cover-programs, .faq-page .printed-cover-faq, .temas-hero .printed-cover-contact { position: relative; height: auto; min-height: 0; overflow: hidden; background: #fff; border: 0; margin-inline: auto; } /* Eski BEN AN katmanının eklediği tekil silik dış çerçeve yoktur. */ .home-hero .hero-art::after { content: none; } @media (min-width: 601px) { .home-hero .hero-art { /* Kaynak pencere: (286, 258) / 3242 × 2482; beyaz tampon 24 px. */ width: 84.427083333333%; aspect-ratio: 3242 / 2482; } .home-hero .hero-art picture { position: absolute; width: 118.445404071561%; left: -8.821714990746%; top: -10.394842868654%; display: block; } .home-hero .hero-art picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; } .dem-hero .dem-art { /* Kaynak pencere: (295, -24) / 3569 × 2764; beyaz tampon 24 px. */ width: 92.942708333333%; aspect-ratio: 3569 / 2764; } .dem-hero .dem-art picture { position: absolute; width: 107.593163351079%; left: -8.265620622023%; top: 0.868306801737%; display: block; } .dem-hero .dem-art picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; /* Birleşim x=1630 px saf beyaz alanda; panel x=1641 px'de yerinde. */ clip-path: inset(0 0 0 42.447916666667%); } .dem-hero .dem-art::before { /* Aynı resmin sol basılı yazıları; yeni yazı veya türev dosya değildir.
       BEN: 579−258, DEM: 576−255 => her iki başlık kaynak ekseninde y=321.
       Sağ panelin üstü ve film tıklama alanı kesinlikle yukarı taşınmaz. */ content: ""; position: absolute; width: 107.593163351079%; aspect-ratio: 3840 / 2716; left: -8.265620622023%; top: -9.225759768452%; background-image: var(--dem-cover-source); background-size: 100% 100%; background-repeat: no-repeat; clip-path: inset(0 57.552083333333% 0 0); pointer-events: none; z-index: 1; } .dem-hero .dem-art .dem-art-play { left: 37.685626225834%; right: 0.672457270944%; top: 0.868306801737%; bottom: 0.868306801737%; } .demlen-hero .printed-cover-demlen { /* Kaynak pencere: (296, 362) / 3568 × 1663; beyaz tampon 24 px. */ width: 92.916666666667%; aspect-ratio: 3568 / 1663; } .demlen-hero .printed-cover-demlen picture { position: absolute; width: 107.623318385650%; left: -8.295964125561%; top: -21.767889356584%; display: block; } .demlen-hero .printed-cover-demlen picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; } .demlen-hero .printed-cover-demlen .printed-cover-play { left: 54.484304932735%; right: 0.672645739910%; top: 1.443174984967%; bottom: 1.443174984967%; } .program-page .printed-cover-programs { /* Kaynak pencere: (296, 409) / 3568 × 1950; beyaz tampon 24 px. */ width: 92.916666666667%; aspect-ratio: 3568 / 1950; } .program-page .printed-cover-programs picture { position: absolute; width: 107.623318385650%; left: -8.295964125561%; top: -20.974358974359%; display: block; } .program-page .printed-cover-programs picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; } .faq-page .printed-cover-faq { /* Kaynak pencere: (296, 362) / 3568 × 1663; beyaz tampon 24 px. */ width: 92.916666666667%; aspect-ratio: 3568 / 1663; } .faq-page .printed-cover-faq picture { position: absolute; width: 107.623318385650%; left: -8.295964125561%; top: -21.767889356584%; display: block; } .faq-page .printed-cover-faq picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; } .temas-hero .printed-cover-contact { /* Kaynak pencere: (296, 362) / 3568 × 2146; beyaz tampon 24 px. */ width: 92.916666666667%; aspect-ratio: 3568 / 2146; } .temas-hero .printed-cover-contact picture { position: absolute; width: 107.623318385650%; left: -8.295964125561%; top: -16.868592730662%; display: block; } .temas-hero .printed-cover-contact picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 3840 / 2716; object-fit: contain; object-position: top center; } } @media (max-width: 600px) { .home-hero, .dem-hero, .demlen-hero, .program-page, .faq-page, .temas-hero { padding-top: 32px; } .home-hero .hero-art { /* Kaynak pencere: (70, 307) / 2114 × 2517; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 2517; } .home-hero .hero-art picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -12.197059992054%; display: block; } .home-hero .hero-art picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } .dem-hero .dem-art { /* Kaynak pencere: (70, 276) / 2114 × 2548; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 2548; } .dem-hero .dem-art picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -10.832025117739%; display: block; } .dem-hero .dem-art picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } .dem-hero .dem-art .dem-art-play { left: 41.154210028382%; right: 1.135288552507%; top: 0.941915227630%; bottom: 0.941915227630%; } .demlen-hero .printed-cover-demlen { /* Kaynak pencere: (70, 276) / 2114 × 2548; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 2548; } .demlen-hero .printed-cover-demlen picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -10.832025117739%; display: block; } .demlen-hero .printed-cover-demlen picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } .demlen-hero .printed-cover-demlen .printed-cover-play { left: 41.154210028382%; right: 1.135288552507%; top: 0.941915227630%; bottom: 0.941915227630%; } .program-page .printed-cover-programs { /* Kaynak pencere: (70, 393) / 2114 × 1591; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 1591; } .program-page .printed-cover-programs picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -24.701445631678%; display: block; } .program-page .printed-cover-programs picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } .faq-page .printed-cover-faq { /* Kaynak pencere: (70, 276) / 2114 × 2548; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 2548; } .faq-page .printed-cover-faq picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -10.832025117739%; display: block; } .faq-page .printed-cover-faq picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } .temas-hero .printed-cover-contact { /* Kaynak pencere: (70, 276) / 2114 × 1648; beyaz tampon 24 px. */ width: 97.870370370370%; aspect-ratio: 2114 / 1648; } .temas-hero .printed-cover-contact picture { position: absolute; width: 102.175969725639%; left: -3.311258278146%; top: -16.747572815534%; display: block; } .temas-hero .printed-cover-contact picture img { width: 100%; height: auto; max-width: none; aspect-ratio: 2160 / 3600; object-fit: contain; object-position: top center; } } /* Metin kısılmaz, nefes alır: sadece içerik içindeki düşünce durakları.
   Başlık, medya, kapak, şiir, genel font/punto ve bölüm geometrisi aynı kalır. */ main p > .prose-pause, main p > .prose-turn { display: block; font: inherit; letter-spacing: inherit; color: inherit; } main p > .prose-pause { margin-top: .72em; } main p > .prose-turn { margin-top: .22em; } /* Dipnot ve yoğun yan yana paragraflar için tek ölçülü paragraf ritmi. */ .dem-audio-prose .dem-audio-bridge p + p, .dem-audio-prose .dem-audio-bridge .selective-reading-body p + p, .dem-audio-prose .dem-audio-context p + p, .about-epoch-text p + p, .faq-opening-note-copy p + p { margin-top: .9em; } .dem-audio-prose .dem-audio-bridge > p:first-child > .prose-turn { margin-top: .4em; } .faq-answer p { max-width: 48ch; } /* Gövde metni doğal akar: son sözcükler zorla gruplanmaz veya dengelenmez.
   Font/punto, bilinçli düşünce durakları ve şiir satırları korunur. */ #icerik p, #icerik p > .prose-pause, #icerik p > .prose-turn { text-wrap: wrap; } .prose-ending { white-space: normal; } .demlen-poem p, .poem-modal p { text-wrap: wrap; } /* 11 Ekim: Cormorant'ın ince dokusuna uygun, sakin ama rahat okunan ölçek.
   Kapak görselleri, şiir ve medya kadrajları bu katmanın kapsamı dışındadır. */ :root { --editorial-body: 23px; --editorial-leading: 1.45; --heading-section: clamp(64px, 6vw, 80px); --heading-subsection: clamp(32px, 3.2vw, 46px); } /* Normal paragrafların ölçüsü var(--editorial-body) kullanan mevcut kurallarda
   tek kaynaktan değişir; kısa imza ve alıntılar bilinçli ayrı kademelerdir. */ .home-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(36px, 6vw, 86px); padding-top: clamp(48px, 5vw, 72px); padding-bottom: clamp(54px, 5.5vw, 80px); max-width: 1160px; } .home-intro h1 { font-size: clamp(48px, 5.2vw, 74px); line-height: 1.04; letter-spacing: -.035em; margin: 0; text-wrap: balance; } .home-intro-copy { width: 100%; max-width: 480px; margin-left: 0; padding-bottom: 0; } .home-intro-copy p { font-size: var(--editorial-body); line-height: var(--editorial-leading); margin: 18px 0 0; } .about-home-grid { align-items: center; } .about-home-copy { padding-top: 0; } .about-home-copy h2, .about-journey-intro h2, .about-invitation h2 { line-height: 1.05; letter-spacing: -.035em; margin-top: 0; margin-bottom: 26px; } .about-home-copy p { max-width: 560px; margin-bottom: 1em; } .about-invitation-lead, .icre-copy .icre-opening { font-size: 28px; line-height: 1.35; } /* Öykü okumasında küçülen yazıyı aşırı uzun satırlara yaymamak. */ .dem-audio-prose .dem-audio-writing, .dem-manifesto-body, .dem-companionship, .demlen-reading-continuation, .demlen-experience-first { max-width: 760px; } .dem-audio-prose .dem-audio-writing { width: min(100%, 760px); } .dem-concepts-lead { max-width: 650px; } .dem-audio-prose .dem-audio-context p { font-size: 19px; line-height: 1.45; } .dem-manifesto-intro > #dem-manifesto-title, .dem-concepts > #dem-concepts-title { font-size: 34px; line-height: 1.2; letter-spacing: -.015em; margin-bottom: 24px; } .dem-concept h3, .dem-companionship h3 { font-size: 28px; line-height: 1.2; margin-bottom: 18px; } .dem-prose-label h1 { line-height: 1.04; letter-spacing: -.035em; } .video-section .video-copy h2 { line-height: 1.04; letter-spacing: -.035em; } .dem-concepts-reading .selective-reading-body { max-width: 1040px; margin-inline: auto; } /* Demlen'de kısa başlık ile uzun alıntı aynı başlangıç eksenindedir. */ .demlen-reading-title { font-size: clamp(38px, 3.8vw, 52px); line-height: 1.1; } .demlen-experience-first .demlen-mantra, .demlen-closing { font-size: 30px; line-height: 1.25; } .demlen-sufi-work figcaption { font-size: 19px; line-height: 1.4; } .hem-hem-work figcaption h2 { font-size: 28px; line-height: 1.2; } /* Program/Temas/SSS girişleri de ana anlatı ile aynı genel metin ölçeğinde. */ .program-heading-copy p, .faq-heading-copy p, .temas-faq-copy p, .temas-newsletter-copy > p, .temas-private-intro p { font-size: var(--editorial-body); line-height: var(--editorial-leading); } .program-entry-grid, .private-intro, .icre-grid { align-items: center; } .program-entry-grid h2, .program-temas .program-info h2, .icre-heading h2, .private-heading h2, .auratik-film-copy h3, .auratik-movement h3, .temas-story-copy h3, .icre-composition .icre-media-heading h3 { line-height: 1.04; letter-spacing: -.035em; } .program-entry-copy { padding-bottom: 0; } .program-page .program-participation h2 { font-size: 32px; line-height: 1.2; } .program-page .learning-aside .program-reflection-questions { font-size: 36px; line-height: 1.2; } .program-heading-copy,.faq-heading-copy { max-width: 540px; } .faq-answer { max-width: 900px; } .faq-answer p { max-width: 58ch; } .faq-list summary .question { font-size: 28px; line-height: 1.25; } .temas-faq h2,.temas-newsletter h2,.temas-private h2 { line-height: 1.04; letter-spacing: -.035em; } .contact-band h2 { font-size: var(--heading-section); line-height: 1.04; letter-spacing: -.035em; } /* Küçük metinde de şampanya kalır, ancak okunur koyu tonu kullanılır.
   Yerel değişken: büyük başlık, kapak, mühür ve çizgilerin rengi etkilenmez. */ .dem-audio-word-gold, .video-section .video-copy .video-subtitle, .demlen-sufi-work blockquote, .demlen-autonomous, .program-page .icre-closing { --gold: var(--gold-ink); } .demlen-reading-column .demlen-autonomous { color: var(--gold-ink); } /* 12 Ekim: h2/h3 etiketi değil, aynı editöryel kompozisyon aynı ölçeği kullanır.
   Referans Temas ve Tanışma; küçük kavram/oynatıcı/galeri/şiir başlıkları ayrı kalır.
   Bu blok renk, ağırlık veya italik eşliklerini değiştirmez. */ .home-intro h1, .about-home-copy h2, .about-journey-intro h2, .about-invitation h2, .dem-prose-label h1, .video-section .video-copy h2, .program-entry-grid h2, .program-temas .program-info h2, .icre-heading h2, .private-heading h2, .auratik-film-copy h3, .auratik-movement h3, .temas-story-copy h3, .icre-composition .icre-media-heading h3, .demlen-reading-title, .demlen-gallery-head > #demlen-gallery-title, .temas-faq h2, .temas-newsletter h2, .temas-private h2, .contact-band h2 { font-size: var(--heading-section); line-height: 1.04; } /* Kişisel not bir ana bölüm değil; ayrı, sakin alt başlık ölçeği. */ .faq-opening-note h2 { font-size: var(--heading-subsection); line-height: 1.15; } /* Kullanıcının hatırlattığı tek renk düzeltmesi; diğer bütün eşlikler aynı. */ .video-section .video-copy > #dem-video-title > em { color: var(--gold); } @media (min-width: 701px) { .faq-opening-note { grid-template-columns: minmax(0, .6fr) minmax(0, 1fr); } } /* Hakkında → Dem: sabit yüksekliğin ürettiği boş ekran yerine içerik kadar eşik.
   İmza boyutu, renk ve metin aynı; büyük harfin üst taşmasına nefes bırakılır. */ .about-invitation { padding-bottom: clamp(40px, 4vw, 56px); } .threshold { padding-top: 24px; padding-bottom: 55px; } .threshold-inner { min-height: 0; align-items: center; } .threshold h2 { margin-top: clamp(45px, 7vw, 100px); } .threshold-right { padding-bottom: 0; } @media (max-width: 850px) { .threshold-inner { gap: 36px; } } /* Dem ana filmi: başlık ve kısa imza birlikte, görselin ortak düşey merkezinde.
   Mobilde normal tek kolon akışına dönülür; kaynak kadrajı ve boyutu aynı. */ .video-section .video-layout { grid-template-columns: minmax(0, 1fr) clamp(270px, 29vw, 340px); column-gap: clamp(38px, 5vw, 64px); align-items: center; width: min(100%, 920px); } .video-section .video-copy { align-self: center; padding-top: 0; } .video-section .video-copy .video-subtitle { font-size: 27px; line-height: 1.35; text-wrap: pretty; } .video-section .video-copy .video-mantra { font-size: 25px; line-height: 1.35; margin-top: 22px; } .dem-concepts + .video-section { padding-top: 12px; } @media (max-width: 760px) { .video-section .video-layout { grid-template-columns: minmax(0, 1fr); row-gap: 26px; } .video-section .video-copy { padding-top: 0; } .video-section .video-frame { width: min(100%, 340px); } } @media (max-width: 600px) { .video-section .video-copy .video-subtitle { font-size: 24px; } .video-section .video-copy .video-mantra { font-size: 23px; } } /* Programlar: aynı kompozisyondaki tüm yazı görselle eşlik eder.
   Başlığı tek başına değil, başlık + açıklama/alıntı bütününü ortalar. */ .program-page .program-temas .program-feature, .program-page .icre-grid, .program-page .icre-composition { align-items: center; } .program-page .program-temas .program-info { padding-top: 0; } .program-page .program-temas .program-info .program-lived-context { margin-bottom: 0; } .program-page .icre-composition .icre-media-heading { padding-bottom: 32px; } /* Yan yana fotoğraflarda arşiv künyesi resmin merkezi hesabına katılmaz.
   Künye aynı yerde ve aynı biçimde resmin altında kalır. */ @media (min-width: 601px) { .program-page .movement-entrainment, .program-page .movement-experience, .program-page .temas-story-intro, .program-page .temas-story-flow { padding-bottom: max(88px, clamp(65px, 7vw, 100px)); } .program-page .movement-entrainment > .auratik-photo, .program-page .movement-experience > .auratik-photo, .program-page .temas-story-intro > .temas-photo, .program-page .temas-story-flow > .temas-photo { position: relative; } .program-page .movement-entrainment > .auratik-photo > figcaption, .program-page .movement-experience > .auratik-photo > figcaption, .program-page .temas-story-intro > .temas-photo > figcaption, .program-page .temas-story-flow > .temas-photo > figcaption { position: absolute; top: 100%; left: 0; width: 100%; } } @media (min-width: 901px) { .program-page .temas-children-photo { position: relative; } .program-page .temas-children-photo > figcaption { position: absolute; top: 100%; left: 0; width: 100%; } .program-page .temas-children-composition { padding-bottom: 80px; } } @media (min-width: 701px) { .demlen-reading-composition .hem-hem-work { position: relative; } .demlen-reading-composition .hem-hem-work > figcaption { position: absolute; top: 100%; left: 0; width: 100%; } .demlen-reading-composition { padding-bottom: 128px; } } /* İki program girişinde başlık yalnız açıklamayla merkezlenir.
   Bağlantı ve kısa çizgi ayrı alt satırdadır; ölçü ve renk aynı kalır. */ .program-page .program-auratik .program-entry-grid, .program-page .private-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(48px, 7vw, 100px); row-gap: 28px; align-items: center; } .program-page .program-auratik .program-entry-grid { padding-top: calc(clamp(50px, 5vw, 70px) + 24px); } .program-page .program-auratik .program-entry-copy, .program-page .private-copy { display: contents; } .program-page .program-entry-prose, .program-page .private-prose { min-width: 0; width: 100%; } .program-page .program-entry-prose > p, .program-page .private-prose > p { margin: 0; } .program-page .program-entry-prose > p + p, .program-page .private-prose > p + p { margin-top: 30px; } .program-page .program-entry-prose .program-lived-context { margin-bottom: 0; } .program-page .program-entry-copy > .fine-rule { grid-column: 2; margin: 0; } .program-page .private-copy > .private-cta { grid-column: 2; justify-self: start; margin-top: 0; } @media (max-width: 600px) { .program-page .program-auratik .program-entry-grid, .program-page .private-intro { grid-template-columns: minmax(0, 1fr); row-gap: 30px; } .program-page .program-auratik .program-entry-grid { padding-top: 40px; } .program-page .program-entry-copy > .fine-rule, .program-page .private-copy > .private-cta { grid-column: 1; } .program-page .program-entry-prose > p + p, .program-page .private-prose > p + p { margin-top: 24px; } } @media (min-width: 601px) { .program-page .temas-story-intro .temas-story-copy { position: relative; top: -18px; } } @media (max-width: 600px) { .program-page .program-auratik .program-entry-grid { padding-top: 52px; } } @media (max-width: 900px) { :root { --editorial-body: 22px; --heading-section: 56px; --heading-subsection: 36px; } } @media (max-width: 850px) { .home-intro { grid-template-columns: minmax(0, 1fr); gap: 26px; } .home-intro-copy { max-width: 620px; } } @media (max-width: 600px) { :root { --editorial-body: 21px; --heading-section: 48px; --heading-subsection: 32px; } .home-intro { padding-top: 40px; padding-bottom: 48px; } .home-intro-copy { max-width: none; margin-left: 0; } .about-home-copy p { max-width: none; } .about-home-copy h2,.about-journey-intro h2,.about-invitation h2 { margin-bottom: 22px; } .about-invitation-lead,.icre-copy .icre-opening { font-size: 25px; } .dem-manifesto-intro > #dem-manifesto-title, .dem-concepts > #dem-concepts-title { font-size: 30px; } .dem-concept h3,.dem-companionship h3 { font-size: 26px; } .dem-audio-prose .dem-audio-context p { font-size: 18px; } .demlen-experience-first .demlen-mantra,.demlen-closing { font-size: 28px; } .hem-hem-work figcaption h2 { font-size: 25px; } .program-page .program-participation h2 { font-size: 28px; } .program-page .learning-aside .program-reflection-questions { font-size: 30px; } .faq-list summary .question { font-size: 25px; } } @media (max-width: 359px) { :root { --heading-section: 44px; } } /* 13 Ekim: yalnız onaylı ana sayfa vurguları; ortak font/punto değişmez. */ .home-intro #home-title { color: var(--ink); } .home-intro #home-title .home-title-gold { color: var(--gold); white-space: nowrap; } .about-home-copy .about-art-paragraph { text-wrap: pretty; } .about-home-copy .about-nearest { white-space: nowrap; } .about-home-copy .about-art-word { color: var(--gold); font-style: italic; white-space: nowrap; } /* Bu cümlede son iki sözcüğü zorla birleştirmek mobilde boşluk yaratıyordu. */ .about-home-copy .about-art-paragraph .prose-ending { white-space: normal; } /* Ortak kapanış: imza ve ilk iki satır siyah, son davet şampanya/italik. */ .site-footer .footer-note > em { color: var(--gold); } /* 16 Ekim akşamı: yalnız kullanıcı onaylı alanlar; ortak tipografi korunur. */ .about-home-copy p.about-art-paragraph { padding-left: 0; border-left: 0; font-style: normal; color: var(--ink); } .about-home-copy p.about-path-paragraph { padding-left: clamp(15px, 2vw, 32px); border-left: 1px solid var(--gold); font-style: normal; color: var(--ink); } .program-page .temas-social-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); } .program-page .temas-social-intro > h3 { font: 400 var(--heading-section)/1.04 var(--serif); color: var(--ink); letter-spacing: -.035em; text-wrap: balance; } .program-page .temas-social-intro > h3 > span { display: block; white-space: nowrap; } .program-page .temas-social-intro > h3 em { color: #B08C58; font-weight: 400; } .program-page .temas-table-item > img { aspect-ratio: 16 / 9; object-fit: contain; background: transparent; } .program-page .movement-learning .learning-aside .childhood-photo { width: min(100%, 360px); margin: clamp(25px, 3vw, 38px) auto 0; } .program-page .childhood-photo > img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; } .program-page .childhood-photo > .childhood-caption { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); font: 400 22px/1.4 var(--serif); letter-spacing: 0; text-transform: none; color: #B08C58; text-align: center; } .gusto-short { padding-top: clamp(36px, 5vw, 68px); padding-bottom: clamp(36px, 5vw, 68px); border-top: 1px solid var(--line); } .gusto-short-inner { width: min(100%, 1040px); margin: 0 auto; } .gusto-short h2 { margin: 0 0 clamp(22px, 3vw, 36px); font: 400 var(--heading-subsection)/1.12 var(--serif); letter-spacing: -.018em; color: var(--ink); text-wrap: balance; } .gusto-short h2 > em { color: #B08C58; font-weight: 400; } .gusto-short video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #FFFFFF; } @media (max-width: 900px) { .program-page .temas-social-intro { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 600px) { .program-page .childhood-photo > .childhood-caption { font-size: 21px; } .gusto-short { padding-top: 32px; padding-bottom: 32px; } } /* Eski footer-bottom düzeni aynen kalır; kanal onun ardından gelir. */ .footer-channel-row { margin-top: 13px; text-align: right; } .footer-channel-link { display: inline-flex; align-items: baseline; gap: 5px; text-transform: none; white-space: nowrap; color: var(--muted); } .footer-channel-link:hover { color: var(--gold-ink); } .footer-channel-link:focus-visible { outline: 2px solid var(--gold-ink); outline-offset: 4px; } @media (max-width: 600px) { .footer-channel-row { text-align: left; } } /* Onaylı film yerleşimi: yalnız Auratik film ve ana sayfa daveti. */ .auratik-film.auratik-film--landscape { display: block; padding: clamp(64px, 7vw, 100px) 0; scroll-margin-top: 32px; } .auratik-film-heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(38px, 6vw, 88px); align-items: start; margin-bottom: 36px; } .auratik-film--landscape .auratik-film-copy { padding: 0; } .auratik-film--landscape .auratik-film-copy > .micro { display: block; } .auratik-film--landscape .auratik-film-copy h3 { margin: 24px 0 0; font-size: var(--heading-section); font-weight: 400; line-height: 1.04; letter-spacing: -.035em; } .auratik-film--landscape .auratik-film-copy h3 em, .home-film-invitation h2 em { color: var(--ink); font-weight: inherit; } .auratik-film-description > p, .home-film-invitation-context { font-family: var(--serif); font-size: var(--editorial-body); font-weight: 400; line-height: var(--editorial-leading); margin: 0; } .auratik-film-description > p + p { margin-top: 22px; } .auratik-film-description > .auratik-film-context { color: var(--gold-ink, #806437); } .auratik-film-description > .auratik-film-future { color: var(--muted); } .auratik-film-screen.auratik-film-screen--landscape { position: relative; width: 100%; max-width: none; margin: 0; padding: 0; border: 0; aspect-ratio: 16 / 9; background: #141210; overflow: hidden; } .auratik-film-poster { position: relative; display: block; width: 100%; height: 100%; } .auratik-film-poster img, .home-film-invitation-poster img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; } .auratik-film-play { position: absolute; left: 50%; top: 59%; transform: translate(-50%, -50%); display: grid; place-items: center; width: clamp(58px, 6vw, 80px); aspect-ratio: 1; border: 1px solid rgba(255, 255, 255, .92); border-radius: 50%; background: rgba(20, 18, 16, .56); color: white; transition: background .2s ease; } .auratik-film-play svg { width: 27px; height: 27px; fill: currentColor; margin-left: 3px; } .auratik-film-poster:hover .auratik-film-play { background: rgba(20, 18, 16, .88); } .auratik-film-screen--landscape iframe { display: block; width: 100%; height: 100%; border: 0; } .auratik-film-secondary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 22px; padding: 16px 0 22px; border-bottom: 1px solid var(--line); color: var(--muted); font: 400 19px / 1.35 var(--serif); } .auratik-film-fallback { margin-left: auto; } .film-context-ending { white-space: nowrap; } .auratik-film-contacts { display: flex; flex-wrap: wrap; gap: 24px 36px; margin-top: 28px; } .auratik-film-contacts a, .home-film-invitation-link { display: inline-block; font: 400 var(--editorial-body) / 1.35 var(--serif); border-bottom: 1px solid var(--gold); padding-bottom: 8px; } .auratik-film-contacts a:hover, .auratik-film-secondary a:hover, .home-film-invitation-link:hover { color: var(--gold-ink, #806437); } .auratik-film--landscape a:focus-visible, .home-film-invitation a:focus-visible { outline: 2px solid var(--gold-ink, #806437); outline-offset: 4px; } .auratik-film-poster:focus-visible { outline-offset: -4px !important; } .home-film-invitation { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 88px); align-items: center; border-top: 1px solid var(--line); padding: clamp(48px, 5vw, 76px) 0; } .home-film-invitation h2 { margin: 24px 0 26px; font: 400 var(--heading-section) / 1.04 var(--serif); letter-spacing: -.035em; } .home-film-invitation-context { color: var(--muted); } .home-film-invitation-link { margin-top: 26px; } .home-film-invitation-poster { display: block; min-width: 0; } @media (max-width: 760px) { .auratik-film-heading, .home-film-invitation { grid-template-columns: minmax(0, 1fr); gap: 30px; } .auratik-film-heading { margin-bottom: 28px; } .auratik-film.auratik-film--landscape { padding: 56px 0 64px; } .auratik-film-contacts { flex-direction: column; align-items: flex-start; gap: 24px; } .home-film-invitation { padding: 46px 0 54px; } } @media (max-width: 380px) { .auratik-film-secondary { gap: 12px 18px; } } @media (prefers-reduced-motion: reduce) { .auratik-film-play { transition: none; } }