/* R66: typography and imagery share one editorial grid. */
html[data-theme] .opening66{padding:100px 3vw 0;background:var(--ui-bg);overflow:hidden}
.monument66{display:block;width:85vw;max-width:none;aspect-ratio:1184/370;height:auto;margin:0 auto;background:var(--ui-fg);mask:url('assets/brand/logo-dark.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/logo-dark.svg') center/contain no-repeat}
.opening66-line{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 2vw 25px}.opening66-line p{font:500 clamp(18px,2vw,28px)/1.4 Lora,serif;color:var(--ui-heading);margin:0}.opening66-line .btn{margin:0;min-height:44px;font-size:11px}
.opening66-film{height:clamp(300px,57svh,680px);overflow:hidden;margin:0 calc(var(--opening66-progress,0)*-3vw);position:relative}.opening66-film video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:none;transform:none}
html[data-theme] .home-page:not(.past66) .site-header{background:transparent!important;box-shadow:none;border:0;backdrop-filter:none}
html[data-theme] .home-page:not(.past66) .site-header .logo-wrap{opacity:1;pointer-events:auto}
html[data-theme] .home-page .site-header .logo-wrap{transition:opacity .4s ease}
html[data-theme] .home-page:not(.past66) .header-marker{opacity:0;visibility:hidden}
html[data-theme] .exhibit66{display:block;height:auto;min-height:0;padding-top:70px;padding-bottom:65px;overflow:visible;background:transparent}
.exhibit66-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.exhibit66-title h2{font:500 clamp(32px,4.5vw,62px)/1.14 Lora,serif;color:var(--ui-heading);margin:0}.exhibit66-title .text-link{font-size:12px}
.exhibit66-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 3vw;align-items:start}.exhibit66-item{display:block;min-width:0;grid-column:span 6;color:var(--ui-fg)}.exhibit66-item figure{margin:0}.exhibit66-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:filter .35s}
.exhibit66-item figcaption{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--ui-border);align-items:center}.exhibit66-item figcaption span:first-child{font:500 clamp(25px,3vw,40px)/1.2 Lora,serif;color:var(--ui-heading)}.exhibit66-item figcaption span:last-child{font-size:11px}
.exhibit66-0{grid-column:span 7}.exhibit66-1{grid-column:9/13;margin-top:17%}.exhibit66-1 img,.exhibit66-4 img{aspect-ratio:3/2;object-fit:contain}.exhibit66-2{grid-column:2/7}.exhibit66-3{grid-column:8/13;margin-top:18%}.exhibit66-4{grid-column:span 4}.exhibit66-5{grid-column:6/13}.exhibit66-6{grid-column:3/11}.exhibit66-6 img{aspect-ratio:16/9}
html[data-theme] .layer66{position:relative;display:block;min-height:0;height:auto;padding:70px 5vw 50px;background:var(--ui-bg);overflow:hidden;color:var(--ui-fg)}
html[data-theme] .layer66 h2{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(140px,20vw,320px);font:500 clamp(60px,12.5vw,180px)/1 Lora,serif;color:var(--ui-heading)!important;margin:0;text-align:left;width:100%;max-width:none;transform:none}
.layer66 h2 span:last-child{align-self:end}.layer66>figure{position:absolute;z-index:2;width:56%;left:22%;top:clamp(130px,14vw,220px);margin:0;transform:translateY(var(--layer66-offset,0px))}.layer66>figure img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.layer66-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:45px;z-index:3}.layer66-bottom p{font-size:14px;line-height:1.8;max-width:38ch;color:var(--ui-fg)!important}.layer66-bottom .btn{margin:0}
html[data-theme] .brand66-layer{display:block;padding:145px 5vw 65px;height:auto;min-height:0;max-height:none;background:var(--ui-bg);overflow:hidden;position:relative}.brand66-layer:after{display:none}.brand66-layer h1{position:relative;display:flex;flex-direction:column;gap:18vw;font:500 clamp(50px,8vw,110px)/1.2 Lora,serif;margin:0;z-index:1}.brand66-layer h1 span:last-child{align-self:end}html[data-theme] body .brand66-layer h1{color:var(--ui-heading)!important;-webkit-text-fill-color:var(--ui-heading)!important}.brand66-layer>figure{position:absolute;inset:220px auto auto 28%;width:48%;margin:0;z-index:2;transform:translateY(var(--layer66-offset,0px))}.brand66-layer>figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}html[data-theme] body .brand66-layer>p{position:relative;margin:40px 0 0;max-width:32ch;color:var(--ui-fg)!important;-webkit-text-fill-color:var(--ui-fg)!important}
/* Menu opens like a spread, with one fixed image frame. */
html[data-theme] #menu.menu58 .menu58-panel{display:grid;grid-template-columns:1fr 1.2fr;column-gap:6vw;inset:0;width:100%;height:100dvh;max-height:100dvh;padding:25px 6vw 35px;overflow:auto;background:#381e1d;align-content:start;transform:translateY(-18px);transition:transform .65s cubic-bezier(.2,.65,.3,1),opacity .5s}
html[data-theme] #menu.menu58 .menu-popover-top{grid-column:1/-1;margin-bottom:30px}
html[data-theme] #menu.menu58 .menu-popover-nav{display:flex;flex-direction:column;gap:0;grid-column:1;grid-row:2;margin:0;min-width:0}
html[data-theme] #menu.menu58 .menu-popover-link,html[data-theme] #menu.menu58 .menu-collection-group>summary{font:500 clamp(20px,2.5vw,34px)/1.3 Lora,serif!important;min-height:0;padding:14px 0;width:100%;color:#f7e7ce!important}
html[data-theme] #menu.menu58 .menu-collection-group{width:100%}.menu66-photo{grid-column:2;grid-row:2/4;margin:0;position:relative;min-height:440px;max-height:70svh;overflow:hidden}.menu66-photo img{display:block;width:100%;height:100%;object-fit:cover}.menu66-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 24px;background:linear-gradient(transparent,#381e1de6);font:500 23px/1.4 Lora,serif;color:#f7e7ce}.menu58-contact{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:12px 25px}
html[data-theme] #menu.menu58 .menu-popover-link:hover{color:#edc9af!important}
/* Ending is one dark surface, with the picture yielding to the contact heading. */
html[data-theme] .footer66{position:relative;z-index:3;background:#381e1d!important;border-top:1px solid #f7e7ce33;padding-top:45px}.footer66-heading{padding:0 5vw 45px;border-bottom:1px solid #f7e7ce26;margin-bottom:35px}.footer66-heading a{font:500 clamp(42px,7vw,100px)/1.2 Lora,serif;color:#f7e7ce!important;display:inline-block}
html[data-theme] .final66-photo{min-height:400px;height:58svh;max-height:650px;margin:0;position:relative}.final66-photo .project59-copy{display:none!important}html[data-theme] .final66-photo img{width:100%;height:100%;object-fit:cover}.home-page .footer66{margin-top:-65px;transform:translateY(var(--footer66-y,0px));border-radius:0}
/* Three bands, applied once to a single brand image. */
.bands66 figure{position:relative;overflow:hidden}.bands66-ready figure:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--ui-bg),var(--ui-bg)) 0 0/100% 34%,linear-gradient(var(--ui-bg),var(--ui-bg)) 0 50%/100% 34%,linear-gradient(var(--ui-bg),var(--ui-bg)) 0 100%/100% 34%;background-repeat:no-repeat}.bands66-open figure:after{animation:bands66 .95s ease forwards}@keyframes bands66{0%{background-size:100% 34%,100% 34%,100% 34%}45%{background-size:0% 34%,65% 34%,100% 34%}100%{background-size:0% 34%,0% 34%,0% 34%}}
@view-transition{navigation:none}
[data-shared66-target]{view-transition-name:firepit-product}
::view-transition-group(firepit-product){animation-duration:.65s;animation-timing-function:cubic-bezier(.2,.65,.3,1)}
::view-transition-old(firepit-product),::view-transition-new(firepit-product){height:100%;object-fit:cover;mix-blend-mode:normal}
@media(max-width:720px){
 html[data-theme] .opening66{padding:85px 15px 0}.monument66{width:90vw}.opening66-line{padding:18px 0 22px;flex-direction:column;gap:14px;align-items:start}.opening66-line p{font-size:19px}.opening66-line .btn{min-height:40px;padding:12px 20px}.opening66-film{height:auto;aspect-ratio:4/3;margin:0 -15px}.opening66-film video{object-fit:cover}
 html[data-theme] .exhibit66{padding-top:38px;padding-bottom:35px}.exhibit66-title{display:block;margin-bottom:25px}.exhibit66-title h2{font-size:35px}.exhibit66-title .text-link{margin-top:16px}.exhibit66-grid{grid-template-columns:1fr;gap:28px}.exhibit66-item{grid-column:auto!important;margin:0!important}.exhibit66-item img{aspect-ratio:4/3}.exhibit66-item figcaption span:first-child{font-size:27px}
 html[data-theme] .layer66{padding:35px 20px}.layer66>figure{top:90px;left:13%;width:74%}html[data-theme] .layer66 h2{font-size:clamp(42px,12vw,80px);gap:125px}.layer66-bottom{display:block;margin-top:25px}.layer66-bottom p{font-size:13px}.layer66-bottom .btn{margin-top:18px}
 html[data-theme] .brand66-layer{padding:110px 20px 35px}.brand66-layer h1{font-size:clamp(32px,8vw,52px);gap:160px}.brand66-layer>figure{top:170px;left:10%;width:80%}.brand66-layer>p{font-size:13px}
 html[data-theme] #menu.menu58 .menu58-panel{display:block;padding:15px 24px 25px}.menu66-photo{display:none}html[data-theme] #menu.menu58 .menu-popover-top{margin-bottom:16px}html[data-theme] #menu.menu58 .menu-popover-link,html[data-theme] #menu.menu58 .menu-collection-group>summary{font-size:23px!important;padding:13px 0}.menu58-contact{margin-top:25px}
 .footer66-heading{padding:0 20px 28px;margin-bottom:28px;text-align:center}.footer66-heading a{font-size:43px}html[data-theme] .final66-photo{height:320px;min-height:0}.home-page .footer66{margin-top:-25px;transform:none}
}
@media(prefers-reduced-motion:reduce){.bands66-ready figure:after{display:none}.layer66>figure,.brand66-layer>figure,.home-page .footer66{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.opening66-film{margin:0}}
@media(min-width:900px){html[data-theme] .collection-index .collection-compare{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 3vw;align-items:start}.collection-index .collection-compare-card{grid-column:span 6}.collection-index .collection-compare-card:nth-child(4n+1){grid-column:span 7}.collection-index .collection-compare-card:nth-child(4n+2){grid-column:span 5;margin-top:70px}.collection-index .collection-compare-card[hidden]{display:none!important}}
.shared66-overlay{position:fixed;inset:0;width:100vw;height:100dvh;object-fit:cover;z-index:99999;pointer-events:none;background:var(--ui-bg)}
@media(min-width:721px){.opening66-film{height:clamp(260px,calc(100svh - 26.6vw - 190px),570px)}html[data-theme] #menu.menu58 .menu58-panel{height:auto;min-height:min(680px,100dvh)}}
html[data-theme] .footer66{--ui-bg:#381e1d;--ui-fg:#f7e7ce;--ui-heading:#f7e7ce;--ui-border:#f7e7ce40;--button-bg:#f5deb3;--button-text:#381e1d;color:#f7e7ce}
html[data-theme] .footer66 .sekoya-badge-logo{filter:brightness(0) invert(1)}
html[data-theme] .footer66 .sekoya-badge-container:hover .sekoya-badge-logo{filter:none}
html[data-theme] .footer66 .footer-legal>span{color:#f7e7ce;opacity:.75}
.exhibit66-item:focus-visible{outline:3px solid var(--ui-heading);outline-offset:6px}
.home-page:not(.past66) .logo-wrap:focus-visible{opacity:1!important;pointer-events:auto}
/* Overlap only the edge of large lettering; preserve readable lines on phones. */
html[data-theme] .layer66 h2{gap:clamp(190px,28vw,410px)}
.brand66-layer h1{gap:23vw}.brand66-layer>figure{top:245px}
@media(max-width:720px){html[data-theme] .layer66 h2{gap:185px}.brand66-layer h1{gap:205px}.brand66-layer>figure{top:170px}}
@media(min-width:721px){.opening66-film video{object-position:center 78%}}

/* Corrected entry: full-screen film, with a brief logo curtain on first visit. */
html[data-theme] .home-page .hero{height:100svh;min-height:560px;max-height:none;position:relative;display:flex;align-items:center;padding:0;overflow:hidden}
html[data-theme] .home-page .hero .hero-media{position:absolute;inset:0;width:100%;height:100%}
html[data-theme] .home-page .hero .hero-media video{width:100%;height:100%;object-fit:cover}
html[data-theme] .home-page .hero .hero-content{position:relative;z-index:2;padding-top:110px;padding-bottom:65px;width:100%;background:none}
.entry66{display:none;pointer-events:none}
.entry66-run .entry66{display:grid;place-items:center;position:fixed;inset:0;z-index:100000;background:#381e1d;animation:entry66-curtain 1.65s cubic-bezier(.65,0,.25,1) both}
.entry66-logo{width:min(74vw,980px);aspect-ratio:1184/370;background:#f7e7ce;mask:url('assets/brand/logo-dark.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/logo-dark.svg') center/contain no-repeat;animation:entry66-logo 1.25s cubic-bezier(.2,.7,.3,1) both}
@keyframes entry66-logo{0%{opacity:0;transform:translateY(18px);clip-path:inset(0 100% 0 0)}45%,75%{opacity:1;transform:translateY(0);clip-path:inset(0)}100%{opacity:0;transform:translateY(-12px);clip-path:inset(0)}}
@keyframes entry66-curtain{0%,58%{clip-path:inset(0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
@media(max-width:720px){html[data-theme] .home-page .hero{height:100svh;min-height:540px}html[data-theme] .home-page .hero .hero-content{align-self:flex-end;padding:120px 24px 85px}html[data-theme] .home-page .hero h1{font-size:clamp(30px,8vw,48px);line-height:1.16}html[data-theme] .home-page .hero h1 span{display:block;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.entry66-run .entry66{display:none}}

@media(min-width:721px){html[data-theme] .home-page .hero .hero-content{padding-left:5vw;padding-right:5vw}}
