.looks-page{background:#e9eef1;color:#172431;font-family:"Onest","Segoe UI",sans-serif}.looks-header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:54px clamp(24px,5vw,72px) 38px;background:#29384a;color:#fff}.looks-header p{margin:0 0 10px;color:#aabac6;font-size:12px}.looks-header h1{margin:0 0 12px;font-size:clamp(42px,5vw,66px);line-height:1;font-weight:500;letter-spacing:-.035em}.looks-header>div>span{color:#bdc9d1;font-size:14px}.looks-header button{display:flex;align-items:center;gap:14px;padding:13px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:transparent;color:#fff;font:600 12px "Onest",sans-serif;cursor:pointer}.looks-header button:hover{background:#fff;color:#29384a}.looks-header button span{font-size:18px}.looks-content{padding:24px clamp(24px,5vw,72px) 80px}.occasion-tabs{display:flex;gap:6px;margin-bottom:24px;overflow-x:auto}.occasion-tabs button{flex:none;padding:10px 14px;border:0;border-radius:999px;background:transparent;color:#536775;font:600 12px "Onest",sans-serif;cursor:pointer}.occasion-tabs button.active{background:#fff;color:#182a39;box-shadow:0 8px 24px rgba(35,53,67,.08)}.looks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.look-card{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(230px,1.1fr);min-height:390px;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(36,54,68,.08)}.look-collage{position:relative;min-height:390px;background:linear-gradient(145deg,#cfdae0,#edf1f3);overflow:hidden}.look-collage img{position:absolute;width:54%;height:60%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(35,53,67,.18));transition:transform .5s cubic-bezier(.16,1,.3,1)}.look-collage img:first-child{left:4%;top:7%;transform:rotate(-5deg)}.look-collage img:last-child{right:1%;bottom:3%;transform:rotate(5deg)}.look-card:hover img:first-child{transform:translate(-4px,-6px) rotate(-7deg)}.look-card:hover img:last-child{transform:translate(5px,5px) rotate(7deg)}.look-info{display:flex;flex-direction:column;justify-content:center;padding:30px}.look-mood{color:#647a89;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.look-info h2{margin:12px 0 14px;font-size:25px;line-height:1.15}.look-info p{margin:0;color:#586b78;font-size:13px;line-height:1.7}.look-pieces{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.look-pieces span{padding:7px 9px;border-radius:999px;background:#eef2f4;color:#526674;font-size:9px}.looks-empty{max-width:430px;margin:80px auto;text-align:center}.looks-empty>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:#d8e2e7;font-size:26px}.looks-empty h2{font-size:28px}.looks-empty p{color:#5d707d;line-height:1.7}.looks-empty a{display:inline-flex;margin-top:14px;padding:12px 18px;border-radius:999px;background:#213444;color:#fff;font-size:12px;font-weight:600}
@media(max-width:1050px){.looks-grid{grid-template-columns:1fr}}@media(max-width:700px){.looks-header{display:block;padding:34px 20px 28px}.looks-header h1{font-size:44px}.looks-header button{margin-top:24px}.looks-content{padding:20px 16px 95px}.look-card{grid-template-columns:1fr;min-height:0}.look-collage{min-height:330px}.look-info{padding:24px}.mobile-nav{grid-template-columns:repeat(5,1fr)}}@media(prefers-reduced-motion:reduce){.look-collage img{transition:none}}