@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&family=Noto+Serif+Devanagari:wght@400;500&display=swap');
:root{
  --bg:#080807; --panel:#0d0c0b; --ink:#eee8de; --muted:#9b9184;
  --copper:#b57b43; --line:rgba(220,202,178,.17); --paper:#e9e0d4;
  --paperInk:#1b1611; --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#080807;color:var(--ink);
  font-family:"DM Sans",sans-serif;font-weight:300;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.10;z-index:20;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")
}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),92vw);margin:auto}
.accent{color:var(--copper)}.deva{font-family:"Noto Serif Devanagari",serif}
.eyebrow{color:var(--copper);font-size:9px;letter-spacing:.31em;text-transform:uppercase;margin-bottom:18px}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:400;margin:0}
h1{font-size:clamp(35px,3.8vw,56px);line-height:1.03}
h2{font-size:clamp(27px,2.8vw,42px);line-height:1.03}
h3{font-size:23px;line-height:1.1}
p{margin:0}
.copy{color:var(--muted);line-height:1.65;font-size:13px}
nav{
  height:78px;border-bottom:1px solid var(--line);display:grid;
  grid-template-columns:1.1fr 2fr auto;align-items:center;gap:20px;position:relative;z-index:5
}
.mark{font-family:"Cormorant Garamond";font-size:22px;letter-spacing:.08em;text-transform:uppercase}
.mark small{display:block;font-size:11px;font-style:italic;text-transform:none;letter-spacing:.13em;color:var(--muted);margin-top:1px}
.navlinks{display:flex;justify-content:center;gap:27px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.navlinks a{color:#d9d0c4}.navlinks a:hover,.navlinks a.active{color:var(--copper)}
.nav-cta{border:1px solid rgba(181,123,67,.60);padding:12px 18px;color:var(--copper);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.editorial-screen{border-bottom:1px solid var(--line)}
.editorial-hero{
  min-height:430px;max-height:500px;display:grid;grid-template-columns:.38fr .62fr;overflow:hidden
}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 5vw 44px max(4vw,calc((100vw - var(--max))/2))}
.hero-copy h1{max-width:500px}
.hero-copy .lede{font-family:"Cormorant Garamond";font-size:18px;line-height:1.42;color:#c8bfb3;max-width:460px;margin:18px 0 24px}
.hero-art{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080807 0%,rgba(8,8,7,.46) 18%,rgba(8,8,7,.05) 60%)}
.hero-home{background-image:url('assets/home.jpg')}
.hero-writings{background-image:url('assets/writings.jpg')}
.hero-collections{background-image:url('assets/collections.jpg')}
.hero-journal{background-image:url('assets/journal.jpg')}
.hero-atelier{background-image:url('assets/atelier.jpg')}
.hero-about{background-image:url('assets/about.jpg')}
.hero-contact{background-image:url('assets/contact.jpg')}
.hero-human{background-image:url('assets/human-library.jpg')}
.hero-anonymous{background-image:url('assets/anonymous-hearts.jpg')}
.btn{display:inline-flex;align-items:center;gap:18px;width:max-content;color:var(--copper);font-family:"Cormorant Garamond";font-size:17px}
.btn:after{content:"→";font-family:"DM Sans";font-size:13px}.btn:hover{gap:25px}
.content-rail{display:grid;grid-template-columns:1.05fr repeat(6,1fr);border-top:1px solid var(--line)}
.rail-intro{padding:26px 28px;background:#0d0c0b}
.rail-intro h2{font-size:34px}.rail-intro p{margin:14px 0 18px}
.rail-card{min-height:190px;padding:25px 14px 18px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;background:#0d0c0b;border-left:1px solid var(--line);transition:.28s}
.rail-card:hover{background:#16130f;transform:translateY(-2px)}
.rail-icon{font-size:30px;color:#d1ad85}.rail-card h3{font-family:"DM Sans";font-size:11px;letter-spacing:.17em;text-transform:uppercase}
.rail-card p{font-family:"Cormorant Garamond";font-size:13px;color:var(--muted);line-height:1.35}.rail-card span{color:var(--copper);font-family:"Cormorant Garamond";font-size:15px}
.paper-strip{display:grid;grid-template-columns:repeat(5,1fr) 1.15fr;background:var(--paper);color:var(--paperInk)}
.paper-box{min-height:165px;padding:26px 25px 18px;border-right:1px solid rgba(27,22,17,.21)}
.paper-box h3{font-family:"DM Sans";font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.paper-box p{font-family:"Cormorant Garamond";font-size:15px;line-height:1.35;margin:14px 0}.paper-box a{font-size:11px}
.paper-box.dark{color:var(--ink);background:linear-gradient(90deg,rgba(8,8,7,.78),rgba(8,8,7,.91)),url('assets/contact.jpg') center/cover}
.paper-box.dark a{color:var(--copper)}
.section{padding:56px 0;border-top:1px solid var(--line)}
.sectionhead{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:28px}
.sectionhead p{max-width:430px;justify-self:end}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:#0d0c0b;padding:26px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:.28s}
.card:hover{background:#17130f;transform:translateY(-2px)}
.card p{color:var(--muted);font-size:13px;line-height:1.58;margin:14px 0}.num,.arrow{color:var(--copper)}
.page-layout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}
.page-column{background:#0d0c0b;padding:32px;min-height:250px}
.page-column p{margin-top:14px}.tagline{font-family:"Cormorant Garamond";font-size:21px;color:#d2c8ba}
.list{margin-top:20px;border-top:1px solid var(--line)}.list a,.list div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.list span{color:var(--copper)}
.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;padding:38px 0 62px}
.price{font-family:"Cormorant Garamond";font-size:30px;color:var(--copper);margin:5px 0 18px}
.steps{border-top:1px solid var(--line);margin-top:22px}.step{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;font-size:13px;color:#c6bdb1}.step span{color:var(--copper)}
.footer{padding:34px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer .wrap{display:flex;justify-content:space-between}
.fade{opacity:0;transform:translateY(16px);transition:opacity .68s ease,transform .68s ease}.fade.show{opacity:1;transform:none}
@media(max-width:1050px){
  nav{grid-template-columns:1fr auto}.navlinks{display:none}
  .content-rail{grid-template-columns:repeat(3,1fr)}.rail-intro{grid-column:1/-1}
  .paper-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .wrap{width:92vw} nav{height:68px}.nav-cta{display:none}
  .editorial-hero{grid-template-columns:1fr;max-height:none;min-height:0}
  .hero-copy{padding:46px 5vw 38px}.hero-art{min-height:270px}
  h1{font-size:40px}.content-rail{grid-template-columns:1fr 1fr}.paper-strip{grid-template-columns:1fr}
  .section{padding:44px 0}.sectionhead,.grid,.page-layout,.detail-grid{grid-template-columns:1fr}.sectionhead{gap:16px}.sectionhead p{justify-self:start}
  .footer .wrap{display:block}
}