:root{--blue:#12458c;--deep:#092544;--ink:#152f4f;--pale:#edf5fc;--line:#dce7f2;--gold:#c3a270}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.topline{height:4px;background:linear-gradient(100deg,#0b3269,#2d77bd 52%,#a7d2f4)}.header{position:relative;z-index:50;background:#fff;border-bottom:1px solid #e7eef6}.nav{min-height:90px;display:flex;align-items:center;gap:25px}.brand{flex:0 0 198px;display:flex;align-items:center}.brand img{display:block;width:186px;height:auto;max-height:76px;object-fit:contain}.links{margin-left:auto;display:flex;align-items:center;gap:clamp(10px,1.25vw,22px);white-space:nowrap}.links>a,.nav-actions button{font-size:13px;font-weight:650}.links>a{height:90px;display:inline-flex;align-items:center;position:relative}.links>a:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0;background:var(--blue);transform:scaleX(0);transition:transform .2s}.links>a:hover:after,.links>a.active:after{transform:scaleX(1)}.links>a.active{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn,.lang-btn{border:1px solid #e0e9f2;background:white;color:#173e71;min-height:39px;padding:0 10px;border-radius:5px}.lang{position:relative}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;width:146px;padding:6px;background:white;border:1px solid var(--line);box-shadow:0 18px 40px #07244622;border-radius:8px;z-index:100}.lang-menu[hidden],.search[hidden],.mobile-btn{display:none}.lang-menu button{display:block;width:100%;padding:11px;border:0;text-align:left;background:white;border-radius:5px;color:#153e73}.lang-menu button:hover,.lang-menu button.selected{background:var(--pale)}.quote,.primary{background:var(--blue);color:white!important;border:1px solid var(--blue);padding:11px 19px;border-radius:5px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:10px}.quote:hover,.primary:hover{background:#092e62}.search{position:absolute;right:max(32px,calc((100vw - 1220px)/2));top:80px;background:white;border:1px solid var(--line);box-shadow:0 18px 48px #06244822;border-radius:8px;padding:18px;width:min(390px,calc(100vw - 32px));z-index:110}.search input{width:100%;padding:12px;border:1px solid #ccd9e8;border-radius:4px}.search-results a{display:block;padding:9px;border-bottom:1px solid #e7edf3;font-size:14px}.search-results a:hover{color:var(--blue)}.hero{position:relative;min-height:580px;background:var(--deep) url('hero.jpg') center 48%/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,48,.94),rgba(5,35,68,.75) 43%,rgba(4,33,62,.13) 85%)}.hero:after{content:"";position:absolute;right:-170px;bottom:-240px;width:690px;height:450px;border:2px solid #9cc9f744;border-radius:50%;transform:rotate(-20deg)}.hero-inner{position:relative;z-index:1;min-height:580px;display:flex;align-items:center}.hero-copy{max-width:680px;padding:70px 0;color:white}.eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:12px;font-weight:800;color:#a8d1f8}.hero h1{font-size:clamp(43px,5.2vw,76px);line-height:1.13;letter-spacing:-.04em;margin:22px 0;max-width:730px}.hero h1 span{color:#a9d5ff}.hero p{max-width:480px;color:#d9e9fa;font-size:16px;margin-bottom:32px}.sail-mark{position:absolute;right:3%;bottom:14%;width:360px;height:180px;opacity:.22;pointer-events:none;border-top:4px solid #9ed1ff;border-radius:100% 10% 0 0;transform:rotate(-12deg)}.trust{background:#0b2a4c;color:white}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px 16px;border-right:1px solid #ffffff22;display:flex;align-items:center;gap:14px}.trust-item:last-child{border:0}.trust-icon{font-size:24px;color:#a4d4ff}.trust-item strong{display:block;font-size:14px}.trust-item small{display:block;color:#b9d1e9;font-size:12px}.section{padding:88px 0}.section.pale{background:#f4f8fd}.kicker{font-size:11px;letter-spacing:.19em;font-weight:850;color:#216bb4;text-transform:uppercase}.section h2,.page-hero h1{font-size:clamp(29px,3.1vw,45px);line-height:1.2;letter-spacing:-.025em;margin:12px 0 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.text-link{font-weight:750;font-size:14px;color:#14579e}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;box-shadow:0 10px 26px #0d42780d;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0d427822}.product-card img{width:100%;height:180px;object-fit:cover;display:block}.product-card .card-body{min-height:106px;padding:17px 14px 16px;border-top:3px solid #377fc2;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.product-card strong{display:block;font-size:15px;line-height:1.45;overflow-wrap:anywhere}.product-card .arrow{color:#216bb4;font-size:19px;align-self:flex-end}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#eaf4fe;border-radius:12px;padding:32px 10px;margin-top:40px}.stat{text-align:center;border-right:1px solid #c6dcef}.stat:last-child{border:0}.stat b{font-size:32px;color:#0e4587}.stat span{display:block;font-size:13px;color:#506d8d}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split p{color:#526a84}.ship-image{height:370px;width:100%;object-fit:cover;border-radius:12px;box-shadow:22px 22px 0 #e5f1fb}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0}.feature{padding:15px;border-left:3px solid #397bbd;background:#f2f7fc;font-weight:700;font-size:14px}.dark{background:#082644;color:white}.dark p{color:#c4d8e9}.dark .kicker{color:#9cc9f8}.cta{background:linear-gradient(110deg,#0a3268,#0a2243);color:white;padding:55px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:30px;margin:0}.footer{background:#061c35;color:#c5d8ea;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}.footer .brand{display:inline-flex;background:white;padding:7px 12px;border-radius:5px}.footer .brand img{width:170px}.footer a{display:block;padding:5px 0;font-size:13px}.footer h3{color:white;font-size:14px}.footer p{font-size:13px}.footline{border-top:1px solid #ffffff24;margin-top:36px;padding-top:20px;font-size:12px}.page-hero{background:#092848;color:white;padding:83px 0 88px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:470px;height:240px;border-top:3px solid #5eaaee44;border-radius:50%;right:5%;bottom:-90px;transform:rotate(-18deg)}.page-hero h1{max-width:720px;font-size:clamp(38px,4.3vw,60px);margin:16px 0}.page-hero p{max-width:600px;color:#c7dbee}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 28px}.filter{background:white;border:1px solid #cbdbea;color:#16467b;padding:10px 16px;border-radius:5px}.filter.active{background:#1558a3;color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-grid .product-card img{height:220px}.product-grid .card-body{min-height:135px}.product-grid .card-body p{font-size:13px;margin:0;color:#60748b}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:30px;background:white;border:1px solid var(--line);border-top:4px solid #2d76bb;border-radius:6px}.info-card h3{font-size:19px;margin:8px 0}.info-card p{color:#60748b;font-size:14px}.info-card a{font-weight:700;color:#155a9d}.faq{border-bottom:1px solid #dbe5ef}.faq summary{cursor:pointer;padding:20px 0;font-weight:750}.faq p{color:#5b728a;margin:0 0 20px}.form{display:grid;gap:15px}.form label{font-size:13px;font-weight:750}.form input,.form textarea,.form select{display:block;width:100%;margin-top:6px;border:1px solid #cad9e7;border-radius:5px;padding:12px;background:white}.form textarea{min-height:130px}.note{font-size:12px;color:#617992}.mobile-btn{border:1px solid var(--line);background:white;padding:9px;border-radius:4px;color:var(--blue)}.cookie{position:fixed;bottom:18px;left:18px;z-index:200;background:white;border:1px solid var(--line);box-shadow:0 8px 40px #0002;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;max-width:400px;font-size:12px}.cookie[hidden]{display:none}.cookie button{background:var(--blue);color:white;border:0;padding:8px 12px;border-radius:4px;white-space:nowrap}@media(max-width:1150px){.nav{gap:12px}.brand{flex-basis:155px}.brand img{width:155px}.links{gap:10px}.links>a,.nav-actions button{font-size:12px}.quote{padding:10px 11px}}@media(max-width:900px){.nav{min-height:76px}.mobile-btn{display:block;margin-left:auto}.links{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 15px 20px #0002;padding:12px 24px;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links>a{height:46px;border-bottom:1px solid var(--line)}.nav-actions{margin-left:0}.hero,.hero-inner{min-height:540px}.cards{grid-template-columns:repeat(3,1fr)}.split{gap:30px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 34px)}.nav{gap:7px}.brand{flex:0 0 110px}.brand img{width:110px}.nav-actions{gap:4px}.quote{display:none}.lang-btn,.icon-btn{padding:0 7px;font-size:12px}.hero,.hero-inner{min-height:520px}.hero h1{font-size:40px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item{padding:16px 7px}.section{padding:56px 0}.cards,.product-grid,.info-grid{grid-template-columns:1fr 1fr}.product-card img{height:155px}.product-grid .product-card img{height:160px}.split{grid-template-columns:1fr}.ship-image{height:260px}.stats{padding:20px 4px}.stat b{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.cta .wrap{align-items:flex-start;flex-direction:column}.page-hero{padding:55px 0}}@media(max-width:390px){.cards,.product-grid,.info-grid{grid-template-columns:1fr}.brand{flex-basis:100px}.brand img{width:100px}.nav-actions .icon-btn{display:none}}


/* BAIZHOU cinematic entrance */
body.intro-active{overflow:hidden}
.site-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f8f8f5;overflow:hidden;opacity:1;visibility:visible;transition:opacity .9s cubic-bezier(.22,.61,.36,1),visibility .9s}
.site-intro:before,.site-intro:after{content:"";position:absolute;pointer-events:none}
.site-intro:before{inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.8) 48%,transparent 67%);transform:translateX(-120%);animation:introSheen 2.2s .25s cubic-bezier(.22,.61,.36,1) both}
.site-intro:after{left:50%;bottom:0;width:1px;height:18vh;background:linear-gradient(to bottom,transparent,rgba(18,69,140,.16));transform-origin:bottom;animation:introStem 1.5s .75s ease both}
.intro-glow{position:absolute;width:min(70vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(18,69,140,.055) 0,rgba(18,69,140,.018) 40%,transparent 70%);filter:blur(12px);opacity:0;animation:introGlow 2s .2s ease both}
.intro-logo-wrap{position:relative;width:min(58vw,610px);display:flex;flex-direction:column;align-items:center;transform:translateY(10px)}
.intro-logo{display:block;width:100%;height:auto;opacity:0;filter:none;transform:scale(.93);animation:introLogo 1.55s .18s cubic-bezier(.16,1,.3,1) forwards}
.intro-line{width:0;height:1px;margin-top:clamp(18px,2.2vw,28px);background:linear-gradient(90deg,transparent,#b49a70 20%,#b49a70 80%,transparent);opacity:.7;animation:introLine 1.15s .85s cubic-bezier(.16,1,.3,1) forwards}
.intro-caption{margin-top:13px;font-size:10px;font-weight:600;letter-spacing:.34em;color:#728091;opacity:0;transform:translateY(5px);animation:introCaption .8s 1.15s ease forwards}
.site-intro.intro-exit{opacity:0;visibility:hidden;pointer-events:none}
body.intro-active #app{opacity:0;transform:scale(1.012);filter:blur(4px)}
#app{opacity:1;transform:none;filter:none;transition:opacity 1.05s .12s ease,transform 1.25s cubic-bezier(.16,1,.3,1),filter .9s ease}
@keyframes introLogo{0%{opacity:0;filter:none;transform:scale(.93)}55%{opacity:1;filter:none;transform:scale(1)}100%{opacity:1;filter:none;transform:scale(1)}}
@keyframes introLine{to{width:42%}}
@keyframes introCaption{to{opacity:.7;transform:translateY(0)}}
@keyframes introSheen{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes introGlow{0%{opacity:0;transform:scale(.8)}60%,100%{opacity:1;transform:scale(1)}}
@keyframes introStem{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.intro-logo-wrap{width:min(76vw,500px)}.intro-caption{font-size:8px;letter-spacing:.22em}.site-intro:after{height:13vh}}


/* V2 cinematic entrance — logo travels precisely into the live header */
body.intro-active{overflow:hidden}
.site-intro{position:fixed;inset:0;z-index:9999;display:block;overflow:hidden;background:#071f3b;opacity:1;visibility:visible;transition:none}
.site-intro::before{content:"";position:absolute;inset:-8%;background:linear-gradient(90deg,rgba(4,19,39,.96),rgba(7,37,70,.88) 46%,rgba(9,44,79,.68)),url('hero.jpg') center/cover no-repeat;transform:scale(1.08);animation:introBgDrift 4.4s cubic-bezier(.2,.7,.2,1) both}
.site-intro::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(67,126,181,.20),transparent 48%),linear-gradient(115deg,transparent 30%,rgba(160,201,236,.08) 50%,transparent 68%);opacity:.9;animation:introAtmosphere 3.6s ease both}
.intro-glow{position:absolute;z-index:1;left:50%;top:50%;width:min(72vw,900px);height:min(72vw,900px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(116,175,225,.16),rgba(31,91,145,.05) 43%,transparent 70%);filter:blur(18px);opacity:1;animation:none}
.intro-logo-wrap{position:absolute;z-index:3;inset:0;width:auto;display:block;transform:none}
.intro-logo{position:fixed;left:50%;top:50%;width:clamp(250px,34vw,570px);height:auto;display:block;opacity:0;filter:none;transform:translate(-50%,-50%) scale(1);transform-origin:0 0;animation:introLogoReveal 1.25s .2s cubic-bezier(.16,1,.3,1) forwards;will-change:left,top,width,transform,filter,opacity}
.intro-line{position:fixed;z-index:2;left:50%;top:calc(50% + clamp(58px,7vw,105px));width:min(180px,25vw);height:1px;margin:0;transform:translateX(-50%) scaleX(0);background:linear-gradient(90deg,transparent,rgba(184,204,222,.7),transparent);opacity:.8;animation:introLineV2 1s .75s cubic-bezier(.16,1,.3,1) forwards}
.intro-caption{position:fixed;z-index:2;left:50%;top:calc(50% + clamp(78px,9vw,132px));margin:0;transform:translate(-50%,7px);font-size:clamp(8px,.7vw,10px);font-weight:600;letter-spacing:.32em;white-space:nowrap;color:#b8cadb;opacity:0;animation:introCaptionV2 .75s .95s ease forwards}
body.intro-active #app{opacity:.01;transform:scale(1.018);filter:blur(7px)}
#app{opacity:1;transform:none;filter:none;transition:opacity 1.25s cubic-bezier(.2,.7,.2,1),transform 1.45s cubic-bezier(.16,1,.3,1),filter 1.15s ease}
.site-intro.intro-handoff::before{opacity:0;transform:scale(1);transition:opacity 1.45s ease,transform 1.7s cubic-bezier(.16,1,.3,1)}
.site-intro.intro-handoff::after,.site-intro.intro-handoff .intro-glow,.site-intro.intro-handoff .intro-line,.site-intro.intro-handoff .intro-caption{opacity:0;transition:opacity .75s ease}
.site-intro.intro-clear{opacity:0;pointer-events:none;transition:opacity .5s ease}
@keyframes introBgDrift{from{transform:scale(1.08)}to{transform:scale(1.015)}}
@keyframes introAtmosphere{0%{opacity:.35}45%{opacity:1}100%{opacity:.72}}
@keyframes introLogoReveal{0%{opacity:0;filter:none;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}}
@keyframes introLineV2{to{transform:translateX(-50%) scaleX(1)}}
@keyframes introCaptionV2{to{opacity:.78;transform:translate(-50%,0)}}
@media(max-width:900px){.intro-logo{width:clamp(230px,58vw,420px)}.intro-caption{letter-spacing:.22em}.intro-line{top:calc(50% + clamp(54px,11vw,82px))}.intro-caption{top:calc(50% + clamp(74px,15vw,108px))}}
@media(max-width:520px){.intro-logo{width:min(72vw,330px)}.intro-caption{font-size:7px;letter-spacing:.16em}.intro-line{width:120px}}


/* V3 entrance: geometry-based logo handoff; no transform-coordinate mixing */
body.intro-active #app{opacity:.001;transform:scale(1.012);filter:blur(5px)}
#app{transition:opacity 1.8s cubic-bezier(.22,.61,.36,1),transform 2s cubic-bezier(.16,1,.3,1),filter 1.7s ease}
.site-intro.intro-handoff::before{opacity:0;transform:scale(1);transition:opacity 1.9s ease,transform 2.2s cubic-bezier(.16,1,.3,1)}
.site-intro.intro-handoff::after,.site-intro.intro-handoff .intro-glow{opacity:0;transition:opacity 1.45s ease}
.site-intro.intro-handoff .intro-line,.site-intro.intro-handoff .intro-caption{opacity:0;transition:opacity .8s ease}
.site-intro.intro-clear{opacity:0;pointer-events:none;transition:opacity .72s ease}
.intro-logo.v3-flying{animation:none!important;transform:none!important;transform-origin:50% 50%;filter:none;opacity:1;object-fit:contain;will-change:left,top,width,height,filter}

/* Entrance V4 — layered maritime atmosphere + pixel-perfect logo handoff */
.site-intro{background:#061b34}
.site-intro::before{inset:-4%;background:linear-gradient(90deg,rgba(3,17,35,.88),rgba(5,34,65,.72) 48%,rgba(5,29,55,.48)),url('hero.jpg') center 48%/cover no-repeat;transform:scale(1.045);filter:saturate(.78) contrast(1.05);animation:introBgDrift 6s cubic-bezier(.2,.7,.2,1) both;transition:opacity 2.2s ease,transform 2.4s cubic-bezier(.16,1,.3,1),filter 2.2s ease}
.site-intro::after{background:radial-gradient(ellipse at 50% 42%,rgba(86,151,207,.18),transparent 42%),linear-gradient(112deg,transparent 22%,rgba(137,188,230,.09) 47%,transparent 68%);animation:introAtmosphere 5s ease both}
.intro-glow{width:min(78vw,1000px);height:min(64vw,760px);background:radial-gradient(ellipse,rgba(88,151,207,.18),rgba(29,80,128,.06) 45%,transparent 72%);filter:blur(24px)}
.site-intro .intro-logo{z-index:5}
.site-intro.intro-handoff{background:transparent;transition:background 2s ease}
.site-intro.intro-handoff::before{opacity:.18;transform:scale(1);filter:saturate(.9) contrast(1);transition:opacity 2.15s ease,transform 2.4s cubic-bezier(.16,1,.3,1),filter 2s ease}
.site-intro.intro-handoff::after{opacity:.15;transition:opacity 1.8s ease}
body #app{transition:opacity 2s cubic-bezier(.2,.7,.2,1),transform 2.1s cubic-bezier(.16,1,.3,1),filter 1.8s ease}
body.intro-active #app{opacity:.01;transform:scale(1.025);filter:blur(9px)}
body:not(.intro-active) #app{opacity:1;transform:none;filter:none}


/* Entrance V5 — restrained luxury, stable geometry, no decorative line clutter */
.site-intro{background:#061a2f;overflow:hidden}
.site-intro::before{
  inset:-3%;
  background:
    linear-gradient(90deg,rgba(3,17,34,.82) 0%,rgba(5,28,52,.62) 42%,rgba(6,29,52,.50) 72%,rgba(3,17,32,.72) 100%),
    linear-gradient(180deg,rgba(5,25,46,.10),rgba(3,17,32,.34)),
    url('hero.jpg') center 46%/cover no-repeat;
  transform:scale(1.035);
  filter:saturate(.70) contrast(1.06) brightness(.90);
  animation:v5CinematicDrift 6.4s cubic-bezier(.2,.7,.2,1) both;
}
.site-intro::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 46%,rgba(126,169,204,.11) 0%,rgba(64,112,153,.045) 32%,transparent 57%),
    radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(1,10,20,.28) 100%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%,rgba(0,0,0,.08));
  opacity:1;
}
.intro-glow{z-index:2;width:min(70vw,920px);height:min(50vw,600px);background:radial-gradient(ellipse,rgba(116,162,201,.10),rgba(42,91,132,.035) 48%,transparent 72%);filter:blur(34px)}
.intro-line,.intro-caption{display:none!important}
.site-intro .intro-logo{z-index:5}
body.intro-active #app{opacity:.001!important;transform:none!important;filter:blur(7px)!important}
body #app{transform:none!important;transition:opacity 1.9s cubic-bezier(.2,.7,.2,1),filter 1.7s ease!important}
body:not(.intro-active) #app{opacity:1;transform:none!important;filter:none}
.site-intro.intro-handoff::before{opacity:.12;transform:scale(1);filter:saturate(.76) contrast(1.04) brightness(.92);transition:opacity 2.2s ease,transform 2.5s cubic-bezier(.16,1,.3,1),filter 2.2s ease}
.site-intro.intro-handoff::after,.site-intro.intro-handoff .intro-glow{opacity:.06;transition:opacity 1.9s ease}
@keyframes v5CinematicDrift{from{transform:scale(1.065) translate3d(0,0,0)}to{transform:scale(1.02) translate3d(0,-.4%,0)}}


/* Entrance V7 — preserve V5 restraint, optimize motion for compositor smoothness */
.site-intro::before{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0) scale(1.035)}
.site-intro::after,.intro-glow{will-change:opacity;backface-visibility:hidden}
.intro-logo.v7-flying{position:fixed!important;transform-origin:0 0!important;animation:none!important;backface-visibility:hidden;perspective:1000px;z-index:6}
/* The live page only fades/defocuses: never scale it while the logo is targeting the header. */
body.intro-active #app{opacity:.001!important;transform:none!important;filter:blur(5px)!important}
body #app{transform:none!important;transition:opacity 1.85s cubic-bezier(.22,.61,.36,1),filter 1.55s ease!important}
.site-intro.intro-handoff::before{opacity:.10;transform:translateZ(0) scale(1.006);transition:opacity 2.15s ease,transform 2.5s cubic-bezier(.16,1,.3,1)}
.site-intro.intro-handoff::after,.site-intro.intro-handoff .intro-glow{opacity:.035;transition:opacity 1.75s ease}
.site-intro.intro-clear{opacity:0;pointer-events:none;transition:opacity .52s ease}

/* Commerce navigation integration */
.product-nav-group{display:inline-flex;align-items:center;gap:10px}.product-nav-group .nav-mini{font-size:12px;opacity:.78;padding-left:10px;border-left:1px solid rgba(255,255,255,.24)}
@media(max-width:900px){.product-nav-group{display:flex;flex-wrap:wrap}.product-nav-group .nav-mini{font-size:14px}}