/* Keep the approved portrait intact: remove multiply tint and extend its composition. */
body{overflow-x:clip}
body[data-state=home] .art{mix-blend-mode:normal!important;width:108vw;right:-18vw;top:50%;translate:var(--depth-x,0px) var(--depth-y,0px);will-change:translate}
body[data-new-glass=true][data-state=home] .art{width:96vw;right:-12vw;top:51%}
body[data-state=home] .scene{height:100svh;min-height:840px;max-height:1200px;overflow:visible;clip-path:inset(0 0 -120px);background:#f6f5ef}
body[data-state=home] .scene:before{opacity:.30}
body[data-state=home] .scene:after{background:radial-gradient(ellipse at 56% 48%,#f6f5efc0,transparent 63%)}
body[data-state=home] .intro{top:26%}
body[data-state=home] .wayfinding{padding-top:95px;height:135px}
body[data-state=home] .site-header{position:fixed;inset:0 4.5% auto;margin:0;width:auto;height:80px;background:transparent;backdrop-filter:none;border:0;transition:translate .3s ease,opacity .25s ease;z-index:30}
body[data-state=home] .site-header nav{padding:4px 14px;background:linear-gradient(90deg,transparent,#f6f5efa6 16%,#f6f5efa6 84%,transparent);backdrop-filter:blur(5px);border-radius:3px}
body[data-state=home] .site-header .edition{display:none}
body[data-state=home].nav-away .site-header{translate:0 -110%;opacity:0;pointer-events:none}
body[data-state=home].nav-return .site-header{background:#f6f5efb8;backdrop-filter:blur(18px);box-shadow:0 8px 22px #283f3306;height:66px;inset:8px 4.5% auto;padding:0 18px;border-radius:4px}
body[data-state=home].nav-return .site-header nav{background:none;backdrop-filter:none}
body[data-state=home] .scene-bottom{display:none}
body[data-state=home] .nav-ledger{bottom:5%}
body[data-state=home] #homeSections{position:relative;z-index:2}
body[data-state=home] #homeSections>.site-section:first-child{border-top:0;padding-top:150px}
body[data-state=home] #homeSections>.site-section:first-child:before{content:'';position:absolute;left:0;right:40%;top:80px;height:1px;background:linear-gradient(90deg,#a6b6aa80,transparent)}
@media(max-width:1100px) and (min-width:651px){body[data-state=home] .art{width:126vw;right:-27vw}body[data-new-glass=true][data-state=home] .art{width:108vw;right:-18vw}.site-header nav{gap:20px}}
@media(max-width:650px){
 body[data-state=home] .scene{height:940px;min-height:100svh;max-height:none;clip-path:inset(0 0 -70px)}
 body[data-state=home] .site-header{height:104px;inset:0 6% auto;align-content:center;gap:0;flex-wrap:wrap}
 body[data-state=home] .site-header nav{padding:0;background:linear-gradient(90deg,transparent,#f6f5efb0,transparent);gap:8px;width:100%}
 body[data-state=home].nav-return .site-header{height:92px;inset:5px 4% auto;padding:0 10px}
 body[data-state=home] .intro{top:20%;width:86%}
 body[data-state=home] .wayfinding{padding-top:108px;height:146px}
 body[data-state=home] .art{width:177vw;right:-61vw;top:76%}
 body[data-new-glass=true][data-state=home] .art{width:165vw;right:-48vw;top:73%}
 body[data-state=home] .nav-ledger{bottom:3%;font-size:7px}
 body[data-state=home] #homeSections>.site-section:first-child{padding-top:100px}
 body[data-state=home] #homeSections>.site-section:first-child:before{top:45px;right:20%}
}
@media(prefers-reduced-motion:reduce){body[data-state=home] .art{translate:none!important}.site-header{transition:none!important}}

/* Unify light paper in the browser while leaving source media unmodified. */
body[data-state=home] .scene{overflow-x:clip;overflow-y:visible}
body[data-material=target][data-state=home] .glass-target{filter:url(#glass-paper-alpha)}
body[data-state=home] .site-header .brand img{filter:url(#logo-paper-alpha)}

/* Return as two small floating surfaces instead of a frozen full-width bar. */
body[data-state=home].nav-return .site-header{background:transparent;backdrop-filter:none;box-shadow:none;padding:0}
body[data-state=home].nav-return .site-header .brand{padding:8px 12px;background:#f6f5efb0;backdrop-filter:blur(14px);border-radius:3px}
body[data-state=home].nav-return .site-header nav{padding:4px 14px;background:#f6f5efb8;backdrop-filter:blur(14px);box-shadow:0 6px 18px #30493908}
@media(max-width:650px){body[data-state=home] .art{right:-30vw}body[data-new-glass=true][data-state=home] .art{right:-24vw}body[data-state=home].nav-return .site-header .brand{padding:3px 8px;height:44px}body[data-state=home].nav-return .site-header nav{padding:0 8px}}

body[data-state=home] .art{transition:transform 1s var(--ease),opacity .6s}

/* Apply the approved paper separation to moving frames and their loading poster too. */
body[data-new-glass=true][data-state=home] .art>video,
body[data-new-glass=true][data-state=home] .art>.still{filter:url(#glass-paper-alpha)}
/* The mobile directory begins below the transparent header and the reading cue. */
@media(max-width:650px){
 body[data-state=home] .dna-directory{top:156px;height:calc(49% - 168px);z-index:22}
 body[data-state=home][data-dna-directory=true] .wayfinding{visibility:hidden;pointer-events:none}
}