:root{--blue:#35b6e5;--ink:#092337;--ease:cubic-bezier(.2,.8,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f3f8fa;color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}h1,h2,h3,p{margin-top:0}.detail-container{width:min(90%,1260px);margin:auto}.detail-nav{position:fixed;top:16px;left:4%;right:4%;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:11px 19px;color:white}.glass-panel{background:linear-gradient(130deg,#ffffff35,#ffffff12 50%,#ffffff21);border:1px solid #ffffff70;box-shadow:inset 0 1px 0 #ffffff7b,0 12px 60px #002d4628;backdrop-filter:blur(24px) saturate(185%);-webkit-backdrop-filter:blur(24px) saturate(185%);border-radius:25px}.detail-brand{display:flex;align-items:center;gap:10px;font:800 17px Manrope,sans-serif;letter-spacing:-.05em}.detail-brand img{height:42px;width:34px;object-fit:contain}.detail-brand i,.detail-footer i,.detail-transition i{font:italic 500 1.18em 'Playfair Display',serif}.detail-back{font-size:12px;font-weight:700;border:1px solid #ffffff69;border-radius:30px;padding:13px 18px}.detail-hero{height:100svh;min-height:620px;position:relative;background:#102d44;overflow:hidden;color:white}.detail-hero-image,.detail-overlay{position:absolute;inset:0;height:100%;width:100%}.detail-hero-image{object-fit:cover;animation:heroKen 13s ease-in-out alternate infinite}.detail-overlay{background:linear-gradient(90deg,#071e34bb,#071e3433),linear-gradient(0deg,#06182eac,transparent 50%)}.detail-hero-content{position:absolute;bottom:11%;left:6%;right:6%;max-width:1000px}.detail-eyebrow,.detail-tagline,.detail-section-title>span{letter-spacing:.18em;font-size:11px;font-weight:800}.detail-hero h1{font:800 clamp(64px,11vw,170px)/1 Manrope,sans-serif;letter-spacing:-.085em;margin:20px 0}.detail-hero p{font-size:clamp(14px,1.6vw,21px);line-height:1.65;max-width:570px}.detail-scroll{display:inline-flex;margin-top:22px;padding:15px 23px;border:1px solid #ffffff8a;border-radius:50px;font-size:12px;font-weight:800;background:#ffffff21;backdrop-filter:blur(16px)}.detail-intro{padding:115px 0;text-align:center;background:radial-gradient(ellipse at 80% 10%,#ceebfa,transparent 40%),#f3f8fa}.detail-tagline{color:#4f8198}.detail-intro h2{font:800 clamp(43px,6.2vw,96px)/1.1 Manrope,sans-serif;letter-spacing:-.07em;max-width:950px;margin:26px auto}.detail-intro h2 span{color:var(--blue)}.detail-intro p{font-size:16px;line-height:1.8;color:#647785;max-width:700px;margin:auto}.detail-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:32px}.detail-tags span{padding:11px 17px;border-radius:40px;border:1px solid #b7d4e2;background:#ffffffa9;font-size:12px;font-weight:700}.detail-feature,.detail-tips,.detail-gallery,.detail-more{padding:100px 0}.detail-feature{background:#e2f0f6}.detail-section-title{margin-bottom:34px}.detail-section-title>span{color:#5c91a8}.detail-section-title h2{font:800 clamp(39px,5vw,72px)/1.11 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0}.detail-section-title i{font:italic 500 1.11em 'Playfair Display',serif}.detail-duo{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch}.detail-image-window{overflow:hidden;border-radius:29px;min-height:500px}.detail-image-window img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s;transform:scale(1.08)}.detail-image-window:hover img{transform:scale(1.19)}.detail-copy{padding:clamp(25px,4vw,60px);background:linear-gradient(130deg,#ffffffab,#ffffff65);border:1px solid #fff;display:flex;flex-direction:column;justify-content:center}.detail-copy>span{font-size:10px;letter-spacing:.16em;color:#56849a;font-weight:800}.detail-copy h3{font:800 clamp(29px,3vw,49px)/1.16 Manrope,sans-serif;letter-spacing:-.055em;margin:24px 0}.detail-copy p,.detail-tip p{color:#5a7484;line-height:1.8}.detail-copy>a{margin-top:25px;font-weight:800;font-size:13px}.detail-tips{background:radial-gradient(circle at 25% 30%,#e4f8ff,#eef0f9 60%,#dceaf8)}.detail-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detail-tip{padding:31px;background:linear-gradient(130deg,#ffffffad,#ffffff50);border-color:#fff;min-height:270px}.detail-tip>span{font-size:11px;color:#408db5;font-weight:800}.detail-tip h3{font:800 24px Manrope,sans-serif;letter-spacing:-.045em;margin:32px 0 15px}.detail-tip p{font-size:14px}.detail-gallery{background:#061d30;color:white;overflow:hidden}.detail-gallery .detail-section-title>span{color:#7db5d5}.detail-gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 5vw 15px;scrollbar-width:none}.detail-gallery-track::-webkit-scrollbar{display:none}.detail-gallery-tile{flex:0 0 clamp(270px,49vw,670px);height:clamp(350px,46vw,570px);overflow:hidden;border-radius:29px;scroll-snap-align:center;background:#12344d}.detail-gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s,filter .7s;filter:saturate(.7)}.detail-gallery-tile:hover img{transform:scale(1.07);filter:saturate(1.1)}.detail-gallery-controls{display:flex;gap:12px;align-items:center;margin-top:28px}.detail-gallery-controls button{width:47px;height:47px;border-radius:50%;color:white;background:#ffffff24;border:1px solid #ffffff70;font-size:18px}.detail-gallery-controls small{letter-spacing:.15em;margin-left:15px;color:#a3c4d8}.detail-more{background:#f3f8fa}.detail-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-more-grid a{display:block;border-radius:24px;overflow:hidden;background:white;box-shadow:0 10px 35px #12345114}.detail-more-grid img{height:230px;width:100%;object-fit:cover;transition:transform .8s}.detail-more-grid a:hover img{transform:scale(1.06)}.detail-more-grid span{display:block;font:800 18px Manrope,sans-serif;padding:20px}.detail-footer{padding:38px 5%;background:#071b2c;color:white;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px}.detail-footer p{margin:0}.detail-transition{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;color:white;background:#08283e;font:800 clamp(30px,6vw,72px) Manrope,sans-serif;letter-spacing:-.06em;transform:translateY(105%);transition:transform .65s cubic-bezier(.76,0,.24,1);pointer-events:none}body.is-leaving .detail-transition{transform:translateY(0)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .75s,transform .75s}[data-reveal].visible{opacity:1;transform:none}@keyframes heroKen{to{transform:scale(1.10)}}@media(max-width:760px){.detail-nav{top:10px;left:12px;right:12px}.detail-brand{font-size:14px}.detail-brand img{width:27px;height:34px}.detail-back{font-size:11px}.detail-hero{min-height:600px}.detail-hero-content{bottom:11%;left:6%}.detail-hero h1{font-size:clamp(49px,13vw,88px);overflow-wrap:anywhere}.detail-intro,.detail-feature,.detail-tips,.detail-gallery,.detail-more{padding:70px 0}.detail-duo,.detail-tips-grid{grid-template-columns:1fr}.detail-image-window{min-height:360px}.detail-copy{min-height:330px}.detail-intro h2{font-size:clamp(37px,9vw,62px)}.detail-more-grid{grid-template-columns:1fr 1fr;gap:12px}.detail-more-grid a:last-child{grid-column:span 2}.detail-more-grid img{height:175px}.detail-gallery-tile{flex-basis:82vw;height:410px}.detail-footer{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}.detail-transition{display:none}}