:root{--olive:#4a5337;--deep:#202719;--ink:#13180f;--ivory:#f2efdf;--brass:#c7b881;--nav:94px;--mx:0;--my:0;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--ivory);background:var(--deep)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--deep)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:6px}img{display:block;max-width:100%}figure,h1,h2,p{margin:0}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--ivory);color:var(--ink);transform:translateY(-160%)}.skip:focus{transform:translateY(0)}
.topbar{position:fixed;z-index:30;inset:0 0 auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;pointer-events:none;transition:color .35s}.topbar a,.topbar button{pointer-events:auto}.brand-home{width:175px;flex-shrink:0}.brand-home img{width:100%;height:auto}.top-center{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:35px}.event-link{font-size:13px;border-bottom:1px solid currentColor;padding:9px 0}.language{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px;letter-spacing:.1em;min-width:44px;min-height:44px}.light-header .topbar{color:var(--deep)}
#scene{position:fixed;inset:0 0 var(--nav);outline:none}.chapter{position:absolute;inset:0;overflow:hidden;isolation:isolate}.chapter[hidden]{display:none}.media-stage,.menu-background,.contact-backdrop,.shade,.light-field{position:absolute;inset:0;z-index:-1}.scene-image,.hero-film,.contact-backdrop img{width:100%;height:100%;object-fit:cover;transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-8px)) scale(1.04);object-position:50% 50%}.hero-film{position:absolute;inset:0;opacity:0;transition:opacity 1s}.hero-film.ready{opacity:1}.shade{background:linear-gradient(180deg,rgba(10,18,7,.48),rgba(14,24,9,.14) 45%,rgba(11,18,8,.66));pointer-events:none}.light-field{opacity:.38;background:radial-gradient(ellipse at calc(50% + var(--mx)*35%) calc(50% + var(--my)*35%),rgba(230,214,161,.17),transparent 50%);mix-blend-mode:screen;pointer-events:none}.hero-identity{position:absolute;top:47%;left:50%;width:min(49vw,660px);transform:translate(-50%,-50%);text-align:center}.hero-identity h1{filter:drop-shadow(0 5px 15px #1118)}.hero-identity h1 img{width:100%;height:auto}.hero-identity p{font:italic clamp(22px,2.2vw,32px)/1.3 Georgia,serif;margin:20px 0 36px;text-shadow:0 2px 16px #0008}.discover{display:inline-flex;align-items:center;gap:26px;font-size:11px;letter-spacing:.2em;padding:15px 0;border-bottom:1px solid #f2efdf66;transition:gap .3s}.discover:hover,.discover:focus-visible{gap:42px}.discover span:last-child{font-size:22px;line-height:1}.scene-bottom{position:absolute;bottom:28px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;align-items:center}.small-note{font-size:11px;letter-spacing:.05em}.film-toggle{display:flex;align-items:center;gap:10px;font-size:11px;padding:7px 10px;min-height:44px;min-width:94px;border:1px solid #f2efdf55;border-radius:24px;background:#14201044;backdrop-filter:blur(10px)}.film-symbol{font-size:20px;min-width:24px}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600;line-height:1.5;margin-bottom:20px}h2{font:normal clamp(44px,5.4vw,94px)/.97 Georgia,'Times New Roman',serif;letter-spacing:-.045em}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:8px 0;font-size:12px;line-height:1.5;transition:gap .3s}.text-link:hover{gap:30px}
.menu-background{left:37%;background:var(--olive)}.menu-background img{object-position:50% 64%;transition:opacity .3s,filter .6s}.menu-shade{background:linear-gradient(90deg,#202719 25%,#202719e8 39%,#20271955 62%,#2027190d),linear-gradient(180deg,#13180f66,transparent 30%,#13180f33)}.menu-copy{position:absolute;left:7%;top:51%;transform:translateY(-50%);width:49%;padding-top:45px}.menu-copy h2{margin-bottom:30px}.menu-tabs{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.category{position:relative;font:normal clamp(21px,2vw,30px)/1.3 Georgia,serif;min-height:44px;padding:8px 0;color:#f2efdf9c;transition:transform .4s,color .4s;white-space:nowrap}.category:before{content:'';position:absolute;width:0;bottom:5px;left:0;height:1px;background:var(--brass);transition:width .4s}.category.active{transform:translateX(14px);color:var(--ivory)}.category.active:before{width:100%}.category:hover{color:var(--ivory)}.category-description{font-size:13px;line-height:1.6;margin:20px 0 17px;color:#f2efdfb8;min-height:21px}.menu-copy>.text-link{color:var(--brass)}.menu-index{position:absolute;bottom:35px;right:4%;font:italic 25px Georgia,serif}.menu-index span{font:11px Arial,sans-serif;color:#f2efdf80;margin-left:12px}.menu-background.no-media:after{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse at 70% 30%,#c7b8812b,transparent 60%);border-radius:50%;border:1px solid #c7b88122;transform:rotate(-20deg)}
.chef-chapter{background:var(--deep)}.chef-light{position:absolute;inset:0;background:radial-gradient(ellipse at calc(73% + var(--mx)*10%) 58%,#69724c,transparent 60%);z-index:-1}.giant-word{position:absolute;left:4%;bottom:-5%;font:normal 26vw/.8 Georgia,serif;letter-spacing:-.08em;color:#f2efdf08;white-space:nowrap;pointer-events:none}.chef-text{position:absolute;left:8%;top:51%;transform:translateY(-50%);z-index:2}.chef-text h2{font-size:clamp(54px,7vw,110px)}.alias{font:italic clamp(20px,2vw,28px) Georgia,serif;color:var(--brass);margin:19px 0 27px}.chef-portrait{position:absolute;right:5%;bottom:-3%;width:50%;height:90%;transform:translate(calc(var(--mx)*9px),calc(var(--my)*5px));transform-origin:bottom center;filter:drop-shadow(-25px 16px 20px #1115)}.chef-portrait img{height:100%;width:100%;object-fit:contain;object-position:center bottom}
.team-chapter{background:var(--ivory);color:var(--deep)}.team-chapter:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 65%,#8b91662a,transparent 64%);z-index:-1}.team-heading{position:absolute;top:17%;left:6%;z-index:2}.team-heading h2{font-size:clamp(32px,3.2vw,56px)}.team-heading .eyebrow{margin-bottom:13px}.founders{position:absolute;left:6%;right:6%;bottom:29px;height:66%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.founder{display:block;position:relative;min-width:0}.founder-picture{position:absolute;inset:0 0 95px;display:flex;align-items:flex-end;justify-content:center}.founder-picture img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 14px 13px #33351d26);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s}.founder:hover .founder-picture img,.founder:focus-visible .founder-picture img{transform:translateY(-10px);filter:drop-shadow(10px 22px 17px #33351d3a)}.founder-info{position:absolute;inset:auto 0 0;border-top:1px solid #4a533744;padding-top:16px;min-height:85px}.founder-name{font:normal clamp(19px,2.2vw,33px)/1.15 Georgia,serif;letter-spacing:-.035em;display:block}.founder-role{font-size:10px;letter-spacing:.16em;text-transform:uppercase;display:block;margin-top:9px;color:#4a5337}.founder-arrow{position:absolute;right:0;bottom:10px;font-size:22px}.founder-number{position:absolute;top:10px;right:3px;font:italic 14px Georgia,serif;color:#4a533766}.founder:nth-child(1) .founder-picture{left:-7%;right:-7%}
.partners-chapter{background:var(--olive)}.partners-heading{position:absolute;top:20%;width:100%;text-align:center}.partners-heading h2{font-size:clamp(40px,5vw,76px)}.partner-rings{position:absolute;width:100vw;height:100vw;left:0;top:20%;border:1px solid #f2efdf13;border-radius:50%;transform:translate(calc(var(--mx)*25px),calc(var(--my)*20px));z-index:-1}.partner-rings:after{content:'';position:absolute;inset:12%;border:1px solid #f2efdf12;border-radius:50%}.partners{position:absolute;inset:42% 22% 15%;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.partner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;transition:transform .5s}.partner img{object-fit:contain;width:100%;height:clamp(100px,14vw,210px);filter:drop-shadow(0 15px 10px #13180f33)}.partner.leila img{max-height:160px}.partner>span{font-size:11px;letter-spacing:.08em;white-space:nowrap;opacity:.8}.partner>span span{margin-left:10px}.partner:hover,.partner:focus-visible{transform:translateY(-9px)}
.contact-backdrop{left:44%}.contact-backdrop img{object-position:50% 45%}.contact-chapter>.shade{background:linear-gradient(90deg,#202719 25%,#202719dd 48%,#20271944),linear-gradient(180deg,#20271988,transparent)}.contact-copy{position:absolute;left:8%;top:51%;transform:translateY(-50%);width:70%;padding-top:35px}.contact-copy h2{font-size:clamp(44px,5.8vw,88px)}.contact-intro{font-size:14px;margin:23px 0 27px;color:#f2efdfb3}.contact-options{display:flex;gap:25px;flex-wrap:wrap}.contact-options a{font-size:12px;padding:12px 0;border-bottom:1px solid #f2efdf77}.contact-options a span{margin-left:15px;color:var(--brass)}.contact-signature{position:absolute;right:5%;bottom:4%;font:italic 60px Georgia,serif;color:#f2efdf40}
.chapter-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;height:var(--nav);padding:10px 18px max(10px,env(safe-area-inset-bottom));background:var(--ink);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.nav-item{position:relative;display:flex;align-items:center;padding:0 19px;gap:14px;border:1px solid #a9b18322;background:linear-gradient(135deg,#495235,#2d3622);box-shadow:inset 0 1px #c7b8811a,0 5px 8px #0003;color:#f2efdfb3;font-size:12px;letter-spacing:.02em;transition:color .35s,background .35s,transform .35s,box-shadow .35s}.nav-item:hover,.nav-item:focus-visible{transform:translateY(-4px);box-shadow:inset 0 1px #c7b88144,0 7px 14px #0004;color:var(--ivory)}.nav-item.active{background:linear-gradient(135deg,#8a9467,#68744b);color:var(--ivory);border-color:#c7b88155}.nav-number{font-size:9px;color:#f2efdf66}.nav-mark{margin-left:auto;font-size:20px;color:var(--brass)}.transition-curtain{position:fixed;z-index:25;inset:0 0 var(--nav);background:var(--olive);clip-path:inset(0 100% 0 0);pointer-events:none}.transition-curtain:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#c7b88116,transparent)}.noscript-note{position:fixed;z-index:99;top:110px;left:20px;right:20px;background:var(--deep);padding:20px}
.portrait-crop{width:100%;height:100%;overflow:hidden;filter:drop-shadow(8px 14px 13px #33351d26);transition:transform .65s cubic-bezier(.16,1,.3,1);mask-image:linear-gradient(#000 78%,transparent 100%)}.founder:hover .portrait-crop,.founder:focus-visible .portrait-crop{transform:translateY(-10px)}
@media(min-width:1600px){.hero-identity{width:620px}.topbar{height:116px}.menu-copy{left:9%}.founders{gap:60px;left:13%;right:13%;height:66%}.team-heading{left:6%;top:18%}.founder-picture{top:10px}.founder:nth-child(1) .founder-picture{left:-4%;right:-4%}}
@media(max-width:1000px){.top-center{display:none}.topbar{height:90px;padding:0 4%}.brand-home{width:150px}.top-actions{gap:18px}.nav-item{gap:8px;padding:0 12px}.nav-number{display:none}.hero-identity{width:64vw}.menu-copy{left:6%;width:60%}.menu-copy h2{font-size:66px}.chef-portrait{right:-2%;width:59%;height:84%}.chef-text{left:6%}.founders{gap:22px;left:5%;right:5%;height:61%}.team-heading{top:17%}.founder-name{font-size:25px}.partners{left:15%;right:15%;gap:12vw}.contact-copy{left:6%;width:85%}.contact-options{gap:20px}}
@media(max-width:600px){:root{--nav:134px}.topbar{height:78px;padding:0 20px}.brand-home{width:125px}.top-actions{gap:12px}.event-link{font-size:10px}.language{font-size:12px;min-width:34px}.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));padding:7px 9px max(9px,env(safe-area-inset-bottom));gap:5px}.nav-item{padding:0 11px;gap:6px;font-size:11px;line-height:1.1}.nav-mark{font-size:17px}.nav-item:hover{transform:none}.hero-identity{width:84vw;top:47%}.hero-identity p{font-size:23px;margin:17px 0 25px}.discover{font-size:10px;gap:22px}.scene-bottom{bottom:20px;left:20px;right:20px}.small-note{font-size:9px;max-width:52%;line-height:1.5}.film-toggle{font-size:10px;min-width:85px}.shade{background:linear-gradient(180deg,#101a0966,#101a0929 45%,#101a0988)}.eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:16px}.menu-copy{left:24px;right:24px;top:50%;width:auto;padding-top:47px}.menu-copy h2{font-size:clamp(40px,12vw,58px);margin-bottom:19px}.menu-background{left:10%}.menu-shade{background:linear-gradient(90deg,#202719e8,#202719a6 55%,#20271933),linear-gradient(180deg,#20271977,transparent)}.category{font-size:22px;padding:7px 0}.menu-tabs{gap:2px}.category-description{font-size:12px;margin:17px 0 10px}.menu-index{bottom:22px;right:24px;font-size:20px}.menu-copy>.text-link{font-size:11px}.chef-text{top:29%;left:24px;transform:none}.chef-text h2{font-size:clamp(44px,12vw,60px)}.chef-text .eyebrow{margin-bottom:13px}.alias{font-size:19px;margin:13px 0 12px}.chef-details{font-size:11px}.chef-portrait{width:79%;right:-4%;height:66%;bottom:-6%}.chef-text{z-index:2}.giant-word{font-size:33vw;bottom:3%}.team-heading{top:90px;left:24px}.team-heading h2{font-size:36px}.team-heading .eyebrow{font-size:9px;margin-bottom:10px}.founders{height:52%;left:18px;right:18px;bottom:20px;gap:10px}.founder-picture{bottom:100px;top:-18px;left:-6%;right:-6%}.founder:nth-child(1) .founder-picture{left:-15%;right:-15%}.founder-info{min-height:94px;padding-top:12px}.founder-name{font-size:17px;line-height:1.08}.founder-role{font-size:8px;letter-spacing:.06em;margin-top:8px}.founder-arrow{font-size:18px;bottom:0}.founder-number{font-size:11px;right:0}.partners-heading{top:24%;padding:0 24px}.partners-heading h2{font-size:42px}.partners{inset:47% 12% 14%;gap:12vw}.partner img{height:120px}.partner.leila img{height:90px}.partner>span{font-size:9px;letter-spacing:0}.partner{gap:8px}.contact-copy{left:24px;right:24px;top:49%;width:auto;padding-top:48px}.contact-copy h2{font-size:clamp(40px,11.5vw,57px)}.contact-intro{font-size:12px;line-height:1.5;margin:22px 0 15px}.contact-options{flex-direction:column;align-items:flex-start;gap:5px}.contact-options a{font-size:12px}.contact-signature{font-size:40px;bottom:15px}.contact-backdrop{left:20%}.contact-chapter>.shade{background:linear-gradient(90deg,#202719ed,#202719c4 65%,#20271966)}.topbar .event-link{max-width:90px;white-space:nowrap}}
@media(max-width:360px){.topbar{padding:0 15px}.brand-home{width:113px}.top-actions{gap:8px}.hero-identity p{font-size:20px}.team-heading h2{font-size:31px}.founder-name{font-size:15px}.founders{left:13px;right:13px;gap:8px}.nav-item{font-size:10px;padding:0 8px}.nav-mark{font-size:15px}.partners-heading h2{font-size:37px}}
@media(max-height:720px) and (min-width:601px){.topbar{height:75px}.menu-copy{padding-top:35px;top:52%}.menu-copy h2{font-size:50px;margin-bottom:14px}.eyebrow{margin-bottom:12px}.category{font-size:22px;min-height:38px;padding:5px 0}.category-description{margin:12px 0 10px}.team-heading{top:95px}.team-heading h2{font-size:35px}.founders{height:57%;bottom:20px}.founder-picture{bottom:75px}.founder-info{min-height:70px}.founder-name{font-size:24px}.chef-text h2{font-size:70px}.hero-identity{width:430px}.hero-identity p{margin:13px 0 18px}.partners-heading{top:22%}.contact-copy h2{font-size:57px}}
@media(max-height:670px) and (max-width:600px){.menu-copy{padding-top:47px}.menu-copy h2{font-size:35px;margin-bottom:10px}.menu-copy .eyebrow{margin-bottom:10px}.category{font-size:19px;min-height:36px;padding:5px 0}.menu-tabs{gap:0}.category-description{margin:10px 0 4px}.team-heading{top:83px}.team-heading h2{font-size:29px}.founders{height:49%;bottom:12px}.founder-picture{bottom:82px;top:-8px}.founder-info{min-height:77px}.founder-role{margin-top:5px}.chef-text{top:23%}.chef-text h2{font-size:42px}.chef-portrait{height:64%;width:69%}.contact-copy{padding-top:52px}.contact-copy h2{font-size:36px}.contact-copy .eyebrow{margin-bottom:10px}.contact-intro{margin:15px 0 7px}.contact-options a{padding:8px 0}.partners-heading h2{font-size:36px}.partners-heading{top:27%}.partners{top:49%}.hero-identity{top:46%}.hero-identity p{margin:10px 0 16px}.scene-bottom{bottom:12px}}
@media(max-width:600px){.founders{top:224px;bottom:20px;height:auto;left:24px;right:24px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.founder-picture,.founder:nth-child(1) .founder-picture{inset:0 auto 0 0;width:43%;max-width:150px}.founder-info{left:49%;right:0;top:50%;bottom:auto;transform:translateY(-50%);min-height:0;padding-top:13px;padding-bottom:15px}.founder-name{font-size:22px;line-height:1.1;max-width:90%}.founder-role{font-size:8px}.founder-arrow{bottom:0;font-size:17px}.founder-number{top:5px;right:0;font-size:10px}.portrait-crop{mask-image:linear-gradient(#000 79%,transparent 100%)}.founder:nth-child(1) .portrait-crop{transform:scale(1.08);transform-origin:center bottom}.team-heading{top:91px}.team-heading h2{font-size:34px}}
@media(max-height:670px) and (max-width:600px){.founders{top:181px;bottom:12px;gap:5px}.team-heading{top:83px}.team-heading h2{font-size:28px}.founder-name{font-size:18px}.founder-info{padding-top:8px;padding-bottom:10px}.founder-number{display:none}.founder-role{margin-top:5px}}
@media(max-height:480px){:root{--nav:70px}.topbar{height:65px;background:linear-gradient(#202719e0,transparent)}.light-header .topbar{background:linear-gradient(#f2efdf,transparent)}.chapter{overflow-y:auto;scrollbar-width:thin}.menu-copy,.contact-copy{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;margin:88px 7% 45px;padding:0;max-width:650px}.menu-copy h2,.contact-copy h2{font-size:43px}.menu-index{display:none}.team-heading{position:relative;top:auto;left:auto;padding:85px 6% 18px}.team-heading h2{font-size:32px}.founders{position:relative;inset:auto;left:auto;right:auto;height:330px;margin:0 6% 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:25px}.founder-picture,.founder:nth-child(1) .founder-picture{inset:0 0 80px;width:auto;max-width:none}.founder-info{inset:auto 0 0;min-height:70px;transform:none;padding-top:13px}.founder-name{font-size:20px}.chef-text{top:90px;left:6%;transform:none}.chef-text h2{font-size:50px}.chef-portrait{height:90%;width:45%;right:5%}.alias{margin:12px 0}.partners-heading{top:28%}.partners-heading h2{font-size:35px}.partners{inset:49% 24% 6%;gap:13vw}.partner img{height:95px}.partner.leila img{height:70px}.hero-identity{width:340px;top:51%}.hero-identity p{font-size:20px;margin:9px 0}.discover{padding:9px 0;font-size:9px}.scene-bottom{bottom:10px}.small-note{font-size:9px}.chapter-nav{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr}.nav-item{font-size:10px;padding:0 10px}.nav-mark{font-size:16px}.hero-identity{max-width:75vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-image,.hero-film,.contact-backdrop img,.chef-portrait,.partner-rings{transform:none!important}.founder:hover .founder-picture img,.founder:hover .portrait-crop,.partner:hover,.nav-item:hover{transform:none!important}}

/* Navigation: satin olive face, machined edge and a stationary hit/focus area. */
/* Keep the completed elbow clear of the chef link on narrow screens. */
@media(max-width:600px){.chef-text{top:104px}}
@media(max-width:600px) and (max-height:670px){.chef-text{top:94px}.chef-portrait{height:54%}}
@media(max-width:600px) and (max-height:600px){.chef-portrait{height:44%}}
.link-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke-linecap:round;stroke-linejoin:round}
.discover .link-icon{width:24px;height:24px}
.chef-details .link-icon{width:18px;height:18px}
.founder-arrow.link-icon{width:20px;height:20px}
.contact-options a{display:inline-flex;align-items:center}
.contact-options a .link-icon{margin-left:15px;color:var(--brass);width:18px;height:18px}
.partner>span{display:inline-flex;align-items:center;gap:10px}
.partner>span .link-icon{width:16px;height:16px}
:root{--nav:calc(104px + env(safe-area-inset-bottom,0px))}
.chapter-nav{
  padding:14px 24px calc(16px + env(safe-area-inset-bottom,0px));gap:12px;
  grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;
  background:linear-gradient(180deg,#262d1e,#12180f 16%,#10150d);
  border-top:1px solid #c7b88138;box-shadow:0 -12px 32px #0b110d33;
}
.nav-item,.nav-item:hover,.nav-item:focus-visible,.nav-item.active{
  --nav-x:38%;--nav-y:0%;--nav-rx:0deg;--nav-ry:0deg;
  display:block;min-width:0;padding:0;border:0;border-radius:8px;
  background:#171e12;color:var(--ivory);transform:none;
  box-shadow:0 4px 0 #070d06,0 7px 11px #0006;
  perspective:700px;isolation:isolate;
}
.nav-item:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}
.nav-surface{
  position:relative;display:grid;width:100%;height:100%;min-height:56px;
  grid-template-columns:1fr 20px;grid-template-rows:15px 1fr;
  align-items:center;gap:4px 8px;padding:10px 17px 12px;border-radius:8px;
  border:1px solid #b8bb9266;
  background:linear-gradient(155deg,#68704e 0%,#434c32 42%,#303a26 100%);
  box-shadow:inset 0 1px 0 #eef0ce66,inset 1px 0 0 #d8d8ae20,inset 0 -2px 1px #17200eb3,0 2px 0 #303925;
  transform:rotateX(var(--nav-rx)) rotateY(var(--nav-ry));
  transform-origin:50% 65%;overflow:hidden;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s,border-color .34s;
}
.nav-surface:before,.nav-surface:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.nav-surface:before{
  background:radial-gradient(ellipse at var(--nav-x) var(--nav-y),#f0e6bc3b,transparent 62%),repeating-linear-gradient(104deg,#ffffff03 0 1px,transparent 1px 4px);
  opacity:.6;transition:opacity .3s;
}
.nav-surface:after{inset:3px;border:1px solid #e1ddad0d;box-shadow:inset 0 1px 5px #0a110615}
.nav-number{display:block;grid-column:1;grid-row:1;font:10px/1 Arial,sans-serif;letter-spacing:.12em;color:#d7d5b5;position:relative}
.nav-label{grid-column:1/-1;grid-row:2;position:relative;font:normal 18px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.015em;white-space:nowrap;text-shadow:0 1px 1px #090e08b3}
.nav-mark{display:block;grid-column:2;grid-row:1;width:20px;height:20px;margin:0;color:#ded4aa;position:relative;transition:transform .3s;stroke-linecap:round;stroke-linejoin:round}
.nav-item.active .nav-surface{
  border-color:#d5c991;
  background:linear-gradient(150deg,#e1dac0,#c5bd98 48%,#a7a67d);
  box-shadow:inset 0 1px 0 #fff9dc,inset 1px 0 0 #fff1c98c,inset 0 -2px 1px #827e52,0 2px 0 #555b39;
}
.nav-item.active .nav-label{color:#202719;text-shadow:0 1px 0 #fff8d875}
.nav-item.active .nav-number,.nav-item.active .nav-mark{color:#3e472d}
.nav-item.active .nav-number:after{content:'';display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-left:9px}
.nav-item:focus-visible .nav-surface{border-color:var(--ivory)}
.nav-item:focus-visible .nav-surface:before,.nav-item.is-pointing .nav-surface:before{opacity:1}
.nav-item:active .nav-surface,.nav-item.is-pressed .nav-surface{transform:translateY(3px);box-shadow:inset 0 1px 3px #10170966,0 0 0 transparent}
@media(hover:hover) and (pointer:fine){
  .nav-item:hover .nav-surface{transform:translateY(-2px) rotateX(var(--nav-rx)) rotateY(var(--nav-ry));border-color:#dad5b091;box-shadow:inset 0 1px #f4efc97a,inset 0 -2px 1px #17200eb3,0 5px 0 #1a2415,0 8px 15px #0006}
  .nav-item:hover .nav-mark{transform:translateX(3px)}
  .nav-item:active .nav-surface{transform:translateY(3px)}
}
@media(max-width:1100px) and (min-width:901px){.chapter-nav{gap:9px;padding-left:16px;padding-right:16px}.nav-surface{padding-left:12px;padding-right:12px}.nav-label{font-size:16px}}
@media(max-width:900px){
  :root{--nav:calc(150px + env(safe-area-inset-bottom,0px))}
  .chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(56px,1fr));gap:9px;padding:10px 12px calc(14px + env(safe-area-inset-bottom,0px))}
  .nav-surface{grid-template-rows:12px 1fr;padding:7px 12px 9px;gap:4px 6px}
  .nav-label{font-size:16px}.nav-number{font-size:9px}.nav-mark{width:17px;height:17px}
}
@media(max-width:420px){.nav-surface{padding-left:9px;padding-right:9px}.nav-label{font-size:14px}.chapter-nav{gap:8px;padding-left:9px;padding-right:9px}}
@media(max-height:480px) and (min-width:780px){
  :root{--nav:calc(84px + env(safe-area-inset-bottom,0px))}
  .chapter-nav{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr;gap:8px;padding:10px 12px calc(14px + env(safe-area-inset-bottom,0px))}
  .nav-surface{padding-left:9px;padding-right:9px}.nav-label{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .nav-item,.nav-item:hover,.nav-item:focus-visible,.nav-surface,.nav-item:hover .nav-surface,.nav-item:active .nav-surface,.nav-item.is-pressed .nav-surface,.nav-mark,.nav-item:hover .nav-mark{transform:none!important}
}
@media(forced-colors:active){.nav-surface{border:1px solid ButtonText}.nav-item.active .nav-surface{border:3px solid Highlight}.nav-label,.nav-number,.nav-mark,.nav-item.active .nav-label,.nav-item.active .nav-number,.nav-item.active .nav-mark{color:ButtonText}.nav-surface:before,.nav-surface:after{display:none}}
