/* Avelis — The Dressing Room. Local preview, October 2026. */
:root{--cream:#f7f3ed;--ink:#283446;--text-primary:#283446;--text-secondary:#5c5c69;--text-muted:#6b6570;--rose:#a34560;--blush:#efd7db;--blue:#c5d3de;--gold:#b6a17a;--gold-dark:#7f653e;--focus:#a34560;--line:#d9d2ca}
::selection{background:#edbccc;color:#283446}
header{height:94px;padding:0 5%;gap:24px;background:rgba(247,243,237,.97)}
.logo{font-size:36px;letter-spacing:-2px}.logo span{font-size:8px;letter-spacing:2px}.utilities small:empty{display:none}
nav{gap:25px}nav a:hover,nav a[aria-current=page]{color:var(--rose)}
.announcement{font-size:10px;letter-spacing:1.6px;padding:7px 15px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
.section{max-width:none;padding:80px max(5%,calc((100vw - 1440px)/2))}
.btn{background:var(--ink);color:var(--cream);border:1px solid var(--ink);border-radius:2px;min-height:48px;letter-spacing:.02em;box-shadow:none;padding:14px 23px;font-size:15px}
.btn:hover:not(:disabled){background:var(--rose);color:white;border-color:var(--rose);transform:translateY(-2px)}
.btn.outline,.btn-quick{background:transparent;color:var(--ink);border:1px solid #b6aaa9}
.btn:disabled{background:#ece8e3;color:#68686f;border-color:#d4cec7;opacity:1;cursor:not-allowed}
.text-link{color:var(--ink);font-size:15px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--rose)}
h2 em,h1 em{font-weight:400;color:var(--rose)}
.wonder-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:.95fr 1.1fr;align-items:center;min-height:640px;max-width:1800px;margin:auto;padding:42px 5% 50px;overflow:hidden;background:radial-gradient(ellipse at 75% 42%,#efd7db 0,transparent 50%),linear-gradient(115deg,#f7f3ed 43%,#e8e7ec 100%)}
.wonder-hero:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#b6a17a55 .7px,transparent .7px);background-size:12px 12px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.wonder-copy{padding:20px 0;position:relative;z-index:2}.wonder-copy .eyebrow{margin-bottom:28px;font-size:10px;color:#6b5360}
.wonder-copy h1{font-size:clamp(54px,5.6vw,88px);line-height:.99;letter-spacing:-4px;margin-bottom:24px;max-width:650px}.wonder-copy h1 em{display:inline-block;font-weight:400}
.wonder-copy p{font-size:16px;max-width:350px;margin-bottom:26px;line-height:1.8}
.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-actions .btn{display:inline-flex;gap:22px;align-items:center}
.hero-footnote{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.8px;margin-top:35px;color:#6f6470;line-height:1.5}.mini-star{font-size:38px;color:var(--rose)}
.hero-orbit{position:absolute;z-index:-1;right:0;top:-180px;width:740px;height:920px;border:1px solid #b6a17a70;border-radius:50%;transform:rotate(30deg)}
.hero-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #b6a17a55;border-radius:50%}
.hero-spark{position:absolute;color:var(--rose);pointer-events:none}.spark-one{top:4%;left:48%;font-size:85px}.spark-two{bottom:9%;left:43%;font-size:33px}
.wonder-board{position:relative;min-width:0;height:560px;margin-left:35px}.board-caption{position:absolute;right:13%;top:5px;font-size:9px;letter-spacing:2px;color:#665b68}
.photo-frame{position:absolute;background:#fffaf4;padding:12px 12px 0;box-shadow:0 12px 26px #28344622;transition:transform .4s ease;display:block}
.photo-frame img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e1ded7}.photo-frame:hover{transform:rotate(0deg) translateY(-5px);z-index:3}
.frame-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 2px;font-size:11px;color:#645363}.frame-caption>span{font-size:18px}
.frame-main{width:60%;max-width:320px;left:1%;top:35px;transform:rotate(-7deg)}.frame-main:before{content:'';position:absolute;top:-11px;left:33%;height:28px;width:95px;background:#e1c8a6aa;transform:rotate(4deg)}
.frame-side{width:44%;max-width:235px;right:0;top:170px;transform:rotate(8deg)}
.new-seal{position:absolute;right:4%;top:24px;width:108px;height:108px;border-radius:50%;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);border:1px dashed var(--cream);outline:5px solid var(--ink);box-shadow:0 6px 12px #28344620}.new-seal strong{font:40px Georgia;line-height:1.15}.new-seal span{font-size:7px;letter-spacing:1px}
.board-script{position:absolute;left:3%;bottom:0;font:italic 32px Georgia;color:var(--rose);transform:rotate(-5deg)}
.wonder-ribbon{display:flex;justify-content:space-evenly;align-items:center;gap:24px;flex-wrap:wrap;background:var(--ink);color:#f7f3ed;padding:20px;font-size:10px;letter-spacing:2.4px;border-top:1px solid #b6a17a;border-bottom:1px solid #b6a17a}.wonder-ribbon i{font-size:20px;color:#deb1bc;font-style:normal}
.chapter-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.chapter-heading h2{font-size:clamp(36px,3.8vw,58px);line-height:1.06;letter-spacing:-1.7px;margin:0}.chapter-heading p{font-size:15px;margin:0;max-width:400px}.chapter-aside{min-width:280px}.chapter-aside p{margin-bottom:20px}.rail-controls{display:flex;align-items:center;gap:10px}.rail-controls button{border:1px solid #b6aaa9;width:44px;height:44px;background:transparent;border-radius:50%;font-size:20px}.rail-controls button:hover{color:white;background:var(--rose);border-color:var(--rose)}.rail-controls .text-link{margin-left:15px}
.new-chapter{background:#f7f3ed}.new-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b78896 #e7ded8;padding:8px 2px 22px}.new-rail .card{scroll-snap-align:start;min-width:0}.rail-hint{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;letter-spacing:1.2px;color:#716470}
.card{position:relative;min-width:0;background:transparent;border:none;box-shadow:none}.card-photo{padding:10px;background:#e9e3de;border-radius:3px;overflow:hidden;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.card-photo img{padding:0;height:100%;width:100%;object-fit:contain;transform:none!important}.card:hover .card-photo{box-shadow:0 9px 20px #28344615;background:#e8d6dc}.card-content{padding:17px 1px 8px}.card h3{font-size:22px;line-height:1.12;margin:0 0 7px;letter-spacing:-.4px}.preview-price{font-size:16px;margin-bottom:8px;color:var(--ink)}.preview-price span{font-size:11px;letter-spacing:.2px;color:#66616a}.card-meta{font-size:10px;letter-spacing:.7px;display:flex;justify-content:space-between;gap:7px;color:#6e6570;margin-bottom:12px}.card .btn-quick{width:100%;min-height:42px;padding:8px;font-size:12px}.heart{background:#fffaf4e6;top:14px;right:14px;width:38px;height:38px;font-size:23px;border-radius:50%;box-shadow:none}.heart.saved{color:var(--rose);background:#fffaf4}.badge-new{animation:none;background:var(--rose);border-radius:0;top:18px;left:0;font-size:9px;letter-spacing:1px;padding:4px 12px;transform:rotate(-5deg)}
.mood-studio{background:#dde5eb;transition:background .4s;position:relative;border-top:1px solid #c4ccd4;border-bottom:1px solid #c4ccd4}.mood-studio[data-mood="1"]{background:#e7e9dc}.mood-studio[data-mood="2"]{background:#efdbdf}.mood-tabs{display:flex;gap:12px;margin:0 0 32px;flex-wrap:wrap}.mood-tabs button{padding:13px 25px;border:1px solid #9fa8af;background:transparent;border-radius:40px;font-size:14px;display:flex;align-items:center;gap:15px;min-height:48px}.mood-tabs button span{font-size:22px}.mood-tabs button[aria-pressed=true]{color:var(--cream);background:var(--ink);border-color:var(--ink)}.mood-products{margin-bottom:30px;gap:24px}.mood-products .card-photo{background:#f7f3ed88}.mood-studio>.text-link{display:table;margin:24px auto 0}
.collection-grid{gap:24px}.collection{background:#ecd8dc;border:1px solid #dcc8cc;border-radius:2px;padding:30px;gap:22px;overflow:hidden;min-height:340px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.collection:nth-child(2){background:#dfe7e6;border-color:#cdd7d5}.collection > div{padding:0}.collection img{padding:0;content-visibility:visible;width:100%;height:290px;max-height:none;object-fit:contain;transform:none!important}.collection h3{font-size:70px;letter-spacing:-3px;margin:15px 0 12px}.collection h3 span{display:block;font:italic 25px Georgia;letter-spacing:-.5px}.collection p{font-size:14px}.collection .eyebrow{font-size:9px;line-height:1.6}.collection .text-link{font-size:13px}.collection:hover{transform:translateY(-3px);box-shadow:none}
.dress-note{display:grid;grid-template-columns:1fr 1fr;background:#eadce1;padding-top:60px;padding-bottom:60px;gap:10%;position:relative}.dress-image{justify-self:center;max-width:350px;background:#f7f3ed;padding:14px 14px 0;transform:rotate(-3deg);box-shadow:10px 12px 0 #d3b8bf}.dress-image img{width:100%;height:auto;object-fit:contain}.dress-label{display:block;padding:17px 0;font-size:8px;letter-spacing:1px;text-align:center}.dress-copy{align-self:center;position:relative}.dress-copy h2{font-size:clamp(42px,5.3vw,72px);line-height:1;letter-spacing:-2px;margin:24px 0}.dress-copy p{max-width:420px;font-size:16px}.dress-copy .note-small{font-size:13px}.note-star{position:absolute;right:0;top:-5px;font-size:60px;color:var(--rose)}.dress-copy .btn{margin-top:10px;display:inline-block}
.story-note{text-align:center;position:relative;background:radial-gradient(ellipse at bottom,#eadfe2,transparent 60%)}.story-note h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2px}.story-note>p{max-width:490px;margin:0 auto 20px}.story-note form{max-width:460px;margin:45px auto 0}.story-note label{display:block;font-size:14px;margin-bottom:12px}.story-note form>div{display:flex;border-bottom:1px solid #a39499}.story-note input{background:transparent;border:0;min-width:0;width:100%;padding:14px 3px;border-radius:0;font-size:16px}.story-note button{width:52px;flex-shrink:0;background:transparent;font-size:25px}.story-note .note-small{font-size:12px;margin:12px 0 0}.story-note [role=status]{font-size:14px;color:var(--rose);margin-top:12px}
footer{background:#283446;color:#f7f3ed;border-top:4px solid #b6a17a;padding-top:55px}footer h3,footer p,footer .eyebrow,footer .logo{color:#f7f3ed}footer p{opacity:.78}footer .footer-bottom{border-color:#ffffff30;color:#f7f3ed}
.themes-grid-visual{gap:24px}.theme-visual-card{height:auto;aspect-ratio:auto;border:1px solid #d5c8cd;border-radius:3px;overflow:visible;background:#eee5e7}.theme-edit-1{background:#e7e9dc}.theme-edit-2{background:#dae3ea}.theme-bg{height:360px;padding:20px;background:transparent!important;display:flex;justify-content:center}.theme-bg img{height:100%;width:100%;object-fit:contain;max-height:100%;transform:none!important}.theme-overlay{padding:25px;background:transparent}.theme-overlay h3{font-size:30px}.theme-overlay p{font-size:15px}.theme-cta{font-size:13px}
.page{padding-top:45px}.page-title h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}.filters input,.filters select{font-size:16px}.detail-photo{background:#eee8e3}.product-info h1{font-size:clamp(35px,4.5vw,58px)}.status{color:#7c3c51;background:#f0dce3}.fade-in{opacity:1;transform:none}
@media(min-width:1600px){.wonder-hero{padding-left:8%;padding-right:8%}.wonder-board{height:600px}.frame-main{max-width:355px}.frame-side{max-width:260px;top:210px}}
@media(max-width:1100px){header{gap:18px;padding:0 4%}.logo{font-size:30px}nav{gap:15px;font-size:14px}.utilities{gap:5px}.wonder-hero{min-height:600px;padding:36px 4%}.wonder-board{height:490px;margin-left:15px}.wonder-copy h1{font-size:65px;letter-spacing:-3px}.frame-main{top:45px;width:67%}.frame-side{top:210px;width:48%}.new-seal{width:85px;height:85px;right:0;top:15px}.new-seal strong{font-size:32px}.new-seal span{font-size:6px}.hero-actions{gap:18px}.hero-actions .btn{padding:13px 18px}.collection{padding:22px;gap:15px}.collection h3{font-size:58px}.collection img{height:240px}.section{padding:60px 4%}}
@media(max-width:900px){header{height:80px}.logo span{font-size:6px}.utilities>a{min-width:36px}.wonder-hero{grid-template-columns:1fr 1fr}.wonder-copy h1{font-size:55px}.wonder-board{height:470px}.frame-main{width:75%;top:60px;left:0}.frame-side{top:245px;width:53%}.board-caption{font-size:7px;right:5%}.board-script{font-size:26px;bottom:-10px}.spark-one{font-size:60px;top:5%;left:43%}.new-rail{grid-auto-columns:calc((100% - 40px)/3)}.collection{padding:20px;grid-template-columns:1fr 1fr}.collection h3{font-size:54px}.collection p{font-size:13px}.collection img{height:230px}.chapter-heading p{font-size:14px}.dress-note{gap:8%}.dress-copy h2{font-size:50px}.note-star{font-size:40px;right:-10px}.theme-bg{height:300px}}
@media(max-width:720px){header{height:74px;padding:0 5%;gap:8px}.icon.menu{display:flex;align-items:center;justify-content:center;width:38px;height:44px;font-size:20px;background:transparent}.logo{font-size:30px;letter-spacing:-1.5px}.logo span{font-size:5px;letter-spacing:1.2px;margin-top:3px}.utilities{gap:2px}.utilities>a{min-width:34px;min-height:44px}.utilities>a:first-child{display:none}.utilities small{font-size:8px;min-width:15px;height:15px;right:-2px;top:2px}.utilities svg{width:21px}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 6%;background:#f7f3ed;box-shadow:0 12px 20px #28344610}nav.open{display:flex;flex-direction:column;gap:4px}nav a{padding:10px;font-size:16px}.announcement{font-size:8px;line-height:1.5;padding:7px 10px;letter-spacing:.8px}
.wonder-hero{display:flex;flex-direction:column;padding:30px 6% 35px;min-height:0}.wonder-copy{align-self:stretch;padding:0}.wonder-copy .eyebrow{margin-bottom:20px;font-size:8px;letter-spacing:1.5px}.wonder-copy h1{font-size:clamp(46px,11.5vw,76px);letter-spacing:-2.8px;margin-bottom:20px}.wonder-copy h1 br:nth-of-type(2){display:none}.wonder-copy h1 em:before{content:' '}.wonder-copy p{font-size:16px;max-width:400px;margin-bottom:20px}.hero-actions{gap:18px}.hero-actions .btn{font-size:13px;gap:13px;min-height:46px}.hero-actions .text-link{font-size:13px}.hero-footnote{display:none}.wonder-board{height:465px;width:100%;max-width:480px;margin:28px 0 0}.board-caption{right:0;font-size:7px;top:2px}.frame-main{width:63%;max-width:270px;left:3%;top:35px}.frame-side{width:43%;right:2%;top:175px;max-width:190px}.photo-frame{padding:8px 8px 0}.frame-caption{font-size:9px;padding:10px 1px}.frame-caption>span{font-size:15px}.new-seal{width:76px;height:76px;right:5%;top:35px}.new-seal strong{font-size:28px}.new-seal span{font-size:5.5px}.board-script{bottom:0;left:6%;font-size:27px}.spark-one{right:15px;left:auto;top:10px;font-size:45px}.spark-two{left:5%;bottom:25px;font-size:26px}.hero-orbit{top:300px;right:-80%;width:650px;height:650px}.wonder-ribbon{padding:16px 12px;gap:13px;font-size:8px;letter-spacing:1px}.wonder-ribbon>span:last-child,.wonder-ribbon>i:last-of-type{display:none}.wonder-ribbon i{font-size:16px}
.section{padding:45px 5%}.chapter-heading{display:block;margin-bottom:24px}.chapter-heading h2{font-size:39px;letter-spacing:-1.5px}.chapter-aside{margin-top:20px;min-width:0}.chapter-heading>p{margin-top:18px;font-size:15px}.chapter-aside p{font-size:15px}.rail-controls button{width:42px;height:42px}.rail-controls .text-link{margin-left:auto;font-size:13px}.new-rail{grid-auto-columns:73%;gap:15px;padding-bottom:18px}.card-photo{padding:8px;border-radius:3px}.card h3{font-size:21px}.card-meta{font-size:9px}.card-content{padding-top:14px}.rail-hint{font-size:8px;gap:15px}.rail-hint>span:last-child{max-width:45%;text-align:right}.mood-tabs{gap:8px;margin-bottom:22px}.mood-tabs button{font-size:12px;gap:8px;min-height:42px;padding:8px 12px}.mood-tabs button span{font-size:18px}.mood-products{gap:24px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.mood-products .card h3,.product-grid .card h3{font-size:19px}.mood-products .card-photo{border-radius:3px}.preview-price span{font-size:9px}.heart{width:33px;height:33px;font-size:21px;right:8px;top:10px}.badge-new{top:15px;padding:3px 8px;font-size:8px}.collection-grid{grid-template-columns:1fr;gap:18px}.collection{min-height:300px;padding:23px;grid-template-columns:1fr 1fr;gap:18px}.collection h3{font-size:72px}.collection h3 span{font-size:25px}.collection img{height:260px}.collection p{font-size:14px}.dress-note{grid-template-columns:1fr;gap:45px;padding:45px 7%}.dress-image{max-width:270px}.dress-copy h2{font-size:56px}.dress-copy .eyebrow{font-size:9px}.note-star{right:10px;top:10px}.dress-copy p{font-size:16px}.story-note h2{font-size:40px;letter-spacing:-1.5px}.story-note>p{font-size:16px}.themes-grid-visual{grid-template-columns:1fr}.theme-bg{height:350px}.theme-overlay{padding:24px}.theme-overlay h3{font-size:30px}.page{padding:30px 5% 70px}.page-title h1{letter-spacing:-1.5px}.product-grid{gap:25px 13px}.product-info h1{font-size:38px}.product-info .detail-row{font-size:14px}.mobile-buy{z-index:90;gap:10px;padding:12px 5%;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#f7f3ed}.mobile-buy>span{font-size:12px;line-height:1.4;min-width:0}.mobile-buy .btn{font-size:12px;padding:10px;min-width:100px}.product-detail~section{padding-bottom:30px}footer{padding:45px 6% 95px;gap:25px}footer .logo{font-size:36px}footer p{font-size:15px}.footer-bottom{font-size:11px}}
@media(max-width:380px){.wonder-board{height:410px}.frame-side{top:155px}.board-script{font-size:24px}.new-seal{right:0;width:65px;height:65px}.new-seal span{font-size:5px}.wonder-copy h1{font-size:46px}.hero-actions{gap:10px}.hero-actions .btn{padding:12px;font-size:12px}.hero-actions .text-link{font-size:12px}.mood-tabs button{font-size:11px;padding:7px 10px;gap:6px}.collection{padding:18px;gap:12px}.collection h3{font-size:58px}.collection .text-link{font-size:12px}.collection img{height:235px}.card-meta{flex-wrap:wrap;gap:0}.card .btn-quick{font-size:11px}.new-rail{grid-auto-columns:80%}.chapter-heading h2{font-size:36px}}
@media(prefers-reduced-motion:no-preference){.wonder-copy{animation:wonder-enter .7s both}.wonder-board{animation:wonder-enter .9s both}.mood-products{animation:wonder-enter .35s both}@keyframes wonder-enter{from{opacity:.3;translate:0 14px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fade-in{opacity:1;transform:none}}

/* Editorial pilot: generated portraits stay distinct from untouched reference photos. */
.editorial-gallery{min-width:0;align-self:start}.editorial-frame{position:relative;background:#eee8e3}.editorial-gallery .detail-photo{display:block;aspect-ratio:2/3;object-fit:contain;padding:0;border:0;border-radius:0;content-visibility:visible}.editorial-gallery .is-original .detail-photo{aspect-ratio:3/4}.editorial-frame .photo-button{display:block;border-radius:0}.editorial-badge{position:absolute;bottom:12px;left:12px;padding:5px 9px;background:#f7f3edf0;color:#283446;font:11px/1.4 var(--font-body,sans-serif);letter-spacing:.4px;pointer-events:none}.card-photo,.quick-view-image{position:relative}.editorial-caption{display:flex;gap:12px;justify-content:space-between;margin:14px 0 8px;font-size:14px;line-height:1.5}.editorial-caption>span:last-child{font-size:12px;white-space:nowrap;color:#756870}.editorial-gallery .photo-note{font-size:13px;line-height:1.6;margin:0 0 16px}.height-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;background:#f2e7e6;color:#283446;font-size:16px}.height-strip strong{font-weight:500}.editorial-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.editorial-thumbs button{border:1px solid transparent;padding:3px;background:transparent;color:var(--ink);min-width:0}.editorial-thumbs button[aria-pressed=true]{border-color:#8c5d6c;background:#f2e7e6}.editorial-thumbs img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.editorial-thumbs span{display:block;font-size:10px;line-height:1.3;padding:6px 0;min-height:25px;overflow-wrap:anywhere}.editorial-thumbs button:focus-visible{outline:2px solid #283446;outline-offset:3px}.quick-view-image .editorial-badge{bottom:12px}.quick-view-image>img{object-fit:contain}@media(max-width:720px){.editorial-thumbs{gap:4px}.editorial-caption{font-size:13px}.editorial-gallery .photo-note{font-size:12px}.editorial-badge{font-size:10px;left:8px;bottom:8px}.height-strip{padding:13px 14px}.editorial-gallery{margin-bottom:24px}}

.photo-frame .frame-kind{position:absolute;top:20px;left:20px;background:#fffaf4ed;color:#283446;font-size:10px;line-height:1.4;padding:4px 7px}.photo-frame img{background:#f6eee8}