/* Greyfell brand skin */
:root{--fb:'Outfit',system-ui,sans-serif;--fd:'Outfit',system-ui,sans-serif;--fdw:500;--fdl:-.025em;
  --bg:#ECEBEA;--surface:#fff;--surface2:#E2E0DE;--ink:#22201F;--mut:#77726E;--line:#DAD8D6;--line2:#CFCCC9;
  --acc:#22201F;--acc-ink:#fff;--eyb:#77726E;--r:18px;--ri:12px;--im-bg:#E2E0DE;--pc-ar:4/5;--pp-ar:4/5;--star:#22201F;
  --hdr:rgba(236,235,234,.88);--nav-on:#22201F;--badge:#fff;--badge-ink:#22201F;--ft-bg:#ECEBEA;--annc:#22201F}
.top{backdrop-filter:blur(12px)}
.logo svg{height:30px}.logo span{font-weight:600;letter-spacing:.04em;font-size:19px}
.nav{background:#fff;border-radius:999px;padding:5px}
.pc .badge{border:1px solid var(--line2)}
.pc .wl.on,.ib[data-wish].on{color:#E5484D}

/* hero */
.g-hero{padding:18px 0 0}
.g-panel{position:relative;border-radius:28px;overflow:hidden;background:#77716C;color:#fff;min-height:min(820px,88vh);padding:clamp(20px,3vw,34px);display:grid;grid-template-rows:auto 1fr auto;gap:22px}
.g-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 30%}
.g-panel>*:not(.g-bg){position:relative}
.g-pl{width:min(250px,100%);border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:16px;padding:12px 14px;display:grid;gap:10px}
.g-pt{display:flex;align-items:center;gap:10px;font-size:13px}.g-pt img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.g-pt small{display:block;opacity:.7;font-size:11px}
.g-eq{margin-left:auto;display:flex;gap:2px;align-items:flex-end;height:16px}.g-eq i{width:3px;background:#fff;height:40%;border-radius:2px}
.g-pl.on .g-eq i{animation:geq 1s ease-in-out infinite alternate}.g-eq i:nth-child(2){animation-delay:-.3s;height:80%}.g-eq i:nth-child(3){animation-delay:-.6s;height:60%}.g-eq i:nth-child(4){animation-delay:-.15s}
@keyframes geq{from{height:20%}to{height:100%}}
.g-pr{display:flex;align-items:center;gap:8px;font-size:10px;opacity:.85}.g-pr i{flex:1;height:2px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.g-pr b{display:block;height:100%;background:#fff;transition:width 1s linear}
.g-pbt{display:flex;justify-content:center;gap:22px}.g-pbt button{color:#fff;display:grid;place-items:center;width:30px;height:30px}.g-pbt svg{width:18px;height:18px;fill:#fff;stroke:#fff;stroke-width:1.4}
.g-pn{font-size:10px;opacity:.6;text-align:center}
.g-hl{align-self:center;max-width:560px}
.g-hl h1{font-size:clamp(46px,6.4vw,92px);font-weight:600;letter-spacing:-.01em;line-height:1.02}
.g-hl h1 span{display:inline-block;margin:0 .14em;font-weight:400}
.g-hl p{max-width:40ch;margin:18px 0 26px;font-size:16.5px;opacity:.92}
.g-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.g-drop{background:#22201F;color:#fff;height:54px;padding:0 10px 0 24px;gap:14px;box-shadow:0 0 0 6px rgba(34,32,31,.3)}
.g-drop i,.g-all i{width:34px;height:34px;border-radius:50%;background:#fff;color:#22201F;display:grid;place-items:center}.g-drop i svg,.g-all i svg{width:15px;height:15px}
.g-film{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:15px}.g-film i{width:34px;height:34px;border-radius:50%;border:1.5px solid #fff;display:grid;place-items:center}.g-film svg{width:13px;height:13px;fill:#fff}
.g-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g-col{display:flex;gap:12px;justify-content:space-between;align-items:stretch;border:1px solid rgba(255,255,255,.3);background:rgba(119,113,108,.45);backdrop-filter:blur(10px);border-radius:16px;padding:12px 12px 12px 18px;transition:background .25s}
.g-col:hover{background:rgba(119,113,108,.7)}
.g-col>div{display:flex;flex-direction:column;justify-content:center;gap:4px}
.g-tg{align-self:flex-start;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:2px 10px;font-size:11px;margin-bottom:6px}
.g-col b{font-size:18px;font-weight:500}.g-col small{font-size:12px;opacity:.85}
.g-ci{position:relative;width:96px;flex:none;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#E2E0DE}.g-ci img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g-col:hover .g-ci img{transform:scale(1.08)}
.g-ci i{position:absolute;right:6px;bottom:6px;width:26px;height:26px;border-radius:50%;background:#22201F;color:#fff;display:grid;place-items:center}.g-ci svg{width:12px;height:12px}

/* edit */
.g-edit .crumb{margin-bottom:8px}
.g-sr{display:flex;gap:14px;align-items:center;font-size:13px}
.g-edit .chips{margin:-10px 0 26px}
.g-pc .im{background:#E2E0DE}
.g-pc .badge{background:#fff}
.g-qa{position:absolute;left:50%;bottom:14px;transform:translate(-50%,8px);opacity:0;z-index:2;background:#22201F;color:#fff;border-radius:999px;height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;white-space:nowrap;transition:opacity .25s,transform .25s}
.g-qa svg{width:15px;height:15px}
.g-pc:hover .g-qa,.g-pc:focus-within .g-qa{opacity:1;transform:translate(-50%,0)}
.g-pc .sws{display:inline-flex;align-items:center;gap:4px}.g-pc .sws small{margin-left:6px}
.g-pc .sw{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.g-pc .sw.on{box-shadow:0 0 0 1.5px #ECEBEA,0 0 0 3px #22201F}
.g-more{display:flex;align-items:center;gap:18px;margin-top:40px;font-size:13px;color:var(--mut)}
.g-more i{flex:1;height:3px;background:var(--line);border-radius:3px;overflow:hidden}.g-more b{display:block;height:100%;background:#22201F;transition:width .5s}

/* featured product */
.g-feat{padding-top:0}
.g-fg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.g-gal{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#77716C}
.g-gal>img{width:100%;height:100%;object-fit:cover}
.g-ths{position:absolute;right:14px;top:14px;display:grid;gap:8px}
.g-ths button{width:58px;height:66px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.75;transition:opacity .2s}
.g-ths button.on{border-color:#fff;opacity:1}.g-ths img{width:100%;height:100%;object-fit:cover}
.g-note{position:absolute;left:14px;bottom:14px;background:rgba(34,32,31,.55);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px}
.g-pi{display:grid;gap:16px;padding-top:6px}
.g-kk{display:flex;gap:10px;align-items:center;font-size:12.5px}.g-kk .badge{border:1px solid var(--line2);background:#fff}
.g-pi h2{font-size:clamp(34px,3.6vw,48px)}
.g-pp{display:flex;align-items:center;gap:12px;font-size:13px}.g-pp b{font-size:28px;font-weight:600;margin-right:6px}
.g-pi>p{max-width:52ch}
.g-op .lb{display:flex;justify-content:space-between;font-size:13.5px;font-weight:500;margin-bottom:10px}.g-op .lb button{text-decoration:underline;color:var(--mut);font-size:12.5px}
.g-sw{display:flex;gap:10px}.g-sw button{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:box-shadow .2s}
.g-sw button.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #22201F}
.g-sz{display:flex;gap:8px;flex-wrap:wrap}.g-sz button{min-width:54px;height:42px;border-radius:10px;border:1px solid var(--line2);font-size:13px;background:#fff;transition:background .2s,color .2s}
.g-sz button.on{background:#22201F;color:#fff;border-color:#22201F}.g-sz button.x{text-decoration:line-through;color:var(--line2);background:transparent;cursor:not-allowed}
.g-buy{display:flex;gap:10px}.g-buy .b-pri{flex:1;height:56px;font-size:15px}.g-buy .ib{width:56px;height:56px;border:1px solid var(--line2);background:#fff}
.g-ok{display:flex;gap:18px;font-size:12.5px;color:var(--mut);flex-wrap:wrap}.g-ok span{display:inline-flex;gap:6px;align-items:center}.g-ok svg{width:14px;height:14px}

/* lookbook */
.g-look{background:#5E5955;color:#fff;padding:clamp(56px,7vw,90px) 0;margin:20px 0}
.g-look .sh2 small{opacity:.75;font-size:13px}.g-look .sh2 p{max-width:36ch;text-align:right;font-size:14px;opacity:.85}
.g-lg{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}
.g-sp{position:relative;border-radius:18px;overflow:hidden;margin:0;background:#4E4A47}.g-sp>img{width:100%;height:100%;object-fit:cover}
.g-lb{min-height:520px}
.g-lr{display:grid;grid-template-rows:1fr auto;gap:14px}.g-lr .g-sp{min-height:290px}
.g-dot{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-14px,-50%);z-index:2}
.g-dot button{width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.35);animation:gpulse 2.4s infinite;flex:none}
@keyframes gpulse{50%{box-shadow:0 0 0 10px rgba(255,255,255,.12)}}
.g-dot a{background:#fff;color:#22201F;border-radius:999px;padding:7px 14px;font-size:12.5px;white-space:nowrap;opacity:0;transform:translateX(-6px);pointer-events:none;transition:opacity .25s,transform .25s}
.g-dot.l{flex-direction:row-reverse;transform:translate(calc(-100% + 14px),-50%)}.g-dot.on a{opacity:1;transform:none;pointer-events:auto}.g-dot a b{margin-left:6px}
.g-sp figcaption{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.35);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px;font-size:12px}
.g-full{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:18px;padding:20px;display:grid;gap:6px}
.g-full small{opacity:.75;font-size:12.5px}.g-full b{font-size:24px;font-weight:500}
.g-fr{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.g-fr span{display:flex}.g-fr img{width:46px;height:46px;border-radius:10px;object-fit:cover;border:2px solid #5E5955;margin-left:-8px;background:#E2E0DE}.g-fr img:first-child{margin:0}
.g-all{background:#fff;color:#22201F;height:50px;padding:0 8px 0 20px;gap:12px}.g-all i{background:#22201F;color:#fff}

/* reviews + bag */
.g-rg{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.g-rg h2{font-size:clamp(32px,3.6vw,46px)}
.g-sc{display:flex;align-items:center;gap:16px;margin:16px 0 26px}.g-sc>b{font-size:56px;line-height:1}.g-sc small{display:block;font-size:12.5px;margin-top:4px}
.g-rl{display:grid;gap:12px}
.g-rc{background:#E2E0DE;border-radius:16px;padding:16px 18px;display:grid;gap:8px;font-size:14.5px}
.g-rc .who{display:flex;align-items:center;gap:10px}.g-rc .who img{width:34px;height:34px;border-radius:50%;object-fit:cover}.g-rc .who small{display:block;color:var(--mut);font-size:12px}.g-rc .who .stars{margin-left:auto}
.g-rc>small{font-size:12px}
.g-bag{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:14px;box-shadow:0 30px 60px -40px rgba(0,0,0,.35);position:sticky;top:96px}
.g-bh{display:flex;justify-content:space-between;align-items:center}.g-bh h3{font-size:22px}
.g-fs{font-size:13px}.g-fb{display:block;height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:-6px}.g-fb b{display:block;height:100%;background:#22201F;transition:width .4s}
.g-bl{display:grid;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px}
.g-bi{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;font-size:14px}.g-bi img{width:62px;height:66px;border-radius:10px;object-fit:cover;background:#E2E0DE}
.g-bi small{display:block;font-size:12px;margin:2px 0 6px}.g-bi .qty{height:28px}.g-bi .qty button{width:26px}.g-bi>span{font-weight:600}
.g-tt{display:grid;gap:6px;font-size:14px}.g-tt div{display:flex;justify-content:space-between}.g-tt .gt{font-weight:600;font-size:16px;margin-top:4px}
.g-bag .b-full{height:52px}.g-k{text-align:center;font-size:12px}
.g-be{display:grid;gap:14px}

/* newsletter */
.g-nl{padding:10px 0 50px}
.g-nb{position:relative;border-radius:24px;overflow:hidden;color:#fff;padding:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;min-height:220px}
.g-nb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:brightness(.62)}
.g-nb>*:not(img){position:relative}.g-nb h2{font-size:clamp(28px,3.4vw,42px)}.g-nb p{opacity:.85;margin-top:6px}
.g-form{display:flex;gap:6px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:999px;padding:5px;width:min(420px,100%)}
.g-form input{flex:1;border:0;outline:none;background:none;color:#fff;padding:0 16px;min-width:0}.g-form input::placeholder{color:rgba(255,255,255,.75)}
.g-form .b{background:#fff;color:#22201F}

/* footer wordmark */
.g-word{font-family:var(--fd);font-weight:600;font-size:clamp(70px,17vw,250px);line-height:.9;letter-spacing:-.02em;color:#77726E;opacity:.85;margin:30px 0 10px;white-space:nowrap;overflow:hidden}

/* film modal */
#mo.g-film-on .bx{width:min(980px,94vw);max-width:none;padding:0;overflow:hidden;background:#22201F}
#mo.g-film-on .x{z-index:3;background:#fff}
.g-fm{position:relative;aspect-ratio:16/9;color:#fff}
.g-fm figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s}.g-fm figure.on{opacity:1}
.g-fm img{width:100%;height:100%;object-fit:cover}.g-fm figure.on img{animation:gkb 6s ease-out both}
@keyframes gkb{from{transform:scale(1.12)}to{transform:scale(1)}}
.g-fm figcaption{position:absolute;left:24px;bottom:34px;display:grid;gap:4px;text-shadow:0 1px 12px rgba(0,0,0,.5)}.g-fm figcaption b{font-size:24px;font-weight:500}
.g-fd{position:absolute;left:24px;bottom:16px;display:flex;gap:6px}.g-fd i{width:22px;height:3px;border-radius:3px;background:rgba(255,255,255,.35)}.g-fd i.on{background:#fff}

/* pages */
.g-lbp>p{max-width:60ch}
.g-lk{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(22px,4vw,48px);align-items:center;margin-top:48px}
.g-lk>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.g-lk>div{display:grid;gap:12px;justify-items:start}.g-lk h2{font-size:clamp(26px,3vw,38px)}
.g-li{display:grid;gap:8px;width:100%;margin:6px 0}.g-li a{display:flex;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:8px;font-size:14px}.g-li img{width:48px;height:52px;border-radius:8px;object-fit:cover}.g-li small{display:block}
.g-post{display:grid;gap:10px}.g-post img{border-radius:16px;aspect-ratio:4/3;object-fit:cover}.g-post h3{font-size:22px}
.g-st{display:grid;gap:12px;margin:22px 0}.g-st>div{background:#fff;border-radius:14px;padding:14px 16px;display:grid;gap:2px;font-size:14px}.g-st p{font-size:13px;margin-top:4px}

@media (max-width:1080px){.g-cols{grid-template-columns:1fr 1fr 1fr}.g-ci{width:72px}.g-col b{font-size:16px}.g-rg{grid-template-columns:1fr}.g-bag{position:static;max-width:520px}}
@media (max-width:860px){.g-panel{min-height:0}.g-cols{grid-template-columns:1fr}.g-fg,.g-lg,.g-lk{grid-template-columns:1fr}.g-lb{min-height:380px}.g-look .sh2 p{text-align:left}.g-bg{object-position:72% 30%;opacity:.55}}
@media (max-width:560px){.g-panel{border-radius:22px;padding:16px}.g-hl h1{font-size:44px}.g-pl{width:100%}.g-ci{width:64px}.g-col{padding:10px 10px 10px 14px}.g-qa{display:none}.g-more{flex-wrap:wrap}.g-more i{flex-basis:100%}.g-lb{min-height:300px}.g-lr .g-sp{min-height:240px}.g-dot a{font-size:11.5px;padding:6px 10px}.g-fr{flex-wrap:wrap}.g-word{font-size:17.5vw}.g-pc .sws small{display:none}.g-buy .b-pri{font-size:14px}}