/* Porul — styles derived from Figma export (Figmadesign.css) */
:root{
  --bg:#391B17; --cream:#F7F2EC; --sand:#EAE2D8; --gold:#C4A076; --rust:#9D3F0D;
  --sage:#9AB0AA; --sage-lt:#B7C8C2; --muted:#A3978E; --deep:#4A1C14; --card:#4A201A;
  --serif:'Instrument Serif','Noto Serif Tamil',serif; --sans:'Manrope',system-ui,sans-serif; --work:'Work Sans','Manrope',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:14px;line-height:19px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1440px;margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kicker{font-weight:700;font-size:12px;line-height:16px;text-transform:uppercase;color:var(--gold);letter-spacing:.04em}
.h-serif{font-family:var(--serif);font-weight:400;font-size:48px;line-height:62px;color:var(--cream)}
.h-work{font-family:var(--work);font-weight:400}

/* header */
.hdr{background:var(--bg);height:84px;position:relative;z-index:20}
.hdr.tall{height:126px}
.hdr .in{max-width:1440px;margin:0 auto;height:100%;padding:24px 80px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:8px;width:171px;height:36px}
.logo b{font-family:var(--serif);font-weight:400;font-size:28px;line-height:36px;color:var(--cream)}
.logo i{font-style:normal;font-weight:500;font-size:12px;line-height:16px;color:var(--gold);letter-spacing:.06em}
.nav{display:flex;gap:40px;align-items:center}
.tall .nav{gap:70px}
.nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:500;color:var(--sand);transition:color .2s}
.nav a:hover,.nav a.on{color:#fff}
.nav a.on::after{content:"";width:16px;height:1.5px;background:var(--gold)}
.icons{display:flex;gap:24px;align-items:center;width:132px;justify-content:flex-end}
.icons svg{width:20px;height:20px;stroke:var(--cream);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.icons button,.icons a{background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px}
.badge{background:var(--gold);color:var(--bg);font-weight:700;font-size:10px;line-height:14px;padding:2px 6px;border-radius:100px;min-width:18px;height:18px;text-align:center}
.burger{display:none}
.shop-page .hdr{position:absolute;left:0;right:0;top:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;border-radius:2px;padding:14px 24px;font-weight:700;font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,background .2s,opacity .2s}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--bg)}
.btn-rust{background:var(--rust);color:var(--cream)}
.btn-line{border-color:var(--bg);color:var(--bg);background:transparent}
.link-arrow{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:13px;line-height:18px;color:var(--cream)}
.link-arrow svg{width:14px;height:14px;stroke:var(--cream);fill:none;stroke-width:2;transition:transform .2s}
.link-arrow:hover svg{transform:translateX(4px)}

/* deco flower */
.deco{display:flex;flex-direction:column;align-items:center;gap:6px;width:24px}
.deco svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.deco hr{width:24px;border:0;border-top:1px solid var(--gold)}

/* HOME */
.hero{height:810px;position:relative;overflow:hidden;background:
  radial-gradient(60% 70% at 72% 40%,rgba(241,180,54,.28),transparent 70%),
  radial-gradient(50% 60% at 20% 80%,rgba(157,63,13,.55),transparent 70%),
  linear-gradient(160deg,#4A1C14,#391B17 60%,#2C1410)}
.hero .in{max-width:1440px;margin:0 auto;padding:0 80px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:28px;position:relative;z-index:2}
.hero h1{font-family:var(--serif);font-weight:400;font-size:112px;line-height:104px;max-width:760px;letter-spacing:-.01em}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p{font-size:18px;line-height:31px;color:var(--sand);max-width:480px}
.hero .cta{display:flex;gap:16px}
.hero .ring{position:absolute;right:-120px;top:60px;width:720px;height:720px;border-radius:50%;border:2px solid rgba(196,160,118,.35);z-index:1}
.hero .ring.r2{width:520px;height:520px;right:-20px;top:160px;border-color:rgba(196,160,118,.2)}
.hero .tag{position:absolute;right:80px;bottom:56px;font-family:var(--serif);font-size:28px;color:var(--gold);z-index:2}
.collections{padding:80px 80px 9px;max-width:1440px;margin:0 auto}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.sec-head .l{display:flex;flex-direction:column;gap:16px}
.sec-head p{width:340px;color:var(--sand)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.cat{position:relative;height:420px;border-radius:4px;overflow:hidden;display:block}
.cat .ph{position:absolute;inset:0;transition:transform .5s}
.cat:hover .ph{transform:scale(1.04)}
.cat .d{position:absolute;left:0;right:0;bottom:0;height:116px;padding:24px;display:flex;flex-direction:column;gap:8px;z-index:1}
.cat h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:42px}
.cat p{font-size:13px;line-height:18px}
.c0{background:var(--sage)}.c0 .d{background:var(--sage)}.c0 h3,.c0 p{color:var(--bg)}
.c1{background:var(--rust)}.c1 .d{background:var(--rust)}
.c2{background:#4A2018}.c2 .d{background:linear-gradient(180deg,transparent,var(--bg))}
.c3{background:var(--rust)}.c3 .d{background:var(--rust)}
.c1 p,.c2 p,.c3 p{color:var(--sand)}
.c0 .ph{background:radial-gradient(circle at 50% 40%,#c8d5d2,#8aa39d)}
.c1 .ph{background:radial-gradient(circle at 50% 40%,#c45a22,#7a2f08)}
.c2 .ph{background:radial-gradient(circle at 50% 40%,#7a3a2c,#2f1410)}
.c3 .ph{background:radial-gradient(circle at 50% 40%,#d98a3a,#8a3a0c)}
.about{display:flex;gap:100px;padding:120px 80px;max-width:1440px;margin:0 auto;align-items:flex-start}
.about .hd{width:450px;display:flex;flex-direction:column;gap:32px;flex:none}
.kick-row{display:flex;gap:12px;align-items:center}
.framed{display:flex;gap:20px;align-items:center}
.framed h2{font-family:var(--work);font-weight:400;font-size:48px;line-height:120%;width:340px}
.about .nar{width:730px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:32px}
.about .lead{font-size:18px;line-height:170%;color:#FAE3B1;width:100%}
.about .body{font-size:15px;line-height:160%;color:var(--muted);width:100%}
.quote{background:var(--card);padding:100px 100px 34px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden}
.quote blockquote{font-family:'Inria Serif',serif;font-size:36px;line-height:140%;text-align:center;max-width:1240px}
.quote .who{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:24px}
.quote .who b{color:var(--gold);font-size:14px}
.quote .who span{font-size:12px;line-height:16px;color:var(--sand);opacity:.75}
.quote .bg{position:absolute;left:40px;top:40px;width:120px;height:120px;opacity:.03;stroke:#fff;fill:none;stroke-width:2}
.inq{padding:96px 80px;max-width:1440px;margin:0 auto}
.inq .hd{display:flex;flex-direction:column;gap:16px}
.inq .hd p{width:100%;max-width:620px;font-size:15px;line-height:160%;color:var(--sand)}
.inq .row{display:flex;gap:80px;margin-top:56px;align-items:flex-start}
.field{display:flex;flex-direction:column;gap:12px;width:100%}
.field label{font-weight:700;font-size:12px;line-height:16px;text-transform:uppercase;color:var(--gold);letter-spacing:.04em}
.in-f,.sel,.ta{width:100%;background:transparent;border:1px solid var(--sand);border-radius:4px;padding:0 16px;height:52px;font-size:14px;color:var(--cream);outline-offset:2px}
.in-f::placeholder,.ta::placeholder{color:var(--muted)}
.ta{height:180px;padding:16px;line-height:160%;resize:vertical}
.form{display:flex;flex-direction:column;gap:24px;width:620px;flex:none}
.sub-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.sub-row p{width:360px;font-size:13px;line-height:150%;color:var(--muted)}
.status{font-size:13px;color:var(--gold);min-height:18px}
.status.err{color:#ff9d80}
.note{background:#4F2018;border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:24px;width:580px}
.note h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:42px}
.note p{font-size:15px;line-height:160%;color:var(--sand)}
.note .cd{display:flex;flex-direction:column;gap:12px}
.note .cd a{color:var(--gold);font-weight:600;font-size:13px;line-height:18px}
.note .cd span{font-size:13px;line-height:18px;color:var(--sand);opacity:.85}

/* footer */
.ftr{max-width:1440px;margin:0 auto;padding:80px 80px 40px;display:flex;flex-direction:column;gap:64px}
.ftr .top{display:flex;gap:48px;justify-content:space-between;flex-wrap:wrap}
.ftr .col{display:flex;flex-direction:column;gap:16px}
.ftr .brand{gap:24px}
.ftr .links{width:139px}
.ftr .ct{width:300px}
.ftr .ct p{line-height:150%}
.ftr .nl{width:360px}
.ftr .nl p{color:var(--sand)}
.nl form{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--sand);border-radius:4px;height:44px;padding:0 8px 0 16px}
.nl input{background:none;border:0;outline:0;font-size:13px;line-height:18px;flex:1;min-width:0}
.nl input::placeholder{color:var(--muted)}
.nl button{background:var(--gold);color:var(--bg);border:0;border-radius:2px;font-weight:700;font-size:11px;line-height:15px;padding:6px 12px;cursor:pointer}
.ftr .links a{color:var(--cream)}
.ftr .links a:hover,.ftr .ct a:hover{color:var(--gold)}
.ftr .bot{display:flex;flex-direction:column;gap:24px}
.ftr .bot hr{border:0;border-top:1px solid var(--sand);opacity:.15}
.ftr .bot .r{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:18px;gap:16px;flex-wrap:wrap}
.ftr .bot .r>span{color:var(--muted)}
.soc{display:flex;gap:20px;color:var(--sand)}
.soc a:hover{color:var(--gold)}

/* SHOP */
.shop-hero{background:var(--rust);padding:180px 80px 40px}
.shop-hero .in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.shop-hero h1{font-family:var(--serif);font-weight:400;font-size:56px;line-height:73px}
.shop-hero p{font-size:16px;line-height:150%;max-width:600px}
.shop-body{background:var(--rust);padding:80px;display:flex;gap:48px;align-items:flex-start}
.shop-body>.inner{max-width:1280px;margin:0 auto;display:flex;gap:48px;width:100%;align-items:flex-start}
.side{width:240px;flex:none;display:flex;flex-direction:column;gap:40px}
.fs{display:flex;flex-direction:column;gap:16px}
.fs h4{font-size:12px;line-height:16px;font-weight:700}
.fopt{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;text-align:left;color:var(--cream);font-weight:400}
.fopt .bu{width:6px;height:6px;border:1px solid var(--gold);border-radius:3px;flex:none}
.fopt.on{font-weight:600}.fopt.on .bu{background:var(--gold)}
.cb{display:flex;align-items:center;gap:8px;cursor:pointer}
.cb input{appearance:none;width:12px;height:12px;border:1px solid var(--sand);border-radius:2px;margin:0;cursor:pointer}
.cb input:checked{background:var(--gold);border-color:var(--gold)}
.divider{border:0;border-top:1px solid var(--sand);opacity:.1}
.promise{background:var(--rust);border:1px solid var(--gold);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:12px;width:224px;outline:0}
.promise h5{font-family:var(--serif);font-weight:400;font-size:20px;line-height:26px}
.promise p{font-size:12px;line-height:150%}
.shop-body .promise{background:#8a3509}
.grid{display:grid;grid-template-columns:repeat(3,320px);gap:24px;flex:1;align-content:start;justify-content:start}
.pc{background:var(--bg);border-radius:6px;display:flex;flex-direction:column;gap:16px;width:320px;overflow:hidden;cursor:pointer}
.pc .im{height:320px;position:relative;overflow:hidden;background:var(--rust)}
.pc .im .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:transform .5s;text-align:center;padding:24px}
.pc:hover .ph{transform:scale(1.05)}
.ph b{font-family:var(--serif);font-weight:400;font-size:72px;line-height:1;color:rgba(247,242,236,.9)}
.ph small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,242,236,.65)}
.heart{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:100px;background:var(--bg);opacity:.85;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.heart svg{width:16px;height:16px;stroke:var(--cream);fill:none;stroke-width:2}
.heart.on svg{fill:var(--gold);stroke:var(--gold)}
.pc .dt{padding:0 8px 16px;display:flex;flex-direction:column;gap:12px;flex:1}
.pc .tr{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pc h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:29px;width:220px}
.pc .pr{font-weight:700;color:var(--gold);white-space:nowrap}
.pc .ds{font-size:13px;line-height:150%;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc .add{margin-top:auto;border:1px solid var(--rust);background:var(--rust);color:var(--cream);border-radius:2px;padding:10px 16px;font-weight:600;font-size:12px;line-height:16px;cursor:pointer;transition:filter .2s}
.pc .add:hover{filter:brightness(1.15)}
.pc.lt{background:var(--sage)}.pc.lt h3,.pc.lt .pr,.pc.lt .ds{color:var(--bg)}
.pc.lt .add{background:transparent;border-color:var(--bg);color:var(--bg)}
.empty{grid-column:1/-1;color:var(--cream);padding:40px 0}
dialog{margin:auto;border:1px solid var(--gold);background:var(--bg);color:var(--cream);border-radius:6px;width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:0}
dialog::backdrop{background:rgba(20,8,6,.7)}
.md{display:grid;grid-template-columns:1fr 1fr}
.md .im{min-height:380px;position:relative}
.md .tx{padding:32px;display:flex;flex-direction:column;gap:16px}
.md h2{font-family:var(--serif);font-weight:400;font-size:32px;line-height:42px}
.md .desc{font-size:14px;line-height:160%;color:var(--sand);white-space:pre-line}
.md .det{font-size:13px;line-height:170%;color:var(--muted);white-space:pre-line;border-top:1px solid rgba(234,226,216,.15);padding-top:16px}
.md .x{position:absolute;right:12px;top:12px;z-index:3;background:var(--bg);border:1px solid var(--gold);width:32px;height:32px;border-radius:100px;cursor:pointer;font-size:18px}

/* CREATE */
.page-hero{padding:56px 80px 60px;background:var(--deep)}
.page-hero .in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.page-hero h1{font-family:var(--work);font-weight:400;font-size:56px;line-height:66px}
.sage{background:var(--sage);color:var(--bg)}
.proc{max-width:1440px;margin:0 auto;padding:80px;display:flex;flex-direction:column;gap:40px}
.proc .kicker{color:var(--bg)}
.proc h2{font-family:var(--work);font-weight:400;font-size:40px;line-height:47px;color:var(--bg)}
.proc p.lead{font-size:16px;line-height:160%;max-width:640px}
.prog{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700;font-size:12px;letter-spacing:.04em}
.prog .dot{width:28px;height:28px;border-radius:14px;background:var(--sage);border:1px solid var(--bg);display:flex;align-items:center;justify-content:center}
.prog .ln{flex:1;min-width:24px;border-top:1px solid var(--bg);opacity:.4}
.prog .st{display:flex;align-items:center;gap:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step{border:1px solid var(--bg);border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:20px;min-height:231px}
.step .n{font-family:var(--serif);font-size:44px;line-height:57px}
.step h3{font-family:var(--work);font-weight:400;font-size:24px;line-height:28px}
.step p{font-size:14px;line-height:150%}
.conf{max-width:1440px;margin:0 auto;padding:96px 80px;display:flex;flex-direction:column;gap:96px;border-top:1px solid rgba(57,27,23,.25)}
.cstep{display:flex;gap:48px;align-items:flex-start}
.cstep .c{display:flex;flex-direction:column;gap:32px;width:560px;flex:none}
.cstep .c.wide{width:100%}
.cstep h3.t{font-family:var(--serif);font-weight:400;font-size:40px;line-height:52px;color:var(--bg)}
.cstep .kicker{color:var(--bg)}
.pv{border:1px solid var(--bg);border-radius:4px;background:var(--sage-lt);flex:1;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pv span{font-family:var(--serif);font-size:28px;opacity:.55;text-align:center;padding:24px}
.opts{display:flex;gap:16px;flex-wrap:wrap}
.opt{width:calc(25% - 12px);min-width:220px;border:1px solid var(--bg);border-radius:4px;background:var(--sage-lt);cursor:pointer;text-align:left;color:var(--bg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.opt:hover{transform:translateY(-2px)}
.opt .ph2{height:220px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:56px;color:rgba(247,242,236,.9)}
.opt .tt{padding:20px;display:flex;flex-direction:column;gap:8px}
.opt h4{font-family:var(--work);font-weight:400;font-size:20px;line-height:23px}
.opt p{font-size:13px;line-height:150%}
.opt.on{background:var(--bg);color:var(--cream)}
.opt.on h4,.opt.on p{color:var(--cream)}
.upl{border:1px dashed var(--bg);background:var(--sage-lt);border-radius:4px;padding:32px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;cursor:pointer}
.upl strong{font-size:13px;letter-spacing:.06em}
.upl small{font-size:12px}
.files{font-size:12px;margin-top:6px}
.note-box{background:var(--sage-lt);border:1px solid var(--bg);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:12px}
.note-box textarea{background:none;border:0;outline:0;resize:vertical;min-height:70px;font-size:14px;line-height:150%;color:var(--bg)}
.note-box textarea::placeholder{color:#5c4a45}
.ex{font-size:12px;line-height:150%}
.pcard{background:var(--sage-lt);border:1px solid var(--bg);border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:20px}
.pcard .pi{height:240px;background:linear-gradient(135deg,var(--rust),#d98a3a);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:28px;color:var(--cream);text-align:center;padding:16px}
.chg{border:1px solid var(--bg);border-radius:2px;padding:16px;background:transparent;width:100%;font-size:14px;color:var(--bg)}
.chg::placeholder{color:#5c4a45}
.btn-row{display:flex;gap:16px}
.btn-sage{background:var(--sage-lt);border-color:var(--bg);color:var(--bg)}
.summary{background:var(--sage-lt);border:1px solid var(--bg);border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:150%}
.summary div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(57,27,23,.2);padding-bottom:10px}
.idea{max-width:1440px;margin:0 auto;padding:96px 80px;display:flex;flex-direction:column;gap:64px}
.idea h2{font-family:var(--serif);font-weight:400;font-size:40px;line-height:52px;max-width:640px}
.idea form{background:var(--card);border:1px solid var(--gold);border-radius:4px;padding:40px;display:flex;flex-direction:column;gap:24px;width:720px;max-width:100%}
.idea .in-f,.idea .sel,.idea .ta{background:var(--bg);border-radius:2px}
.idea .ta{height:160px}
.drop{border:1px dashed var(--gold);background:var(--bg);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;cursor:pointer}
.drop small{color:var(--muted)}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23EAE2D8' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.sel option{background:var(--bg);color:var(--cream)}

/* ABOUT */
.a-hero{background:var(--deep);padding:28px 80px 80px}
.a-hero .in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.a-hero .t{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.a-hero h1{font-family:var(--work);font-weight:400;font-size:64px;line-height:110%}
.a-hero .t p{max-width:1000px;font-size:16px;line-height:170%;color:var(--sand)}
.hand{font-family:'Caveat','Figma Hand',cursive;font-size:45px;line-height:160%;color:var(--sand)}
.hand.l{text-align:right;color:rgba(234,226,216,.7)}
.a-img{height:833px;border-radius:8px;background:radial-gradient(60% 60% at 30% 40%,rgba(241,180,54,.3),transparent),linear-gradient(135deg,#9D3F0D,#391B17);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:32px;color:rgba(247,242,236,.6)}
.vals{max-width:1440px;margin:0 auto;padding:80px;display:flex;flex-direction:column;gap:56px}
.vals .h{display:flex;flex-direction:column;align-items:center;gap:16px}
.vals h2{font-family:var(--work);font-weight:400;font-size:40px;line-height:47px;text-align:center}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vc{background:var(--deep);border:1px solid #B8956A;border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:20px}
.vc h3{font-family:var(--work);font-weight:400;font-size:28px;line-height:33px}
.vc p{font-size:14px;line-height:160%;color:var(--sand)}

/* CONTACT */
.c-hero{background:#4D2018;padding:38px 80px 60px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.c-hero h1{font-family:var(--work);font-weight:400;font-size:56px;line-height:66px}
.c-hero p{max-width:640px;font-size:16px;line-height:160%;color:var(--sand)}
.c-body{max-width:1440px;margin:0 auto;padding:80px;display:flex;gap:48px;align-items:flex-start}
.fcard{background:#2C1410;border-radius:4px;padding:40px;display:flex;flex-direction:column;gap:32px;width:752px;flex:none}
.fcard h2{font-family:var(--work);font-weight:400;font-size:36px;line-height:42px}
.fcard form{display:flex;flex-direction:column;gap:24px}
.r2{display:flex;gap:20px}
.r2>.field{gap:8px}
.fcard .in-f,.fcard .sel{height:43px;padding:12px;background-color:var(--bg);border:1px solid #947D6B;border-radius:2px}
.fcard .ta{height:120px;padding:12px;background:var(--bg);border:1px solid #947D6B;border-radius:2px}
.fcard .field{gap:8px}
.fcard .btn{width:100%;font-size:13px;padding:14px;line-height:18px}
.loc{display:flex;flex-direction:column;gap:40px;width:480px;flex:none}
.lcard{background:#2C1410;border:1px solid #6B3D35;border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:24px}
.lcard h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:36px}
.lcard p{font-size:14px;line-height:150%;color:var(--sand)}
.lcard ul{list-style:none;display:flex;flex-direction:column;gap:16px}
.lcard li{display:flex;gap:12px;align-items:center}
.lcard li svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2;flex:none}
.map{height:220px;border-radius:4px;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:
 repeating-linear-gradient(0deg,transparent 0 31px,rgba(196,160,118,.12) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(196,160,118,.12) 31px 32px),#2C1410;border:1px solid #6B3D35;align-items:center;flex-direction:column;gap:12px}
.btn-map{background:var(--bg);border:1px solid #B8916A;color:#B8916A;padding:8px 16px;font-weight:600;font-size:12px;line-height:16px;border-radius:2px;text-transform:uppercase}
.faq{background:#2E1511;padding:80px;display:flex;flex-direction:column;align-items:center;gap:48px}
.faq .h{display:flex;flex-direction:column;align-items:center;gap:16px}
.faq h2{font-family:var(--work);font-weight:400;font-size:40px;line-height:47px;text-align:center}
.faq-l{width:800px;max-width:100%}
.fq{border-bottom:1px solid #6B3D35;opacity:.9}
.fq button{width:100%;background:none;border:0;display:flex;justify-content:space-between;align-items:center;padding:24px 0 12px;cursor:pointer;text-align:left;gap:16px}
.fq h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:29px}
.fq svg{width:16px;height:16px;stroke:var(--cream);fill:none;stroke-width:2;transition:transform .25s;flex:none}
.fq[data-open="true"] svg{transform:rotate(45deg)}
.fq .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}
.fq[data-open="true"] .a{grid-template-rows:1fr}
.fq .a>div{overflow:hidden}
.fq p{padding:0 0 24px;font-size:14px;line-height:160%;color:var(--muted)}

/* motion */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* responsive */
@media (max-width:1280px){
  .grid{grid-template-columns:repeat(2,320px)}
  .about{flex-direction:column;gap:48px}.about .nar,.about .hd{width:100%}
  .inq .row{flex-direction:column}.form,.note{width:100%}
  .cstep{flex-direction:column}.cstep .c{width:100%}.pv{width:100%}
  .c-body{flex-direction:column}.fcard,.loc{width:100%}
  .cards{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .hdr .in{padding:20px 20px}
  .tall .nav,.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px;border-top:1px solid rgba(234,226,216,.15)}
  .nav.open{display:flex}
  .burger{display:flex!important}
  .icons{width:auto}
  .hero{height:auto;min-height:620px}.hero .in{padding:80px 20px}
  .hero h1{font-size:64px;line-height:62px}.hero .ring{display:none}.hero .tag{position:static;padding:0 20px 32px}
  .collections,.about,.inq,.proc,.conf,.idea,.vals,.c-body,.faq{padding-left:20px;padding-right:20px}
  .collections{padding-top:56px}
  .about{padding-top:64px;padding-bottom:64px}
  .sec-head{flex-direction:column;align-items:flex-start}.sec-head p{width:100%}
  .h-serif{font-size:36px;line-height:46px}
  .cards{grid-template-columns:1fr}
  .framed h2{font-size:34px;width:auto}
  .quote{padding:64px 20px 32px}.quote blockquote{font-size:24px}
  .sub-row{flex-direction:column;align-items:flex-start}.sub-row p{width:100%}
  .ftr{padding:56px 20px 32px}.ftr .top{gap:40px}.ftr .links,.ftr .ct,.ftr .nl{width:100%}
  .shop-hero{padding:128px 20px 32px}.shop-hero h1{font-size:40px;line-height:52px}
  .shop-body{padding:32px 20px}.shop-body>.inner{flex-direction:column}
  .side{width:100%}.promise{width:100%}
  .grid{grid-template-columns:1fr;width:100%}.pc{width:100%}
  .page-hero,.a-hero,.c-hero{padding-left:20px;padding-right:20px}
  .page-hero h1,.c-hero h1{font-size:36px;line-height:44px}
  .a-hero h1{font-size:36px}.a-img{height:360px}.hand{font-size:30px}
  .steps,.vgrid{grid-template-columns:1fr}
  .opt{width:100%}.prog .lbl{display:none}
  .btn-row,.r2{flex-direction:column}
  .fcard{padding:24px}.idea form{padding:24px}
  .md{grid-template-columns:1fr}.md .im{min-height:260px}
  .faq .a p{font-size:14px}
}
@media (max-width:860px){.framed{flex-direction:column;align-items:flex-start}.about .nar{align-items:flex-start}.inq .row{gap:32px}}
/* commerce pages */
.cartwrap{max-width:1280px;margin:0 auto;padding:56px 80px;display:flex;gap:48px;align-items:flex-start}
#cart-items,.cform{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}
.ci{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid rgba(234,226,216,.15);padding-bottom:20px}
.ci .th{width:96px;height:96px;border-radius:4px;overflow:hidden;position:relative}.ci .th .ph{padding:8px}.ci .th b{font-size:36px}.ci .th small{display:none}
.ci h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:29px}.ci .pr{color:var(--gold);font-weight:700}.ci .err{color:#ff9d80;margin-left:12px}
.qty{display:flex;gap:10px;align-items:center;margin-top:8px}.qty button{background:none;border:1px solid var(--gold);color:var(--cream);width:28px;height:28px;border-radius:2px;cursor:pointer}.qty .rm{width:auto;border:0;padding:0 8px;color:var(--muted);text-decoration:underline}
.sumbox{width:380px;flex:none;background:var(--card);border:1px solid var(--gold);border-radius:4px;padding:28px;display:flex;flex-direction:column;gap:14px}
.sumbox h2{font-family:var(--serif);font-weight:400;font-size:28px}.sumbox>div{display:flex;justify-content:space-between;gap:12px}.sumbox .tot{border-top:1px solid rgba(234,226,216,.2);padding-top:14px;font-size:18px}
.sumbox .lines{flex-direction:column;gap:8px;font-size:13px}.sumbox .lines>div{display:flex;justify-content:space-between;gap:12px;width:100%}
.fine{font-size:12px;color:var(--muted);line-height:150%}
.cform .r2{flex-wrap:wrap}.cform .r2>.field{flex:1;min-width:160px}
.cform .in-f,.cform .ta{height:48px}.cform .ta{height:96px}
.policy{max-width:760px;margin:0 auto;padding:56px 20px;display:flex;flex-direction:column;gap:20px;font-size:16px;line-height:170%;color:var(--sand)}
.policy h1{font-family:var(--serif);font-weight:400;font-size:44px;line-height:54px;color:var(--cream)}
.chg{border:1px solid var(--bg);background:transparent;color:var(--bg);padding:12px;border-radius:2px;width:100%}
.btn:disabled,.pc .add:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:860px){.cartwrap{flex-direction:column;padding:32px 20px}.sumbox{width:100%}.ci{grid-template-columns:72px 1fr}.ci b{grid-column:2}}