/* VELATO — wearvelato.com styles. Brand tokens at the top. */
@font-face{font-family:"GFS Didot";src:url(/assets/fonts/gfs-didot-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014}
@font-face{font-family:"GFS Didot";src:url(/assets/fonts/gfs-didot-greek-400-normal.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"Jost";src:url(/assets/fonts/jost-latin-300-normal.woff2) format("woff2");font-weight:300}
@font-face{font-family:"Jost";src:url(/assets/fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400}
@font-face{font-family:"Jost";src:url(/assets/fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500}
@font-face{font-family:"Noto Naskh Arabic";src:url(/assets/fonts/noto-naskh-arabic-arabic-500-normal.woff2) format("woff2");font-weight:500}
@font-face{font-family:"Noto Naskh Arabic";src:url(/assets/fonts/noto-naskh-arabic-arabic-700-normal.woff2) format("woff2");font-weight:700}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/tajawal-arabic-300-normal.woff2) format("woff2");font-weight:300}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/tajawal-arabic-400-normal.woff2) format("woff2");font-weight:400}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/tajawal-arabic-500-normal.woff2) format("woff2");font-weight:500}
@font-face{font-family:"Tajawal";src:url(/assets/fonts/tajawal-arabic-700-normal.woff2) format("woff2");font-weight:700}

:root{
  --cocoa:#3B2A22; --cream:#EDE4D3; --paper:#F5EFE6; --camel:#A9744A; --crimson:#6A1F2A;
  --orange:#B4572D; --rose:#B88377; --mineral:#4E5A45; --stone:#8A8075;
  --line:rgba(59,42,34,.16);
  --display:"GFS Didot",Didot,Georgia,serif;
  --text:"Jost","Helvetica Neue",Arial,sans-serif;
  --ar-display:"Noto Naskh Arabic",serif;
  --ar-text:"Tajawal",sans-serif;
  --gutter:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper)}
body{background:var(--paper);color:var(--cocoa);font-family:var(--text);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
[dir=rtl] body{font-family:var(--ar-text);font-size:15.5px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

.label{font-family:var(--text);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--camel)}
[dir=rtl] .label{font-family:var(--ar-text);letter-spacing:0;font-size:13px;font-weight:500}
.h-display{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1.15}
[dir=rtl] .h-display{font-family:var(--ar-display);font-weight:700;line-height:1.5}
.latin{font-family:var(--display)!important;direction:ltr;unicode-bidi:isolate}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gutter)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 34px;font-family:var(--text);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--cocoa);transition:.3s}
[dir=rtl] .btn{font-family:var(--ar-text);letter-spacing:0;font-size:15px;font-weight:500}
.btn-primary{background:var(--cocoa);color:var(--cream)}
.btn-primary:hover{background:var(--crimson);border-color:var(--crimson)}
.btn-ghost{color:var(--cocoa)}
.btn-ghost:hover{background:var(--cocoa);color:var(--cream)}
.btn-light{border-color:var(--cream);color:var(--cream)}
.btn-light:hover{background:var(--cream);color:var(--cocoa)}
.btn-block{width:100%}

/* announcement + header */
.announce{background:var(--cocoa);color:var(--cream);text-align:center;font-size:10.5px;letter-spacing:.32em;padding:9px 16px;text-transform:uppercase}
[dir=rtl] .announce{letter-spacing:0;font-size:13px}
.header{position:sticky;top:0;z-index:20;background:rgba(245,239,230,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.header .wrap{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav{display:flex;gap:30px;font-size:11px;letter-spacing:.28em;text-transform:uppercase}
[dir=rtl] .nav{letter-spacing:0;font-size:14.5px;font-weight:500}
.nav a{position:relative;padding:4px 0}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:1px;background:var(--cocoa)}
.nav a.inside{color:var(--camel)}
.logo img{height:22px;width:auto}
.tools{display:flex;justify-content:flex-end;align-items:center;gap:20px}
.tools .lang{font-size:13px;font-family:var(--ar-text)}
[dir=rtl] .tools .lang{font-family:var(--text);font-size:11px;letter-spacing:.25em}
.tools img{width:21px;height:21px}
.menu-btn{display:none}

/* hero */
.hero{display:grid;grid-template-columns:5fr 7fr;min-height:640px}
.hero .copy{background:var(--cocoa);color:var(--cream);padding:72px var(--gutter);display:flex;flex-direction:column;justify-content:flex-end;gap:22px}
.hero .copy .label{color:#C9A27A}
.hero .copy h1{font-size:clamp(46px,5.4vw,80px)}
[dir=rtl] .hero .copy h1{font-size:clamp(36px,4vw,58px)}
.hero .copy p{max-width:400px;color:#d8ccba;font-size:15.5px}
.hero .media{background:url(/assets/img/hero-trio.jpg) center 20%/cover}

/* section heads */
.sec{padding:96px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px}
.sec-head h2{font-size:clamp(28px,3vw,40px)}
[dir=rtl] .sec-head h2{font-size:clamp(26px,2.6vw,34px)}
.link-arrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--camel);display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
[dir=rtl] .link-arrow{letter-spacing:0;font-size:14px}

/* lines */
.lines{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.line-card{position:relative;aspect-ratio:4/5;background:var(--cream) center/cover;display:flex;align-items:flex-end;padding:28px;overflow:hidden}
.line-card .tag{background:var(--paper);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;width:100%}
.line-card .tag b{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.06em}
[dir=rtl] .line-card .tag b{font-family:var(--ar-display);font-weight:700;letter-spacing:0;font-size:21px}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.card .media{position:relative;aspect-ratio:4/5;background:#ECE3D4 center/cover;overflow:hidden}
.card .media .badge{position:absolute;top:14px;inset-inline-start:14px}
.card .media .quick{position:absolute;bottom:14px;inset-inline-end:14px;width:38px;height:38px;border:1px solid var(--camel);color:var(--camel);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;background:rgba(245,239,230,.5)}
.card .media .wish{position:absolute;top:12px;inset-inline-end:12px;width:22px;opacity:.7}
.card .info{text-align:center;padding-top:16px}
.card .name{font-family:var(--display);font-size:17px;letter-spacing:.02em}
[dir=rtl] .card .name{font-family:var(--ar-text);font-weight:500;font-size:16px}
.card .colour{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);margin-top:2px}
[dir=rtl] .card .colour{letter-spacing:0;font-size:13px}
.card .price{font-size:13.5px;letter-spacing:.08em;color:var(--stone);margin-top:4px}
.dots{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;min-height:26px}
.dots .dot{width:17px;height:17px;border-radius:50%;display:block;border:1px solid rgba(59,42,34,.18);cursor:pointer}
.dots .dot.on{outline:1px solid var(--cocoa);outline-offset:3px}
.dots .dcount{font-size:12px;letter-spacing:.06em;color:var(--stone);margin-inline-start:6px}
[dir=rtl] .dots .dcount{font-size:13px}
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(color-mix(in srgb,var(--c,#E2D6C2) 12%,#F0E8DA),color-mix(in srgb,var(--c,#E2D6C2) 26%,#E2D6C2))}
.ph img{width:46px;opacity:.35}
.ph span{font-size:10px;letter-spacing:.25em;color:var(--stone);text-transform:uppercase}
[dir=rtl] .ph span{letter-spacing:0;font-size:12.5px}
.badge{font-size:10px;letter-spacing:.24em;text-transform:uppercase;padding:5px 11px;background:var(--paper)}
[dir=rtl] .badge{letter-spacing:0;font-size:12px}
.badge.limited{background:var(--crimson);color:var(--cream)}

/* inside band */
.inside-band{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.inside-band .pics{display:grid;grid-template-columns:1fr 1fr;gap:0}
.inside-band .pics div{min-height:560px;background:center/cover}
.inside-band .copy{padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:620px}
.inside-band h2{font-size:clamp(34px,3.6vw,52px)}
[dir=rtl] .inside-band h2{font-size:clamp(28px,3vw,42px)}
.inside-band p{color:#5b4a42;max-width:440px}

/* promises */
.promises{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.promises div{padding:34px 28px;display:flex;gap:16px;align-items:flex-start}
.promises div+div{border-inline-start:1px solid var(--line)}
.promises img{width:24px;flex:none;margin-top:3px}
.promises b{display:block;font-weight:500;font-size:14px;letter-spacing:.04em}
[dir=rtl] .promises b{font-size:16px}
.promises span{font-size:13.5px;color:var(--stone)}

/* newsletter */
.news{text-align:center;padding:100px var(--gutter)}
.news h2{font-size:clamp(28px,3vw,40px);margin:14px 0 30px}
.news form{display:flex;gap:0;max-width:520px;margin:0 auto}
.field{height:52px;width:100%;padding:0 4px;background:transparent;border:0;border-bottom:1px solid var(--cocoa);font:inherit;color:var(--cocoa);border-radius:0}
.field::placeholder{color:var(--stone)}
.field:focus{outline:none;border-bottom:2px solid var(--camel)}

/* footer */
.footer{background:var(--cocoa);color:#d8ccba;padding:80px 0 34px}
.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.footer .logo img{height:22px}
.footer p{max-width:300px;margin-top:22px;font-size:14px}
.footer h4{font-family:var(--text);font-weight:400;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#C9A27A;margin-bottom:18px}
[dir=rtl] .footer h4{font-family:var(--ar-text);letter-spacing:0;font-size:13px;font-weight:500}
.footer li{list-style:none;font-size:14px;margin-bottom:10px}
.footer .bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(237,228,211,.15);margin-top:60px;padding-top:24px;font-size:11px;letter-spacing:.24em}
.footer .social{display:flex;gap:18px}
.footer .social img{width:20px;filter:invert(93%) sepia(10%) saturate(300%) hue-rotate(340deg)}

/* category */
.crumbs{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--stone);padding:34px 0 0}
[dir=rtl] .crumbs{letter-spacing:0;font-size:13px}
.cat-head{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 0 30px}
.cat-head h1{font-size:clamp(40px,4.5vw,64px)}
.cat-head p{color:var(--stone);max-width:420px;font-size:14px}
.filters{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:36px;gap:20px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:36px;padding:0 16px;border:1px solid var(--line);display:inline-flex;align-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .chip{letter-spacing:0;font-size:13.5px}
.chip.on{background:var(--cocoa);color:var(--cream);border-color:var(--cocoa)}
.sorts{display:flex;gap:26px;font-size:11px;letter-spacing:.24em;text-transform:uppercase}
[dir=rtl] .sorts{letter-spacing:0;font-size:13.5px}
.sorts span{display:inline-flex;gap:8px;align-items:center}
.count{color:var(--stone)}

/* product */
.pdp{display:grid;grid-template-columns:7fr 5fr;gap:56px;padding:30px 0 90px;align-items:start}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery .main{aspect-ratio:4/5;background:#ECE3D4 center/cover;position:relative}
.gallery .sub{aspect-ratio:4/5;background:#ECE3D4 center/cover;position:relative}
.gallery .sub .lbl{position:absolute;bottom:14px;inset-inline-start:14px;background:var(--paper);padding:6px 12px}
.details{position:sticky;top:110px;align-self:start}
.details h1{font-size:40px;margin:10px 0 4px}
[dir=rtl] .details h1{font-size:32px}
.details .en-name{font-family:var(--display);color:var(--stone);font-size:16px}
.details .price{font-size:17px;letter-spacing:.08em;margin-top:10px}
.details .launch{display:inline-block;margin-inline-start:10px;font-size:10px;letter-spacing:.22em;color:var(--camel);text-transform:uppercase;vertical-align:middle}
[dir=rtl] .details .launch{letter-spacing:0;font-size:12.5px}
.opt{margin-top:28px}
.opt .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.swatches{display:flex;gap:12px}
.swatches i{width:30px;height:30px;display:block;border:1px solid var(--line);border-radius:50%;cursor:pointer}
.swatches i.on{outline:1px solid var(--cocoa);outline-offset:3px}
.sizes{display:flex;gap:8px}
.size{width:52px;height:48px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12.5px;letter-spacing:.1em}
.size.on{background:var(--cocoa);color:var(--cream);border-color:var(--cocoa)}
.size.off{color:#b9ad9e;text-decoration:line-through}
.setnote{margin-top:22px;font-size:13.5px;color:var(--stone)}
.setnote a{color:var(--cocoa);text-decoration:underline;text-underline-offset:3px}
.add{margin-top:30px;display:grid;grid-template-columns:1fr 52px;gap:8px}
.add .wishbtn{border:1px solid var(--cocoa);display:flex;align-items:center;justify-content:center}
.inside-note{margin-top:24px;background:var(--cream);display:flex;gap:16px;padding:14px;align-items:center}
.inside-note div{width:64px;height:64px;flex:none;background:center/cover}
.inside-note p{font-size:14px;line-height:1.6}
.acc{margin-top:26px;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;justify-content:space-between;padding:17px 0;font-size:11px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer}
[dir=rtl] .acc summary{letter-spacing:0;font-size:14.5px;font-weight:500}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";font-size:17px;line-height:1}
.acc details[open] summary:after{content:"–"}
.acc .body{padding:0 0 20px;font-size:14.5px;color:#5b4a42}
.acc .body p+p{margin-top:8px}
.acc .body b{font-weight:500;color:var(--cocoa)}
.sizechart{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.sizechart td,.sizechart th{border-bottom:1px solid var(--line);padding:6px 4px;text-align:center;font-weight:400}
.sizechart th{color:var(--stone);font-size:11px;letter-spacing:.15em}

/* static pages, about, 404 */
.center-page{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:80px var(--gutter)}
.center-page h1{font-size:clamp(40px,5vw,72px)}
[dir=rtl] .center-page h1{font-size:clamp(32px,4vw,52px)}
.center-page p{max-width:520px;color:#5b4a42}
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.about-hero .media{background:url(/assets/img/look-suit.jpg) center 20%/cover}
.about-hero .copy{padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:20px}
.about-hero .copy h1{font-size:clamp(46px,5vw,76px)}
.story{max-width:760px;margin:0 auto;padding:100px var(--gutter);font-size:19px;line-height:2}
[dir=rtl] .story{font-family:var(--ar-display);font-weight:500;font-size:20px;line-height:2.2}
.story p+p{margin-top:18px}
[dir=ltr] .story{font-family:var(--display)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:100px}
.pillar{background:var(--cream);padding:0 0 30px}
.pillar .im{aspect-ratio:1/1;background:center/cover;margin-bottom:24px}
.pillar h3{font-size:24px;padding:0 26px}
[dir=rtl] .pillar h3{font-size:21px}
.pillar p{padding:8px 26px 0;color:#5b4a42;font-size:14.5px}

/* mobile */
@media (max-width:820px){
  body{font-size:14.5px}
  .header .wrap{height:62px;grid-template-columns:auto 1fr auto}
  .nav{display:none}
  .menu-btn{display:block}
  .menu-btn img{width:22px}
  .logo{justify-self:center}
  .logo img{height:17px}
  .tools{gap:14px}
  .tools .hide-m{display:none}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero .media{order:-1;height:430px}
  .hero .copy{padding:34px 20px 40px;gap:16px}
  .sec{padding:64px 0}
  .lines{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .line-card{padding:8px}
  .line-card .tag{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:2px}
  .line-card .tag b{font-size:15px}
  [dir=rtl] .line-card .tag b{font-size:15px}
  .line-card .tag .link-arrow{display:none}
  .grid,.grid.g3{grid-template-columns:1fr 1fr;gap:22px 10px}
  .card .name{font-size:15px}
  .card .media .quick{width:32px;height:32px;bottom:8px;inset-inline-end:8px}
  .inside-band{grid-template-columns:1fr}
  .inside-band .pics div{min-height:260px}
  .inside-band .copy{padding:44px 20px}
  .promises{grid-template-columns:1fr}
  .promises div+div{border-inline-start:0;border-top:1px solid var(--line)}
  .promises div{padding:22px 20px}
  .news{padding:64px 20px}
  .footer{padding:56px 0 26px}
  .footer .cols{grid-template-columns:1fr 1fr;gap:30px}
  .footer .cols>div:first-child{grid-column:1/-1}
  .footer .bottom{flex-direction:column;gap:14px;margin-top:40px}
  .cat-head{flex-direction:column;align-items:flex-start;gap:8px}
  .sorts{gap:16px}
  .pdp{grid-template-columns:1fr;gap:26px;padding-top:10px}
  .gallery{grid-template-columns:1fr;gap:6px}
  .gallery .sub{aspect-ratio:4/3}
  .details{position:static}
  .details h1{font-size:30px}
  .about-hero{grid-template-columns:1fr}
  .about-hero .media{height:420px}
  .about-hero .copy{padding:40px 20px}
  .story{padding:56px 20px;font-size:17px}
  .pillars{grid-template-columns:1fr}
  .wrap{padding:0 20px}
}

/* waitlist mode */
.tools .wl{font-size:11px;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid var(--cocoa);padding-bottom:2px}
[dir=rtl] .tools .wl{letter-spacing:0;font-size:14px;font-weight:500}
.price.tba,.card .price.tba{color:var(--camel);letter-spacing:.14em;font-size:11px;text-transform:uppercase}
[dir=rtl] .price.tba,[dir=rtl] .card .price.tba{letter-spacing:0;font-size:13.5px}
.details .price.tba{font-size:12px;margin-top:14px}
[dir=rtl] .details .price.tba{font-size:15px}
.size{cursor:pointer;background:none;font:inherit;color:inherit;font-size:12.5px}
.size:focus-visible,.swatches i:focus-visible,.dots .dot:focus-visible{outline:2px solid var(--camel);outline-offset:3px}
.notify{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}
.notify p.lead{font-size:14px;color:#5b4a42;margin-bottom:6px}
.notify .field{margin-top:8px}
.notify .btn{margin-top:22px;width:100%}
.msg{margin-top:14px;font-size:14px;min-height:1.6em}
.msg.err{color:var(--crimson)}
.msg.ok{color:var(--cocoa);font-weight:500}
.hp,.skip{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0}
.news form{flex-direction:column;gap:0;align-items:stretch}
.news .row{display:flex}
.news .row .field{flex:1}
.page-title{font-size:clamp(36px,4vw,54px);padding:50px 0 30px}
.static{max-width:640px;margin:0 auto;padding:30px var(--gutter) 110px;text-align:center}
.static .label{display:block;margin-top:70px}
.static h1{font-size:clamp(40px,5vw,66px);margin:14px 0 18px}
[dir=rtl] .static h1{font-size:clamp(32px,4vw,50px)}
.static p.lead{color:#5b4a42;max-width:500px;margin:0 auto}
.static form{margin-top:44px;text-align:start}
.static .checks{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:14px}
.static .checks label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.static .checks input{accent-color:var(--cocoa);width:16px;height:16px}
.static .q{margin-top:28px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--stone)}
[dir=rtl] .static .q{letter-spacing:0;font-size:14px}
.static .btn{margin-top:30px;width:100%}
.contact-list{margin-top:40px;border-top:1px solid var(--line)}
.contact-list a{display:flex;justify-content:space-between;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line);font-size:15px}
.contact-list a span:first-child{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--camel)}
[dir=rtl] .contact-list a span:first-child{letter-spacing:0;font-size:14px}
.contact-list a span:last-child{font-family:var(--text);direction:ltr}
.footer a:hover{color:var(--cream)}
.footer .social a{display:flex;gap:10px;align-items:center}
/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:40;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:rgba(59,42,34,.35)}
.drawer .panel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(84vw,360px);background:var(--paper);padding:22px 26px;display:flex;flex-direction:column;gap:6px}
.drawer .panel .x{align-self:flex-end;margin-bottom:18px}
.drawer .panel .x img{width:22px}
.drawer .panel a{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.28em;text-transform:uppercase}
[dir=rtl] .drawer .panel a{letter-spacing:0;font-size:16px;font-weight:500}
.drawer .panel a.inside{color:var(--camel)}
.skip:focus{width:auto;height:auto;clip:auto;clip-path:none;top:12px;inset-inline-start:12px;z-index:50;background:var(--cocoa);color:var(--cream);padding:8px 14px}
@media (max-width:820px){
  .tools .wl{font-size:10px;letter-spacing:.2em}
  [dir=rtl] .tools .wl{font-size:13px}
  .static .label{margin-top:40px}
}
.static.prose{text-align:start}
.static.prose .label,.static.prose h1{text-align:center}
.static.prose h2{font-family:var(--display);font-weight:400;font-size:22px;margin:34px 0 8px}
[dir=rtl] .static.prose h2{font-family:var(--ar-display);font-weight:700;font-size:19px}
.static.prose p{color:#5b4a42}
.lookcap{margin-top:12px;font-size:13px;color:var(--stone);letter-spacing:.02em}
[dir=rtl] .lookcap{font-size:14px;letter-spacing:0}
.gallery .sub{--c:#E2D6C2}