/* V9 : décor de marque construit en CSS, léger et disponible hors connexion. */
.storefront .about-immersive{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:570px;padding:65px 6% 45px;background:#101010;color:white;display:flex;align-items:center}
.about-heading-copy{position:relative;z-index:2;width:66%;min-width:0}.storefront .about-immersive h1{font-size:clamp(53px,6.4vw,102px);font-weight:950;line-height:1.06;letter-spacing:-4px;margin:30px 0}.storefront .about-immersive h1 span{color:#ff762f;text-shadow:0 0 60px #ff641f20}.about-heading-copy>p:last-of-type{color:#ddd;font-size:15px;line-height:1.8}.about-discover{display:inline-flex;align-items:center;gap:30px;padding:15px 20px;border:1px solid #ffffff50;border-radius:30px;margin-top:16px;font-size:12px;background:#ffffff08;transition:background .2s}.about-discover:hover{background:#ff641f;color:#111;border-color:#ff641f}.about-discover span{font-size:20px}.about-signature{display:flex;align-items:center;gap:25px;color:#b7b7b7;font-size:8px;letter-spacing:2px;margin-top:45px}.about-signature>span{padding-left:25px;border-left:1px solid #ffffff40;color:#ffad83}
/* Superposer lumière, quadrillage et monogramme en gardant le texte au premier plan. */
.about-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#101010 2%,#101010d9 36%,#10101008 85%)}.about-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(ellipse,#ff5c1f66,transparent 65%);right:-90px;top:-140px;animation:ambient-drift 12s ease-in-out infinite alternate}.glow-b{width:400px;height:400px;right:20%;top:auto;bottom:-300px;background:radial-gradient(ellipse,#ff762f55,transparent 70%);animation-delay:-6s}.about-perspective{position:absolute;inset:-30% -20% -40% 40%;background-image:linear-gradient(#ffac7110 1px,transparent 1px),linear-gradient(90deg,#ffac7110 1px,transparent 1px);background-size:55px 55px;transform:perspective(700px) rotateX(30deg) rotateZ(-17deg);mask-image:linear-gradient(90deg,transparent,#000)}.about-outline{position:absolute;bottom:-30px;left:40%;font-size:clamp(130px,20vw,320px);font-weight:950;letter-spacing:-15px;color:transparent;-webkit-text-stroke:1px #ffffff12;white-space:nowrap;transform:rotate(-10deg)}
.about-emblem{position:absolute;right:9%;top:19%;width:270px;height:310px;transform:rotate(-12deg);border:1px solid #ffffff35;border-radius:24px;background:linear-gradient(135deg,#ffffff13,#ffffff02);box-shadow:20px 30px 90px #0007,inset 0 1px 0 #ffffff20;display:flex;align-items:center;justify-content:center;animation:emblem-float 8s ease-in-out infinite}.about-emblem>span{font-size:200px;font-weight:950;line-height:1;color:#ffffffed;letter-spacing:-25px;transform:translate(-15px,-12px)}.about-emblem>b{position:absolute;right:-25px;bottom:45px;background:#ff641f;color:#111;padding:5px 20px;font-size:85px;font-weight:950;line-height:1.2;transform:rotate(10deg);box-shadow:0 10px 30px #0004}.about-emblem>i{position:absolute;right:-40px;top:-45px;font-size:90px;color:#ff762f;font-style:normal;animation:emblem-spin 35s linear infinite}.about-emblem>small{position:absolute;bottom:20px;font-size:7px;letter-spacing:2px;color:#ddd}.about-orbit{position:absolute;right:1%;top:6%;width:520px;height:420px;border:1px solid #ff8f4b28;border-radius:50%;transform:rotate(-32deg)}.about-orbit.orbit-b{right:5%;top:16%;width:430px;height:330px;transform:rotate(30deg);border-color:#ffffff16}#notre-histoire{scroll-margin-top:25px}
@keyframes ambient-drift{to{transform:translate(-45px,45px) scale(1.15)}}@keyframes emblem-float{50%{transform:translateY(-16px) rotate(-8deg)}}@keyframes emblem-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.about-heading-copy{width:68%}.about-emblem{right:5%;width:210px;height:260px;top:25%}.about-emblem>span{font-size:165px}.about-emblem>b{font-size:65px;right:-10px}.about-emblem>i{font-size:70px;right:-15px}.about-orbit{right:-110px}.storefront .about-immersive h1{font-size:clamp(48px,6.3vw,78px);letter-spacing:-3px}}
@media(max-width:650px){.storefront .about-immersive{padding:36px 6% 30px;min-height:660px;align-items:flex-start}.about-heading-copy{width:100%}.storefront .about-immersive h1{font-size:clamp(42px,10vw,65px);letter-spacing:-2px;margin:23px 0}.about-heading-copy>p:last-of-type{font-size:13px;max-width:260px}.about-signature{margin-top:270px;font-size:7px;gap:12px;letter-spacing:1px;flex-wrap:wrap}.about-signature>span{padding-left:12px}.about-emblem{top:auto;bottom:65px;right:18%;width:170px;height:190px}.about-emblem>span{font-size:130px}.about-emblem>b{font-size:53px;bottom:33px;right:-15px;padding:0 15px}.about-emblem>small{font-size:5px;bottom:13px;letter-spacing:1px}.about-emblem>i{font-size:57px;top:-20px;right:-35px}.about-glow{top:auto;bottom:-140px;right:-200px}.glow-b{bottom:0;right:25%}.about-orbit{top:auto;bottom:0;right:-60px;width:400px;height:300px}.about-orbit.orbit-b{top:auto;bottom:40px;right:-20px;width:310px;height:230px}.about-outline{left:0;bottom:60px;font-size:150px;letter-spacing:-10px}.about-perspective{inset:35% -60% -15% 0}.about-atmosphere{background:linear-gradient(#101010 2%,#10101000 100%)}.about-discover{font-size:11px;padding:12px 17px}}
@media(prefers-reduced-motion:reduce){.about-atmosphere *{animation:none!important}.about-discover{transition:none}}
/* V10 : préserver le portrait et le vêtement lors du cadrage responsive. */
.storefront .main-fashion>img{object-fit:cover;object-position:50% 45%}.storefront .small-fashion>img{object-fit:cover;object-position:50% 40%}.storefront .campaign>img{object-position:50% 43%}.storefront .about-frame>img{object-fit:contain;height:560px;background:#171717}.storefront .about-photo{max-height:330px;object-fit:contain;background:#171717}.storefront .catalog-hero-art>img{object-fit:contain;border-radius:8px}
@media(max-width:650px){.storefront .about-frame>img{height:440px}.storefront .campaign{min-height:470px}.storefront .campaign>img{object-position:52% 42%}.storefront .small-fashion>img{object-position:50% 38%}}