.dress-code{position:relative;background:linear-gradient(180deg,var(--paper),#eef3f7);overflow:hidden}.dress-code:before{content:"DRESS";position:absolute;right:-.04em;bottom:-.1em;font:800 clamp(11rem,22vw,22rem)/.8 Manrope,sans-serif;color:rgba(11,31,58,.025);letter-spacing:-.09em;pointer-events:none}.dress-code-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px}.dc-tab{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid transparent;background:#e9eff4;color:#27394d;border-radius:999px;padding:8px 15px 8px 9px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.25s}.dc-tab>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#8192a2;font:700 .56rem Manrope,sans-serif;transition:.25s}.dc-tab:hover{background:#dce7ef;transform:translateY(-2px)}.dc-tab.active{background:var(--magenta);color:#fff;box-shadow:0 1px 2px rgba(7,20,42,.07),0 10px 24px rgba(200,30,111,.2)}.dc-tab.active>span{background:rgba(255,255,255,.18);color:#fff}
.dress-code-layout{position:relative;display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:clamp(40px,6vw,76px);align-items:start}.dress-code-visual{position:sticky;top:120px}.dress-code-photos{position:relative;min-height:570px;background:radial-gradient(circle at 50% 40%,#fff 0,#edf3f7 55%,#e1eaf1 100%);border:1px solid #cddbe5;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(7,20,42,.07),0 28px 70px rgba(16,45,71,.11);padding:18px;transition:opacity .22s,transform .22s}.dress-code-photos:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(26,81,114,.13);border-radius:14px;pointer-events:none}.dress-code-photos:after{content:"";position:absolute;left:12%;right:12%;bottom:6%;height:28px;border-radius:50%;background:rgba(18,51,76,.12);filter:blur(12px)}.dress-code-photos.is-changing{opacity:.45;transform:scale(.985)}.dress-photo-stage{position:absolute;inset:20px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.dress-code-photos img{position:relative;z-index:1;display:block;width:auto;height:auto;max-height:535px;max-width:100%;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(18,43,62,.13));animation:dressPhotoIn .45s cubic-bezier(.2,.8,.2,1) both}.dress-code-photos.is-pair img{max-height:515px;max-width:50%}.dress-code-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;color:#6d7d8b;font-size:.72rem}.dress-code-visual-caption>span{display:flex;align-items:center;gap:8px}.dress-code-visual-caption i{width:7px;height:7px;border-radius:50%;background:var(--brand-pink);box-shadow:0 0 0 5px rgba(200,30,111,.1);animation:dressPulse 2s ease-out infinite}.dress-code-visual-caption b{font:700 .55rem Manrope,sans-serif;letter-spacing:.12em;color:#94a2ae}
.dress-hotspot{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#17364f;cursor:pointer;transition:.25s}.dress-hotspot>span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#174f72;color:#fff;font:700 .55rem Manrope,sans-serif;box-shadow:0 7px 18px rgba(10,39,59,.25),0 0 0 5px rgba(23,79,114,.09);transition:.25s}.dress-hotspot>b{padding:5px 9px;border:1px solid rgba(23,79,114,.12);border-radius:999px;background:rgba(255,255,255,.92);font-size:.68rem;white-space:nowrap;box-shadow:0 1px 2px rgba(7,20,42,.07),0 7px 18px rgba(17,48,70,.08);opacity:0;transform:translateX(-5px);transition:.25s}.dress-hotspot:hover>b,.dress-hotspot:focus-visible>b,.dress-hotspot.active>b{opacity:1;transform:none}.dress-hotspot:hover>span,.dress-hotspot:focus-visible>span,.dress-hotspot.active>span{background:var(--brand-pink);transform:scale(1.1);box-shadow:0 7px 18px rgba(200,30,111,.28),0 0 0 7px rgba(200,30,111,.11)}.dress-hotspot-1{left:9%;top:10%}.dress-hotspot-2{right:7%;top:31%;flex-direction:row-reverse}.dress-hotspot-2>b,.dress-hotspot-4>b{transform:translateX(5px)}.dress-hotspot-3{left:7%;top:52%}.dress-hotspot-4{right:7%;top:69%;flex-direction:row-reverse}.dress-hotspot-5{left:9%;bottom:7%}
.dress-code-copy-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.dress-code-tag{display:inline-block;font:700 .7rem Manrope,sans-serif;letter-spacing:.12em;color:#b81a63;background:var(--blush);padding:7px 12px;border-radius:999px}.dress-code-status{display:inline-flex;align-items:center;gap:6px;color:#277257;font-size:.72rem;font-weight:700}.dress-code-status .icon{width:16px;height:16px}.dress-code-list{display:grid;gap:10px;margin:0 0 22px;padding:0}.dress-code-list>div{position:relative;display:grid;grid-template-columns:46px 105px 1fr;gap:14px;align-items:center;min-height:78px;padding:14px 17px;border:1px solid #dbe4eb;border-radius:14px;background:rgba(255,255,255,.7);transition:.28s;outline:0}.dress-code-list>div.active,.dress-code-list>div:hover,.dress-code-list>div:focus-visible{border-color:rgba(200,30,111,.3);background:#fff;box-shadow:0 1px 2px rgba(7,20,42,.07),0 12px 28px rgba(19,52,76,.08);transform:translateX(5px)}.dress-field-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf1f5;color:#185074;transition:.28s}.dress-field-icon .icon{width:20px;height:20px}.dress-code-list>div.active .dress-field-icon{background:var(--brand-pink);color:#fff;transform:rotate(-5deg)}.dress-code-list dt{font-weight:700;color:var(--plum);margin:0}.dress-code-list dd{margin:0;color:var(--ink-2);line-height:1.65}.dress-code-note{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--muted);line-height:1.7;margin:20px 0 0}.dress-code-note .icon{width:18px;flex:none;margin-top:2px}
.dress-code-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.dress-code-guide article{display:flex;gap:12px;padding:17px;border-radius:14px;border:1px solid #dbe4eb;background:rgba(255,255,255,.65)}.dress-code-guide article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;flex:none}.dress-code-guide .icon{width:17px;height:17px}.dress-guide-do>span{background:#e4f5ee;color:#247053}.dress-guide-dont>span{background:#fae8ef;color:#b91f61}.dress-code-guide b{display:block;font-size:.74rem;letter-spacing:.04em;color:var(--plum);margin-bottom:5px}.dress-code-guide p{margin:0;color:#667786;font-size:.76rem;line-height:1.55}@keyframes dressPhotoIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dressPulse{70%,100%{box-shadow:0 0 0 13px rgba(200,30,111,0)}}
@media(max-width:900px){.dress-code-layout{grid-template-columns:1fr;gap:32px}.dress-code-visual{position:relative;top:auto}.dress-code-photos{min-height:510px}.dress-code-photos img{max-height:475px}.dress-code-photos.is-pair img{max-height:455px}.dress-code-copy{max-width:720px}}
@media(max-width:520px){.dress-code-tabs{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:none}.dress-code-tabs::-webkit-scrollbar{display:none}.dc-tab{white-space:nowrap}.dress-code-photos{min-height:430px;border-radius:20px}.dress-photo-stage{inset:15px}.dress-code-photos img{max-height:400px}.dress-code-photos.is-pair img{max-height:385px}.dress-hotspot>b{display:none}.dress-hotspot-1,.dress-hotspot-3,.dress-hotspot-5{left:4%}.dress-hotspot-2,.dress-hotspot-4{right:4%}.dress-code-copy-head{align-items:flex-start;flex-direction:column;gap:10px}.dress-code-list>div{grid-template-columns:40px 82px 1fr;gap:10px;padding:12px 11px}.dress-field-icon{width:38px;height:38px}.dress-code-list dt,.dress-code-list dd{font-size:.83rem}.dress-code-guide{grid-template-columns:1fr}.dress-code-visual-caption b{display:none}}
@media(prefers-reduced-motion:reduce){.dress-code *{animation:none!important;transition:none!important}}