/* 衣序的互动语言：一根线、一张标签、一个小衣橱。 */
:root{--pointer-x:0px;--pointer-y:0px}html,body{overflow-x:clip}
.hero{isolation:isolate}.hero-image{overflow:hidden}.hero-image>img{transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.045);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s;will-change:transform}.hero[data-mood=ordered] .hero-image>img{transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.11);filter:saturate(.72)}.hero[data-mood=calm] .hero-image>img{filter:sepia(.15) brightness(.82);transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.025)}.hero-thread{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.28}.hero-thread path{fill:none;stroke:#f0a164;stroke-width:1.1;stroke-dasharray:7 9;animation:thread-travel 35s linear infinite}.hero-copy{position:relative;z-index:3}.hero-bottom{z-index:3}.hero-moods{position:absolute;right:6%;bottom:50px;z-index:5;display:flex;gap:15px;align-items:center}.hero-moods>span{color:#d5ddce;font-size:10px;letter-spacing:1px}.hero-moods button{background:none;border:0;border-bottom:1px solid #ffffff40;color:#e7e9da;font:inherit;font-size:11px;padding:10px 2px;cursor:pointer}.hero-moods button[aria-pressed=true]{border-color:#e79555;color:#f1a36a}.hero-image figcaption{bottom:22px!important;font-size:9px!important}
.care-tag{position:absolute;z-index:6;right:9%;top:24%;width:157px;height:242px;background:#f2e9d1;color:var(--green);border:0;border-radius:7px 7px 2px 2px;box-shadow:14px 23px 35px #0003;transform:translate(var(--tag-x,0px),var(--tag-y,0px)) rotate(var(--tag-rotate,11deg));cursor:grab;touch-action:none;user-select:none;transition:transform .7s cubic-bezier(.2,.9,.3,1);text-align:left;padding:32px 20px 18px}.care-tag:active{cursor:grabbing}.care-tag.dragging{transition:none}.tag-hole{position:absolute;left:calc(50% - 5px);top:12px;width:10px;height:10px;border-radius:50%;background:#163b2c;box-shadow:0 0 0 1px #c8b58e}.care-tag:before{content:"";position:absolute;width:1px;height:150px;background:#c9b897;left:50%;bottom:calc(100% - 16px);transform:rotate(-9deg);transform-origin:bottom}.care-tag small{font-size:7px;letter-spacing:1.2px;display:block}.care-tag strong{display:block;font-family:var(--serif);font-size:25px;line-height:1.4;margin:16px 0}.care-tag em{display:block;font-size:8px;font-style:normal;margin-top:16px;border-top:1px solid #9a92754a;padding-top:9px}.tag-seal{display:flex;font-family:var(--serif);border:1px solid var(--orange);color:var(--orange);font-size:14px;width:34px;height:34px;align-items:center;justify-content:center;gap:0}.tag-seal span{padding-top:8px}.tag-back{display:none}.tag-back>span{font-size:11px;line-height:1.7}.care-tag.flipped .tag-front{display:none}.care-tag.flipped .tag-back{display:block}
.brand-ribbon{background:#de7739;color:#143f32;overflow:hidden;padding:22px 0;border-top:1px solid #dc7739;transform:rotate(-1.2deg);margin:0 -1%;position:relative;z-index:7}.brand-ribbon>div{display:flex;width:max-content;align-items:center;gap:60px;animation:ribbon-travel 32s linear infinite}.brand-ribbon span{font-family:var(--serif);font-size:25px;white-space:nowrap}.brand-ribbon i{font-size:35px;line-height:1;font-style:normal}
.wardrobe{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:120px;padding-bottom:100px;align-items:center}.wardrobe h2{font-size:clamp(38px,4.5vw,64px)}.wardrobe h2 span{color:var(--orange);position:relative}.wardrobe h2 span:after{content:"";position:absolute;left:0;right:0;bottom:-7px;border-bottom:1px dashed var(--orange);transform:rotate(-4deg)}.wardrobe-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:28px;line-height:1.9}.garment-picker{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.garment-picker button{font:inherit;font-size:14px;padding:10px 25px;border:1px solid #a6b49c;border-radius:60px;background:transparent;color:var(--green);cursor:pointer;transition:background .25s,color .25s,transform .25s}.garment-picker button:hover{transform:translateY(-3px)}.garment-picker button[aria-pressed=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.wardrobe-copy>.wardrobe-note{font-size:12px!important}.garment-stage{background:#edeedf;position:relative;border-radius:48% 48% 4px 4px;padding:40px 30px 30px;min-height:510px;overflow:hidden}.stage-coordinate{position:absolute;left:35px;top:30px;font-size:8px;letter-spacing:2px;color:#61705d}.garment-stage svg{width:100%;height:330px}.garment-drawing{transform-origin:200px 220px;animation:garment-float 6s ease-in-out infinite}.garment-stage.changing .garment-drawing{animation:garment-change .5s ease both}.garment-orbit{position:absolute;right:25px;top:95px;font-size:44px;color:var(--orange);animation:orbit-spin 20s linear infinite}.garment-caption small{font-size:9px;letter-spacing:2px;color:var(--orange)}.garment-caption h3{font-size:22px;margin:12px 0;line-height:1.5}.garment-caption p{font-size:14px;line-height:1.9;color:var(--muted)}
.intro-grid>p:not(.eyebrow):not(.lead),.equipment-copy>p:not(.eyebrow):not(.lead),.team-grid article>p:not(.role-quote),.offer-body>p:not(.eyebrow):not(.offer-highlight),.faq-list details p{font-size:14px}.faq-list summary{font-size:15px}.care-panel>p:not(.eyebrow):not(.care-panel-note){font-size:14px}.reveal-item{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.motion-on .reveal-item:not(.revealed){opacity:0;transform:translateY(32px)}.section-heading h2 .line{display:block}.team-grid article,.offer-image{transition:transform .4s,box-shadow .4s}.team-grid article:hover{transform:translateY(-8px)}.offer-image:hover{transform:rotate(-1deg) translateY(-5px);box-shadow:0 15px 30px #153e3215}.button span{transition:transform .3s}.button:hover span{transform:translate(4px,-4px)}
.scroll-thread{position:fixed;top:0;left:0;height:3px;background:var(--orange);width:0;z-index:80;pointer-events:none}
@keyframes thread-travel{to{stroke-dashoffset:-640}}@keyframes ribbon-travel{to{transform:translateX(-35%)}}@keyframes garment-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes garment-change{0%{opacity:.3;transform:translateY(12px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.care-tag{right:5%;top:30%;width:145px}.hero-moods{right:4%;gap:12px}.hero-moods>span{display:none}}
@media(max-width:760px){.hero{min-height:930px}.hero-copy{padding-bottom:380px}.hero-moods{bottom:90px;left:24px;right:auto;gap:22px}.hero-moods button{font-size:12px}.hero-bottom{bottom:65px}.hero-image figcaption{bottom:65px!important;right:24px}.hero-thread{opacity:.2}.care-tag{top:570px;right:35px;width:126px;height:204px;padding:25px 16px 12px;--tag-rotate:9deg}.care-tag strong{font-size:22px;margin:12px 0}.care-tag small{font-size:6px}.care-tag em{font-size:7px;margin-top:11px}.care-tag:before{height:90px}.tag-seal{width:27px;height:27px;font-size:12px}.tag-back>span{font-size:10px}.brand-ribbon{padding:16px 0}.brand-ribbon>div{gap:35px}.brand-ribbon span{font-size:21px}.brand-ribbon i{font-size:27px}.wardrobe{display:block;padding-top:75px;padding-bottom:50px}.wardrobe h2{font-size:43px}.wardrobe-copy>p:not(.eyebrow){font-size:15px}.garment-picker button{padding:10px 23px;font-size:14px}.garment-stage{margin-top:42px;padding:36px 24px 27px;min-height:470px}.garment-stage svg{height:290px}.garment-caption h3{font-size:22px}.garment-caption p{font-size:15px}.intro-grid>p:not(.eyebrow):not(.lead),.equipment-copy>p:not(.eyebrow):not(.lead),.team-grid article>p:not(.role-quote),.offer-body>p:not(.eyebrow):not(.offer-highlight),.faq-list details p{font-size:15px}.faq-list summary{font-size:15px}.care-panel>p:not(.eyebrow):not(.care-panel-note){font-size:15px}.hero-desc{font-size:14px}.offer-notes{font-size:12px}.service-strip{font-size:12px}.hero-image>img{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-thread path,.brand-ribbon>div,.garment-drawing,.garment-orbit{animation:none}.hero-image>img{transform:none!important;will-change:auto}.motion-on .reveal-item:not(.revealed){opacity:1;transform:none}.care-tag{transition:none}}
.care-tag strong{font-size:22px;margin:12px 0;line-height:1.32}@media(max-width:760px){.care-tag strong{font-size:19px;margin:10px 0}}
@media(prefers-reduced-motion:reduce){.hero-thread path,.brand-ribbon>div,.garment-stage .garment-drawing,.garment-orbit{animation:none!important}}