:root{--black:#080808;--coal:#151515;--paper:#f4f3ef;--muted:#afaaa5;--line:#343030;--red:#eb2029;--body:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}button{color:inherit}::selection{background:var(--red);color:white}.skip-link{position:fixed;left:16px;top:-100px;background:var(--red);padding:10px 20px;z-index:100}.skip-link:focus{top:16px}.site-header{height:105px;padding:12px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:30;background:var(--black)}.brand{width:101px;display:block}.brand img{width:101px;height:72px;object-fit:contain}.site-header nav{display:flex;gap:42px}.site-header nav a{font-size:14px;transition:color .2s}.site-header nav a:hover{color:var(--red)}.header-cta{border:1px solid #726564;padding:10px 27px;font-size:14px}.header-cta:hover{border-color:var(--red);background:#eb202912}.nav-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;display:grid;grid-template-columns:1fr 47%;padding:0 5.5%;column-gap:4%;min-height:825px}.hero-copy{padding:18px 0 115px;position:relative;z-index:2}.brand-film{height:167px;position:relative;width:296px;margin:0 0 28px -45px}.brand-film video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.film-fallback{position:absolute;inset:40px auto auto 81px;width:137px;height:99px;object-fit:contain}.brand-film.playing .film-fallback,.brand-film.loaded .film-fallback{visibility:hidden}.film-control{position:absolute;left:308px;bottom:14px;background:none;border:0;border-bottom:1px solid #555;padding:2px 0;font-size:12px;color:var(--muted);white-space:nowrap}.hero .eyebrow{margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:13px}.eyebrow:before{content:none}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:.97;letter-spacing:-.018em}h1{font-size:clamp(75px,8.2vw,132px);text-transform:uppercase}h1 span{color:var(--red)}.hero-intro{color:var(--muted);margin-top:24px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button{font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 26px;font-weight:600;border:1px solid transparent;transition:background .2s,border-color .2s}.primary{background:var(--red);color:#fff}.primary:hover{background:#c91622}.outline{border-color:#665351}.outline:hover{border-color:var(--red)}.text-link{font-size:14px;display:inline-block;font-weight:600;padding:5px 0;transition:color .2s}.hero-photo{height:710px;position:relative;margin-top:27px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.hero-photo figcaption{position:absolute;bottom:23px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;z-index:1}.hero-photo figcaption span:first-child{letter-spacing:.12em}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;color:var(--muted);font-size:12px}.hero-bottom a{color:var(--paper)}.section-wrap{padding:120px 7.5%}.experience{display:grid;grid-template-columns:1.02fr .72fr .64fr;gap:4%;align-items:center;position:relative}.experience-heading{align-self:start;padding-top:35px}.experience-heading .eyebrow{margin-bottom:25px}h2{font-size:clamp(54px,5.6vw,90px);text-transform:uppercase}h2 em{font-style:normal;color:var(--muted)}.experience-heading>p:last-child{color:var(--muted);font-size:15px;margin-top:30px}.experience-photo{margin-top:0}.experience-photo img{width:100%;height:470px;object-fit:cover}.experience figcaption{font-size:12px;color:var(--muted);padding-top:14px}.detail-photo{margin-top:195px}.detail-photo img{height:350px;width:100%;object-fit:cover}.menu-section{background:var(--coal)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:58px}.section-heading .eyebrow{margin-bottom:26px}.section-heading>p{font-size:15px;color:var(--muted)}.menu-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.menu-path{border-top:1px solid #5b504e;display:block;padding:28px 0 0;position:relative}.path-label{color:var(--muted);font-size:12px;letter-spacing:.06em}.menu-path h3{font-size:54px;text-transform:uppercase;margin:26px 0 20px}.menu-path p{font-size:14px;color:var(--muted)}.path-action{display:inline-block;font-size:13px;margin-top:45px;font-weight:600}.menu-path:hover h3{color:var(--red)}.gather-section{display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center}.gather-photo img{width:100%;height:600px;object-fit:cover}.gather-copy .eyebrow{margin-bottom:30px}.gather-copy p:not(.eyebrow){color:var(--muted);max-width:325px;margin-top:28px}.gather-copy .text-link{margin-top:25px}.branches-section{padding-top:30px}.branches{border-top:1px solid var(--line)}.branches a{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.branches a>span:first-child{font-family:var(--display);font-size:40px;text-transform:uppercase}.branches a>span:last-child{font-size:13px;color:var(--muted);border-bottom:1px solid var(--red)}.branches a:hover>span{color:var(--red)}.site-footer{padding:55px 7.5% 26px;background:#111}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:50px}.footer-main>a{width:135px}.footer-main img{height:94px;width:135px}.footer-main p{color:var(--muted);font-size:15px}.footer-main>div{display:flex;gap:30px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;align-items:center}.bokken-credit{display:flex;align-items:center;gap:15px}.bokken-credit img{width:110px;height:32px;object-fit:contain}.reveal{transition:opacity .65s ease,transform .65s ease}.js-motion .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
/* Carta */
.menu-page{padding:65px 7.5% 100px}.menu-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:48px}.menu-intro h1{font-size:100px;margin-top:22px}.menu-intro>p{max-width:270px;color:var(--muted);font-size:14px}.menu-layout{display:grid;grid-template-columns:210px 1fr;gap:65px}.category-nav{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.category-nav a{font-size:15px;padding:14px 10px 14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.category-nav a.active{color:var(--paper);border-left:2px solid var(--red);padding-left:15px}.menu-group{scroll-margin-top:30px;margin-bottom:70px}.menu-group[hidden]{display:none}.menu-group-title{font-size:55px;text-transform:uppercase;margin-bottom:30px}.menu-subtitle{font-family:var(--body);font-size:17px;font-weight:600;color:var(--muted);letter-spacing:0;margin:32px 0 10px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.menu-item h3{font-family:var(--body);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.4}.menu-item p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:7px;max-width:620px}.menu-price{white-space:nowrap;text-align:right;font-size:15px;font-variant-numeric:tabular-nums}.menu-price span{display:block;font-size:12px;color:var(--muted)}.menu-note{font-size:13px;color:var(--muted);margin-top:30px}.menu-help{color:var(--muted);font-size:13px;margin-top:16px;max-width:580px}.menu-back{font-size:14px;border-bottom:1px solid var(--red)}
@media(min-width:1700px){body{max-width:1920px;margin:auto}.hero{min-height:900px}.hero-photo{height:800px}.brand-film{height:220px;width:390px}.film-control{left:405px}.film-fallback{left:106px;top:52px;width:180px;height:130px}}
@media(max-width:1050px){.site-header{padding-inline:5%}.hero{padding-inline:5%;column-gap:4%;grid-template-columns:1fr 44%;min-height:755px}.hero-photo{height:650px}.hero h1{font-size:94px}.hero-actions{gap:16px}.hero-intro{font-size:15px}.hero-actions .text-link{font-size:13px}.brand-film{margin-left:-35px;width:250px;height:143px}.film-control{left:255px;font-size:12px}.film-fallback{width:120px;left:64px;top:30px;height:90px}.experience{grid-template-columns:1fr 1fr;gap:40px}.detail-photo{display:none}.section-wrap{padding:85px 6%}.experience-photo img{height:470px}.menu-paths{gap:28px}.gather-section{gap:7%}.gather-photo img{height:520px}.menu-layout{grid-template-columns:160px 1fr;gap:35px}.menu-page{padding-inline:6%}}
@media(max-width:700px){html{scroll-padding-top:25px}.site-header{height:87px;padding:8px 6%}.brand,.brand img{width:88px;height:62px}.site-header nav{display:none}.header-cta{margin-left:auto;margin-right:24px;padding:8px 17px;min-height:42px;font-size:13px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;border:0;background:none;width:32px;height:44px;padding:5px 0}.nav-toggle span{height:1px;width:26px;background:var(--paper)}.mobile-nav{background:#111;border-bottom:1px solid var(--line);padding:15px 6% 25px;position:absolute;top:87px;left:0;right:0;z-index:25;display:flex;flex-direction:column}.mobile-nav a{padding:13px 0}.hero{display:flex;flex-direction:column;padding:0 6%;min-height:0;gap:0}.hero-copy{padding:0 0 40px}.brand-film{height:120px;width:216px;margin:4px 0 22px -31px}.film-fallback{left:57px;top:28px;width:102px;height:76px}.film-control{left:231px;bottom:16px}.hero .eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(76px,20vw,112px);line-height:.93}.hero-intro{margin-top:23px;line-height:1.6;font-size:15px}.hero-actions{margin-top:28px;gap:18px}.hero-actions .button{padding:12px 20px;font-size:13px}.hero-actions .text-link{font-size:12px}.hero-photo{height:440px;margin:0;flex-shrink:0}.hero-photo>img{object-position:center 38%}.hero-photo figcaption{left:16px;right:16px;font-size:11px;bottom:18px}.hero-bottom{position:static;margin-top:26px;padding:19px 0;font-size:11px;gap:15px}.hero-bottom>a{display:none}.section-wrap{padding:70px 6%}.experience{display:flex;flex-direction:column;gap:33px;align-items:stretch}.experience-heading{padding-top:0}.experience h2{font-size:65px}.experience-heading>p:last-child{font-size:14px;margin-top:22px}.experience-photo img{height:490px}.experience figcaption{font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading .button{margin-top:26px}.section-heading>p{margin-top:25px;font-size:14px}h2{font-size:64px}.menu-paths{display:block}.menu-path{padding:22px 0;margin-top:25px;display:grid;grid-template-columns:1fr auto;gap:8px}.path-label{grid-column:1/-1}.menu-path h3{font-size:43px;margin:12px 0 8px}.menu-path p{grid-column:1;grid-row:3;font-size:13px}.path-action{grid-column:2;grid-row:2/4;align-self:center;margin:0;font-size:12px}.gather-section{display:flex;flex-direction:column;gap:35px;align-items:stretch}.gather-photo img{height:460px}.gather-copy h2{font-size:68px}.gather-copy .eyebrow{margin-bottom:22px}.gather-copy p:not(.eyebrow){font-size:15px;margin-top:24px}.branches-section{padding-top:15px}.branches a{padding:23px 0}.branches a>span:first-child{font-size:31px}.branches a>span:last-child{font-size:12px}.site-footer{padding:40px 6% 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:30px}.footer-main>a,.footer-main img{width:104px;height:78px}.footer-main p{font-size:12px}.footer-main>div{grid-column:1/-1;font-size:13px}.footer-bottom{display:block}.bokken-credit{margin-top:20px;gap:12px}.bokken-credit img{width:110px}.menu-page{padding:45px 6% 70px}.menu-intro{display:block;margin-bottom:30px}.menu-intro h1{font-size:80px}.menu-intro>p{margin-top:20px;max-width:none;font-size:13px}.menu-layout{display:block}.category-nav{position:sticky;top:0;z-index:5;background:var(--black);display:flex;flex-direction:row;gap:22px;overflow-x:auto;padding:8px 0;margin:0 -6.82% 35px;padding-inline:6.82%;border-bottom:1px solid var(--line);scrollbar-width:thin}.category-nav a{white-space:nowrap;border-bottom:2px solid transparent;padding:10px 0!important;font-size:14px}.category-nav a.active{border-left:0;border-bottom-color:var(--red)}.menu-group{scroll-margin-top:95px}.menu-group-title{font-size:46px}.menu-item{gap:12px;padding:19px 0}.menu-item h3{font-size:15px}.menu-item p{font-size:13px}.menu-price{font-size:14px}.menu-price span{font-size:11px}.menu-help{font-size:12px}.menu-subtitle{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none!important;transform:none!important;opacity:1!important}.brand-film video{display:none}.brand-film .film-fallback{visibility:visible}.film-control{display:none}}
.brand-film video{mix-blend-mode:lighten}
.bokken-credit img{filter:grayscale(1) invert(1);opacity:.85}
/* Entry: the animated mark burns through a black sheet, revealing the site. */
html.intro-active{overflow:hidden}
.fire-intro[hidden]{display:none}
.fire-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden}
.burn-sheet{position:absolute;inset:0;width:100%;height:100%}
.intro-mark{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(1040px,96vw);aspect-ratio:16/9;transition:opacity .3s;pointer-events:none}
.intro-mark video{display:block;width:100%;height:100%;object-fit:contain}
.intro-fallback{position:absolute;left:34%;top:24%;width:32%;height:52%;object-fit:contain}
.video-ready .intro-fallback{visibility:hidden}
.burning .intro-mark{opacity:0}
.skip-intro{position:absolute;right:5.5%;bottom:32px;color:#f4f3ef;border:1px solid #ffffff65;background:#080808b3;padding:11px 19px;font-size:12px;letter-spacing:.04em;min-height:44px}
.skip-intro span{margin-left:20px}.skip-intro:hover{border-color:#eb2029}

.hero{min-height:760px}.hero-copy{padding-top:108px;padding-bottom:130px}.hero-photo{height:630px}
/* Location and booking are separate actions for every restaurant. */
.branch-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:28px 0}
.branch-row h3{font-size:40px;text-transform:uppercase}
.branch-actions{display:flex;align-items:center;gap:35px}
.branches .branch-actions a{padding:0;border:0;display:block}
.branches .location-link>span:first-child{font:14px var(--body);text-transform:none;color:var(--paper)}
.location-link small{display:block;font-size:10px;letter-spacing:.02em;color:var(--muted);margin-top:4px}
.branches .branch-reserve{border:1px solid #70514b!important;padding:11px 22px!important;font-size:13px}
.branches .branch-reserve>span{font-size:15px!important;border:0!important;margin-left:15px}
.branches .branch-reserve:hover{background:#eb202917;border-color:var(--red)!important}
.header-cta{background:var(--red);border-color:var(--red);color:white}
.header-cta:hover{background:#c91622;border-color:#c91622}
/* Native dialog handles focus, Escape and keyboard containment. */
.reservation-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:55px 46px 32px;background:#111;color:var(--paper);border:1px solid #51423e;overflow:auto}
.reservation-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}
.dialog-close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--muted);font-size:30px;width:44px;height:44px}
.reservation-dialog h2{font-size:66px;margin:24px 0 18px}
.reservation-intro{font-size:14px;color:var(--muted);margin:20px 0 32px}
.reservation-choices{border-top:1px solid var(--line)}
.reservation-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.reservation-choice>span:first-child{font-family:var(--display);font-size:30px;text-transform:uppercase;line-height:1.1}
.reservation-choice>span:last-child{font-size:12px;color:var(--muted)}
.reservation-choice b{color:var(--red);font-size:20px;font-weight:400;margin-left:12px}
.reservation-choice:hover{color:var(--red)}
.reservation-page{max-width:1060px;margin:auto;padding:90px 6% 110px}
.reservation-page h1{font-size:100px;margin-top:28px}
@media(min-width:1700px){.hero{min-height:850px}.hero-photo{height:720px}.hero-copy{padding-top:125px}}
@media(max-width:1050px){.hero{min-height:710px}.hero-copy{padding-top:90px}.hero-photo{height:580px}}
@media(max-width:700px){.hero{min-height:0}.hero-copy{padding:62px 0 42px}.hero-photo{height:440px}.branch-row{display:block;padding:25px 0}.branch-row h3{font-size:34px}.branch-actions{justify-content:space-between;margin-top:22px;gap:20px}.reservation-dialog{padding:50px 23px 24px}.reservation-dialog h2{font-size:52px}.reservation-choice{gap:12px;padding:23px 0}.reservation-choice>span:first-child{font-size:27px}.reservation-choice>span:last-child{font-size:10px;max-width:115px}.reservation-choice b{margin-left:4px}.reservation-intro{font-size:13px}.reservation-page h1{font-size:72px}.reservation-page{padding:60px 6% 90px}.intro-mark{width:180vw;max-width:none}.skip-intro{bottom:25px;right:6%}.header-cta{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.fire-intro{display:none!important}}

/* Client direction: all mobile content is centered, without generic arrows. */
@media(max-width:700px){
 body{text-align:center}
 .site-header{height:97px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}
 .site-header .brand{grid-column:2;grid-row:1;justify-self:center}
 .site-header .nav-toggle{grid-column:1;grid-row:1;justify-self:start}
 .site-header .header-cta{grid-column:3;grid-row:1;justify-self:end;margin:0;padding-inline:12px}
 .mobile-nav{top:97px;align-items:center}
 .mobile-nav a{width:100%}
 .eyebrow{justify-content:center;flex-direction:column;gap:12px}
 .hero-actions,.hero-bottom{justify-content:center}
 .hero-actions{flex-direction:column;gap:17px}
 .hero-photo figcaption{flex-direction:column;align-items:center;gap:5px}
 .experience-heading{align-self:center;width:100%}
 .experience-heading>p:last-child,.gather-copy p:not(.eyebrow),.menu-help{margin-inline:auto}
 .menu-path{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:15px}
 .menu-path h3{margin:8px 0}
 .path-action{margin-top:10px;align-self:center}
 .branch-actions{justify-content:center;gap:30px}
 .branches .branch-actions a{text-align:center}
 .footer-main{display:flex;flex-direction:column;align-items:center;gap:22px}
 .footer-main>a,.footer-main img{margin-inline:auto}
 .footer-main>div,.footer-bottom,.bokken-credit{justify-content:center}
 .bokken-credit{flex-direction:column;gap:10px}
 .menu-intro,.menu-content,.menu-price{text-align:center}
 .menu-item{display:block}
 .menu-item p{max-width:34ch;margin-inline:auto}
 .menu-price{margin-top:12px}
 .category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;padding-block:8px}
 .category-nav a{white-space:normal;display:flex;align-items:center;justify-content:center;min-height:43px;font-size:12px;line-height:1.35}
 .menu-group{scroll-margin-top:185px}
 .reservation-dialog,.reservation-page{text-align:center}
 .reservation-choice{flex-direction:column;justify-content:center;gap:9px;padding:19px 0}
 .reservation-choice>span:first-child{font-size:29px}
 .reservation-choice>span:last-child{max-width:none;font-size:11px}
 .skip-intro{right:auto;left:50%;transform:translateX(-50%)}
}

/* Refined hero: typography and a single warm light pass. */
.hero h1 .hero-title-line{display:block;color:var(--paper);white-space:nowrap}
.hero h1 em{font-style:normal}
.hero h1 .ember-word{display:inline-block;color:var(--paper)}
.hero h1 .mesa-word{color:#c45b48}
.hero .eyebrow{letter-spacing:.14em;color:#c3b9b0;margin-bottom:24px}
.hero-actions{gap:12px}
.hero-actions .button{min-height:52px;padding:14px 25px;border-radius:3px}
.secondary{background:#1b1816;border:1px solid #494039;color:#f4f3ef}
.secondary:hover{background:#2a2420;border-color:#897463}
.text-link:hover{color:#e7b699}
.hero-title-enter .hero-title-line{animation:hero-settle .85s cubic-bezier(.22,1,.36,1) both}
.hero-title-enter .hero-title-line:nth-child(2){animation-delay:.13s}
@keyframes hero-settle{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero h1 .ember-word.ember-on{background-image:linear-gradient(108deg,#f4f3ef 0%,#f4f3ef 37%,#eed4bc 44%,#df925f 49%,#f9e3c7 53%,#f4f3ef 61%,#f4f3ef 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ember-light 5.5s .45s ease-in-out both}
}
@keyframes ember-light{0%,12%{background-position:100% 50%}85%,100%{background-position:0% 50%}}
@media(min-width:701px) and (max-width:1050px){.hero h1{font-size:clamp(60px,8.8vw,92px)}}
@media(max-width:700px){
 .hero h1{font-size:clamp(64px,20vw,112px);line-height:.99}
 .hero-copy{padding-top:55px;padding-bottom:44px}
 .hero-actions{gap:10px;align-items:center}
 .hero-actions .button{width:190px;font-size:13px}
 .hero-intro{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
 .hero-title-enter .hero-title-line{animation:none}
 .hero h1 .ember-word.ember-on{animation:none;background:none;color:var(--paper)}
}

/* Cover Safari's expanded viewport, including the area behind its bottom toolbar. */
html.intro-active,html.intro-active body{background:#000;overscroll-behavior:none}
html.intro-active body{overflow:hidden}
.fire-intro{bottom:auto;height:100vh;min-height:100%;height:100lvh}
.fire-intro:not(.burning){background:#000}
.intro-mark{top:46vh;top:46dvh}
.skip-intro{bottom:auto;top:calc(100vh - 80px);top:calc(100dvh - 80px - env(safe-area-inset-bottom,0px))}
.menu-back{border-bottom:0}

/* Hide the actual page, not just cover it: Safari can sample content behind its toolbar. */
html.intro-active body{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;overflow:hidden}
html.intro-active #site-content{opacity:0;visibility:hidden;clip-path:var(--intro-aperture,inset(50%));-webkit-clip-path:var(--intro-aperture,inset(50%))}
html.intro-active.intro-revealing #site-content{opacity:1;visibility:visible}
.fire-intro:focus,#contenido:focus,.skip-intro:focus,.skip-intro:focus-visible,.brand:focus,.brand:focus-visible{outline:none;box-shadow:none}
.skip-intro:hover{border-color:#ffffff90}
html.keyboard-navigation .skip-intro:focus-visible{border-color:#eee;background:#222}
html.keyboard-navigation .brand:focus-visible{outline:1px solid #ccc;outline-offset:5px}