/* Feebria: midnight water, neon light, sunshine. Original brand artwork stays intact. */
:root{color-scheme:dark;--ink:#fbf7ff;--muted:#c1b9df;--purple:#eb52eb;--line:#8462be55;--surface:#15103c;--pink:#ff58d5;--blue:#32e6fa}
body{background:#090522;color:var(--ink)}
::selection{background:#e247c8;color:#fff}
.topline{background:#140a36;color:#e4c2ed;border-bottom:1px solid #f254dc44;letter-spacing:.08em}
header{background:#0b0628ed;border-bottom:1px solid #e953d77a;box-shadow:0 3px 22px #e832e51a;height:78px}
.brand{display:block;flex-shrink:0;color:white;line-height:1}
.logo-window{display:block;position:relative;overflow:hidden;width:176px;height:32px;background:#0c053b}
.logo-window img{position:absolute;max-width:none;width:503px;height:auto;left:-35px;top:-36px;display:block}
nav{color:#e6dff5}nav a:hover{color:#41edff}
#locale-trigger{background:#1b103f;border-color:#b674d980;color:#f3e4ff}
#locale-trigger:hover{background:#38205e;border-color:#ff73e9}
.nav-shop,.button{background:linear-gradient(105deg,#d92deb,#f348ad);color:white;box-shadow:0 0 22px #e637d142;border:1px solid #ff9ee588;font-weight:650}
.button:hover,.nav-shop:hover{background:linear-gradient(105deg,#e74ef5,#fa69bb);box-shadow:0 0 30px #f146d66b;transform:translateY(-2px)}
.hero{isolation:isolate;min-height:750px;text-align:left;align-items:flex-start;padding:130px max(6%,calc((100vw - 1200px)/2)) 0;background:radial-gradient(ellipse at 25% 50%,#4b11684d,transparent 65%),#090522;overflow:hidden}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#090522);z-index:-1}
.summer-art{position:absolute;z-index:-2;right:0;top:0;width:62%;height:100%;background-image:url('assets/feebria-summer-reference.jpg');background-size:cover;background-position:center 57%;mask-image:linear-gradient(to right,transparent,#000 22%);-webkit-mask-image:linear-gradient(to right,transparent,#000 22%)}
.shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090522 0%,#090522d9 28%,#09052244 55%,transparent 75%)}
.hero-copy{max-width:610px}.hero .eyebrow{color:#4aeeff;text-shadow:0 0 16px #00d7ff66;font-weight:700}
.hero h1{font-size:clamp(58px,6.4vw,88px);line-height:1.04;letter-spacing:-.055em;max-width:610px;text-shadow:0 4px 32px #090522a6}
.hero h1 em{background:linear-gradient(110deg,#ff85ee,#ff54d6 48%,#ffe06e);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 18px #fb42dc55)}
.hero-copy>p:not(.eyebrow){color:#e3d7ef;font-size:23px;max-width:440px;text-shadow:0 2px 8px #090522}
.hero>img{display:none}
.hero-bottom{margin-top:auto;padding-top:28px;border-color:#ed63da55;position:relative;color:#c8badf;font-size:11px;letter-spacing:.1em}
.hero-bottom span:first-child{color:#68eaf8}
.eyebrow{color:#50e8ee;font-weight:700;letter-spacing:.15em}
.section{position:relative}.collections{background:radial-gradient(ellipse at 100% 8%,#4c0c6040,transparent 45%),#090522}
.section-head>p{color:#bfb3d4}h2{color:#fff}.product-photo{border:1px solid #d75bef66;background:#160d3b;box-shadow:0 0 30px #7c23ca10;border-radius:22px}
.product-photo:hover{border-color:#f375e1;box-shadow:0 0 35px #cf2cc32e}
.photo-wrap{background:radial-gradient(ellipse at center,#fff,#f1eafa);margin:14px 14px 0;border-radius:14px;position:relative}
.photo-caption{background:linear-gradient(120deg,#1d0e47,#130c33)}.photo-caption span{color:#4ee9f6}.photo-caption h3{color:#fff}.photo-caption b{color:#ff8be6}
.collection{border:1px solid #b457d16b;box-shadow:inset 0 0 36px #663a9412;position:relative;background:#170c38}
.collection:before{content:'';position:absolute;top:0;left:28px;right:28px;height:2px;background:linear-gradient(90deg,transparent,#fd58e4,transparent);box-shadow:0 0 12px #fd58e4}
.purple{background:radial-gradient(ellipse at 100% 0,#79339a44,transparent 65%),#160d37}.cyan{background:radial-gradient(ellipse at 100% 0,#13789344,transparent 65%),#101331;border-color:#40d6eb55}.cyan:before{background:linear-gradient(90deg,transparent,#38e9f2,transparent);box-shadow:0 0 12px #38e9f2}.pink{background:radial-gradient(ellipse at 100% 0,#9e216844,transparent 65%),#210c31}.cream{background:radial-gradient(ellipse at 100% 0,#a3712140,transparent 65%),#1b1131}.cream:before{background:linear-gradient(90deg,transparent,#ffce51,transparent);box-shadow:0 0 12px #ffce51}
.card-top{color:#c3a8db}.collection h3{color:#fff}.collection>p{color:#d5c6e8}.card-foot>span{color:#bdafce}.card-foot button{color:#6ceffd;background:#211443;border:1px solid #64daed55}.card-foot button:hover{background:#39205f;color:#fff}
.story{background:radial-gradient(ellipse at 0 20%,#64205c50,transparent 60%),#11092d;border-block:1px solid #ff55d13b}.story-image{border:1px solid #f470e273;box-shadow:0 0 35px #e53fd226;filter:saturate(1.16)}.story h2 em{color:#ff7cdd;text-shadow:0 0 28px #ee41ce55}.story-grid>div>p{color:#c6bad9}.story-grid>div>.story-lead{color:#fbebff}.text-link{color:#50e7f3}
.shop{background:radial-gradient(ellipse at 50% 0,#8a186e55,transparent 65%),radial-gradient(ellipse at 100% 100%,#164d7744,transparent 65%),#090522}.shop>.eyebrow{color:#56e7f6}.shop>p:not(.eyebrow){color:#c4b5d6}.markets a{border:1px solid #f55cdf66;background:#1b0b3e88;box-shadow:inset 0 0 20px #d939ec0a}.markets a:hover{background:#35104b;border-color:#ff8be6;box-shadow:0 0 25px #ec39da30}.markets span{color:#55edfb}.markets strong{color:#fff}.markets small{color:#ff94e6}
.faq{background:#0d0727}.faq-list{border-color:#a467bd66}details{border-color:#a467bd55}summary{color:#eee6fa}summary:after{color:#4ce7f7}details p{color:#c5b8d8}
footer{background:linear-gradient(115deg,#170937,#0a0826);border-top:1px solid #ed60d369;box-shadow:0 -5px 25px #e02dce0e}.footer-top p{color:#ff8ae5}.footer-top>a:last-child{color:#6be9f3}.footer-bottom{color:#ada0c4;border-color:#a064bb55}
dialog{color:#fff;background:radial-gradient(ellipse at top right,#65236855,transparent 65%),#10082e;border:1px solid #f47ce3;box-shadow:0 0 12px #fb57de55,0 0 65px #e12bc933,0 35px 100px #0008}dialog::backdrop{background:#030014b8;backdrop-filter:blur(10px)}dialog p,dialog small{color:#c7b8db}dialog h2{color:#fff}.close{color:#ead5f6}.close:hover{color:#59efff}.locale-brand{margin-bottom:25px}.locale-brand .logo-window{width:176px;height:32px}
#locale-form legend,#language-label{color:#eddff6}#region-options button{background:#170c38;border-color:#785597;color:white}#region-options button:hover{background:#2a124a;border-color:#fa72df}#region-options button[aria-pressed=true]{background:linear-gradient(135deg,#43205b,#241044);border-color:#ff73dc;box-shadow:0 0 19px #fa4bc12b}.region-symbol{background:#291944;color:#5df0fc;border:1px solid #4bcee355}#region-options small{color:#c9b7dc}#locale-language{background:#1b103a;border-color:#9e65bd;color:white}#locale-hint{color:#bdadcf}#dialog-links a{background:#2c164b;color:#6af2fd;border:1px solid #bb58c977}#dialog-links a:hover{background:#4a1f65}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline-color:#56edff}
@media(min-width:1600px){.hero{min-height:820px;padding-top:155px}.summer-art{background-size:cover}}
@media(max-width:1100px){.logo-window{width:151px;height:28px}.logo-window img{width:431px;left:-30px;top:-31px}.hero-copy{max-width:55%}.hero h1{font-size:64px}.hero{min-height:710px;padding-top:110px}.summer-art{width:70%}.locale-brand .logo-window img{width:503px;left:-35px;top:-36px}}
@media(max-width:750px){header{height:68px}.nav-shop{display:none}.hero{padding:64px 6% 0;min-height:0;text-align:center;align-items:center}.hero-copy{max-width:100%}.hero h1{font-size:clamp(46px,9vw,65px);max-width:600px}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:100%}.summer-art{position:relative;order:1;width:calc(100% + 14%);height:480px;margin-top:25px;background-size:cover;background-position:center 57%;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.shade{background:radial-gradient(ellipse at 50% 0,#8c227a28,transparent 65%)}.hero-bottom{order:2;margin-top:0}.hero:after{display:none}.section{padding-top:70px;padding-bottom:70px}.story-image{filter:saturate(1.08)}.photo-wrap{margin:10px 10px 0}.footer-top{gap:24px}}
@media(max-width:480px){.logo-window{width:137px;height:25px}.logo-window img{width:391px;left:-27px;top:-28px}#locale-trigger{font-size:10px;padding:9px}.summer-art{height:390px;background-size:cover}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:19px}.hero-bottom{padding-top:13px}.locale-brand .logo-window img{width:503px;left:-35px;top:-36px}.collection{padding:25px}.collection h3{font-size:31px}}
@media(forced-colors:active){.hero h1 em{color:CanvasText;background:none}.logo-window{forced-color-adjust:none}}

.photo-wrap img{mix-blend-mode:multiply}
@media(max-width:750px){.summer-art{background-size:118% auto;background-position:center 55%}}

.product-photo[hidden]{display:none}
@media(min-width:1050px){.product-photos.has-distributor{grid-template-columns:repeat(3,minmax(0,1fr))}.has-distributor .photo-wrap{height:310px;padding:22px}.has-distributor .photo-caption{padding:25px 24px;flex:1}.has-distributor .photo-caption h3{font-size:25px}.has-distributor .photo-caption b{margin-top:auto}}