.about{display:grid;grid-template-columns:1fr 1.6fr;gap:9%;padding:110px 7%;border-bottom:1px solid #343027;background:#121211}
.about h2{margin-top:18px}.about-since{display:block;font:italic 24px Georgia,serif;color:var(--gold)}
.about-copy p{font-size:18px;line-height:1.85;color:#c8c5be;margin:0 0 24px}.about-copy p:last-child{margin-bottom:0}
.end{grid-template-columns:.6fr 1.6fr;gap:7%}.end h2{font-size:clamp(36px,4.8vw,68px);letter-spacing:-1.8px;overflow-wrap:break-word}
.end p:not(.eyebrow){max-width:630px;font-size:18px}.primary-cta{border:1px solid var(--gold);border-radius:28px;padding:15px 24px;background:var(--gold);color:#111;margin:14px 0}.email-link{display:block;margin:14px 0 28px;font-size:17px;overflow-wrap:anywhere}.social-links{display:flex;flex-wrap:wrap;gap:24px;color:var(--gold);font-size:16px}.social-links a{padding:10px 0}
.project-films .film-card{margin:0}.project-films .caption h3{font-size:18px}.project-album .project-heading h3{font-size:clamp(28px,4vw,54px);overflow-wrap:break-word;hyphens:auto}
.album-name{overflow-wrap:break-word;hyphens:auto}.album-back{min-height:44px}.inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-album .project-films video{aspect-ratio:auto;object-fit:contain}.project-album .project-photos img{object-fit:contain}
.journey{height:400svh}.stage{height:100svh;min-height:0;background:radial-gradient(ellipse at 67% 50%,#24272a,#090909 75%)}
.studio-backdrop{display:none}.photo-scene{position:absolute;inset:0!important;opacity:1!important;transform:none!important}.photo-scene::after{display:none}.photo-scene.has-3d .camera-photo{display:none}.photo-scene canvas{position:absolute;inset:0;width:100%;height:100%}
.intro{top:22%;left:7%;max-width:35%;opacity:var(--intro,1);transform:translateY(calc((1 - var(--intro,1))*-25px));transition:none}.intro .lead{font-size:18px}.intro .eyebrow{font-size:14px}
.stage-bottom{position:absolute;left:7%;right:7%;bottom:32px;display:flex;justify-content:space-between;gap:18px;font-size:14px;letter-spacing:1px}.chapter{display:block}.camera-caption{position:absolute;bottom:110px;left:7%;right:7%;text-align:center;font:24px Georgia,serif;color:var(--gold);opacity:var(--screen-visible,0);pointer-events:none}
.journey-skip{position:absolute;right:7%;top:110px;z-index:8;font-size:14px;padding:12px;border-bottom:1px solid #847354;color:#d6c4a5}
.screen-fallback{display:none}.photo-scene:not(.has-3d) .screen-fallback{display:block;position:absolute;inset:30% 15% 15%;width:70%;height:55%;object-fit:contain;background:#111}
@media(min-width:701px) and (max-width:1050px){.album-grid{gap:16px}.album-card>span{margin-left:16px;margin-right:16px}.album-name{font-size:25px}.about{gap:6%;grid-template-columns:.7fr 1.5fr}.end{grid-template-columns:1fr}.end .logo{width:120px}.intro{max-width:42%}.intro h1{font-size:50px}}
@media(max-width:700px){header{padding:18px 5%}.brand{font-size:17px;letter-spacing:2px}.intro-replay{font-size:14px}.contact{font-size:14px;padding:10px}.intro{top:17%;left:6%;max-width:88%}.intro h1{font-size:clamp(38px,10vw,54px);letter-spacing:-2px}.intro .eyebrow{font-size:12px}.intro .lead{font-size:16px;max-width:85%!important}.stage-bottom{font-size:12px;left:6%;right:6%;bottom:25px;letter-spacing:0}.chapter{font-size:12px}.camera-caption{bottom:90px;font-size:20px}.journey-skip{top:auto;bottom:54px;right:6%;font-size:14px;padding:10px 0}.about{grid-template-columns:1fr;padding:65px 6%;gap:30px}.about h2{font-size:48px;margin-bottom:16px}.about-copy p{font-size:17px;line-height:1.75}.end{grid-template-columns:1fr;padding:65px 6%;gap:30px}.end h2{font-size:42px;letter-spacing:-1px}.inner-grid{grid-template-columns:1fr}.project-album .project-heading h3{font-size:30px}.project-films video{max-height:65svh}.project-album{padding:16px 18px 30px}.album-close{top:0}.social-links{gap:24px}footer{font-size:14px}}
@media(max-height:540px) and (orientation:landscape){.intro{top:24%}.intro h1{font-size:36px}.intro .lead{font-size:15px}.intro .eyebrow{display:none}.camera-caption{bottom:65px}.journey-skip{top:85px;bottom:auto}.stage-bottom{bottom:18px}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.intro{opacity:1!important;transform:none!important}.camera-caption{display:none}.journey-skip{display:block}}

/* Neutral studio light, a grounded camera, and a close view of its LCD. */
.stage{background:radial-gradient(ellipse at 72% 24%,#5c6267 0%,#32383d 30%,#161b20 65%,#0b1014 100%)}
.stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080c10 0%,transparent 39%),radial-gradient(ellipse at 65% 77%,#030507b3 0%,transparent 24%);opacity:calc(1 - var(--dive,0)*.7)}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:#080b10;opacity:calc(var(--dive,0)*.7)}
.photo-scene{z-index:1}.intro{z-index:3}.camera-caption{z-index:4;bottom:83px;color:#e2d2af;font-size:22px;letter-spacing:.015em}.stage-bottom{z-index:4}.journey-skip{z-index:4}
@media(max-width:700px){.stage{background:radial-gradient(ellipse at 58% 42%,#4b5258,#1c2329 58%,#0b1014)}.camera-caption{bottom:112px;font-size:20px}.journey-skip{bottom:65px}.intro{top:16%}}

.display-portal{position:absolute;z-index:2;pointer-events:none;display:block;background:#090b0e}.display-portal[hidden]{display:none}.camera-caption{padding:9px 16px;text-shadow:0 2px 12px #000}.stage-bottom{text-shadow:0 2px 12px #000}.journey-skip{background:#11182055;backdrop-filter:blur(8px)}

@media(min-width:701px) and (max-width:1050px) and (orientation:portrait){.intro{top:16%;max-width:85%}.intro h1{font-size:60px}.intro .lead{max-width:440px}.journey-skip{top:auto;bottom:65px}.camera-caption{bottom:112px}}

#burchin-tulchan .project-films>figure:only-child{grid-column:1/-1}
#burchin-tulchan .project-films video{width:100%;aspect-ratio:16/9;max-height:72svh}

/* Photographic studio backdrop; keep the film and typography in the foreground. */
.stage{background:#06090d url('studio-background.webp') center center/cover no-repeat}
.stage::before{background:linear-gradient(90deg,rgba(3,6,10,.56),transparent 65%),linear-gradient(0deg,#05080d 0%,transparent 27%);opacity:1}
.stage::after{background:#06090d;opacity:calc(var(--dive,0)*.92)}
.journey-skip{background:#080d1399;border-color:#7f796b;backdrop-filter:blur(10px)}
@media(max-width:700px){.stage{background-position:88% center}.stage::before{background:linear-gradient(180deg,#05080c88,transparent 52%,#05080cc9)}}

/* Original identity and a quiet editorial backdrop. */
.stage{background:#151718;background-image:radial-gradient(ellipse at 72% 47%,#414343 0%,#26292a 38%,#111314 76%)}
.stage::before{background:linear-gradient(90deg,#10121380,transparent 62%),linear-gradient(0deg,#101213 0%,transparent 35%)}
.stage::after{background:#090b0d}
.logo-brand{position:relative;display:block;width:132px;height:98px;overflow:hidden;background:#f8f7f3;border-radius:3px;flex-shrink:0}
.logo-brand img{position:absolute;width:224px;height:auto;max-width:none;left:-42px;top:-60px}
header{padding-top:16px;padding-bottom:16px}
.intro{top:25%;max-width:43%}
.intro h1{font-size:clamp(40px,4.3vw,66px);line-height:1.08;letter-spacing:-2px}
.intro .lead{max-width:480px!important;line-height:1.7;font-size:18px;color:#d4d4d0}
.intro .eyebrow{font-size:12px;letter-spacing:2px;line-height:1.6}
.contact-logo{width:220px;height:180px;position:relative;overflow:hidden;background:#f8f7f3;border-radius:3px}
.contact-logo img{position:absolute;width:370px;height:auto;max-width:none;left:-69px;top:-94px}
@media(max-width:700px){
 .logo-brand{width:94px;height:76px}.logo-brand img{width:172px;left:-34px;top:-45px}
 header{padding-top:12px;padding-bottom:12px}header nav{gap:12px}.intro-replay{font-size:13px}.contact{font-size:13px;padding:10px}
 .intro{top:18%;max-width:88%}.intro h1{font-size:clamp(34px,9.1vw,44px);letter-spacing:-1.2px}.intro .lead{font-size:15px;line-height:1.55;max-width:100%!important}.intro .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:15px}
 .stage{background-image:radial-gradient(ellipse at 55% 61%,#3c4143 0%,#212628 40%,#111314 80%)}
 .contact-logo{width:180px;height:148px}.contact-logo img{width:305px;left:-58px;top:-78px}
}
@media(min-width:701px) and (max-width:1050px) and (orientation:portrait){.intro{top:18%;max-width:85%}.intro h1{font-size:54px}.intro .lead{max-width:560px!important}}
@media(max-height:540px) and (orientation:landscape){.logo-brand{width:88px;height:66px}.logo-brand img{width:150px;left:-28px;top:-40px}.intro{top:26%;max-width:46%}.intro h1{font-size:30px}.intro .lead{font-size:13px;line-height:1.5}}
.logo-brand{height:112px}.logo-brand img{width:198px;left:-38px;top:-53px}
.contact-logo img{width:345px;left:-70px;top:-98px}
@media(max-width:700px){.logo-brand{height:76px}.logo-brand img{width:138px;left:-25px;top:-37px}.contact-logo img{width:282px;left:-58px;top:-80px}}
@media(max-height:540px) and (orientation:landscape){.logo-brand{height:72px}.logo-brand img{width:130px;left:-24px;top:-35px}}

.photo-scene .camera-photo{display:none}.photo-scene.camera-loading .screen-fallback{display:none}

@media (min-width:701px) and (max-width:1000px){.intro{top:18%;width:88%;max-width:88%}.intro h1{font-size:44px}.intro .lead{max-width:560px;font-size:16px}}

/* Owner's restaurant photography grounds the camera in a real setting. */
.stage{background-color:#111;background-image:linear-gradient(90deg,rgba(7,10,12,.9),rgba(7,10,12,.35)),url('projects/sleepy-bird/MYK08206.jpg');background-size:cover;background-position:center 45%}.stage::before{background:linear-gradient(0deg,#090b0df0,transparent 45%,#090b0d55)}
@media(max-width:700px){.stage{background-image:linear-gradient(180deg,#090b0de6,#090b0d65),url('projects/sleepy-bird/MYK08206.jpg');background-position:58% center}}

/* Keep the final video scene clear of its navigation and captions. */
.camera-caption,.stage-bottom,.journey-skip{z-index:6}
.journey-skip{top:auto;bottom:58px}

.journey-active .back-to-top{display:none!important}
@media(max-width:700px){.camera-caption{right:22%;font-size:17px;line-height:1.3}.journey-skip{right:22%}.stage-bottom{right:22%;font-size:10px}}
