/* Широкая витрина: квадратные ролики остаются удобными для отправки в мессенджеры. */
.wrap{max-width:1680px;padding-left:36px;padding-right:36px}
.hero{min-height:590px;gap:72px}
.hero-copy{width:50%;max-width:680px}
.card-area{width:50%;min-height:500px;height:auto}
.today-card{width:min(470px,86%);aspect-ratio:1;border:0;border-radius:28px;overflow:hidden;padding:0;background:#b4a7e2;box-shadow:0 28px 55px #75659b3d;transform:rotate(2deg);cursor:pointer;position:relative;z-index:1;transition:transform .25s,box-shadow .25s}
.today-card:hover{transform:rotate(0) translateY(-7px);box-shadow:0 35px 65px #75659b52}
.today-card video,.morning-card video{display:block;width:100%;height:100%;object-fit:cover}
.card-caption{right:0;bottom:18px;font-family:"Playfair Display",serif}
.s1{top:34px;right:10%}.s2{bottom:64px;left:8%}.s3{left:14%}
.catalog{gap:58px}.catalog-intro{width:310px;flex:none}.catalog h2{font-size:43px}.mini-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;flex:1}.mini{width:auto;height:auto;border-radius:22px;padding:0;background:#aeb3e6;aspect-ratio:1}.morning-card video{position:absolute;inset:0}.mini small{z-index:1;right:15px;bottom:15px;font:700 11px Manrope;background:#251a3166;color:#fff;padding:7px 10px;border-radius:20px;backdrop-filter:blur(8px)}
.hero h1,.how h2,.section-heading h2,.catalog h2,dialog h2,.occasion strong,.card-caption,.live-name,.live-title{font-family:"Playfair Display",serif}
.live-site{position:absolute;left:0;bottom:16px;width:100%;font:600 10px Onest,Manrope,sans-serif;letter-spacing:.02em;color:#251a3188}
@media(max-width:900px){.hero{gap:28px}.today-card{width:min(410px,95%)}.catalog{gap:32px}.catalog-intro{width:270px}}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.card-area{width:100%;min-height:420px}.today-card{width:min(360px,88%)}.card-caption{right:4%;bottom:0}.mini-cards{gap:12px}.catalog h2{font-size:39px}}

/* Типографика для широкого формата: на 1680 px текст читается с первого взгляда. */
@media(min-width:761px){
  .header{height:112px}.brand{font-size:27px}.brand-mark{width:40px;height:40px;font-size:25px;margin-right:7px}nav{gap:46px;margin-left:120px}nav a,.header-action{font-size:17px}.header-action span,.text-link span{font-size:24px}
  .hero{min-height:790px;padding-top:86px;padding-bottom:82px}.hero-copy{max-width:820px}.eyebrow{font-size:16px;letter-spacing:2px;margin-bottom:25px}.eyebrow i{width:11px;height:11px;margin-right:12px}.hero h1{font-size:clamp(74px,6.1vw,112px);letter-spacing:-4.8px;line-height:.98}.lead{font-size:26px;line-height:1.48;max-width:680px;margin:34px 0}.button{font-size:19px;padding:22px 32px}.button span{font-size:27px;margin-left:14px}.text-link{font-size:17px}.hero-buttons{gap:36px}.faces{margin-top:64px;gap:16px}.avatars b{width:44px;height:44px;font-size:14px}.avatars b:last-child{font-size:11px}.faces p{font-size:15px;line-height:1.45;margin-left:13px}
  .section-heading .eyebrow,.how .eyebrow{font-size:16px}.section-heading h2{font-size:64px;letter-spacing:-3px}.occasion-section{padding-top:118px;padding-bottom:142px}.occasions{gap:24px;margin-top:56px}.occasion{height:218px;padding:28px;border-radius:16px}.occasion-icon{width:56px;height:56px;font-size:29px}.occasion strong{font-size:31px;margin-top:27px}.occasion small{font-size:15px;margin-top:7px}.occasion>i{right:26px;bottom:23px;font-size:29px}
  .how{padding-top:125px;padding-bottom:124px}.how h2{font-size:66px;letter-spacing:-3.4px}.how ol{width:49%}.how li{gap:33px;padding:29px 0 28px}.how li span{font-size:16px}.how li strong{font-size:19px;margin-bottom:7px}.how li p{font-size:17px;line-height:1.55}
  .catalog{padding-top:118px;padding-bottom:140px}.catalog h2{font-size:60px;letter-spacing:-3px}.catalog-intro{width:390px}.catalog .eyebrow{font-size:16px}.mini small{font-size:15px;padding:10px 14px}
  footer{min-height:132px}footer p{font-size:15px}
}
@media(min-width:761px) and (max-width:1200px){.hero h1{font-size:76px}.lead{font-size:22px}.how h2{font-size:54px}.section-heading h2{font-size:52px}.occasion strong{font-size:26px}}