/* Screen 03: ruby glass, warm light and a readable, localized HTML composition. */
body.couture--home .story-approach{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:52px 0 50px;color:#FFF5E8;background:radial-gradient(ellipse 36% 69% at 23% 58%,#8D243538,transparent 80%),radial-gradient(ellipse 34% 25% at 28% 85%,#C56D2F30,transparent 75%),#26040F}
body.couture--home .story-approach:before{display:none}
body.couture--home .story-approach+.story-divider{display:none}
body.couture--home .story-approach .approach-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.98fr);grid-template-areas:"scene copy";align-items:center;gap:clamp(40px,4vw,72px);width:min(1560px,calc(100% - 112px));min-height:550px}
body.couture--home .story-approach .approach-copy{position:relative;grid-area:copy;z-index:3;padding:0;max-width:680px}
body.couture--home .story-approach .story-eyebrow{display:flex;align-items:center;gap:20px;font:500 10px/1.6 Onest,Arial,sans-serif;letter-spacing:.19em;color:#F1CB81;margin:0 0 23px}
body.couture--home .story-approach .story-eyebrow:after{content:"";height:1px;width:160px;background:linear-gradient(90deg,#E0B76A,#B37B2E00)}
body.couture--home .story-approach h2{font:500 clamp(44px,4.1vw,66px)/1.09 Lora,Georgia,serif;letter-spacing:-.045em;max-width:none;color:#FFF5E8;margin:0}
body.couture--home .story-approach h2 em{display:inline;font:italic 500 1em/1.09 Lora,Georgia,serif;letter-spacing:-.04em;color:#F2C575;background:none;-webkit-text-fill-color:currentColor}
body.couture--home .story-approach .approach-summary{font:400 15px/1.75 Onest,Arial,sans-serif;color:#F1DDD1;max-width:490px;margin:25px 0 0}
body.couture--home .story-approach .approach-motto{border-left:2px solid #F2C575;margin:24px 0 0;padding:0 0 0 17px;font:italic 500 clamp(19px,1.8vw,27px)/1.45 Lora,Georgia,serif;color:#F2D28C;max-width:600px}
body.couture--home .story-approach .approach-features{display:flex;list-style:none;gap:0;padding:0;margin:31px 0 0;max-width:560px}
body.couture--home .story-approach .approach-features li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;padding:0 20px;border-left:1px solid #AE775B3D}
body.couture--home .story-approach .approach-features li:first-child{border-left:0;padding-left:0}
body.couture--home .story-approach .approach-features svg{display:block;width:38px;height:38px;flex:none;color:#F2C575}
body.couture--home .story-approach .approach-features span{font:400 13px/1.5 Onest,Arial,sans-serif;color:#FFF0E3}
body.couture--home .story-approach .approach-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin:37px 0 0}
body.couture--home .story-approach .approach-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 29px;border:1px solid #F6D18D;border-radius:999px;background:linear-gradient(115deg,#E9AF50,#FFE2A4 60%,#E8B665);color:#38131E;font:650 13px/1.5 Onest,Arial,sans-serif;box-shadow:inset 0 1px #FFF3CD,0 12px 25px #16020C38;transition:box-shadow .2s,background .2s}
body.couture--home .story-approach .approach-cta:hover{background:linear-gradient(115deg,#F4C36C,#FFEBBD 60%,#F0C47F);box-shadow:0 0 25px #E9B05726}
body.couture--home .story-approach .approach-more{display:inline-block;padding:5px 0;border-bottom:1px solid #C6A46B;color:#FFF3E5;font:400 13px/1.5 Onest,Arial,sans-serif}
body.couture--home .story-approach :is(.approach-cta,.approach-more):focus-visible{outline:2px solid #FFE2A3;outline-offset:5px}
body.couture--home .story-approach .approach-scene{position:relative;grid-area:scene;isolation:isolate;aspect-ratio:660/560;width:100%;max-width:820px;container-type:inline-size}
body.couture--home .story-approach .approach-scene:before{content:"";position:absolute;inset:40% 2% -10% 13%;z-index:0;background:radial-gradient(ellipse,#E8A25226,transparent 65%);pointer-events:none}
body.couture--home .story-approach .approach-scene:after{content:"";position:absolute;left:14%;right:-6%;bottom:-2%;height:20%;z-index:0;background:radial-gradient(ellipse at 30% 50%,#FCA24940,transparent 52%),radial-gradient(ellipse at 80% 50%,#FFCC6C33,transparent 60%);pointer-events:none}
body.couture--home .story-approach .approach-ring{position:absolute;inset:-7% -8% -8% -15%;display:block;z-index:1;pointer-events:none}
body.couture--home .story-approach .approach-ring img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 15px #0D000AA3)}
body.couture--home .story-approach .approach-orbits{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none}
body.couture--home .story-approach .approach-connector{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
body.couture--home .story-approach :is(.approach-connector--tablet,.approach-connector--mobile){display:none}
body.couture--home .story-approach .approach-flow{position:absolute;inset:0;list-style:none;padding:0;margin:0;z-index:3}
body.couture--home .story-approach .approach-glass{position:absolute;display:grid;grid-template-columns:30px minmax(0,1fr);align-content:center;align-items:center;gap:12px;margin:0;padding:19px 17px 13px;border:1px solid #F2C575B3;border-radius:12px;background:linear-gradient(135deg,#8F5845D9,#4F1425D9 48%,#754030D9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 1px 1px 2px #FFDCB659,inset 0 -1px 2px #FFC48A73,0 12px 24px #14010A59;transform:skewX(-10deg);color:#FFF4E5}
body.couture--home .story-approach .approach-number{position:absolute;top:7px;right:12px;font:500 10px/1 Onest,Arial,sans-serif;letter-spacing:.07em;color:#F2C575;transform:skewX(10deg)}
body.couture--home .story-approach .approach-glass:after{content:"";position:absolute;left:13%;right:13%;height:1px;bottom:0;background:linear-gradient(90deg,transparent,#FFE7B2,transparent);box-shadow:0 1px 8px #FFAB58C7;pointer-events:none}
body.couture--home .story-approach .approach-glass>svg,body.couture--home .story-approach .approach-glass>div,body.couture--home .story-approach .approach-glass>strong{transform:skewX(10deg)}
body.couture--home .story-approach .approach-glass>svg{display:block;width:30px;height:30px;color:#F7D690;flex:none}
body.couture--home .story-approach .approach-glass strong{display:block;color:#FFF9EF;font:600 clamp(13px,2.7cqw,19px)/1.3 Onest,Arial,sans-serif}
body.couture--home .story-approach .approach-glass p{margin:4px 0 0;font:400 clamp(11px,2cqw,14px)/1.4 Onest,Arial,sans-serif;color:#FFF0E1}
body.couture--home .story-approach .approach-step-1{left:8%;top:16%;width:48%;height:17.5%}
body.couture--home .story-approach .approach-step-2{left:16%;top:36%;width:52%;height:18%}
body.couture--home .story-approach .approach-step-3{left:25%;top:56%;width:54%;height:18%}
body.couture--home .story-approach .approach-growth{left:39%;top:77%;width:58%;height:22%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:4px;padding:20px 19px 12px}
body.couture--home .story-approach .approach-growth>strong{font-size:clamp(13px,2.7cqw,19px)}
body.couture--home .story-approach .approach-growth>.approach-growth-chart{display:block;width:100%;height:100%;margin-top:0;transform:skewX(10deg)}
/* Draw the route while leaving the cards in their final positions. */
body.couture--home .story-approach .approach-link path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
body.couture--home .story-approach .approach-link-bloom{stroke:#FFB855;stroke-width:5px;opacity:.18}
body.couture--home .story-approach .approach-link-line{stroke:#FFE3A4;stroke-width:1px}
body.couture--home .story-approach[data-reveal] .approach-link path{stroke-dasharray:1;stroke-dashoffset:1}
body.couture--home .story-approach[data-reveal="visible"] .approach-link path{animation:approach-draw 500ms ease-out forwards;animation-delay:calc(140ms + var(--link)*240ms)}
body.couture--home .story-approach[data-reveal="visible"] .approach-link-dots{animation:approach-dots-in 800ms ease-out both}
@keyframes approach-draw{to{stroke-dashoffset:0}}
@keyframes approach-dots-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){body.couture--home .story-approach{padding:62px 0 64px}body.couture--home .story-approach .approach-layout{min-height:620px}body.couture--home .story-approach .approach-summary{font-size:17px;max-width:540px}body.couture--home .story-approach .approach-features span{font-size:15px}body.couture--home .story-approach .approach-actions{margin-top:46px}body.couture--home .story-approach .approach-cta{min-height:58px;font-size:15px;padding:16px 33px}body.couture--home .story-approach .approach-more{font-size:15px}}
@media(max-width:1150px) and (min-width:801px){body.couture--home .story-approach .approach-layout{width:calc(100% - 64px);gap:12px;min-height:540px}body.couture--home .story-approach h2{font-size:44px}body.couture--home .story-approach .approach-summary{font-size:14px}body.couture--home .story-approach .approach-motto{font-size:21px}body.couture--home .story-approach .approach-features li{padding-right:10px;padding-left:14px}body.couture--home .story-approach .approach-features li:first-child{padding-left:0}body.couture--home .story-approach .approach-features span{font-size:12px}body.couture--home .story-approach .approach-glass{padding:10px 12px;grid-template-columns:24px minmax(0,1fr);gap:9px}body.couture--home .story-approach .approach-glass>svg{width:24px;height:24px}body.couture--home .story-approach .approach-glass strong{font-size:13px}body.couture--home .story-approach .approach-glass p{font-size:10px}.approach-growth-chart{max-height:75px}}
@media(max-width:800px){
 body.couture--home .story-approach{padding:41px 0 24px}
 body.couture--home .story-approach .approach-layout{display:flex;flex-direction:column;align-items:stretch;gap:19px;width:calc(100% - 40px);min-height:0}
 body.couture--home .story-approach .approach-copy{max-width:650px}
 body.couture--home .story-approach .story-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:22px;gap:18px}
 body.couture--home .story-approach .story-eyebrow:after{width:120px}
 body.couture--home .story-approach h2{font-size:clamp(35px,6.7vw,52px);line-height:1.12;letter-spacing:-.045em}
 body.couture--home .story-approach .approach-summary{font-size:14px;line-height:1.75;max-width:550px;margin-top:22px}
 body.couture--home .story-approach .approach-motto{font-size:21px;line-height:1.5;margin-top:23px;padding-left:15px;max-width:550px}
 body.couture--home .story-approach .approach-features{margin-top:28px;max-width:580px}
 body.couture--home .story-approach .approach-features li{padding:0 17px;gap:10px}
 body.couture--home .story-approach .approach-features li:first-child{padding-left:0}
 body.couture--home .story-approach .approach-features svg{width:34px;height:34px}
 body.couture--home .story-approach .approach-features span{font-size:12px;line-height:1.5}
 body.couture--home .story-approach .approach-actions{margin-top:28px;gap:19px}
 body.couture--home .story-approach .approach-cta{min-height:50px;font-size:13px;padding:14px 25px}
 body.couture--home .story-approach .approach-more{font-size:12px}
 body.couture--home .story-approach .approach-scene{height:510px;aspect-ratio:auto;max-width:650px;margin:0 auto;container-type:normal}
 body.couture--home .story-approach .approach-ring{inset:-2% -7% -4% -2%}
 body.couture--home .story-approach .approach-glass{padding:12px 17px;grid-template-columns:29px minmax(0,1fr);gap:12px}
 body.couture--home .story-approach .approach-glass strong{font-size:16px}
 body.couture--home .story-approach .approach-glass p{font-size:12px}
 body.couture--home .story-approach .approach-step-1{left:6%;width:51%;top:10%;height:17.5%}
 body.couture--home .story-approach .approach-step-2{left:12%;width:59%;top:30%;height:18.5%}
 body.couture--home .story-approach .approach-step-3{left:23%;width:62%;top:51%;height:19%}
 body.couture--home .story-approach .approach-growth{left:43%;width:55%;top:73%;height:25%;padding:14px 21px}
 body.couture--home .story-approach .approach-connector--desktop{display:none}
 body.couture--home .story-approach .approach-connector--tablet{display:block}
 body.couture--home .story-approach .approach-orbits{display:none}
}
@media(max-width:480px){
 body.couture--home .story-approach .approach-connector--tablet{display:none}
 body.couture--home .story-approach .approach-connector--mobile{display:block}
 body.couture--home .story-approach .approach-features li{padding:0 10px}
 body.couture--home .story-approach .approach-features span{font-size:11px}
 body.couture--home .story-approach .approach-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}
 body.couture--home .story-approach .approach-more{align-self:center}
 body.couture--home .story-approach .approach-scene{height:430px;margin-top:0}
 body.couture--home .story-approach .approach-ring{inset:0 -18% 0 -18%}
 body.couture--home .story-approach .approach-glass{grid-template-columns:25px minmax(0,1fr);gap:10px;padding:10px 15px;border-radius:11px}
 body.couture--home .story-approach .approach-glass>svg{width:25px;height:25px}
 body.couture--home .story-approach .approach-glass strong{font-size:14px}
 body.couture--home .story-approach .approach-glass p{font-size:11px;line-height:1.4}
 body.couture--home .story-approach .approach-step-1{left:3%;top:4%;width:68%;height:18.5%}
 body.couture--home .story-approach .approach-step-2{left:7%;top:25%;width:75%;height:19.5%}
 body.couture--home .story-approach .approach-step-3{left:15%;top:47%;width:79%;height:20%}
 body.couture--home .story-approach .approach-growth{left:29%;top:70%;width:69%;height:27%;display:grid;padding:18px 21px 11px}
 body.couture--home .story-approach .approach-growth>strong{font-size:16px}
 body.couture--home .story-approach .approach-growth>.approach-growth-chart{height:100%;max-height:none}
}
@media(prefers-reduced-motion:reduce){body.couture--home .story-approach :is(.approach-cta,.approach-more){transition:none}body.couture--home .story-approach[data-reveal] .approach-link-dots{animation:none;opacity:1}body.couture--home .story-approach[data-reveal] .approach-glass{transform:skewX(-10deg)}body.couture--home .story-approach[data-reveal] .approach-link path{animation:none;stroke-dashoffset:0}}

/* Reusable glass response: the rim and reflection react on every pointer entry. */
body.couture--home .story-approach .approach-glass{transition:border-color 220ms ease,box-shadow 260ms ease}
body.couture--home .story-approach .approach-glass:before{content:"";position:absolute;z-index:0;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 37%,#FFF1C921 47%,#FFF5D84D 50%,#FFD8911A 54%,transparent 64%),radial-gradient(ellipse at 10% 0,#FFD99524,transparent 78%);background-size:240% 100%,100% 100%;background-position:130% 0,0 0;background-repeat:no-repeat;opacity:0;transition:opacity 220ms ease,background-position 720ms cubic-bezier(.2,.6,.25,1)}
body.couture--home .story-approach .approach-glass>:is(svg,div,strong){position:relative;z-index:1}
body.couture--home .story-approach .approach-glass:after{transition:box-shadow 240ms ease}
@media(hover:hover) and (pointer:fine){
 body.couture--home .story-approach .approach-glass:hover{border-color:#FFE7AC;box-shadow:inset 1px 1px 3px #FFF1C994,inset 0 -1px 3px #FFD182B3,0 12px 26px #14010A59,0 0 0 1px #E8B56280,0 0 24px #E5A94B52}
 body.couture--home .story-approach .approach-glass:hover:before{opacity:1;background-position:-30% 0,0 0}
 body.couture--home .story-approach .approach-glass:hover:after{box-shadow:0 1px 12px 2px #FFC571BF}
}
@media(hover:none){body.couture--home .story-approach .approach-glass:active{border-color:#FFE7AC;box-shadow:inset 1px 1px 3px #FFF1C980,inset 0 -1px 3px #FFD18299,0 0 16px #E5A94B40}body.couture--home .story-approach .approach-glass:active:before{opacity:1;background-position:45% 0,0 0}}
@media(prefers-reduced-motion:reduce){body.couture--home .story-approach .approach-glass,body.couture--home .story-approach .approach-glass:before,body.couture--home .story-approach .approach-glass:after{transition:none}body.couture--home .story-approach .approach-glass:before{background-image:radial-gradient(ellipse at 10% 0,#FFD99524,transparent 78%);background-size:100% 100%;background-position:0 0}}

/* The last card is the visual outcome of the preceding three steps. */
body.couture--home .story-approach .approach-growth{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);border-color:#FFDEA0;background:linear-gradient(135deg,#B07949E6,#68233AE8 52%,#9D6338E6);box-shadow:inset 1px 1px 3px #FFF0C599,inset 0 -1px 3px #FFD181A6,0 12px 26px #14010A66,0 0 0 1px #E8B56259,0 0 26px #E5A94B47}
body.couture--home .story-approach .approach-growth>strong{font-weight:700;color:#FFE3A3;text-shadow:0 1px 10px #DA9C4233}
body.couture--home .story-approach .approach-growth>.approach-growth-chart{filter:drop-shadow(0 0 3px #FFC66D40)}
body.couture--home .story-approach .approach-growth:after{left:5%;right:5%;background:linear-gradient(90deg,transparent,#FFF0BE 30%,#FFE1A0 70%,transparent);box-shadow:0 1px 12px 1px #FFC571B3}