:root{--night:#1b1117;--wine:#351b28;--wine2:#522b3b;--dust:#945568;--gold:#c8a679;--sand:#efe8df;--cream:#f8f5f0;--ink:#21191d;--muted:#79716c;--line:rgba(49,34,34,.16);--ease:cubic-bezier(.22,1,.36,1);--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}img,svg{display:block;max-width:100%}::selection{background:#b79480;color:#1a1015}.container{width:min(1320px,calc(100% - 112px));margin:auto}.container-wide{width:min(1580px,calc(100% - 112px));margin:auto}.section-pad{padding:130px 0}section[id]{scroll-margin-top:100px}.skip-link{position:fixed;z-index:99999;top:-80px;left:14px;padding:12px;background:#fff;color:#111}.skip-link:focus{top:12px}.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--gold);z-index:900;pointer-events:none}.preloader{position:fixed;z-index:9000;inset:0;background:#21141d;color:#e9dac9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;animation:preOut .8s 1s both;pointer-events:none}.preloader-mark{font:38px var(--serif);animation:preMark 1.1s ease both}.preloader-word{font-size:20px;font-weight:700;letter-spacing:.53em;margin-right:-.53em}.preloader-line{width:130px;height:1px;background:#6a5355;position:relative;margin-top:15px;overflow:hidden}.preloader-line:after{content:"";position:absolute;inset:0;background:#dbc09a;transform-origin:left;animation:preLine .95s ease both}@keyframes preLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes preOut{to{opacity:0;visibility:hidden}}@keyframes preMark{from{opacity:0;transform:scale(.4) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.site-header{height:90px;position:absolute;top:0;left:0;right:0;z-index:200;color:#f5e8df;border-bottom:1px solid rgba(244,227,208,.15);transition:background .55s,box-shadow .55s,height .55s}.site-header.is-scrolled{position:fixed;height:74px;background:rgba(26,16,22,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 6px 30px rgba(20,9,12,.12)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand svg{width:34px;height:34px;color:#e0bd90}.brand b{font-size:19px;letter-spacing:.24em;display:block;line-height:1.1}.brand small{display:block;letter-spacing:.38em;font-size:7px;margin-top:5px;color:#cbbbae}.main-nav{display:flex;align-items:center;gap:38px;margin-left:35px}.main-nav a{font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;position:relative;white-space:nowrap}.main-nav a:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.main-nav a:hover:after{transform:scaleX(1)}.header-right{display:flex;align-items:center;gap:28px}.header-edition{font-size:9px;letter-spacing:.22em;color:#bda9a3;white-space:nowrap}.header-contact{font-size:10px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:13px;border:1px solid rgba(243,224,205,.48);padding:11px 17px;white-space:nowrap;transition:background .3s,color .3s}.header-contact span{font-size:17px;line-height:1}.header-contact:hover{background:#e0bd90;color:#24141a}.menu-toggle,.nav-mobile-cta{display:none}
.hero{height:min(900px,100svh);min-height:680px;position:relative;background:radial-gradient(circle at 65% 50%,#633c45 0,#311d27 35%,#1c121a 72%);color:#f5ece3;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,10,15,.95) 0%,rgba(26,15,22,.93) 25%,rgba(34,20,27,.5) 55%,rgba(28,16,24,.22) 100%);z-index:1;pointer-events:none}.hero-grain{inset:0;position:absolute;background:url('assets/silk-wine.webp') center/cover;opacity:.22;mix-blend-mode:screen;pointer-events:none;z-index:0}.hero-vertical{position:absolute;right:22px;top:34%;writing-mode:vertical-rl;z-index:10;font-size:9px;letter-spacing:.48em;color:rgba(252,239,225,.52)}.hero-inner{height:100%;position:relative;z-index:10;display:flex;align-items:center}.hero-content{position:relative;width:58%;padding-top:65px;z-index:11}.hero-kicker{display:flex;align-items:center;gap:16px;letter-spacing:.34em;font-size:10px;color:#d1b291;font-weight:700;animation:fadeUp 1s 1.5s both}.kicker-line{width:39px;height:1px;background:#c8a679}.hero-count{font-size:10px;letter-spacing:.24em;margin:55px 0 13px;color:#dfc8bd;animation:fadeUp 1s 1.6s both}.hero-count>span:first-child{font-family:var(--serif);font-style:italic;font-size:27px;color:#e9c69b;letter-spacing:0}.count-sep{margin:0 10px;opacity:.5}.count-name{border-left:1px solid #aa8484;padding-left:20px;margin-left:22px;font-size:9px;color:#c5afb0}.hero-headings{height:clamp(230px,25vw,365px);position:relative}.hero-heading{position:absolute;inset:0;margin:0;font:400 clamp(70px,7.8vw,126px)/1.03 var(--serif);letter-spacing:-.055em;opacity:0;transform:translateY(45px);filter:blur(8px);transition:opacity .68s ease,transform 1s var(--ease),filter 1s ease;pointer-events:none;white-space:nowrap}.hero-heading em{font-weight:400;color:#ddba99}.hero-heading.is-active{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto}.hero-description{color:#d1bdba;max-width:440px;font-size:13px;line-height:2;letter-spacing:.02em;min-height:54px;transition:opacity .3s}.hero-actions{display:flex;align-items:center;gap:40px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:58px;padding:0 25px;font-size:10px;letter-spacing:.19em;font-weight:800;white-space:nowrap;text-transform:uppercase;transition:transform .4s var(--ease),background .35s,color .35s,border-color .35s}.button:hover{transform:translateY(-4px)}.button span{font-size:18px;font-weight:400;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button-gold{background:#d7b48d;color:#261a1b;border:1px solid #d7b48d}.button-gold:hover{background:#f1d0a6;border-color:#f1d0a6}.text-link{letter-spacing:.18em;font-weight:800;font-size:10px;padding-bottom:8px;border-bottom:1px solid #dcc4ad}.text-link span{margin-left:9px;font-size:16px}.hero-bottom{position:absolute;left:0;right:0;bottom:35px;z-index:12;display:flex;align-items:center;justify-content:space-between}.scroll-cue{display:flex;align-items:center;gap:15px;color:#c9b3aa;font-size:9px;letter-spacing:.26em;font-weight:700}.scroll-line{height:1px;width:48px;display:block;background:#c5a17f;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:#fff0d7;animation:scrollLine 2.2s ease-in-out infinite}@keyframes scrollLine{from{transform:translateX(-200%)}to{transform:translateX(400%)}}.hero-controls{display:flex;align-items:center;gap:19px}.hero-arrow{color:#e5d2c7;border:1px solid rgba(238,217,203,.42);background:transparent;width:43px;height:43px;font-size:18px;transition:background .2s,color .2s}.hero-arrow:hover{background:#e5c29d;color:#1a1117}.hero-dots{display:flex;gap:8px}.hero-dot{padding:15px 2px;background:none;border:0}.hero-dot i{display:block;height:2px;width:24px;background:rgba(242,226,215,.35);transition:width .4s,background .4s}.hero-dot.is-active i{width:43px;background:#e4be90}.hero-corner{position:absolute;z-index:10;bottom:48px;left:50%;font-size:9px;letter-spacing:.3em;color:#cfb5a7;transform:translateX(-50%)}
.hero-art{position:absolute;z-index:2;top:10%;bottom:2%;left:45%;width:55%;pointer-events:none}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 51% 45%,rgba(255,218,176,.15),transparent 42%);mix-blend-mode:screen;pointer-events:none}.art-halo{width:74%;aspect-ratio:1;position:absolute;top:11%;left:16%;border:1px solid rgba(231,200,173,.22);border-radius:50%;box-shadow:0 0 0 80px rgba(229,175,151,.029),0 0 0 170px rgba(229,175,151,.023)}.art-arch{position:absolute;top:0;left:24%;width:62%;height:85%;border:1px solid rgba(238,206,183,.16);border-radius:50% 50% 0 0;transform:scale(.9)}.hero-art-silhouette{position:absolute;top:-15%;right:-2%;font:500 810px/.9 var(--serif);color:rgba(237,191,163,.043)}.hero-art-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(55px) scale(.94);filter:blur(10px);transition:opacity .8s,transform 1.15s var(--ease),filter 1.15s;will-change:transform}.hero-art-item.is-active{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}.hero-art-item img{width:98%;height:98%;object-fit:contain;filter:drop-shadow(0 60px 40px rgba(10,5,9,.28))}.hero-art-item[data-art="1"] img,.hero-art-item[data-art="2"] img{width:73%;height:86%}.art-caption{position:absolute;bottom:3%;left:19%;right:9%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.22em;color:#d6b6a4}
.signature-strip{background:#c1a27e;color:#25171e;overflow:hidden;border-block:1px solid rgba(21,12,18,.12)}.signature-track{display:flex;white-space:nowrap;min-width:max-content;animation:marquee 31s linear infinite}.signature-track span{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.26em;padding:19px 0;word-spacing:14px}.signature-track b{font-weight:400;font-size:20px;margin:0 44px}@keyframes marquee{to{transform:translateX(-50%)}}
.intro{background:#f8f5f0}.intro-grid{display:grid;grid-template-columns:31% 69%;gap:20px}.intro-index{font-size:10px;letter-spacing:.19em;font-weight:800;color:#874b5b;display:flex;align-items:center;gap:14px;padding-top:26px}.line-red{width:30px;height:1px;background:#8d5665}.display-title{font:400 clamp(49px,5.4vw,89px)/1.16 var(--serif);letter-spacing:-.045em;margin:0}.display-title em{font-weight:400;color:#9b6375}.intro-sub{display:flex;align-items:end;justify-content:space-between;max-width:790px;margin-top:34px;border-top:1px solid var(--line);padding-top:27px}.intro-sub p{margin:0;color:#6e6562;line-height:2;max-width:500px;font-size:13px}.asterisk{font-size:49px;color:#9b6375;line-height:1}
.collections{background:#eee8df;padding-top:112px}.section-label-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;border-bottom:1px solid rgba(61,43,38,.25);margin-bottom:31px}.eyebrow-dark{font-size:10px;letter-spacing:.25em;color:#834254;font-weight:800}.eyebrow-light{font-size:9px;letter-spacing:.2em;color:#827870;font-weight:700}.collection-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:20px;height:760px}.collection-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-height:0}.collection-tile{position:relative;overflow:hidden;display:block;isolation:isolate;color:#fffaf3;background:#3a292b}.collection-tile:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(24,14,19,.94),rgba(24,14,19,.17) 53%,rgba(24,14,19,.05));pointer-events:none}.collection-tile:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,240,223,.15);z-index:5;pointer-events:none}.tile-picture{position:absolute;inset:0;overflow:hidden}.tile-picture img{height:100%;width:100%;object-fit:contain;transition:transform 1.35s var(--ease),filter 1.35s var(--ease)}.collection-tile:hover .tile-picture img{transform:scale(1.1) translateY(-10px);filter:brightness(1.08)}.tile-bed{background:radial-gradient(circle at 57% 36%,#8e6d70,#45323a 49%,#241920)}.tile-bed img{width:117%;max-width:none;height:102%;transform:translateX(-7%)}.collection-tile:hover .tile-bed img{transform:translateX(-7%) scale(1.07)}.tile-bag{background:radial-gradient(circle at 65% 29%,#a3787b,#684552 50%,#34222a)}.tile-bag img{height:120%;width:64%;margin-left:auto;margin-right:4%;margin-top:-20%;object-position:center}.tile-decor{background:radial-gradient(circle at 70% 22%,#7a6560,#45383b 58%,#231d24)}.tile-decor img{width:55%;height:125%;margin-left:auto;margin-right:7%;margin-top:-24%}.tile-no{position:absolute;z-index:6;left:39px;top:32px;font-size:9px;letter-spacing:.2em;color:#f5e7dd}.tile-content{position:absolute;z-index:6;left:42px;right:42px;bottom:36px}.tile-content>span{font-size:9px;letter-spacing:.2em;color:#eac6a4;font-weight:800}.tile-content h3{font:400 clamp(38px,4vw,59px)/1.11 var(--serif);letter-spacing:-.035em;margin:14px 0 30px}.tile-content h3 i{font-weight:400}.tile-bottom{border-top:1px solid rgba(245,222,203,.34);padding-top:17px;display:flex;align-items:center;justify-content:space-between}.tile-bottom p{font-size:11px;margin:0;color:#e1d1c9}.round-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(245,226,204,.62);border-radius:50%;font-size:20px;transition:transform .3s,background .3s}.collection-tile:hover .round-arrow{transform:rotate(45deg);background:rgba(255,255,255,.16)}.collection-tile-secondary .tile-content{left:29px;right:29px;bottom:22px}.collection-tile-secondary .tile-content h3{font-size:clamp(30px,3vw,43px);margin:9px 0 16px}.collection-tile-secondary .tile-no{left:29px;top:22px}.collection-tile-secondary .tile-bottom{padding-top:11px}.collection-tile-secondary .tile-bottom p{font-size:10px}.collection-tile-secondary .round-arrow{height:35px;width:35px}
.material{height:710px;position:relative;isolation:isolate;overflow:hidden;background:#4a2834 url('assets/silk-wine.webp') center/cover;color:#f8efe9;display:flex;align-items:center;text-align:center}.material:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(98,48,62,.2),rgba(19,12,20,.88) 95%);z-index:-1}.material:after{content:"";position:absolute;left:5%;right:5%;top:8%;bottom:8%;border:1px solid rgba(244,213,183,.25);pointer-events:none}.material-shine{position:absolute;width:550px;height:700px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(32deg);background:linear-gradient(90deg,transparent 0%,rgba(229,191,151,.05) 52%,transparent 100%);filter:blur(4px)}.material-inner{position:relative;z-index:1}.material-overline{font-size:10px;letter-spacing:.31em;color:#d3b18b;font-weight:700}.material h2{font:400 clamp(55px,6.3vw,100px)/1.18 var(--serif);letter-spacing:-.05em;margin:31px 0 28px}.material h2 em{color:#e1ba9c;font-weight:400}.material p{font-size:13px;line-height:2.1;max-width:480px;margin:0 auto;color:#deccca}.material-corner{position:absolute;bottom:-149px;left:0;right:0;font-size:9px;letter-spacing:.29em;color:#c9aea3}
.products{background:#f8f5f0}.product-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.product-heading h2{margin-top:21px}.product-heading>p{max-width:310px;color:#726864;font-size:13px;line-height:2;margin-bottom:6px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:43px 0 28px}.filter{background:transparent;border:1px solid #ded6cc;color:#5b4e4b;padding:12px 17px;font-weight:800;font-size:9px;letter-spacing:.14em;transition:background .3s,border-color .3s,color .3s}.filter span{font-weight:500;opacity:.6;margin-left:10px}.filter.is-active,.filter:hover{background:#3a202e;border-color:#3a202e;color:#f8f1eb}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0;transition:opacity .35s,transform .45s var(--ease)}.product-card.is-hidden{display:none}.product-card-action{border:0;background:none;text-align:left;width:100%;padding:0;color:inherit}.product-frame{height:auto;aspect-ratio: .82;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-frame:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,rgba(45,30,36,.1),transparent 50%);pointer-events:none}.product-frame img{width:100%;height:100%;object-fit:contain;transition:transform .9s var(--ease)}.product-card-action:hover img{transform:scale(1.12) translateY(-6px)}.frame-rose{background:#e4d5ca}.frame-blue{background:#d3dfdf}.frame-bag{background:#e6cfcc}.frame-decor{background:#cbbfba}.product-label{position:absolute;z-index:2;top:17px;left:17px;color:#3c2e32;background:rgba(255,250,245,.75);padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.17em}.product-zoom{position:absolute;bottom:15px;right:15px;width:45px;height:45px;border-radius:50%;background:rgba(249,241,233,.9);display:grid;place-items:center;font-size:20px;z-index:2;transform:translateY(80px);opacity:0;transition:transform .5s var(--ease),opacity .4s}.product-card-action:hover .product-zoom,.product-card-action:focus-visible .product-zoom{transform:translateY(0);opacity:1}.product-title-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:10px}.product-title-row b{font-family:var(--serif);font-size:25px;font-weight:400;display:block;line-height:1.2}.product-title-row small{color:#7c706b;display:block;margin-top:7px;font-size:10px}.product-plus{font-size:21px;border-left:1px solid #c6bdb5;padding-left:17px;line-height:1;color:#8f5663}.product-disclaimer{margin:42px 0 0;font-size:10px;color:#8c817c;letter-spacing:.03em;text-align:right}
.color-story{display:grid;grid-template-columns:52% 48%;min-height:650px;background:#261922;color:#f9efe9}.color-story-info{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 5%,#492b39,#261923 60%)}.color-copy{width:min(590px,calc(100% - 110px));padding:80px 0}.eyebrow-pale{color:#d2ae88;font-size:10px;font-weight:800;letter-spacing:.25em}.color-copy h2{font-size:clamp(46px,4.6vw,74px);margin:24px 0}.color-copy h2 em{color:#d7b69c}.color-copy>p{color:#bdadb1;max-width:420px;line-height:2.1;font-size:12px}.color-switcher{display:flex;flex-wrap:wrap;gap:12px;margin-top:47px}.color-option{border:1px solid rgba(233,215,201,.26);background:none;color:#c7b4af;display:flex;align-items:center;gap:12px;padding:12px 15px;font-size:9px;letter-spacing:.11em;font-weight:700;transition:color .2s,background .2s,border-color .2s}.color-option.is-active,.color-option:hover{color:#fff2e6;border-color:#ddbe9a;background:rgba(231,194,157,.08)}.swatches{display:flex;gap:0}.swatches i{width:14px;height:14px;border:1px solid rgba(255,255,255,.23);border-radius:50%;display:block}.swatches i+i{margin-left:-4px}.color-footnote{display:block;margin-top:52px;font-size:9px;letter-spacing:.24em;color:#958389}.color-preview{position:relative;overflow:hidden;background:radial-gradient(circle at 54% 48%,#e8d0c6,#baa29f 70%,#9d8588);transition:background .5s}.color-preview.is-blue{background:radial-gradient(circle at 54% 48%,#dce6e6,#b0c2c5 70%,#94a7aa)}.color-preview:after{content:"";position:absolute;border:1px solid rgba(255,250,240,.65);inset:35px;pointer-events:none}.color-img{position:absolute;top:50%;left:50%;width:85%;height:90%;object-fit:contain;transform:translate(-50%,-45%) scale(.88);opacity:0;filter:blur(9px);transition:transform .9s var(--ease),opacity .7s,filter .8s}.color-img.is-active{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0)}.color-preview-tag{position:absolute;z-index:3;top:52px;left:53px;color:#5a404b;font-size:10px;letter-spacing:.24em;font-weight:800}
.story{background:#f4eee6}.story-grid{display:grid;grid-template-columns:35% 65%;gap:0}.story-left{display:flex;flex-direction:column;align-items:flex-start}.story-symbol{font-size:240px;font-family:var(--serif);line-height:1;color:#b89c94;margin:55px 0 20px;opacity:.75}.story-left p{font-size:12px;color:#7e7270;max-width:180px}.story-main h2{font-size:clamp(60px,6.1vw,98px)}.story-main>p{font-size:13px;line-height:2.25;max-width:575px;color:#766c68;margin:42px 0 43px}.story-signature{border-top:1px solid #d6c6bc;max-width:560px;display:flex;gap:24px;align-items:center;padding-top:24px;font-size:14px;letter-spacing:.16em;font-weight:800}.signature-flower{font-size:46px;font-weight:400;color:#a56e7c}.story-signature small{font-size:8px;letter-spacing:.16em;color:#967f7f}
.social-cta{background:#311e2a;color:#f6e8dd;padding:116px 0 138px;position:relative;overflow:hidden}.social-inner{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2;gap:32px}.social-cta h2{font:400 clamp(50px,5.6vw,85px)/1.14 var(--serif);letter-spacing:-.05em;margin:23px 0 0}.social-cta h2 em{color:#d5b297}.button-outline{border:1px solid #e2c49f;color:#efdfcc;background:transparent}.button-outline:hover{background:#e2c49f;color:#251823}.social-watermark{font-weight:800;font-size:clamp(120px,22vw,360px);letter-spacing:-.09em;color:rgba(236,210,198,.035);position:absolute;left:-4%;bottom:-25%;line-height:1;white-space:nowrap;pointer-events:none}
.footer{background:#171116;color:#f2e7df;padding:76px 0 30px}.footer-top{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:start;gap:60px;padding-bottom:75px}.footer-logo{font-size:30px;letter-spacing:.23em;font-weight:800;display:inline-block}.footer-logo small{display:block;font-size:8px;letter-spacing:.35em;color:#b39f99;margin-top:0}.footer-top p{font:400 26px/1.5 var(--serif);margin:0;color:#ccb8aa}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 30px}.footer-nav a{font-size:11px;color:#d8c6bb;transition:color .2s}.footer-nav a:hover{color:#efce9f}.footer-bottom{border-top:1px solid rgba(243,222,202,.18);display:flex;gap:18px;justify-content:space-between;padding-top:25px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#9c8e8d}.footer-bottom a{color:#e4c49b}
.product-dialog{width:min(830px,calc(100vw - 36px));max-width:none;max-height:calc(100vh - 36px);padding:0;border:0;background:#f5efe8;color:var(--ink);box-shadow:0 25px 100px rgba(0,0,0,.35);overflow:auto;grid-template-columns:1fr 1fr}.product-dialog[open]{display:grid;animation:dialogIn .35s var(--ease)}.product-dialog::backdrop{background:rgba(18,10,17,.76);backdrop-filter:blur(5px)}.dialog-visual{background:#d5c1bb;min-height:440px;display:grid;place-items:center}.dialog-visual img{width:100%;max-height:500px;object-fit:contain}.dialog-body{padding:65px 43px;display:flex;flex-direction:column;justify-content:center}.dialog-body h2{font:400 55px/1.1 var(--serif);margin:17px 0 22px}.dialog-body p{font-size:13px;color:#6e6561;line-height:2.1}.dialog-rule{height:1px;background:#cfc0b5;margin:28px 0}.dialog-note{font-size:9px;letter-spacing:.15em;color:#986d75}.dialog-return{background:none;border:none;padding:19px 0 7px;text-align:left;font-size:10px;letter-spacing:.19em;font-weight:800;align-self:start;border-bottom:1px solid #68515b;margin-top:20px}.dialog-close{position:absolute;top:13px;right:13px;width:35px;height:35px;background:#291922;color:#fff;border:0;font-size:25px;z-index:5}@keyframes dialogIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(42px);transition:transform 1s var(--ease),opacity 1s ease}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:1400px){.hero-art{left:45%;width:55%}.hero-heading{font-size:clamp(90px,7.4vw,130px)}}
@media (max-width:1180px){.container,.container-wide{width:calc(100% - 72px)}.main-nav{gap:22px;margin-left:0}.header-edition{display:none}.hero-heading{font-size:clamp(66px,8vw,103px)}.hero-art{left:43%;width:60%}.hero-content{width:59%}.collection-layout{height:660px}.collection-tile-secondary .tile-content h3{font-size:34px}.tile-bag img{width:77%}}
@media (max-width:900px){.site-header{height:75px}.container,.container-wide{width:calc(100% - 50px)}.main-nav{gap:16px}.main-nav a{font-size:9px}.brand b{font-size:16px}.header-contact{padding:9px}.hero{height:790px;min-height:690px}.hero-content{width:72%;padding-top:35px}.hero-heading{font-size:clamp(60px,9vw,88px)}.hero-art{left:42%;width:65%;top:13%;bottom:5%;opacity:.85}.hero-art-item img{height:84%}.hero:before{background:linear-gradient(90deg,rgba(17,10,15,.96) 0%,rgba(26,15,22,.83) 42%,rgba(34,20,27,.3) 100%)}.hero-vertical,.hero-corner{display:none}.intro-grid{grid-template-columns:1fr;gap:18px}.intro-index{padding-top:0}.collection-layout{height:620px}.tile-content{left:25px;right:25px}.tile-no{left:25px}.tile-content h3{font-size:40px}.tile-bottom p{font-size:10px}.product-grid{grid-template-columns:repeat(2,1fr);gap:23px}.product-frame{aspect-ratio:.98}.color-story{min-height:600px}.color-copy{width:calc(100% - 60px)}.story-symbol{font-size:170px}.footer-top{gap:25px}}
@media (max-width:700px){.container,.container-wide{width:calc(100% - 38px)}.section-pad{padding:78px 0}.site-header{height:70px}.site-header.is-scrolled{height:66px}.header-inner{gap:12px}.brand{gap:9px}.brand svg{width:29px}.brand b{font-size:16px}.brand small{font-size:6px}.header-contact{margin-left:auto;padding:8px 11px;font-size:9px}.header-right{gap:12px}.menu-toggle{width:38px;height:38px;border:1px solid rgba(243,226,209,.4);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:1px;width:17px;background:#f5e7d8;transition:transform .3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:fixed;left:0;right:0;top:66px;padding:24px 20px 33px;background:rgba(27,17,23,.99);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 30px 50px rgba(0,0,0,.28)}.main-nav.open{display:flex}.main-nav a{font-size:12px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.main-nav .nav-mobile-cta{display:block;color:#d5b38b}.hero{height:auto;min-height:820px;height:100svh;max-height:920px}.hero-inner{align-items:flex-start;padding-top:126px}.hero-content{width:100%;padding:0}.hero-kicker{font-size:8px;letter-spacing:.22em}.hero-count{margin-top:26px;margin-bottom:9px}.hero-heading{font-size:clamp(61px,13vw,86px)}.hero-headings{height:clamp(194px,41vw,280px)}.hero-description{max-width:360px;font-size:11px;line-height:1.8;min-height:43px;margin:10px 0 20px}.hero-actions{flex-direction:row;align-items:center;gap:15px;margin-top:10px}.button{min-height:47px;padding:0 14px;gap:16px;font-size:8px;letter-spacing:.1em}.hero-story{font-size:8px;letter-spacing:.08em}.hero-story span{font-size:12px;margin-left:3px}.hero-art{top:43%;bottom:2%;left:1%;width:98%;opacity:.85}.hero:before{background:linear-gradient(180deg,rgba(20,12,18,.96) 0%,rgba(20,12,18,.88) 35%,rgba(20,12,18,.12) 72%,rgba(20,12,18,.48) 100%)}.hero-art-item img{height:105%;width:95%}.hero-art-item[data-art="1"] img,.hero-art-item[data-art="2"] img{height:102%;width:76%}.art-halo{width:80%;left:10%;top:1%}.art-arch{display:none}.art-caption{display:none}.hero-bottom{bottom:22px}.hero-controls{gap:9px}.hero-arrow{height:35px;width:35px}.hero-dot i{width:18px}.hero-dot.is-active i{width:29px}.scroll-cue{gap:8px;font-size:8px;letter-spacing:.14em}.scroll-line{width:22px}.signature-track span{padding:14px 0;font-size:8px}.signature-track b{margin:0 24px}.intro-grid{gap:26px}.display-title{font-size:clamp(44px,9vw,64px)}.intro-sub{align-items:center}.intro-sub p{font-size:12px}.asterisk{font-size:33px;margin-left:20px}.collections{padding-top:75px}.section-label-row{align-items:flex-start}.eyebrow-dark{font-size:9px;letter-spacing:.15em}.eyebrow-light{font-size:8px;max-width:138px;text-align:right}.collection-layout{height:auto;display:flex;flex-direction:column;gap:13px}.collection-tile-primary{height:520px}.collection-stack{display:grid;grid-template-rows:1fr 1fr;height:690px;gap:13px}.tile-bed img{width:120%;height:100%}.tile-content h3{font-size:46px}.collection-tile-secondary .tile-content h3{font-size:33px}.material{height:530px}.material:after{inset:20px}.material h2{font-size:clamp(47px,10.5vw,74px)}.material p{font-size:11px;padding:0 24px}.material-overline{font-size:9px}.material-corner{bottom:-93px;font-size:8px}.product-heading{align-items:start;flex-direction:column;gap:15px}.product-heading>p{max-width:420px;font-size:12px;margin:0}.product-heading h2{margin-top:10px}.filters{gap:8px;margin:25px 0}.filter{font-size:8px;padding:9px 11px}.filter span{margin-left:4px}.product-grid{gap:13px}.product-frame{aspect-ratio:.83}.product-label{font-size:7px;top:10px;left:9px;padding:5px}.product-title-row b{font-size:21px}.product-title-row small{font-size:9px}.product-plus{padding-left:8px}.product-disclaimer{font-size:10px;text-align:left;margin-top:30px}.color-story{grid-template-columns:1fr}.color-story-info{min-height:490px}.color-copy{width:calc(100% - 42px);padding:64px 0}.color-copy h2{font-size:clamp(48px,9vw,67px)}.color-switcher{margin-top:25px}.color-option{font-size:8px;padding:10px}.color-footnote{margin-top:33px;font-size:8px}.color-preview{min-height:400px}.color-preview:after{inset:20px}.color-preview-tag{top:35px;left:35px}.color-img{height:100%;width:85%}.story-grid{grid-template-columns:1fr;gap:23px}.story-left{flex-direction:row;justify-content:space-between;align-items:center}.story-left .story-symbol{font-size:65px;margin:0}.story-left p{display:none}.story-main h2{font-size:clamp(54px,10vw,75px)}.story-main>p{font-size:12px;margin:23px 0}.social-cta{padding:75px 0 105px}.social-inner{flex-direction:column;align-items:start;gap:32px}.social-cta h2{font-size:clamp(43px,9.2vw,65px)}.footer{padding-top:55px}.footer-top{display:flex;flex-direction:column;gap:32px;padding-bottom:50px}.footer-logo{font-size:25px}.footer-top p{font-size:22px}.footer-nav{width:100%;gap:13px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom span:nth-child(2){display:none}.product-dialog[open]{display:flex;flex-direction:column;width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.dialog-visual{min-height:250px;height:290px;flex-shrink:0}.dialog-visual img{height:100%}.dialog-body{padding:35px 25px}.dialog-body h2{font-size:43px}.dialog-body p{font-size:12px}.dialog-rule{margin:18px 0}}
@media (max-width:380px){.hero-heading{font-size:57px}.hero-actions{gap:12px}.hero-story{font-size:7px}.hero-art{top:45%}.hero-count{margin-top:18px}.hero-inner{padding-top:120px}.collection-tile-primary{height:470px}.product-title-row b{font-size:19px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.preloader{display:none}.reveal{opacity:1;transform:none}.hero-heading{filter:none}}

/* SOULNEX - Sinematik ürün animasyonu */

@keyframes soulnexFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-18px) scale(1.025);
  }
}

.hero-art-item.is-active img {
  animation: soulnexFloat 7s ease-in-out infinite;
  transform-origin: center;
}

/* Hareket azaltma tercihlerine uyum */
@media (prefers-reduced-motion: reduce) {
  .hero-art-item.is-active img {
    animation: none;
  }
}

/* SOULNEX - Premium buton ışık efekti */

.hero-actions .button-gold {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 10px 35px rgba(215, 180, 141, 0.15);
}

.hero-actions .button-gold::before {
  content: "";
  position: absolute;
  inset: -30%;
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 65%
  );
  transform: translateX(-130%);
  animation: soulnexShine 6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes soulnexShine {
  0%, 60% {
    transform: translateX(-130%);
  }

  90%, 100% {
    transform: translateX(130%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions .button-gold::before {
    animation: none;
  }
}

/* SOULNEX - Sinematik Parallax */

@media (min-width: 901px) and
       (prefers-reduced-motion: no-preference) {

  /* Ürün görselinin hareketi */
  .hero-art {
    transform: translate3d(
      0,
      var(--art-shift, 0px),
      0
    );
    will-change: transform;
  }

  /* Arka planın hareketi */
  .hero-grain {
    transform: translate3d(
      0,
      var(--grain-shift, 0px),
      0
    ) scale(1.1);
    will-change: transform;
  }

  /* Başlık ve yazıların hareketi */
  .hero-content {
    transform: translate3d(
      0,
      var(--content-shift, 0px),
      0
    );
  }
}

/* ==========================================
   SOULNEX — LUXURY NAVIGATION V1
========================================== */

/* Sayfa kaydırıldığında lüks cam efekti */
.site-header.is-scrolled {
  background: rgba(27, 17, 23, 0.88);
  border-bottom: 1px solid rgba(215, 180, 141, 0.24);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* Menü bağlantıları */
.main-nav > a:not(.nav-mobile-cta) {
  position: relative;
  transition: color 0.35s ease;
}

/* Altın çizgi */
.main-nav > a:not(.nav-mobile-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 1px;

  background: linear-gradient(
    90deg,
    #a77a56,
    #f2d6ae,
    #a77a56
  );

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s ease;
}

/* Fare üzerine gelince */
.main-nav > a:not(.nav-mobile-cta):hover {
  color: #e8c69e;
}

.main-nav > a:not(.nav-mobile-cta):hover::after,
.main-nav > a:not(.nav-mobile-cta):focus-visible::after {
  transform: scaleX(1);
}

/* Logo simgesine hareket */
.brand svg {
  transition:
    transform 0.7s ease,
    color 0.4s ease;
}

.brand:hover svg {
  transform: rotate(90deg);
  color: #e8c69e;
}

/* İletişim butonu */
.header-contact {
  transition:
    background 0.4s ease,
    color 0.4s ease,
    transform 0.4s ease,
    box-shadow 0.4s ease;
}

.header-contact:hover {
  background: #e8c69e;
  border-color: #e8c69e;
  color: #21131a;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(232, 198, 158, 0.17);
}

/* Telefon menüsü animasyonu */
@keyframes soulnexMenuOpen {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 700px) {
  .main-nav.open {
    animation: soulnexMenuOpen 0.4s ease both;
    border-bottom: 1px solid rgba(232, 198, 158, 0.3);
  }

  .main-nav > a:not(.nav-mobile-cta)::after {
    bottom: 7px;
    width: 80px;
  }
}

/* Hareket hassasiyeti olan kullanıcılar */
@media (prefers-reduced-motion: reduce) {
  .main-nav.open {
    animation: none;
  }

  .brand svg,
  .header-contact,
  .main-nav > a::after {
    transition: none;
  }
}

/* ======================================
   SOULNEX - CINEMATIC COLLECTION V1
====================================== */

/* Koleksiyon görselinin netleşmesi */
@keyframes soulnexImageReveal {
  from {
    filter: blur(9px) brightness(0.65);
    opacity: 0.6;
  }

  to {
    filter: blur(0) brightness(1);
    opacity: 1;
  }
}

/* Kart görünür olduğunda başlat */
.collection-tile.in-view .tile-picture {
  animation: soulnexImageReveal
    1.5s cubic-bezier(.22, 1, .36, 1) both;
}

/* Üçüncü kartın gecikmeli gelişi */
.collection-stack
.collection-tile:nth-child(2) {
  transition-delay: 0.18s;
}

/* Koleksiyon başlığı */
.collection-tile .tile-content h3 i {
  transition: color 0.5s ease;
}

/* Fare ve klavye etkileşimi */
.collection-tile:hover .tile-content h3 i,
.collection-tile:focus-visible
.tile-content h3 i {
  color: #f0c99e;
}

/* Yazıların hafif yükselmesi */
.collection-tile .tile-content {
  transition: transform 0.6s ease;
}

.collection-tile:hover .tile-content,
.collection-tile:focus-visible .tile-content {
  transform: translateY(-6px);
}

/* Klavyeyle gezinme */
.collection-tile:focus-visible {
  outline: 2px solid #d7b48d;
  outline-offset: 4px;
}

/* Animasyonları azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .collection-tile.in-view .tile-picture {
    animation: none;
  }

  .collection-stack .collection-tile {
    transition-delay: 0s;
  }

  .collection-tile .tile-content {
    transition: none;
  }
}

/* ===================================
   SOULNEX - LUXURY EDITORIAL
=================================== */

.sn-feature {
  display: grid;
  grid-template-columns: 54% 46%;
  min-height: 720px;
  background: #21161c;
  color: #f8efe6;
  overflow: hidden;
}

/* Sol görsel alanı */

.sn-feature-media {
  position: relative;
  min-height: 700px;
  display: grid;
  place-items: center;
  isolation: isolate;

  background:
    linear-gradient(
      rgba(39, 18, 30, 0.45),
      rgba(39, 18, 30, 0.65)
    ),
    url("assets/silk-wine.webp")
    center / cover no-repeat;
}

.sn-feature-media::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(239, 202, 164, 0.25);
  pointer-events: none;
}

/* Büyük ürün görseli */

.sn-feature-art {
  position: relative;
  z-index: 1;
  width: 90%;
  max-height: 650px;
  object-fit: contain;

  filter: drop-shadow(
    0 35px 38px rgba(0, 0, 0, 0.3)
  );

  transition: transform 1.2s
    cubic-bezier(.22, 1, .36, 1);
}

.sn-feature-media:hover .sn-feature-art {
  transform: scale(1.045) translateY(-8px);
}

/* Görsel üzerindeki küçük yazılar */

.sn-feature-index,
.sn-feature-caption {
  position: absolute;
  z-index: 2;
  left: 42px;
  font-size: 10px;
  letter-spacing: 0.23em;
  color: #f0d7bc;
}

.sn-feature-index {
  top: 42px;
}

.sn-feature-caption {
  bottom: 42px;
}

/* Sağ metin alanı */

.sn-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 70px clamp(35px, 6vw, 110px);
}

.sn-feature-kicker {
  color: #d8af88;
  font-size: 10px;
  letter-spacing: 0.25em;
  font-weight: 700;
}

.sn-feature-copy h2 {
  font-family: var(--serif), Georgia, serif;
  font-weight: 400;
  font-size: clamp(46px, 5.2vw, 90px);
  line-height: 1.1;
  letter-spacing: -0.045em;
  margin: 36px 0;
}

.sn-feature-copy h2 em {
  font-weight: 400;
  color: #d9b58f;
}

.sn-feature-line {
  height: 1px;
  width: 75px;
  background: #d9b58f;
}

.sn-feature-copy p {
  max-width: 390px;
  font-size: 14px;
  line-height: 2;
  color: #d3c2ba;
  margin: 30px 0 38px;
}

/* Premium keşfet bağlantısı */

.sn-feature-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  padding: 18px 0;
  border-bottom: 1px solid #d9b58f;
  color: #f8e7d5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  transition: color 0.35s ease;
}

.sn-feature-link span {
  font-size: 22px;
  transition: transform 0.35s ease;
}

.sn-feature-link:hover {
  color: #d9b58f;
}

.sn-feature-link:hover span {
  transform: translate(5px, -5px);
}

.sn-feature-bottom {
  margin-top: 65px;
  font-size: 9px;
  letter-spacing: 0.3em;
  color: #ab8e85;
}

/* Tablet uyumluluğu */

@media (max-width: 900px) {
  .sn-feature {
    grid-template-columns: 1fr;
  }

  .sn-feature-media {
    min-height: 480px;
  }

  .sn-feature-copy {
    padding: 65px 7%;
  }
}

/* Telefon uyumluluğu */

@media (max-width: 600px) {
  .sn-feature-media {
    min-height: 360px;
  }

  .sn-feature-art {
    max-height: 350px;
  }

  .sn-feature-index,
  .sn-feature-caption {
    left: 28px;
    font-size: 8px;
  }

  .sn-feature-index {
    top: 30px;
  }

  .sn-feature-caption {
    bottom: 30px;
  }

  .sn-feature-copy h2 {
    font-size: clamp(45px, 12vw, 68px);
  }
}

/* Hareket azaltma ayarı */

@media (prefers-reduced-motion: reduce) {
  .sn-feature-art,
  .sn-feature-link span {
    transition: none;
  }

  .sn-feature-media:hover .sn-feature-art {
    transform: none;
  }
}

/* ====================================
   SOULNEX - LUXURY PRODUCT DETAILS
==================================== */

.sn-product-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 25px;
}

.sn-product-facts > div {
  border-top: 1px solid #d6c5b9;
  padding-top: 15px;
  min-width: 0;
}

.sn-product-facts span {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #967d77;
  margin-bottom: 10px;
}

.sn-product-facts strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #33232a;
}

/* Premium bilgi alma butonu */

.sn-product-inquire {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 17px 20px;
  background: #38222d;
  color: #f4e7d9;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;

  transition:
    background 0.4s ease,
    transform 0.4s ease;
}

.sn-product-inquire span {
  font-size: 20px;
  transition: transform 0.35s ease;
}

.sn-product-inquire:hover {
  background: #714657;
  color: #ffffff;
  transform: translateY(-2px);
}

.sn-product-inquire:hover span {
  transform: translate(3px, -3px);
}

.sn-product-inquire:focus-visible {
  outline: 2px solid #b88b68;
  outline-offset: 3px;
}

/* Telefon uyumu */

@media (max-width: 600px) {
  .sn-product-facts {
    gap: 12px;
  }

  .sn-product-facts strong {
    font-size: 11px;
  }

  .sn-product-inquire {
    padding: 16px 13px;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sn-product-inquire,
  .sn-product-inquire span {
    transition: none;
  }

  .sn-product-inquire:hover,
  .sn-product-inquire:hover span {
    transform: none;
  }
}

/* =========================================
   SOULNEX HOME — RESPONSIVE FIX V1
   Mobil hero, koleksiyonlar ve PC görselleri
   ========================================= */

/* PC — Giriş başlığı ve açıklama aralığı */

.hero-headings {
  height: clamp(290px, 24vw, 380px);
}

.hero-heading {
  font-size: clamp(68px, 6vw, 108px);
  line-height: 1.04;
}

.hero-description {
  position: relative;
  margin-top: 14px;
}

.hero-actions {
  margin-top: 22px;
}

/* PC — Koleksiyon fotoğrafları çerçeveyi doldursun */

.collection-tile .tile-picture img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
  transform: none;
}

.collection-tile:hover .tile-picture img {
  transform: scale(1.04);
}

/* =========================================
   TELEFON GÖRÜNÜMÜ
   ========================================= */

@media (max-width: 700px) {

  /* Giriş ekranı */

  .hero {
    height: 100svh;
    min-height: 760px;
    max-height: none;
    overflow: hidden;
  }

  .hero-inner {
    align-items: flex-start;
    padding-top: 100px;
  }

  .hero-content {
    width: 100%;
    padding: 0;
  }

  .hero-count {
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .hero-headings {
    height: clamp(180px, 43vw, 210px);
  }

  .hero-heading {
    font-size: clamp(42px, 11vw, 56px);
    line-height: 1.07;
    letter-spacing: -0.055em;
    white-space: normal;
  }

  .hero-description {
    max-width: 330px;
    min-height: 0;
    margin: 8px 0 20px;
    font-size: 12px;
    line-height: 1.7;
  }

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 0;
  }

  .hero-art {
    top: 53%;
    left: 5%;
    width: 90%;
    bottom: 6%;
    opacity: 0.74;
    pointer-events: none;
  }

  .hero-bottom {
    bottom: 18px;
  }

  /* Koleksiyonlar — yan yana 2 sütun */

  .collection-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    height: auto;
  }

  .collection-stack {
    display: contents;
  }

  .collection-tile-primary,
  .collection-tile-secondary {
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 3 / 4;
    overflow: hidden;
  }

  /* Üçüncü kart ortada ve aynı boyutta */

  .collection-stack > .collection-tile:last-child {
    grid-column: 1 / -1;
    width: calc((100% - 10px) / 2);
    justify-self: center;
  }

  /* Kart içerisindeki yazılar */

  .collection-tile .tile-content {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .collection-tile .tile-content > span {
    display: block;
    font-size: 7px;
    line-height: 1.4;
    letter-spacing: 0.06em;
  }

  .collection-tile .tile-content h3,
  .collection-tile-secondary .tile-content h3 {
    font-size: clamp(17px, 4vw, 24px);
    line-height: 1.12;
    margin: 6px 0 10px;
  }

  .collection-tile .tile-no {
    left: 12px;
    top: 12px;
    font-size: 7px;
  }

  .collection-tile .tile-bottom {
    padding-top: 9px;
    gap: 5px;
  }

  .collection-tile .tile-bottom p {
    font-size: 8px;
    line-height: 1.4;
  }

  .collection-tile .round-arrow {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    font-size: 13px;
  }

  .collection-tile::before {
    inset: 5px;
  }

}
@media (max-width: 700px) {

  .collection-layout {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 10px;
    align-items: stretch;
  }

  .collection-tile-primary {
    min-height: 420px;
    height: 100%;
  }

  .collection-stack {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    height: 420px;
  }

  .collection-tile-secondary {
    min-height: 0;
    height: 100%;
  }

  .collection-tile-primary .tile-picture,
  .collection-tile-secondary .tile-picture {
    height: 100%;
  }

  .collection-tile-primary .tile-picture img,
  .collection-tile-secondary .tile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .collection-tile .tile-content {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .collection-tile .tile-content h3 {
    font-size: 18px;
    line-height: 1.08;
    margin: 6px 0 8px;
  }

  .collection-tile .tile-bottom p {
    font-size: 10px;
    line-height: 1.35;
  }

  .collection-tile .round-arrow {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .collection-tile .tile-no {
    top: 12px;
    left: 12px;
    font-size: 8px;
  }
}.collection-tile-primary {
  min-height: 380px;
}

.collection-stack {
  height: 380px;
}
/* SOULNEX - MOBIL KOLEKSIYON SON DUZELTME */

@media (max-width: 700px) {

  .collection-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 8px;
    height: 350px;
    align-items: stretch;
  }

  /* Sol buyuk kart */
  .collection-tile-primary {
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }

  /* Sagda iki esit kart */
  .collection-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .collection-stack .collection-tile {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    aspect-ratio: auto;
  }

  /* Eski ortalama kuralini iptal et */
  .collection-stack > .collection-tile:last-child {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  /* Fotograflar cerceveyi doldursun */
  .collection-tile .tile-picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .collection-tile .tile-picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }

  /* Sol kart basligi */
  .collection-tile-primary .tile-content h3 {
    font-size: 25px;
    line-height: 1.1;
    margin: 7px 0 10px;
  }

  /* Sag kart basliklari */
  .collection-tile-secondary .tile-content {
    left: 9px;
    right: 9px;
    bottom: 9px;
  }

  .collection-tile-secondary .tile-content h3 {
    font-size: 16px;
    line-height: 1.1;
    margin: 4px 0 6px;
  }

  .collection-tile-secondary .tile-content > span {
    font-size: 6px;
    letter-spacing: 0.03em;
  }

  .collection-tile-secondary .tile-bottom p {
    display: none;
  }

  .collection-tile-secondary .round-arrow {
    width: 22px;
    height: 22px;
    font-size: 12px;
    margin-left: auto;
  }

  .collection-tile-secondary .tile-no {
    font-size: 6px;
    left: 9px;
    top: 9px;
  }
}

/* SOULNEX - GIRIS EKRANI TIPOGRAFI */

@media (min-width: 701px) {
  .hero-headings {
    height: clamp(280px, 27vw, 390px);
  }

  .hero-heading {
    font-size: clamp(65px, 5.9vw, 108px);
    line-height: 1.08;
  }

  .hero-description {
    margin-top: 22px;
    line-height: 1.8;
  }
}

@media (max-width: 700px) {
  .hero-inner {
    padding-top: 105px;
  }

  .hero-headings {
    height: clamp(170px, 43vw, 210px);
  }

  .hero-heading {
    font-size: clamp(40px, 10.5vw, 52px);
    line-height: 1.08;
    white-space: normal;
  }

  .hero-description {
    margin-top: 18px;
    font-size: 12px;
    line-height: 1.7;
  }

  .hero-actions {
    margin-top: 18px;
  }
}

/* =====================================
   SOULNEX SLEEP EDIT
   PREMIUM 4 URUNLU BANNER
===================================== */

.sleep-edit {
  background: #f7f0e9;
  color: #30212a;
  padding: 95px 0 85px;
}

.sleep-inner {
  width: min(1440px, calc(100% - 70px));
  margin: auto;
}

.sleep-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  margin-bottom: 38px;
}

.sleep-eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .24em;
  color: #9b6575;
}

.sleep-heading h2 {
  font-family: Georgia, serif;
  font-size: clamp(40px, 5vw, 76px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -.045em;
  margin: 20px 0 0;
}

.sleep-heading h2 em {
  display: block;
  font-weight: 400;
  color: #a87784;
}

.sleep-heading > p {
  max-width: 290px;
  color: #82757a;
  font-size: 13px;
  line-height: 1.85;
  margin: 0 0 6px;
}

/* DORTLU GRID */

.sleep-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.sleep-card {
  min-width: 0;
  background: #fffaf6;
  border: 1px solid #e8ded6;
  overflow: hidden;
  transition: transform .35s ease,
              box-shadow .35s ease;
}

.sleep-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 40px rgba(52,27,39,.12);
}

.sleep-photo {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;

  background-color: #bda6a3;
  background-image:
    linear-gradient(
      180deg,
      rgba(34,19,27,.16),
      transparent 45%,
      rgba(34,19,27,.18)
    ),
    var(--sleep-image);

  background-size: cover;
  background-position: center;
  transition: filter .4s ease;
}

.sleep-card:nth-child(2) .sleep-photo {
  background-color: #ad8890;
}

.sleep-card:nth-child(3) .sleep-photo {
  background-color: #c5afa8;
}

.sleep-card:nth-child(4) .sleep-photo {
  background-color: #aaa0a3;
}

.sleep-card:hover .sleep-photo {
  filter: saturate(1.12);
}

.sleep-number {
  position: absolute;
  top: 17px;
  left: 17px;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-shadow: 0 1px 5px rgba(0,0,0,.4);
}

.sleep-info {
  padding: 22px 19px 25px;
}

.sleep-info > span {
  font-size: 9px;
  font-weight: 700;
  color: #a57982;
  letter-spacing: .16em;
}

.sleep-info h3 {
  font-family: Georgia, serif;
  font-size: clamp(20px, 2vw, 29px);
  font-weight: 400;
  line-height: 1.18;
  margin: 12px 0;
  letter-spacing: -.025em;
}

.sleep-info p {
  font-size: 12px;
  color: #8c7b7d;
  margin: 0;
}

.sleep-footer {
  margin-top: 32px;
  padding-top: 17px;
  border-top: 1px solid #d9c7c1;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  color: #977c80;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
}

/* TELEFON - 2 X 2 */

@media (max-width: 700px) {

  .sleep-edit {
    padding: 62px 0;
  }

  .sleep-inner {
    width: calc(100% - 28px);
  }

  .sleep-heading {
    display: block;
    margin-bottom: 25px;
  }

  .sleep-eyebrow {
    font-size: 8px;
  }

  .sleep-heading h2 {
    font-size: clamp(36px, 9vw, 48px);
    margin-top: 12px;
  }

  .sleep-heading > p {
    font-size: 11px;
    margin-top: 15px;
    line-height: 1.7;
  }

  .sleep-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .sleep-info {
    padding: 13px 10px 17px;
  }

  .sleep-info > span {
    font-size: 7px;
    letter-spacing: .06em;
  }

  .sleep-info h3 {
    font-size: clamp(16px, 4.5vw, 21px);
    line-height: 1.15;
    margin: 8px 0;
  }

  .sleep-info p {
    font-size: 10px;
  }

  .sleep-number {
    top: 10px;
    left: 10px;
    font-size: 7px;
  }

  .sleep-footer {
    font-size: 7px;
    letter-spacing: .08em;
  }
}