/* Wendell seçenekleri, ortak ayarlar: aynı tarz, daha çok boşluk, daha sakin süsleme.
   Yalnızca body.calm olan seçenek sayfalarında geçerli. */
.calm{--gut:clamp(18px,5vw,64px);line-height:1.6}

/* başlık ve giriş */
.calm .mast{padding-top:30px}
.calm .mast h1{margin:26px 0 10px}
.calm .motto{padding:16px 0 18px}
.calm section{padding-block:clamp(84px,11vw,168px)}
.calm .hero{padding-block:clamp(56px,8vw,120px) clamp(84px,10vw,150px)}
.calm .hero .wrap{gap:clamp(40px,7vw,120px)}
.calm .hero p.first{margin-top:34px}
.calm .hero .acts{margin-top:40px;gap:16px}
.calm .postcard{transform:rotate(.8deg);box-shadow:0 1px 0 rgba(0,0,0,.04),0 26px 50px -30px rgba(60,40,15,.45)}
.calm .cancel{display:none}
.calm .lede{line-height:1.6}

/* daha az bant, daha az eğim, daha yumuşak gölge */
.calm .snap::after{display:none}
.calm .snap{box-shadow:0 12px 26px -20px rgba(50,35,15,.5),0 1px 3px rgba(50,35,15,.12)}
.calm .collage .s1,.calm .depot-col .s4{transform:none}
.calm .collage .s2{transform:rotate(.6deg)}
.calm .collage .s3{transform:rotate(-.6deg)}
.calm .ledger{box-shadow:0 14px 30px -26px rgba(50,35,15,.5)}
.calm .ledger .paintcan{transform:rotate(3deg)}
.calm .slip,.calm .envelope{box-shadow:0 14px 30px -26px rgba(50,35,15,.5)}
.calm .m-postcard .frame{transform:rotate(-.5deg)}
.calm .m-mail .frame{transform:none}
.calm .m-cork .sheet{transform:rotate(.8deg)}
.calm .m-tack .tray{transform:rotate(-1deg)}
.calm .m-tack .tag{transform:rotate(-4deg)}
.calm .m-album .ph{transform:none}
.calm .film .reel{transform:none}
.calm .cols .ev-poster{transform:none}
.calm .book img,.calm .way-pic,.calm .staff .reg img{transform:none}
.calm .fan img:nth-child(1){transform:rotate(-8deg) translate(-5%,-9%)}
.calm .fan img:nth-child(3){transform:rotate(4deg) translate(4%,0)}

/* destekçiler: kutular yerine tek satırlık sade liste */
.calm .ads{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px 0;margin-top:clamp(72px,9vw,128px);text-align:center}
.calm .ads-title{flex-basis:100%;margin:0 0 22px}
.calm .ad{display:inline-flex;align-items:baseline;border:0;background:none;min-height:0;padding:0}
.calm .ad b{font:400 clamp(17px,1.5vw,20px)/1.35 var(--body)!important;letter-spacing:0!important;text-transform:none!important}
.calm .ad small{display:none}
.calm .ad:not(:last-child)::after{content:"·";margin:0 14px;color:var(--brass);font:400 20px/1 var(--body)}

/* footer biraz daha ferah */
.calm footer{padding-block:clamp(64px,8vw,104px) 32px}
.calm footer .wrap{gap:40px}

/* seçenekler arası geçiş (yalnızca önizlemede) */
.opt-switch{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:2px;background:rgba(42,34,25,.95);color:#efe6d1;padding:5px;border-radius:999px;font:400 13px/1 var(--type);box-shadow:0 12px 30px -12px rgba(0,0,0,.55)}
.opt-switch span{padding:0 8px 0 10px;color:#d9bd76}
.opt-switch a{color:#efe6d1;text-decoration:none;padding:9px 12px;border-radius:999px;white-space:nowrap}
.opt-switch a:hover{background:rgba(255,255,255,.12)}
.opt-switch a.on{background:#efe6d1;color:#2a2219}
.opt-switch b{font-weight:400}

@media (max-width:820px){
  .calm{font-size:18px}
  .opt-switch{right:50%;transform:translateX(50%);bottom:12px}
  .opt-switch b{display:none}
  .opt-switch a{padding:9px 13px}
}
@media (max-width:600px){
  .calm section{padding-block:clamp(64px,16vw,96px)}
  .calm .ad b{font-size:16.5px!important}
  .calm .ad:not(:last-child)::after{margin:0 10px}
}