/* Homepage only — real product-layer carousel. */
body[data-page="index"] .mogo-knot-hero{ 
  --gold:#c8a66a;
  position:relative;
  isolation:isolate;
  min-height:clamp(560px,52vw,760px);
  overflow:hidden;
  background:#020202;
  color:#f2e8d8;
}
body[data-page="index"] .mogo-knot-hero__atmosphere,
body[data-page="index"] .mogo-knot-hero__grain,
body[data-page="index"] .mogo-knot-hero__brush,
body[data-page="index"] .mogo-knot-hero__floor{position:absolute;inset:0;pointer-events:none}
body[data-page="index"] .mogo-knot-hero__atmosphere{z-index:-4;background:radial-gradient(ellipse at 50% 76%,rgba(84,55,27,.16) 0%,rgba(42,28,15,.08) 22%,rgba(10,8,6,.025) 46%,transparent 67%),radial-gradient(ellipse at 51% 30%,rgba(35,27,19,.10) 0%,transparent 58%),#020202}
body[data-page="index"] .mogo-knot-hero__atmosphere-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
body[data-page="index"] .mogo-knot-hero::before{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;box-shadow:inset 0 0 180px rgba(0,0,0,.52),inset 0 80px 130px rgba(0,0,0,.30),inset 0 -100px 160px rgba(0,0,0,.30)}
body[data-page="index"] .mogo-knot-hero__brush{z-index:-2;inset:-18%;opacity:.035;filter:blur(3px);mix-blend-mode:screen}
body[data-page="index"] .mogo-knot-hero__brush--a{transform:rotate(-8deg);background:linear-gradient(96deg,transparent 0 19%,rgba(168,120,67,.45) 29%,transparent 39% 58%,rgba(119,86,52,.26) 67%,transparent 77%)}
body[data-page="index"] .mogo-knot-hero__brush--b{transform:rotate(7deg);opacity:.05;background:linear-gradient(92deg,transparent 0 35%,rgba(188,141,80,.42) 43%,transparent 51% 73%,rgba(145,107,68,.24) 81%,transparent 92%)}
body[data-page="index"] .mogo-knot-hero__brush--c{transform:rotate(-13deg);opacity:.045;filter:blur(5px);background:linear-gradient(90deg,transparent 9%,rgba(179,130,70,.45) 23%,transparent 35% 65%,rgba(145,103,56,.3) 74%,transparent 87%)}
body[data-page="index"] .mogo-knot-hero__floor{z-index:0;top:auto;height:28%;background:radial-gradient(ellipse at center,rgba(130,86,41,.13) 0%,rgba(64,42,21,.065) 28%,transparent 70%);filter:blur(14px)}
body[data-page="index"] .mogo-knot-hero__grain{z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 100px;mix-blend-mode:screen}
body[data-page="index"] .mogo-knot-hero__title{position:absolute;z-index:2;top:1%;left:50%;width:108vw;max-width:none;height:clamp(150px,13.2vw,210px);transform:translateX(-50%);opacity:.38;pointer-events:none;user-select:none}
body[data-page="index"] .mogo-knot-hero__sidecopy{position:absolute;z-index:11;margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.85;letter-spacing:.28em;text-transform:uppercase;pointer-events:none}
body[data-page="index"] .mogo-knot-hero__sidecopy--left{top:clamp(218px,23vw,340px);left:clamp(28px,4.35vw,74px);color:rgba(182,146,96,.72)}
body[data-page="index"] .mogo-knot-hero__sidecopy--right{top:clamp(218px,23vw,340px);right:clamp(28px,4.35vw,74px);color:rgba(196,181,157,.52);text-align:right}
body[data-page="index"] .mogo-knot-hero__stage{position:absolute;z-index:3;inset:0;overflow:hidden}
body[data-page="index"] .mogo-knot-hero__stage::after{content:"";position:absolute;left:7%;right:7%;bottom:5%;height:17%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(185,132,63,.2),rgba(0,0,0,0) 69%);filter:blur(15px);pointer-events:none}
body[data-page="index"] .mogo-knot-hero__product{position:absolute;left:50%;top:42%;width:clamp(255px,35vw,560px);aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;transform:translate(-50%,-50%);transform-origin:50% 53%;will-change:left,top,transform,filter,opacity;transition:left 650ms cubic-bezier(.4,0,.2,1),top 650ms cubic-bezier(.4,0,.2,1),transform 650ms cubic-bezier(.4,0,.2,1),filter 650ms cubic-bezier(.4,0,.2,1),opacity 650ms cubic-bezier(.4,0,.2,1);pointer-events:none}
body[data-page="index"] .mogo-knot-hero__product[data-position="center"]{left:50%;top:50%;z-index:6;opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1.18)}
body[data-page="index"] .mogo-knot-hero__product[data-position="left"]{left:28%;top:55%;z-index:4;opacity:.88;filter:blur(.35px) saturate(.92);transform:translate(-50%,-50%) scale(.82)}
body[data-page="index"] .mogo-knot-hero__product[data-position="right"]{left:73%;top:55%;z-index:4;opacity:.88;filter:blur(.35px) saturate(.92);transform:translate(-50%,-50%) scale(.82)}
body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"]{left:9%;top:57%;z-index:3;opacity:.57;filter:blur(2.3px) saturate(.74);transform:translate(-50%,-50%) scale(.61)}
body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"]{left:92%;top:57%;z-index:3;opacity:.57;filter:blur(2.3px) saturate(.74);transform:translate(-50%,-50%) scale(.61)}
body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"]{left:100%;top:58%;z-index:2;opacity:.26;filter:blur(5px) saturate(.58);transform:translate(-50%,-50%) scale(.46)}
body[data-page="index"] .mogo-knot-hero__arrow{position:absolute;z-index:12;top:55%;display:grid;place-items:center;width:58px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#d7b574;font:300 33px/.8 Georgia,"Times New Roman",serif;cursor:pointer;opacity:.82;transition:color .25s ease,opacity .25s ease,transform .25s ease}
body[data-page="index"] .mogo-knot-hero__arrow::after{content:"";position:absolute;bottom:0;width:40px;height:1px;background:currentColor;transform:scaleX(.55);transition:transform .25s ease}
body[data-page="index"] .mogo-knot-hero__arrow:hover{color:#f3dfb8;opacity:1;transform:translateX(3px)}
body[data-page="index"] .mogo-knot-hero__arrow--prev:hover{transform:translateX(-3px)}
body[data-page="index"] .mogo-knot-hero__arrow:hover::after{transform:scaleX(1)}
body[data-page="index"] .mogo-knot-hero__arrow--prev{left:clamp(20px,3vw,54px)}
body[data-page="index"] .mogo-knot-hero__arrow--next{right:clamp(20px,3vw,54px)}
body[data-page="index"] .mogo-knot-hero__meta{position:absolute;z-index:11;left:clamp(30px,4.1vw,72px);bottom:clamp(36px,4.6vw,74px);width:min(360px,27vw);padding-top:0;text-shadow:0 2px 20px #000}
body[data-page="index"] .mogo-knot-hero__meta::before{display:none}
body[data-page="index"] .mogo-knot-hero__eyebrow{display:block;margin-bottom:12px;font-family:Inter,Arial,sans-serif;color:#c8ad82;font-size:10px;font-weight:500;letter-spacing:.28em}
body[data-page="index"] .mogo-knot-hero__meta h1{margin:0 0 13px;font-family:"Libre Bodoni","Bodoni Moda",serif;font-size:clamp(34px,3vw,52px);font-weight:400;line-height:.96;letter-spacing:.015em;color:#e4d5bd;text-transform:uppercase}
body[data-page="index"] .mogo-knot-hero__meta p{margin:0;color:#d5c6ad;font:400 12px/1.65 Georgia,"Times New Roman",serif;letter-spacing:.08em}
body[data-page="index"] .mogo-knot-hero__dots{position:absolute;z-index:13;left:50%;bottom:clamp(27px,3.35vw,54px);display:flex;gap:8px;transform:translateX(-50%)}
body[data-page="index"] .mogo-knot-hero__dot{width:7px;height:7px;padding:0;border:1px solid rgba(194,153,89,.72);border-radius:50%;background:transparent;cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease}
body[data-page="index"] .mogo-knot-hero__dot[aria-selected="true"]{border-color:#ead1a4;background:#ead1a4;transform:scale(1.1)}
body[data-page="index"] .mogo-knot-hero__cta{position:absolute;z-index:12;right:clamp(34px,4.5vw,80px);bottom:clamp(39px,5.7vw,88px);display:inline-flex;align-items:center;gap:29px;min-width:255px;justify-content:center;padding:19px 24px;border:1px solid rgba(157,124,78,.58);color:#d1b98f;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:rgba(5,5,4,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.26);transition:border-color .25s ease,color .25s ease,background .25s ease}
body[data-page="index"] .mogo-knot-hero__cta:hover{border-color:#f0d4a1;color:#f3dbac;background:rgba(151,105,49,.13)}
@media (max-width:760px){body[data-page="index"] .mogo-knot-hero{min-height:620px}body[data-page="index"] .mogo-knot-hero__title{top:90px;font-size:22vw}body[data-page="index"] .mogo-knot-hero__product{width:92vw}body[data-page="index"] .mogo-knot-hero__product[data-position="center"]{top:45%;transform:translate(-50%,-50%) scale(1.03)}body[data-page="index"] .mogo-knot-hero__product[data-position="left"]{left:17%;top:48%;transform:translate(-50%,-50%) scale(.52)}body[data-page="index"] .mogo-knot-hero__product[data-position="right"]{left:83%;top:48%;transform:translate(-50%,-50%) scale(.52)}body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"],body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"],body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"]{opacity:0}body[data-page="index"] .mogo-knot-hero__arrow{top:48%;width:39px;height:39px}body[data-page="index"] .mogo-knot-hero__meta{bottom:92px;width:calc(100% - 52px);text-align:center}body[data-page="index"] .mogo-knot-hero__meta p{font-size:10px}body[data-page="index"] .mogo-knot-hero__cta{right:50%;bottom:27px;min-width:218px;padding:14px 18px;transform:translateX(50%)}body[data-page="index"] .mogo-knot-hero__dots{bottom:72px}}

/* Hero art direction — restrained black-gold gallery rather than layered effects. */
body[data-page="index"] .mogo-knot-hero {
  --gold: #c7a36a;
  min-height: clamp(600px, 52vw, 790px);
  background: #030302;
}
body[data-page="index"] .mogo-knot-hero__atmosphere {
  background:
    radial-gradient(ellipse 43% 35% at 50% 59%, rgba(91, 72, 43, .09) 0%, rgba(35, 29, 20, .035) 42%, transparent 74%),
    radial-gradient(ellipse 72% 88% at 50% 52%, rgba(14, 13, 11, .22) 0%, transparent 72%),
    #030302;
}
body[data-page="index"] .mogo-knot-hero__atmosphere-art,
body[data-page="index"] .mogo-knot-hero__brush { display: none; }
body[data-page="index"] .mogo-knot-hero::before {
  box-shadow: inset 0 0 150px rgba(0,0,0,.66), inset 0 80px 120px rgba(0,0,0,.42), inset 0 -100px 145px rgba(0,0,0,.42);
}
body[data-page="index"] .mogo-knot-hero__floor {
  height: 22%;
  background: radial-gradient(ellipse at 50% 62%, rgba(113, 87, 47, .065), rgba(35, 28, 18, .018) 39%, transparent 71%);
  filter: blur(20px);
}
body[data-page="index"] .mogo-knot-hero__grain { opacity: .022; }
body[data-page="index"] .mogo-knot-hero__title {
  top: 4.4%;
  width: 98vw;
  height: clamp(145px, 13.8vw, 220px);
  opacity: .24;
  filter: saturate(.7) brightness(.82);
}
body[data-page="index"] .mogo-knot-hero__stage::after {
  left: 18%; right: 18%; bottom: 6%; height: 12%;
  background: radial-gradient(ellipse at center, rgba(142, 108, 60, .075), rgba(0,0,0,0) 70%);
  filter: blur(18px);
}
/* Editorial three-piece stage: opaque original photography, with no image overlap. */
body[data-page="index"] .mogo-knot-hero__product { top: 47%; width: clamp(250px, 31vw, 500px); }
body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { left: 50%; top: 47%; transform: translate(-50%,-50%) scale(1.03); }
body[data-page="index"] .mogo-knot-hero__product[data-position="left"] { left: 18%; top: 53%; opacity: 1; filter: none; transform: translate(-50%,-50%) scale(.72); }
body[data-page="index"] .mogo-knot-hero__product[data-position="right"] { left: 82%; top: 53%; opacity: 1; filter: none; transform: translate(-50%,-50%) scale(.72); }
body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"],
body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"],
body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { opacity: 0; pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__sidecopy { font-size: 9px; line-height: 1.95; letter-spacing: .32em; }
body[data-page="index"] .mogo-knot-hero__sidecopy--left { top: 48%; left: clamp(32px,4.3vw,72px); color: rgba(189,151,93,.55); }
body[data-page="index"] .mogo-knot-hero__sidecopy--right { top: 48%; right: clamp(32px,4.3vw,72px); color: rgba(205,188,158,.38); }
body[data-page="index"] .mogo-knot-hero__arrow { top: 60%; color: #c29b5d; font-size: 30px; opacity: .7; }
body[data-page="index"] .mogo-knot-hero__meta { bottom: clamp(42px,4.7vw,76px); width: min(318px,25vw); }
body[data-page="index"] .mogo-knot-hero__meta h1 { font-size: clamp(32px,2.8vw,47px); letter-spacing: .025em; color: #e8dac3; }
body[data-page="index"] .mogo-knot-hero__meta p { color: #bcae98; letter-spacing: .045em; }
body[data-page="index"] .mogo-knot-hero__dots { bottom: clamp(24px,2.8vw,44px); }
body[data-page="index"] .mogo-knot-hero__dot { border-color: rgba(170, 135, 78, .62); }
body[data-page="index"] .mogo-knot-hero__dot[aria-selected="true"] { border-color: #b8965e; background: #b8965e; }
body[data-page="index"] .mogo-knot-hero__cta { right: clamp(38px,4.4vw,76px); bottom: clamp(44px,5vw,80px); min-width: 260px; background: rgba(7,6,4,.48); border-color: rgba(193,151,83,.68); color: #dbc49b; }
@media (max-width:760px) {
  body[data-page="index"] .mogo-knot-hero { min-height: 640px; }
  body[data-page="index"] .mogo-knot-hero__title { top: 10%; width: 126vw; height: 105px; opacity: .2; }
  body[data-page="index"] .mogo-knot-hero__sidecopy { display: none; }
  /* One complete, opaque product image on phone: no soft-edged cutouts or ghosted neighbours. */
  body[data-page="index"] .mogo-knot-hero__product { width: 100vw; }
  body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { top: 44%; opacity: 1; filter: none; transform: translate(-50%,-50%) scale(1); }
  body[data-page="index"] .mogo-knot-hero__product[data-position="left"],
  body[data-page="index"] .mogo-knot-hero__product[data-position="right"],
  body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"],
  body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"],
  body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { display: none; }
  body[data-page="index"] .mogo-knot-hero__meta { bottom: 104px; }
  body[data-page="index"] .mogo-knot-hero__cta { bottom: 29px; }
}

/* Keep the homepage navigation fixed; the page begins below its 68px frame. */
body[data-page="index"] #site-chrome {
  position: fixed;
  inset: 0 0 auto;
  z-index: 80;
}
body[data-page="index"] #site-chrome .announcement { display: none; }
body[data-page="index"] #site-chrome .site-header {
  position: relative;
  top: auto;
  z-index: 80;
}
body[data-page="index"] main { padding-top: 68px; }