/* Seçenek 2, Müze salonu: daha az ama seçilmiş içerik; nesneler galeri duvarında, ışık altında. */
.o2 .mast-line{border-bottom:0}

/* Depot: bir fotoğraf ve defter, altında dilek listesi ve çizim */
.o2 .depot-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(48px,7vw,120px);margin-top:clamp(56px,7vw,104px);align-items:center}
.o2 .collage{display:block}
.o2 .collage .s1{max-width:600px}
.o2 .depot-col{gap:0}
.o2 .slip-row{grid-template-columns:minmax(0,760px);justify-content:center;margin-top:clamp(80px,10vw,150px)}

/* vizyon: sayfa genişliğinde lacivert pafta, arkada ızgara, binanın beyaz çizgi çizimi */
.o2 .vision{position:relative;background:var(--navy);color:#efe6d1;padding-block:clamp(72px,9vw,136px);overflow:hidden;border:0}
.o2 .vision::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;background-position:center top}
.vision-in{position:relative;max-width:1360px;margin:0 auto;padding-inline:var(--gut)}
.vision-label{margin:0 0 12px;font:400 12px/1.3 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-2)}
.o2 .vision h2{color:#f4efe4;font-size:clamp(32px,4.2vw,56px)}
.vision-fig{margin:clamp(40px,5vw,80px) auto 0;max-width:1280px}
.depot-drawing{display:block;width:100%;height:auto}
.vision-fig figcaption{margin-top:20px;font:italic 400 14.5px/1.45 var(--body);color:rgba(239,230,209,.72)}
.o2 .vision .tblock{margin:clamp(28px,4vw,48px) 0 0 auto;max-width:760px;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(233,223,200,.55);font-size:12.5px}
.o2 .vision .tblock div{border-bottom:0;border-right:1px solid rgba(233,223,200,.3)}
.o2 .vision .tblock div:last-child{border-right:0}
.depot-drawing .ly path{fill:none;stroke:#f4efe4;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.depot-drawing .ly-roof path{stroke-width:.9}
.depot-drawing .sign{fill:#f4efe4;font-family:var(--body);letter-spacing:.06em}
/* görünme seçenekleri: va1 yumuşak belirme, va2 katman katman, va3 aşağıdan yukarı, va4 hareketsiz */
.js .va1 .depot-drawing{opacity:0;translate:0 14px;transition:opacity 1.2s ease,translate 1.2s ease}
.js .va1 .depot-drawing.drawn{opacity:1;translate:none}
.js .va2 .depot-drawing .ly{opacity:0;transition:opacity .7s ease calc(var(--i) * .18s)}
.js .va2 .depot-drawing.drawn .ly{opacity:1}
.js .va3 .depot-drawing{clip-path:inset(100% 0 0 0);transition:clip-path 1.6s cubic-bezier(.45,.05,.25,1)}
.js .va3 .depot-drawing.drawn{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){
  .js .depot-drawing,.js .depot-drawing .ly{opacity:1!important;translate:none!important;clip-path:none!important;transition:none!important}
}

/* galeri duvarı: altı nesne, eşit bölmeler */
.o2 .collection{background-color:#ebe2cc}
.o2 .col-head{margin-bottom:clamp(64px,8vw,120px)}
.o2 .cabinet{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(72px,8vw,128px) clamp(40px,4.5vw,80px)}
.o2 .obj{margin:0;position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.o2 .bay{height:clamp(280px,25vw,350px);width:100%;display:flex;align-items:center;justify-content:center;position:relative}
.o2 .bay::after{content:"";position:absolute;inset:-14% -8% -6%;background:radial-gradient(48% 50% at 50% 40%,rgba(255,251,240,.62),transparent 72%);z-index:-1;pointer-events:none}
.o2 .bay>*{width:var(--w,100%);max-width:100%}
.o2 .m-tack{--w:68%}
.o2 .m-velvet{--w:80%}
.o2 .m-slide{--w:62%}
.o2 .obj .cap{margin-top:30px;max-width:34ch}
.o2 .obj .cap h3{font-size:24px}
.o2 .obj .cap p{font-size:16px}
.o2 .obj .cap .label{justify-content:center;margin-top:12px}

/* bülten: çizgi yerine boşluk */
.o2 .bulletin-head{border-bottom:1px solid var(--ink);padding-bottom:26px}
.o2 .cols{gap:clamp(40px,5vw,88px)}
.o2 .cols>article{padding:48px 0 0;border:0}
.o2 .kicker{margin-bottom:22px}
.o2 .cols p{margin-bottom:16px}
.o2 .event{padding-bottom:24px;margin-bottom:28px}

.o2 .films-head{margin-bottom:clamp(48px,6vw,96px)}
.o2 .films-grid{gap:clamp(32px,4.5vw,72px)}
.o2 .tv{margin-top:56px}

/* okuma odası: üç parça */
.o2 .reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,88px);margin-top:clamp(48px,6vw,96px);align-items:start}
.o2 .go.center{text-align:center;margin-top:clamp(48px,6vw,80px)}

/* mağaza: dört ürün, tek raf */
.o2 .shelf{--g:clamp(32px,5vw,88px);--pich:clamp(170px,17vw,240px);grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.o2 .item .pic{height:var(--pich)}
.o2 .item .pic::after{display:none}
.o2 .shelf::before{content:"";position:absolute;left:-12px;right:-12px;top:var(--pich);height:17px;background:linear-gradient(#9a6f3e,#6e4a24 55%,#573a1a);box-shadow:0 12px 14px -8px rgba(40,25,10,.6)}
.o2 .item p{max-width:28ch}

.o2 .support-grid{gap:clamp(48px,7vw,128px)}
.o2 .way{padding:28px 0}
.o2 .people{gap:clamp(48px,7vw,128px)}

@media (max-width:1080px){
  .o2 .cabinet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .o2 .cols>article:first-child{padding-bottom:40px;border-bottom:1px solid var(--rule)}
}
@media (max-width:820px){
  .o2 .depot-grid{grid-template-columns:minmax(0,1fr)}
  .o2 .vision .tblock{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}
  .o2 .vision .tblock div:nth-child(2n){border-right:0}
  .o2 .vision .tblock div:nth-child(-n+2){border-bottom:1px solid rgba(233,223,200,.3)}
  .o2 .go.center .more{white-space:normal}
  .o2 .reading-grid{grid-template-columns:1fr;max-width:520px}
  .o2 .shelf{--g:24px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .o2 .shelf::before{display:none}
  .o2 .item .pic::after{display:block}
  .o2 .item:nth-child(2n) .pic::after{right:-12px;left:calc(var(--g) / -2 - 1px)}
  .o2 .item:nth-child(2n+1) .pic::after{left:-12px;right:calc(var(--g) / -2 - 1px)}
}
@media (max-width:600px){
  .depot-drawing .ly path,.depot-drawing .ly-roof path{stroke-width:.7}
  .o2 .cabinet{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .o2 .vision .tblock{grid-template-columns:1fr}
  .o2 .vision .tblock div{border-right:0;border-bottom:1px solid rgba(233,223,200,.3)}
  .o2 .vision .tblock div:last-child{border-bottom:0}
  .o2 .bay{height:auto}
  .o2 .bay::after{inset:-10% 0 -4%}
  .o2 .item .pic{height:170px}
  .o2 .cols>article{padding:36px 0 8px}
}