*{box-sizing:border-box;margin:0;padding:0}body{font:400 15px/1.6 "Inter",system-ui,sans-serif;color:#1a1714;background:#efe9df;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,56px);mix-blend-mode:normal;background:linear-gradient(#efe9df,rgba(239,233,223,0))}
.logo{font:500 18px "Playfair Display";letter-spacing:.3em}.nav nav{display:flex;gap:24px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(20px,4vw,60px);align-items:center;padding:110px clamp(18px,4vw,56px) 60px}
.kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8a7a66;margin-bottom:22px}
h1{font:500 clamp(54px,7.4vw,120px)/.94 "Playfair Display",serif;letter-spacing:-.02em}h1 em{font-weight:400;color:#9b5a2e}
.ln{display:block;overflow:hidden;padding-bottom:.08em}.ln>span{display:inline-block}
.btn{display:inline-block;margin-top:34px;padding:15px 30px;border:1px solid #1a1714;font-size:13px;letter-spacing:.14em;text-transform:uppercase;position:relative;overflow:hidden;z-index:0;transition:color .4s}
.btn::before{content:"";position:absolute;inset:0;background:#1a1714;transform:translateY(101%);transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:-1}.btn:hover{color:#efe9df}.btn:hover::before{transform:none}
.hpic{position:relative}.mask{aspect-ratio:4/5;overflow:hidden;border-radius:300px 300px 4px 4px}.mask img{width:100%;height:118%;object-fit:cover;object-position:60% 50%;will-change:transform}
.tag{position:absolute;left:-24px;bottom:40px;background:#1a1714;color:#efe9df;font:italic 400 28px "Playfair Display";padding:14px 20px}
.marquee{border-block:1px solid #1a1714;overflow:hidden;white-space:nowrap;padding:18px 0}.mq{display:inline-flex;font:italic 400 clamp(26px,3.4vw,48px) "Playfair Display"}.mq span{padding-right:.4em}
.shop{padding:clamp(80px,10vw,130px) clamp(18px,4vw,56px)}h2{font:500 clamp(38px,5vw,70px)/1 "Playfair Display";margin-bottom:44px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,26px)}.prod:nth-child(even){margin-top:60px}
.pi{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e3dbcf}.pi img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pi::after{content:"";position:absolute;inset:0;background:#1a1714;transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.7,0,.2,1);opacity:.12}
.qa{position:absolute;left:12px;right:12px;bottom:12px;background:#efe9df;text-align:center;padding:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transform:translateY(140%);transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:2}
.prod:hover .pi img,.prod:focus-visible .pi img{transform:scale(1.08)}.prod:hover .qa,.prod:focus-visible .qa{transform:none}.prod:hover .pi::after{transform:scaleY(1)}
.pm{display:flex;justify-content:space-between;margin-top:12px;font-size:14px}.pm span{color:#8a7a66}
.edit{position:relative;padding:clamp(100px,14vw,180px) clamp(18px,8vw,160px);background:#1a1714;color:#efe9df;overflow:hidden}
.num{position:absolute;right:-2vw;top:50%;translate:0 -50%;font:500 clamp(200px,34vw,520px)/1 "Playfair Display";color:rgba(239,233,223,.06)}
blockquote{position:relative;font:italic 400 clamp(32px,4.4vw,64px)/1.15 "Playfair Display";max-width:1000px}.sig{margin-top:30px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;opacity:.7}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:100px}.hpic{order:-1}.mask{aspect-ratio:1/1;border-radius:200px 200px 4px 4px}.tag{left:10px}.grid{grid-template-columns:repeat(2,1fr)}.nav nav a:not(:last-child){display:none}}
@media (hover:none){.qa{transform:none}}

/* darker, glossy pass */
body{background:#15120f;color:#efe6d8}.nav{background:linear-gradient(#15120f,rgba(21,18,15,0))}h1 em{color:#d39a66}.kicker,.pm span{color:#a8957d}
.btn{border-color:#efe6d8}.btn::before{background:#efe6d8}.btn:hover{color:#15120f}.marquee{border-color:#3a322a}
.mask{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 60px -14px rgba(211,154,102,.6)}.tag{background:#d39a66;color:#15120f}
.pi{background:#26211b;--gr:4px;--glow:rgba(211,154,102,.45)}.qa{background:#15120f;color:#efe6d8}.edit{background:#0d0b09}.kcopy{color:rgba(239,230,216,.5)}