@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Assistant-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Assistant-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Assistant-600-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Assistant-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Assistant-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Assistant-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/FrankRuhlLibre-300-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/FrankRuhlLibre-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/FrankRuhlLibre-500-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/FrankRuhlLibre-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/FrankRuhlLibre-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/FrankRuhlLibre-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{--pink:#F3D3D8;--pink2:#FAEAED;--rose:#D88E9C;--ink:#141414;--ink2:#3B3436;--serif:'Frank Ruhl Libre',Georgia,serif;--sans:'Assistant',Arial,sans-serif;--pad:clamp(20px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--pink);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;line-height:1.02}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--ink);color:var(--pink);padding:10px 16px;z-index:50}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* fiction strip */
.fiction{background:var(--ink);color:var(--pink);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;padding:8px var(--pad);font-size:15px;line-height:1.4;text-align:center}
.fiction p{margin:0}
.fiction a{color:#fff;font-weight:700;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.fiction a:focus-visible,.areas :focus-visible,.foot :focus-visible{outline-color:var(--pink)}

/* cover */
.cover{padding:18px var(--pad) 56px;max-width:1440px;margin:0 auto}
.issue-line{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;letter-spacing:.06em;border-bottom:1px solid var(--ink);padding-bottom:8px}
.masthead{font-size:clamp(108px,26.5vw,392px);line-height:.78;letter-spacing:-.025em;text-align:center;margin:.06em 0 0;position:relative;z-index:0;white-space:nowrap}
.cover-grid{display:grid;grid-template-columns:1fr minmax(360px,33vw) 1fr;gap:40px;align-items:end;position:relative;z-index:1;margin-top:clamp(-100px,-6.2vw,-40px)}
.cover-photo{margin:0;border:1px solid var(--ink)}
.cover-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.lines{list-style:none;margin:0;padding:0 0 4px;display:flex;flex-direction:column;gap:28px}
.lines a{text-decoration:none;display:block}
.lines-a li{border-top:1px solid var(--ink);padding-top:12px}
.lines strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.1vw,32px);line-height:1.1;margin-bottom:6px}
.lines a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.pg{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:4px}
.lines-b{align-items:flex-start}
.line-big strong{font-weight:300;font-size:clamp(44px,4.6vw,76px);line-height:.95}
.line-sm{font-family:var(--serif);font-size:22px;border-top:1px solid var(--ink);padding-top:12px;width:100%}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;background:var(--ink);color:var(--pink);border:2px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:18px;text-decoration:none}
.btn:hover{background:transparent;color:var(--ink)}
.btn-wide{width:100%;margin-top:36px}

/* shared section frame */
main section{padding:56px var(--pad) 88px;max-width:1440px;margin:0 auto}
.runhead{display:flex;justify-content:space-between;font-size:14px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:8px;margin-bottom:48px}

/* letter */
.letter{display:grid;grid-template-columns:5fr 7fr;column-gap:56px}
.letter .runhead{grid-column:1/-1}
.letter h2{font-size:clamp(52px,6.4vw,104px)}
.letter-text{columns:2;column-gap:40px;column-rule:1px solid var(--ink)}
.letter-text p{break-inside:avoid-column}
.drop::first-letter{float:right;font-family:var(--serif);font-weight:300;font-size:5.6em;line-height:.78;margin:.06em 0 0 .1em}

/* menu */
.menu-wrap{background:var(--pink2)}
.menu-head{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:end;margin-bottom:40px}
.menu-head h2{font-size:clamp(64px,9vw,148px);line-height:.85}
.menu-head p{max-width:34em;margin:0}
.menu-body{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start}
.cat{margin-bottom:40px}
.cat-img{display:none;margin:0 0 16px}
.cat h3{font-weight:500}
.cat-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;min-height:44px;font-family:var(--serif);font-weight:500;font-size:clamp(30px,2.8vw,40px);border-bottom:2px solid var(--ink);padding-bottom:6px;cursor:pointer}
.cat-btn::before{content:"";width:12px;height:12px;border:1.5px solid var(--ink);flex:none}
.cat-btn[aria-pressed="true"]::before{background:var(--ink)}
.cat-btn:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.m-list{list-style:none;margin:0;padding:0}
.m-list li{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;padding:14px 0 10px;border-bottom:1px solid rgba(20,20,20,.25)}
.m-name{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.3}
.m-lead{border-bottom:2px dotted var(--ink);align-self:end;margin-bottom:.45em;min-width:20px}
.m-price{font-size:15px;font-weight:700;letter-spacing:.04em;align-self:end}
.m-desc{grid-column:1/-1;margin:4px 0 0;color:var(--ink2);font-size:17px}
.menu-photo{position:sticky;top:24px;margin:0}
.menu-photo>div{position:relative}
.menu-photo .frame{position:relative;aspect-ratio:4/5;border:1px solid var(--ink);overflow:hidden;background:var(--pink)}
.menu-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.menu-photo img.on{opacity:1}
@media (prefers-reduced-motion:no-preference){.menu-photo img{transition:opacity .4s ease}}
.menu-photo figcaption{font-size:14px;margin-top:8px;color:var(--ink2)}

/* how */
.how h2{font-size:clamp(52px,6.4vw,104px);margin-bottom:48px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.steps li{padding:0 32px;border-inline-start:1px solid var(--ink)}
.steps li:first-child{padding-inline-start:0;border:0}
.num{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(110px,12vw,190px);line-height:.8;margin-bottom:20px;letter-spacing:-.03em}
.steps h3{font-weight:500;font-size:28px;margin-bottom:10px}

/* gallery */
.gal-head{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:end;margin-bottom:40px}
.gal-head h2{font-size:clamp(64px,9vw,148px);line-height:.85}
.gal-head p{margin:0;max-width:30em}
.gal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px 24px}
.gal-grid figure{margin:0}
.gal-grid img{width:100%;object-fit:cover}
.gal-grid figcaption{font-size:14px;margin-top:8px;line-height:1.4}
.g-tall{grid-column:1/span 5;grid-row:1/span 2}.g-tall img{height:858px}
.g-wide{grid-column:6/span 7;grid-row:1}.g-wide img{height:440px}
.g-sq{grid-column:6/span 3;grid-row:2}.g-sq img{height:360px}
.g-sq2{grid-column:9/span 4;grid-row:2}.g-sq2 img{height:360px}
.g-wide2{grid-column:1/span 7;grid-row:3}.g-wide2 img{height:540px}
.g-tall2{grid-column:8/span 5;grid-row:3}.g-tall2 img{height:540px;object-position:50% 55%}

/* areas */
.areas-wrap{background:var(--ink);color:var(--pink)}
.areas h2{font-size:clamp(44px,5.4vw,88px);margin-bottom:32px}
.area-list{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-wrap:wrap;gap:0 .4em;font-family:var(--serif);font-weight:300;font-size:clamp(36px,5vw,76px);line-height:1.2}
.area-list li:not(:last-child)::after{content:"/";color:var(--rose);margin-inline-start:.4em}
.area-note{font-size:18px;max-width:36em;margin:0}

/* faq */
.faq{display:grid;grid-template-columns:5fr 7fr;column-gap:56px}
.faq .runhead{grid-column:1/-1}
.faq h2{font-size:clamp(48px,5.6vw,92px)}
.faq-list{border-bottom:1px solid var(--ink)}
details{border-top:1px solid var(--ink)}
summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:baseline;min-height:44px;padding:20px 0 18px;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.25}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";margin-inline-start:auto;font-family:var(--sans);font-weight:400;font-size:28px;line-height:1}
details[open] summary::after{content:"−"}
.q,.a{font-family:var(--serif);font-weight:300;font-style:normal;flex:none}
details p{display:flex;gap:14px;margin:0;padding:0 0 22px;max-width:36em}

/* back cover */
.back{text-align:center;padding-top:96px!important;padding-bottom:112px!important;border-top:1px solid var(--ink)}
.back h2{font-size:clamp(60px,10vw,168px);line-height:.92;margin-bottom:44px}
.back em{font-style:normal;font-weight:700}
.btn-big{min-height:64px;font-size:20px;padding:0 44px}
.back-note{font-size:15px;margin-top:18px;color:var(--ink2)}

/* footer */
.foot{background:var(--ink);color:var(--pink2);padding:40px var(--pad) 48px;font-size:16px;text-align:center}
.foot p{margin:0 auto 10px;max-width:46em}
.foot-label{font-weight:700;letter-spacing:.06em}
.foot a{display:inline-block;padding:10px 2px;min-height:44px}

.wa-bar{display:none}

@media (max-width:959px){
  body{font-size:17px;padding-bottom:58px}
  .cover{padding-bottom:40px}
  .issue-line{font-size:14px}
  .masthead{margin-top:.12em;line-height:.9}
  .cover-grid{grid-template-columns:1fr;gap:28px;margin-top:-6px}
  .cover-photo{order:1}.lines-a{order:2}.lines-b{order:3}
  .lines{gap:20px}
  .line-big strong{font-size:44px}
  .lines-b .btn{width:100%}
  main section{padding:44px var(--pad) 64px}
  .runhead{margin-bottom:32px}
  .letter,.faq,.menu-head,.gal-head,.menu-body{grid-template-columns:1fr;gap:20px}
  .letter h2{margin-bottom:24px}
  .letter-text{columns:1}
  .menu-photo{display:none}
  .cat-img{display:block}
  .cat-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
  .cat-btn{cursor:default}
  .cat-btn::before{display:none}
  .m-name{font-size:21px}
  .steps{grid-template-columns:1fr;gap:36px}
  .steps li{padding:0;border:0;border-top:1px solid var(--ink);padding-top:16px;display:grid;grid-template-columns:auto 1fr;column-gap:20px}
  .steps li:first-child{border-top:1px solid var(--ink);padding-top:16px}
  .num{grid-row:1/span 2;font-size:96px;margin:0}
  .steps h3{font-size:25px;align-self:end}
  .gal-grid{grid-template-columns:1fr 1fr;gap:20px 12px}
  .gal-grid figure{grid-column:1/-1!important;grid-row:auto!important}
  .gal-grid .g-sq,.gal-grid .g-sq2{grid-column:auto!important}
  .g-tall img{height:auto;aspect-ratio:4/5}
  .g-wide img,.g-wide2 img{height:auto;aspect-ratio:3/2}
  .g-sq img,.g-sq2 img{height:auto;aspect-ratio:3/4}
  .g-tall2 img{height:auto;aspect-ratio:4/5}
  .faq h2{margin-bottom:24px}
  .back{padding-top:64px!important;padding-bottom:72px!important}
  .btn-big{width:100%}
  .wa-bar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:40;height:58px;align-items:center;justify-content:center;background:var(--ink);color:var(--pink);font-weight:700;font-size:18px;text-decoration:none;border-top:1px solid var(--pink)}
  .wa-bar:focus-visible{outline-color:var(--pink);outline-offset:-6px}
}
