.companion-section{position:relative;overflow:hidden;padding:88px 7.8% 0;background:linear-gradient(180deg,#fbf8ef 0,#eef5f2 24%,#e6f0f3 55%,#f8f5e9 90%,#fbf8ef 100%)}
.companion-header{text-align:center;max-width:720px;margin:auto}.companion-header .eyebrow,.wardrobe-heading .eyebrow{justify-content:center}.companion-header h2{font:700 47px/1.25 var(--display);letter-spacing:-1px;margin:20px 0}.companion-header>p,.wardrobe-heading>p{max-width:580px;margin:auto;font-size:16px;line-height:1.9;color:var(--muted)}
.companion-story{max-width:1040px;margin:52px auto 56px;display:grid;grid-template-columns:44% 56%;gap:0;align-items:center}.home-showcase{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;isolation:isolate;padding:12px 0 20px}.home-halo{position:absolute;inset:70px -5px 85px;background:radial-gradient(ellipse,#d1e7ef 0,#e0eef1 45%,transparent 72%);z-index:-1}.home-halo:before{content:'';position:absolute;inset:14px 36px;border:1px solid #c9ab686b;border-radius:50%;transform:rotate(-26deg)}.home-phone{width:252px;transform:rotate(-3deg);padding:6px;border-radius:34px;box-shadow:0 25px 40px #28445529,0 3px 5px #20334033}.home-phone>img{border-radius:25px}.home-showcase figcaption{font-size:12px;background:#fffbf1;border:1px solid #e7d9b5;box-shadow:0 8px 22px #7f784b14;padding:12px 19px;border-radius:8px;margin-top:-3px;z-index:2;transform:rotate(2deg)}.home-showcase figcaption span{color:#b89347;margin-right:7px}.home-star{position:absolute;color:#c4a054}.home-star-one{font-size:34px;left:25px;top:80px}.home-star-two{font-size:52px;right:35px;bottom:80px}.companion-source-note{font-size:11px;color:var(--muted);margin:16px 0 0}.companion-explanation{padding:0 0 0 35px}.care-beat{display:grid;grid-template-columns:70px 1fr;gap:23px}.care-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff9e7cc;border:1px solid #eadbb3;box-shadow:0 8px 24px #b5ad8f12}.care-icon img{width:56px;height:56px;object-fit:contain}.care-number{font-size:11px;letter-spacing:2px;color:#82652f}.care-beat h3{font-size:25px;line-height:1.5;margin:6px 0 12px;letter-spacing:0}.care-beat p{font-size:16px;line-height:1.9;max-width:360px;color:var(--muted);margin:0}.care-thread{height:54px;border-left:1px dashed #c5b784;margin:16px 0 16px 35px}.companion-aside{display:flex;align-items:center;gap:12px;font-size:13px;color:#526b7a;line-height:1.8;margin:37px 0 0 93px}.companion-aside span{color:#b49753;font-size:24px}
.wardrobe-showcase{max-width:1130px;margin:auto;padding:50px 0 20px;border-top:1px solid #c2d1cc80;position:relative}.wardrobe-heading{text-align:center}.wardrobe-heading h2{font:700 35px/1.3 var(--display);margin:17px 0 16px;letter-spacing:-.5px}.wardrobe-heading>p{font-size:15px;max-width:660px}.outfit-options{margin:38px auto 0;max-width:940px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}.outfit-option{padding:0;background:none;border:0;position:relative;opacity:.8;transition:transform .22s,opacity .22s;transform:translateY(0);min-width:0}.outfit-option:hover,.outfit-option.is-selected{opacity:1;transform:translateY(-10px)}.outfit-option:focus-visible{outline:2px solid #3c789b;outline-offset:5px;border-radius:22px}.outfit-art{display:block;position:relative;filter:drop-shadow(0 9px 12px #24455715)}.outfit-art img{width:100%;height:auto}.outfit-name{position:absolute;bottom:9.8%;left:10%;right:10%;font-size:15px;line-height:1.2;color:#79511d;font-weight:600;text-align:center}.outfit-marker{display:block;font-size:19px;line-height:26px;color:#c7b37e;margin-top:10px}.outfit-option.is-selected .outfit-marker{color:#b58e3d}.outfit-detail{text-align:center;margin-top:15px;min-height:65px}.outfit-selected{display:flex;justify-content:center;gap:12px;align-items:center;margin:0}.outfit-selected>span{font-size:11px;letter-spacing:.6px;color:#586f74}.outfit-selected strong{font-size:19px;line-height:1.6;font-weight:600}.outfit-description{font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.7}.outfit-preview-note{text-align:center;font-size:11px;color:#586f74;margin:16px 0 0;line-height:1.7}.companion-closing{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7d6c6;margin:34px auto 0;padding:32px 0 42px;max-width:1120px;gap:20px;font-size:17px}.companion-closing a{font-size:13px;font-weight:600;border-bottom:1px solid #c5b587;padding:6px 0;white-space:nowrap}
html:is([lang="zh-Hans"],[lang="zh-Hant"],[lang="ja"],[lang="ko"]) .companion-header h2,html:is([lang="zh-Hans"],[lang="zh-Hant"],[lang="ja"],[lang="ko"]) .wardrobe-heading h2{letter-spacing:0;line-height:1.4}html[lang="ja"] .outfit-name,html[lang="ko"] .outfit-name{font-size:13px}
@media(max-width:1100px) and (min-width:701px){.companion-section{padding-left:6%;padding-right:6%}.companion-story{grid-template-columns:43% 57%}.companion-explanation{padding-left:18px}.care-beat{grid-template-columns:58px 1fr;gap:18px}.care-icon{width:58px;height:58px}.care-icon img{width:48px;height:48px}.care-beat h3{font-size:22px}.care-beat p{font-size:15px}.care-thread{margin-left:29px}.outfit-name{font-size:13px}.home-star-one{left:0}.home-star-two{right:0}}
@media(max-width:700px){.companion-section{padding:57px 22px 0}.companion-header h2{font-size:32px;line-height:1.3;margin:16px 0}.companion-header>p{font-size:14px;line-height:1.85;max-width:330px}.companion-header .eyebrow,.wardrobe-heading .eyebrow{font-size:10px;letter-spacing:.05em}.companion-story{display:flex;flex-direction:column;margin:24px auto 35px;gap:29px}.home-showcase{width:100%;padding-bottom:5px}.home-phone{width:211px;border-radius:29px;padding:5px}.home-phone>img{border-radius:22px}.home-halo{inset:65px -10px 60px}.home-halo:before{inset:0 25px}.home-star-one{font-size:29px;left:0;top:50px}.home-star-two{font-size:40px;right:0;bottom:66px}.home-showcase figcaption{font-size:11px;padding:10px 13px}.companion-explanation{padding:0;width:100%}.care-beat{grid-template-columns:54px 1fr;gap:15px}.care-icon{width:54px;height:54px}.care-icon img{width:45px;height:45px}.care-number{font-size:11px}.care-beat h3{font-size:19px;line-height:1.5;margin:4px 0 9px}.care-beat p{font-size:14px;line-height:1.85}.care-thread{height:25px;margin:11px 0 11px 27px}.companion-aside{font-size:12px;margin:20px 0 0 69px;gap:9px}.wardrobe-showcase{padding:31px 0 10px}.wardrobe-heading h2{font-size:29px;margin:13px 0}.wardrobe-heading>p{font-size:14px;line-height:1.85}.outfit-options{grid-template-columns:repeat(2,1fr);max-width:360px;gap:19px 14px;margin-top:27px}.outfit-option:hover,.outfit-option.is-selected{transform:translateY(-4px)}.outfit-marker{font-size:16px;line-height:18px;margin-top:6px}.outfit-name{font-size:12px}html[lang="ja"] .outfit-name,html[lang="ko"] .outfit-name{font-size:11px}.outfit-detail{margin-top:21px;min-height:70px}.outfit-selected strong{font-size:18px}.outfit-description{font-size:13px}.outfit-preview-note{font-size:11px}.companion-closing{flex-direction:column;align-items:flex-start;margin-top:22px;padding:25px 0 31px;font-size:16px;gap:14px}.companion-closing a{font-size:13px}.legacy-content .section:first-child{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.outfit-option{transition:none}}