*{box-sizing:border-box}
body{margin:0;background:#FBF7F0;color:#1E2A38;font-family:'Nunito',system-ui,sans-serif;--accent:#2F6B43}
a{color:#2F6B43}a:hover{color:#1F4A2E}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:11px 22px;border-radius:999px;background:#C0322D;color:#FFFFFF;font-weight:800;text-decoration:none;font-size:16px}
.btn:hover{color:#FFFFFF;background:#A3271F}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.55)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.gold{background:#F2B544;color:#12223F}.btn.gold:hover{background:#F7C561;color:#12223F}

.top{background:#FFFFFF;border-bottom:1px solid #ECE4D6}
.top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1E2A38}
.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:18px}.brand small{font-size:13px;color:#55606E;font-weight:600}
.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font-weight:700;font-size:15px}
.top nav a:not(.btn){color:#1E2A38;text-decoration:none}

.hero{background:#12223F;color:#FFFFFF;padding:48px 0 56px}
.hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:36px}
.hero-text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.hero-art{flex:1 1 460px;min-width:0;max-width:600px}
.crumbs{font-size:14px;color:#B9C6DA;font-weight:600}
.crumbs a{color:#F7D488}
.eyebrow{background:#F2B544;color:#12223F;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-top:6px}
.hero h1{margin:0;font-family:'Chewy',sans-serif;font-weight:400;font-size:clamp(42px,6vw,68px);line-height:1.02}
.tagline{margin:0;font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#F7D488}
.intro{margin:0;font-size:21px;line-height:1.5;color:#DCE4F2}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

.body{display:flex;flex-wrap:wrap;gap:40px;padding-top:56px;padding-bottom:64px}
.main-col{flex:2 1 520px;min-width:0;display:flex;flex-direction:column;gap:44px}
.main-col h2,.more h2{margin:0 0 14px;font-family:'Chewy',sans-serif;font-weight:400;font-size:40px;line-height:1.05;color:var(--accent)}
.main-col p{margin:0 0 14px;font-size:18px;line-height:1.7;color:#384352}
.looks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.look{background:#FFFFFF;border:1px solid #ECE4D6;border-radius:18px;padding:20px 22px;border-top:5px solid var(--accent)}
.look h3{margin:0 0 6px;font-size:18px;font-weight:800}
.look p{margin:0;font-size:16px;line-height:1.55;color:#45505E}
.ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.ideas li{display:flex;gap:12px;align-items:flex-start;background:#FFFFFF;border:1px solid #ECE4D6;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.4}
.ideas li::before{content:"";flex:none;width:22px;height:22px;border-radius:999px;background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}

.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.box{background:#FFFFFF;border:1px solid #ECE4D6;border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.box.prize{border:2px solid #F2B544}
.label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.box strong{font-size:22px;line-height:1.25}
.box p{margin:0;font-size:15.5px;line-height:1.55;color:#45505E}
.crit{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.crit li{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:12px;background:#FBF7F0;border:1px solid #ECE4D6;font-weight:700;color:#55606E}
.crit li.on{background:#FFFFFF;border:2px solid var(--accent);color:#1E2A38}
.crit li span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;background:var(--accent);padding:3px 9px;border-radius:999px}
.notes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.55;color:#384352}

.more{background:#FFFFFF;border-top:1px solid #ECE4D6;padding:44px 0 52px}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.pager a{font-weight:800;text-decoration:none;color:#1E2A38;border:1.5px solid #CFC5B3;border-radius:999px;padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.pager a:hover{border-color:#12223F;color:#12223F}
.others{display:flex;flex-wrap:wrap;gap:10px}
.others a{background:#FBF7F0;border:1px solid #D9CFBE;border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;color:#1E2A38;min-height:44px;display:inline-flex;align-items:center}
.others a:hover{border-color:#12223F}
.others a[aria-current]{background:var(--accent);border-color:var(--accent);color:#FFFFFF}

.cta{background:#2F6B43;color:#FFFFFF;padding:40px 0}
.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.cta h2{margin:0 0 6px;font-family:'Chewy',sans-serif;font-weight:400;font-size:38px}
.cta p{margin:0;font-size:17px;color:#DDEFE2}.cta b{color:#FFE9B0}
.foot{background:#12223F;color:#DCE4F2;padding:32px 0;font-size:15px}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.hero-art .scene-btn{border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.hero h1{display:flex;align-items:center;gap:14px}
.h1-pin{flex:none;display:inline-flex}.h1-pin .cat-icon{width:clamp(36px,5vw,46px);height:auto}
.others a{gap:8px}
.others a .cat-icon{flex:none}