/* New World Sky: full-bleed artwork, dark blue ground, cyan and coral accents.
   Scoped to the homepage so project pages and the approved résumé stay intact. */
.space-home{--ink:#e8f0f2;--slate:#f2f5f3;--teal:#8cdae2;--panel:#102d42;--paper:#081a2c;--line:#c0e2ea29;--muted:#a7bbc8;background:#081a2c;color:var(--ink)}
.space-home .site-header{position:absolute;inset:0 0 auto;z-index:3;max-width:none;padding-block:27px;color:#f4faf9}
.space-home .brand{font-size:27px;letter-spacing:-1.5px;color:inherit}.space-home .brand-dot{color:#f9a18b}
.space-home .nav-contact{border-color:#ffffff80}.space-home nav a:hover{color:#b7edf1}
.space-home .skip-link{background:#edf8f9;color:#081a2c;z-index:5}
.space-home .hero{position:relative;isolation:isolate;min-height:720px;height:min(940px,100svh);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0c2941}
.hero-scene{position:absolute;inset:0;z-index:-2}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center 45%;max-width:none}
.space-home .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071728b3 0%,#07172800 23%,#07172800 45%,#0717282e 55%,#071728d4 87%,#081a2c 100%)}
.space-home .hero-content{width:100%;display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:end;padding-top:390px;padding-bottom:43px}
.space-home .hero .eyebrow{color:#b8eff2;font-size:11px;letter-spacing:.17em;margin-top:18px;margin-bottom:0}
.space-home .hero h1{font-size:clamp(54px,6.3vw,91px);letter-spacing:-.055em;line-height:1; font-weight:500;margin:0 0 18px;color:#fff}
.space-home .hero-role{font-size:16px;line-height:1.5;color:#d6e9ed;letter-spacing:.01em}
.space-home .hero-summary{max-width:365px;justify-self:end;padding-bottom:3px}.space-home .hero-summary>p{font-size:17px;line-height:1.65;color:#e5eff1;text-wrap:pretty}
.hero-work-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a9e4ec88;padding:18px 0 11px;margin-top:15px;font-size:12px;letter-spacing:.04em}.hero-work-link>span{font-size:19px;color:#a9e4ec}.hero-work-link:hover{color:#a9e4ec}
.hero-caption{width:100%;display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:26px;position:relative;font-size:10px;line-height:1.5;letter-spacing:.035em;color:#bbd0dc}.hero-caption:before{content:"";position:absolute;inset:0 var(--gutter) auto;border-top:1px solid #b6d9e02e}.hero-caption a span{color:#829dab}.hero-caption a:hover{color:#e4f8fa}
.space-home .work{padding-top:44px;position:relative;background:radial-gradient(ellipse at 100% 8%,#1b537b20,transparent 30%)}
.space-home .section-rule{margin-bottom:38px;color:#99b4c5;border-color:var(--line);font-size:10px;letter-spacing:.1em}.space-home .section-rule>span:first-child{color:#e6f3f4}
.space-home .project{margin-bottom:90px}.space-home .project-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:28px}.space-home .project-heading h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin-top:12px;color:#f3f5f1}
.space-home .project-heading .eyebrow{font-size:10px;letter-spacing:.08em;color:#8dd2df}.project-description{max-width:560px}.space-home .project-description>p{font-size:14px;line-height:1.7;color:#adc2d1}.space-home .project-description .role{font-size:10px;line-height:1.6;margin-top:14px;color:#7f9bab;letter-spacing:.02em}
.space-home .web-stage{background:linear-gradient(130deg,#17415a,#102c43);border:1px solid #80c9dc24;padding:clamp(18px,3.5vw,50px) clamp(18px,5vw,72px) 20px}
.space-home .web-viewport{box-shadow:0 20px 55px #020c1880}.space-home .web-stage-note{color:#b0cad8}.space-home .web-stage.mobile .preview-device{background:#091623;border-color:#527c91;box-shadow:0 18px 36px #020c1880}
.space-home .feature-image{background:#112e45}.space-home .feature-image img{object-fit:contain}.space-home .expand-mark{background:#0b2034eb;border:1px solid #c9e6ed4d;color:#c9e6ed}.space-home .feature-image.contain img{padding:20px}
.space-home .gallery-heading{font-size:9px;color:#9bb6c6}.space-home .view-count{color:#7293a8}.space-home .gallery-controls button{border-color:#87b4c34a}.space-home .gallery-controls button:hover{background:#173950}
.space-home .thumb-image{background:#17384d}.space-home .thumb-caption{color:#9fb9c9}.space-home .thumbnail.active .thumb-caption{color:#ace4ea}.space-home .thumbnail.active .thumb-image{outline-color:#83d7e5}.space-home .image-strip{scrollbar-color:#3e667f transparent}.space-home .thumb-image.mobile-preview{background:#18364b}.space-home .thumb-image.mobile-preview img{border-color:#071b2b}
.space-home .text-link{color:#b6dbe3;border-color:#598596;margin-top:18px}.space-home .text-link:hover{color:white}
.space-home .project-collection{column-gap:28px;row-gap:36px;margin-bottom:76px}.space-home .card-image{background:#17364c;border:1px solid #bddce219}.space-home .card-category{color:#839faf;font-size:9px;letter-spacing:.07em}.space-home .card-title{color:#e7f1f3;font-size:23px}.space-home .card-title>span{color:#91c9d6}.space-home .card-text{padding-top:16px}
.supporting-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.space-home .supporting-project{min-width:0;margin-bottom:65px}.space-home .supporting-project .project-heading{display:block;margin-bottom:22px}.space-home .supporting-project h2{font-size:25px;margin-top:12px;line-height:1.2}.space-home .supporting-project .project-description{margin-top:15px}.space-home .supporting-project .project-description>p{font-size:12px;line-height:1.7}.space-home .supporting-project .project-description .role{font-size:9px;margin-top:10px}.space-home .supporting-project .feature-image{aspect-ratio:16/10;border:1px solid #bddce219}.space-home .supporting-project .thumbnail{flex:0 0 calc((100% - 26px)/3);min-width:0}.space-home .supporting-project .image-strip{gap:13px}.space-home .supporting-project .thumb-caption{font-size:9px;line-height:1.5}.space-home .supporting-project .thumb-caption>span:last-child{display:none}
.space-home .about{position:relative;isolation:isolate;overflow:hidden;padding-block:70px;background:#0b2033;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.space-home .about-grid{margin-top:28px;gap:9%;grid-template-columns:1fr 1fr}.space-home .about h2{font-size:clamp(30px,3.2vw,47px);line-height:1.15;letter-spacing:-.04em}.space-home .about-copy .large-copy{font-size:20px;line-height:1.5;color:#d6e6ec;margin-bottom:19px}.space-home .about-copy p{font-size:14px;color:#99b4c4}.space-home .experience{border-color:var(--line);margin-top:43px}.space-home .experience h3{color:#d7e6ed}.space-home .experience p,.space-home .experience>div>span{color:#90aabb}
.space-home .contact{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding:75px 0;background:#081a2c}.space-home .about:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/new-world-landscape.jpg') center 77% / cover no-repeat;opacity:.18}.space-home .about:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081a2cde,#081a2c60),linear-gradient(0deg,#081a2c,transparent 35%,transparent 70%,#081a2c)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.space-home .contact h2{font-size:clamp(30px,3.2vw,47px);line-height:1.16;letter-spacing:-.04em;margin-top:18px;color:#e7f3f4}.contact-details{padding-top:4px;max-width:520px}.contact-details>p{font-size:14px;line-height:1.7;color:#aac2d0}.contact-email{display:flex;justify-content:space-between;gap:15px;font-size:clamp(13px,1.3vw,19px);line-height:1.6;margin-top:24px;padding-bottom:13px;border-bottom:1px solid #b5dbe453;color:#dcf3f5}.contact-email>span{color:#f2ae94}.space-home .contact .text-link{font-size:11px}
.space-home footer{border-color:var(--line);padding-block:23px;color:#8eacbd}.space-home footer a:hover{color:#d3eff5}
.space-home .lightbox{background:#0d263b;color:#e7f2f5}.space-home .lightbox::backdrop{background:#030e1bed}
.space-home .hero-content{padding-bottom:54px}
.space-home .hero-identity .resume-link{margin-top:12px;font-size:11px;border-bottom-color:#a9e4ec55}
.work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 0 25px;padding-top:22px;border-top:1px solid var(--line)}
.space-home .work-heading h2{font-size:clamp(28px,3.1vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0;color:var(--slate)}
.work-heading>span,.earlier-heading>p{font-size:10px;color:var(--muted);line-height:1.6;letter-spacing:.04em}
.space-home .work-heading.project-heading{display:flex;align-items:baseline;margin-bottom:25px}
.project-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:31px}
.project-detail-label h3{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin-top:11px;color:var(--slate)}
.project-detail-label .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.08em;color:#8dd2df}
.project-detail-label .role{font-size:11px;line-height:1.7;margin-top:16px;color:#8caabf;max-width:330px}
.project-narrative{max-width:650px}.project-narrative>p{font-size:14px;line-height:1.8;color:#adc2d1}.project-narrative>p+p{margin-top:16px}
.project-actions,.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.space-home .resume-link{gap:10px;white-space:nowrap;min-height:40px}.resume-link .document-icon{flex:none;color:#8dd2df}.space-home .resume-link>.resume-arrow{margin-left:7px;font-size:16px}
.space-home .earlier-work{margin-bottom:65px}.space-home .earlier-work .project-collection{margin-bottom:25px}
.section-end{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:8px}.supporting-link{font-size:11px;line-height:1.7;color:#91aebf}.supporting-link>span{margin-left:10px;color:#b6dbe3}.supporting-link:hover{color:#d9f0f3}
.space-home.supporting-page .site-header{position:relative}.supporting-main{max-width:1400px;padding-top:20px}.supporting-intro{padding:30px 0 55px}.space-home .supporting-intro h1{font-size:clamp(36px,4vw,56px);letter-spacing:-.045em;margin:15px 0 20px;line-height:1.1}.supporting-intro>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:620px}
.space-home.supporting-page .supporting-project{display:block;margin-bottom:75px}.space-home.supporting-page .supporting-project .work-heading h2{font-size:30px}.space-home.supporting-page .supporting-project .feature-image{max-height:580px;aspect-ratio:16/9}.space-home.supporting-page .supporting-project .feature-image.contain img{padding:20px}.space-home.supporting-page .supporting-project .image-strip{gap:18px}.space-home.supporting-page .supporting-project .thumbnail{flex:0 0 calc((100% - 36px)/3)}
@media(min-width:621px){.supporting-grid{row-gap:0}.space-home .supporting-project{display:grid;grid-template-rows:subgrid;grid-row:span 4}}
@media(min-width:1600px){.space-home .hero-content{padding-bottom:54px}.space-home .hero-scene img{object-position:center 42%}}
@media(max-width:900px){.space-home .hero{min-height:670px;max-height:880px}.space-home .hero-content{gap:6%;grid-template-columns:1.15fr 1fr}.space-home .hero-summary>p{font-size:15px}.space-home .hero-role{font-size:13px}.space-home .project-heading{gap:6%}.supporting-grid{gap:28px}.space-home .supporting-project h2{font-size:22px}.space-home .supporting-project .thumbnail{flex-basis:45%}}
@media(max-width:620px){
 .space-home .site-header{padding-block:23px;align-items:center}.space-home .brand{font-size:25px}.space-home nav{font-size:11px;padding-top:0}
 .space-home .hero{height:auto;max-height:none;min-height:0;padding-top:calc(56.25vw + 54px)}
 .hero-scene{inset:65px 0 auto;height:56.25vw}.hero-scene img{object-fit:contain;object-position:top center}
 .space-home .hero:before{background:linear-gradient(180deg,#081a2c 0px,#081a2c00 92px,#081a2c00 calc(56.25vw + 4px),#081a2c calc(56.25vw + 74px))}
 .space-home .hero-content{display:block;padding-top:0;padding-bottom:28px;position:relative}.space-home .hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-top:14px;margin-bottom:0}
 .space-home .hero h1{font-size:49px;line-height:1.04;margin:0 0 12px;letter-spacing:-.055em}.space-home .hero-role{font-size:12px;letter-spacing:.005em}
 .space-home .hero-summary{width:100%;max-width:none;justify-self:stretch;margin:20px 0 0;padding-bottom:0}.space-home .hero-summary>p{font-size:13px;line-height:1.65;max-width:300px;color:#acc7d6}.hero-work-link{padding:12px 0 10px;font-size:11px;margin-top:11px}
 .hero-caption{font-size:8px;letter-spacing:.02em;padding-top:14px;padding-bottom:20px;gap:12px}.hero-location{display:none}
 .space-home .work{padding-top:27px}.space-home .section-rule{font-size:8px;letter-spacing:.06em;margin-bottom:28px;gap:20px}.space-home .section-rule>span:last-child{text-align:right}
 .space-home .project{margin-bottom:58px}.space-home .project-heading{display:block;margin-bottom:22px}.space-home .project-heading h2{font-size:32px;margin-top:10px}.space-home .project-heading .eyebrow{font-size:9px}.space-home .project-description{margin-top:17px}.space-home .project-description>p{font-size:13px;line-height:1.7}.space-home .project-description .role{font-size:9px;margin-top:12px}
 .space-home .web-stage{padding:16px 12px 13px}.space-home .web-stage-note{font-size:7px}.space-home .feature-image{aspect-ratio:4/3}.space-home .feature-image.contain img{padding:14px}
 .space-home .project-collection{gap:26px 15px;margin-bottom:50px}.space-home .card-category{font-size:8px;letter-spacing:.02em}.space-home .card-title{font-size:18px}.space-home .card-text{padding-top:12px}
 .supporting-grid{display:block}.space-home .supporting-project{margin-bottom:43px}.space-home .supporting-project h2{font-size:25px}.space-home .supporting-project .project-description>p{font-size:12px}.space-home .supporting-project .feature-image{width:100%;margin-inline:0;aspect-ratio:16/10}.space-home .supporting-project .image-strip{margin-right:0;padding-right:2px}.space-home .supporting-project .thumbnail{flex-basis:calc((100% - 26px)/3)}.space-home .supporting-project .thumb-caption{font-size:8px}
 .space-home .about{padding-block:48px}.space-home .about-grid{display:block;margin-top:23px}.space-home .about h2{font-size:32px;line-height:1.17}.space-home .about-copy{margin-top:27px}.space-home .about-copy .large-copy{font-size:18px}.space-home .about-copy p{font-size:13px}.space-home .experience{margin-top:32px;gap:23px}
 .space-home .contact{padding-block:48px 36px}.contact-inner{display:block}.space-home .contact h2{font-size:32px;line-height:1.17;margin-top:17px}.contact-details{margin-top:25px}.contact-details>p{font-size:13px}.contact-email{font-size:13px;margin-top:22px;padding-bottom:12px}.space-home .contact .text-link{font-size:11px}
 .space-home footer{font-size:9px}.space-home footer>div{gap:16px;flex-wrap:wrap}.space-home footer>div a{line-height:1.6}
 .space-home .site-header nav>a:first-child{font-size:11px}.space-home .site-header nav>a:first-child:after{content:none}
 .work-heading,.space-home .work-heading.project-heading{display:block;padding-top:19px;margin-bottom:22px}.space-home .work-heading h2{font-size:29px;margin:0}.work-heading>span,.earlier-heading>p{display:block;margin-top:9px;font-size:9px;letter-spacing:.02em}
 .project-details{display:block;padding-top:24px}.project-detail-label h3{font-size:28px;margin-top:8px}.project-detail-label .role{font-size:10px;margin-top:12px}.project-narrative{margin-top:19px}.project-narrative>p{font-size:13px;line-height:1.75}.project-narrative>p+p{margin-top:14px}
 .project-actions,.contact-actions{gap:3px 22px}.space-home .resume-link{font-size:11px}
 .space-home .earlier-work .project-collection{grid-template-columns:1fr;gap:30px;margin-bottom:17px}.space-home .earlier-work .card-title{font-size:22px}.space-home .earlier-work .card-category{font-size:9px;min-height:0}.space-home .earlier-work .card-image{aspect-ratio:16/11}
 .section-end{display:block;padding-top:0}.supporting-link{display:block;margin-top:24px;font-size:10px}.space-home .earlier-work{margin-bottom:45px}
 .supporting-main{padding-top:10px}.supporting-intro{padding:26px 0 38px}.space-home .supporting-intro h1{font-size:36px}.supporting-intro>p:last-child{font-size:13px}
 .space-home.supporting-page .supporting-project .work-heading h2{font-size:25px}.space-home.supporting-page .supporting-project .feature-image{aspect-ratio:4/3}.space-home.supporting-page .supporting-project .thumbnail{flex-basis:calc((100% - 26px)/3)}.space-home.supporting-page .supporting-project .image-strip{gap:13px}
}
/* Image-space composition: image and live text share one 2048:1152 plane.
   Cover is applied to that plane, not independently to the image or label. */
.space-home .hero{min-height:max(720px,50vw)}
.hero-scene{container-type:size;overflow:hidden}
.hero-composition{position:absolute;left:50%;top:45%;width:max(100cqw,177.777778cqh);aspect-ratio:16/9;transform:translate(-50%,-45%);container-type:inline-size}
.hero-composition img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center}
.space-home .hero:before{content:none}
/* Keep the existing scene fade beneath the live lettering. The inverse offset
   preserves the fade's original viewport position within the scaled art. */
.hero-composition:after{content:"";position:absolute;left:0;top:calc((100% - 100cqh)*.45);width:100%;height:100cqh;pointer-events:none;background:linear-gradient(180deg,#071728b3 0%,#07172800 23%,#07172800 45%,#0717282e 55%,#071728d4 87%,#081a2c 100%)}
.space-home .artwork-tagline{position:absolute;z-index:1;left:46.5%;top:48%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;font-size:2.8cqw;line-height:1.15;font-weight:500;letter-spacing:.055em;word-spacing:.16em;color:#f4faf9;text-shadow:0 .04em .14em #081a2c90;user-select:text;-webkit-user-select:text;cursor:text}
.space-home .hero-content{pointer-events:none}.space-home .hero-identity,.space-home .hero-summary{pointer-events:auto}
.earlier-lightbox{width:calc(100vw - 48px);max-width:1480px;height:calc(100dvh - 48px);max-height:none;padding:0;border:1px solid #abcdd33d;background:#0b2235;color:#e8f1f4;overflow:hidden}
.earlier-lightbox[open]{display:flex;flex-direction:column}.earlier-lightbox::backdrop{background:#030d19e8;backdrop-filter:blur(5px)}
.earlier-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 26px 15px;flex:none}.earlier-header h2{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin-top:7px}.earlier-header p{font-size:10px;line-height:1.5;letter-spacing:.04em;color:#9dcbd8}
.earlier-lightbox button{background:transparent;border:1px solid #a5ccd550;padding:10px 14px;color:#d5eaf0;font-size:12px;min-height:42px}.earlier-lightbox button:hover{background:#173b51}.earlier-lightbox button:disabled{opacity:.35;cursor:default}.earlier-close{flex:none}
.earlier-info{padding:0 26px 16px;max-height:22dvh;overflow:auto;flex:none;scrollbar-width:thin}.earlier-info p{font-size:12px;line-height:1.65;color:#bccfd9;max-width:1050px}.earlier-info p+p{font-size:11px;margin-top:6px;color:#95b4c6}
.earlier-canvas{flex:1;min-height:0;margin:0 26px;background:#102d43;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px;display:grid;place-items:center}
.earlier-canvas img{width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain}
.earlier-canvas.tall{display:block}.earlier-canvas.tall img{width:100%;height:auto;max-height:none;object-fit:contain}
.earlier-canvas.zoomed{display:block}.earlier-canvas.zoomed img{width:auto;height:auto;max-width:none;max-height:none;margin:0 auto}
.earlier-toolbar{display:flex;align-items:center;gap:24px;padding:15px 26px;flex:none}.earlier-toolbar>p{flex:1;font-size:11px;color:#abc7d5}.earlier-nav{display:flex;align-items:center;gap:13px}.earlier-nav>span{font-size:11px;min-width:35px;text-align:center;color:#a8c4d4}.earlier-nav button{font-size:19px;line-height:1;width:44px;padding:8px}
@media(max-width:620px){.earlier-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.earlier-header{padding:15px 14px 12px;gap:14px}.earlier-header h2{font-size:21px}.earlier-header p{font-size:9px;letter-spacing:0}.earlier-lightbox .earlier-close{font-size:11px;padding:9px 10px}.earlier-info{padding:0 14px 13px;max-height:23dvh}.earlier-info p{font-size:11px;line-height:1.6}.earlier-info p+p{font-size:10px}.earlier-canvas{margin:0 14px;padding:8px}.earlier-toolbar{padding:12px 14px;gap:12px;flex-wrap:wrap}.earlier-toolbar>p{order:-1;flex-basis:100%;font-size:10px}.earlier-nav{margin-left:auto;gap:9px}.earlier-toolbar .earlier-zoom{font-size:11px;padding:9px 12px}}
.featured-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:18px}.space-home .featured-links .text-link{margin-top:0;min-height:41px;font-size:12px}.website-link{gap:12px}
.motion-stage{background:linear-gradient(130deg,#17415a,#102c43);border:1px solid #80c9dc24;padding:clamp(18px,3.5vw,50px) clamp(18px,5vw,72px) 20px}
.motion-player{max-width:980px;margin-inline:auto;border:1px solid #7799a93b;border-radius:7px;overflow:hidden;box-shadow:0 20px 55px #020c1880;background:#091b2b}
.motion-chrome{display:flex;justify-content:space-between;gap:18px;padding:11px 17px;background:#0c2335;color:#aec7d2;font-size:10px;line-height:1.4;letter-spacing:.02em}
.space-home .motion-player .feature-image{width:100%;aspect-ratio:16/9;max-height:none;margin:0;border:0;background:#091b2b}.space-home .motion-player .feature-image img{object-fit:contain}.space-home .motion-player .feature-image.contain img{padding:0}
.motion-stage-note{max-width:980px;margin:14px auto 0;display:flex;justify-content:space-between;gap:18px;color:#b0cad8;font-size:10px;line-height:1.5}.video-link{gap:10px}
@media(max-width:620px){.motion-stage{padding:16px 12px 13px;margin-inline:-7px}.motion-chrome{padding:9px 11px;font-size:8px;gap:12px}.motion-stage-note{font-size:7px;margin-top:11px;gap:12px}.space-home .motion-player .feature-image{aspect-ratio:16/9}}
@media(max-width:1100px){
 /* Keep the navigation on the artwork, as on desktop, with room for touch and safe areas. */
 .space-home:not(.supporting-page) .site-header{padding-top:max(15px,env(safe-area-inset-top));padding-bottom:15px;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));background:transparent;text-shadow:0 1px 6px #07172899}
 .space-home:not(.supporting-page) .site-header :is(.brand,nav>a){display:flex;align-items:center;min-width:44px;min-height:44px}
 .hero-composition:after{content:none}
 .space-home .hero{height:auto;min-height:0;max-height:none;padding-top:0;background:#081a2c}
 .hero-scene{position:relative;inset:auto;flex:none;width:100%;height:max(270px,56.25vw);z-index:0}
 .hero-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071728b3,transparent 150px),linear-gradient(0deg,#081a2c,transparent 21%)}
 .space-home .hero:before{content:none}
 .space-home .hero-content{position:relative;padding-top:12px;padding-bottom:39px}
}
@media(max-width:620px){
 .space-home:not(.supporting-page) .site-header nav>a:nth-child(2),.space-home:not(.supporting-page) .site-header nav>a:nth-child(4){display:none}
 .space-home .hero-content{padding-top:8px;padding-bottom:28px}
 .space-home .featured-links .text-link{font-size:11px}.featured-links{margin-top:15px;gap:2px}
}
.video-project{margin-bottom:90px}
.motion-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#091b2b}
.watch-riegner{background:none;border:0;border-bottom:1px solid #598596;padding-inline:0}
.video-status:empty{display:none}
@media(max-width:620px){.video-project{margin-bottom:58px}.video-project .motion-stage-note{flex-wrap:wrap;gap:6px}}

.video-display{position:relative}.video-poster-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:#091b2b url('assets/riegner-video-poster.jpg') center/contain no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.video-poster-play[hidden]{display:none}.poster-play-icon{display:grid;place-items:center;padding-left:4px;width:66px;height:66px;border-radius:50%;background:#0c2335de;border:1px solid #d9eef080;color:#fff;font-size:23px;box-shadow:0 8px 24px #0c233540}.poster-play-label{font-size:11px;letter-spacing:.03em;background:#0c2335e8;color:#f4faf9;padding:7px 12px;border-radius:3px}.video-poster-play:hover .poster-play-icon{background:#16495b;transform:scale(1.04)}@media(max-width:620px){.poster-play-icon{width:46px;height:46px;font-size:16px}.poster-play-label{font-size:9px;padding:5px 8px}.video-poster-play{gap:8px}}

/* Keep the scroll cue centered beneath the featured website preview. */
.space-home .web-stage-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.web-scroll-hint{grid-column:2;justify-self:center;text-align:center;white-space:nowrap;font-size:11px;line-height:1.5;color:#dceff2}
@media(max-width:620px){.space-home .web-stage-note{grid-template-columns:1fr;gap:8px}.web-scroll-hint{grid-column:1;grid-row:1}.web-stage-note #web-view-label{grid-column:1;grid-row:2}}

/* API films: one click-to-load player, with no YouTube iframe on initial load. */
.api-video-screen{position:relative;width:100%;min-width:0;aspect-ratio:16/9;min-height:200px;background:#091b2b}
.api-video-screen iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.api-video-start{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#091b2b;color:#fff}
.api-video-start img{width:100%;height:100%;object-fit:contain}
.api-video-start:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#0313219c)}
.api-play-icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border:1px solid #b6e3edaa;border-radius:50%;background:#081a2ce8;color:#f9a18b;font-size:25px;box-shadow:0 8px 30px #020c1840}
.api-play-label{position:absolute;z-index:1;bottom:22px;left:0;width:100%;font-size:12px;letter-spacing:.06em}
.api-video-start:hover .api-play-icon{background:#17415a;border-color:#b6e3ed}
.api-youtube-fallback{flex:none;align-self:flex-start;text-decoration:underline;text-underline-offset:4px;color:#b7e3eb}
.api-video-project .motion-stage-note{align-items:flex-start}
.api-video-project .thumbnail{flex-basis:calc((100% - 72px)/5);min-width:170px}
.api-video-project .thumb-image{position:relative;aspect-ratio:16/9}
.api-video-project .thumb-image img{object-fit:contain;width:100%;height:100%}
.api-thumb-play{position:absolute;bottom:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#081a2ce8;color:#f9a18b;font-size:11px;padding-left:2px}
.api-video-project .thumb-caption{align-items:flex-start;gap:10px;line-height:1.5}
.api-video-project .api-video-status{font-size:11px;color:#8daabb;margin-top:16px}
@media(max-width:620px){.api-video-project .motion-stage-note{flex-wrap:wrap;font-size:9px;gap:7px}.api-video-project .thumbnail{min-width:180px}.api-play-icon{width:54px;height:54px;font-size:20px}.api-play-label{bottom:13px;font-size:10px}}