@font-face{font-family:HK;src:url('assets/hk-grotesk-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#051212;color:#e8eee9;font:700 14px/1.45 HK,Arial,sans-serif;text-transform:uppercase}a{color:inherit;text-decoration:none}button{font:inherit;text-transform:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #78c2c0;outline-offset:7px}::selection{background:#78c2c0;color:#051212}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#78c2c0;color:#051212;padding:12px}.skip:focus{top:10px}header{position:absolute;z-index:3;top:0;width:100%;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff26}.wordmark{font-size:31px;letter-spacing:-1.7px;display:inline-flex;align-items:center;gap:7px;line-height:1}.brand-dot{width:7px;height:7px;background:#78c2c0;border-radius:50%;margin-top:13px}nav{display:flex;gap:40px;font-size:12px;letter-spacing:.05em}nav a{padding:10px 0}nav span{margin-left:10px;color:#78c2c0}.hero{min-height:760px;height:100svh;max-height:1200px;position:relative;background:#001818;isolation:isolate;overflow:hidden}.hero-video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-video{object-position:68% 50%;opacity:.72}.shade{z-index:-1;background:linear-gradient(90deg,#001010e0 0%,#00101080 44%,transparent 85%),linear-gradient(0deg,#051212d9,transparent 60%)}.hero-top{position:absolute;top:125px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em}.live{display:flex;gap:9px;align-items:center}.live i{width:5px;height:5px;border-radius:50%;background:#78c2c0}.hero-content{position:absolute;bottom:54px;left:4.5%;right:4.5%}.eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 24px}.hero h1{font-size:clamp(64px,7.6vw,124px);line-height:.92;letter-spacing:-.058em;margin:0 0 38px;max-width:1000px}.hero h1 span{color:#78c2c0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:760px;font-size:11px;letter-spacing:.07em}.film-open{display:flex;align-items:center;gap:23px}.play{height:43px;width:43px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:12px;transition:.2s}.film-open:hover .play{background:#78c2c0;border-color:#78c2c0;color:#051212}.scroll-link span{margin-left:25px;color:#78c2c0}.motion-toggle{position:absolute;bottom:54px;right:4.5%;border:1px solid #ffffff50;background:#0004;width:34px;height:34px;border-radius:50%;font-size:11px}.section{padding:50px 4.5% 0}.section-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.075em;border-top:1px solid #53606466;padding-top:19px;color:#a0b8b5}.story .section-meta{border-top:none;padding-top:0}.story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;padding:100px 0 105px}h2,p,figure{margin:0}h2{font-size:clamp(38px,4.8vw,78px);line-height:1;letter-spacing:-.05em}h2 span{color:#78c2c0}.story-copy{padding-top:4px;max-width:380px}.story-copy p{font-size:20px;line-height:1.45;margin-bottom:26px}.story-copy .muted,.muted{color:#a0b8b5;font-size:13px;line-height:1.7}.wide-still{position:relative;overflow:hidden}.wide-still img{display:block;width:100%;height:410px;object-fit:cover;object-position:50% 62%;filter:brightness(.8)}figcaption{display:flex;justify-content:space-between;position:absolute;left:25px;right:25px;bottom:20px;font-size:10px;letter-spacing:.07em}.across{padding-top:90px}.across-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:80px 0 105px;align-items:center}.portrait{position:relative;height:620px;overflow:hidden}.portrait img{height:100%;width:100%;object-fit:cover;object-position:62% 50%}.photo-label{position:absolute;left:22px;bottom:24px;font-size:10px;letter-spacing:.1em}.across-copy h2{font-size:clamp(42px,4.6vw,76px);margin-bottom:35px}.across-copy p{margin-top:24px;font-size:15px;line-height:1.6}.across-copy .muted{font-size:12px}.film{padding-bottom:100px}.film-heading{display:flex;justify-content:space-between;align-items:end;padding:65px 0 35px}.film-heading h2{font-size:clamp(36px,4vw,68px)}.film-heading p{font-size:12px;color:#78c2c0;padding-bottom:5px}.film-container{background:#101617;aspect-ratio:16/9}.film-container video{display:block;width:100%;height:100%;object-fit:contain}.film-caption{display:flex;justify-content:space-between;margin-top:20px;font-size:10px;color:#a0b8b5;gap:20px}.replay{background:none;border:0;padding:0;text-align:right;font-size:10px;color:#78c2c0}.manifesto{background:#78c2c0;color:#051212;padding-top:65px;padding-bottom:50px}.manifesto .eyebrow{margin-bottom:16px}.meet{font-size:20px;line-height:1.2}.manifesto h2{font-size:clamp(80px,14.2vw,230px);letter-spacing:-.07em;line-height:.82;padding:75px 0}.manifesto h2 span{font-size:.23em;color:#051212;margin-left:20px}.back-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #05121266;padding-top:24px;font-size:11px}.back-top span{font-size:20px}footer{padding:38px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span{font-size:10px;letter-spacing:.04em}footer>span{color:#a0b8b5}nav a:hover,.scroll-link:hover{color:#78c2c0}@media(min-width:1800px){.section{padding-left:max(4.5%,calc((100vw - 1640px)/2));padding-right:max(4.5%,calc((100vw - 1640px)/2))}}@media(max-width:700px){header{height:78px;padding:0 6%}.wordmark{font-size:26px}nav{gap:20px;font-size:9px}.hero{min-height:680px;max-height:1000px}.hero-video{object-position:60% 50%;opacity:.62}.shade{background:linear-gradient(0deg,#051212dd,transparent 100%),linear-gradient(90deg,#05121277,transparent)}.hero-top{top:100px;left:6%;right:6%;font-size:8px}.hero-top>span:first-child{max-width:130px}.live{max-width:130px;justify-content:end;text-align:right}.hero-content{left:6%;right:6%;bottom:80px}.hero h1{font-size:clamp(56px,11.5vw,80px);letter-spacing:-.06em;line-height:.96;margin-bottom:34px}.eyebrow{font-size:9px}.hero-bottom{font-size:9px}.scroll-link span{margin-left:8px}.film-open{gap:12px}.play{width:35px;height:35px;font-size:9px}.motion-toggle{bottom:22px;right:6%}.section{padding-left:6%;padding-right:6%;padding-top:36px}.section-meta{font-size:8px;gap:24px}.section-meta span:last-child{text-align:right;max-width:145px}.story-grid{grid-template-columns:1fr;gap:36px;padding:55px 0}h2{font-size:44px}.story-copy p{font-size:17px;margin-bottom:20px}.story-copy .muted{font-size:12px}.wide-still img{height:255px;object-position:50% 50%}figcaption{font-size:8px;left:15px;right:15px;gap:20px}figcaption span:last-child{text-align:right}.across{padding-top:55px}.across-grid{grid-template-columns:1fr;gap:40px;padding:40px 0 55px}.portrait{height:440px}.portrait img{object-position:64% 50%}.across-copy h2{font-size:48px}.across-copy p{font-size:13px}.film-heading{display:block;padding:40px 0 24px}.film-heading h2{font-size:36px}.film-heading p{margin-top:12px;font-size:10px}.film-caption{font-size:8px}.replay{font-size:8px;max-width:130px}.film{padding-bottom:55px}.manifesto{padding-top:45px;padding-bottom:30px}.meet{font-size:17px}.manifesto h2{font-size:18vw;padding:60px 0;line-height:.86}.manifesto h2 span{margin-left:8px}.back-top{font-size:9px}footer{padding:30px 6%;flex-wrap:wrap}footer p{font-size:8px}footer>span{width:100%;font-size:8px;margin-top:10px}.back-top{scroll-margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none} .hero{background:url('assets/night.jpg') 60% center/cover}.motion-toggle{display:none}}

/* SIOSI original wordmark and reference palette */
.wordmark{display:block;width:195px;line-height:0}.wordmark img{display:block;width:100%;height:auto}.portrait img{object-position:center center}.manifesto{background:#003b3a;color:#c1e5df}.manifesto h2 span{color:#78c2c0}.back-top{border-color:#c1e5df55}@media(max-width:700px){.wordmark{width:150px}}

/* Supplied SIOSI photograph as the website backdrop */
body{background:#051212 url("assets/website-background.jpg") center/cover fixed;background-blend-mode:multiply}.hero{background:#001818}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-2}.shade{background:linear-gradient(90deg,#001010b3 0%,#00101022 65%),linear-gradient(0deg,#051212b3,transparent 60%)}@media(max-width:700px){.hero-art{object-position:52% center}.shade{background:linear-gradient(0deg,#051212dd,transparent 95%),linear-gradient(90deg,#00101066,transparent)}}@media(prefers-reduced-motion:reduce){.hero{background:#001818}}

/* Editorial hierarchy inspired by the supplied director portfolio. */
@font-face{font-family:HK;src:url('assets/hk-grotesk-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
body{font-weight:400;text-transform:none;font-size:16px}
button{text-transform:none}nav{font-weight:400;font-size:13px;letter-spacing:0}.section-meta{font-weight:700;text-transform:uppercase;font-size:10px}.eyebrow{text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:.14em}
.hero-content{left:43%;right:4.5%;top:24%;bottom:54px;border:1px solid #c1e5df40;padding:34px;display:flex;flex-direction:column}.hero h1{font-size:clamp(46px,5.2vw,84px);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:900px;font-weight:700}.hero h1 span{font-weight:400;color:#c1e5df}.hero-bottom{margin-top:auto;gap:24px;font-size:12px;letter-spacing:0}.hero .eyebrow{margin-bottom:22px}.hero-art{object-position:50% 55%}.shade{background:linear-gradient(90deg,#00101022,#00101033),linear-gradient(0deg,#05121299,transparent 65%)}
h2{font-weight:700;letter-spacing:-.04em}.story-copy p{font-size:23px;line-height:1.55}.story-copy .muted{font-size:16px;line-height:1.75}.across-copy p{font-size:20px;line-height:1.65}.across-copy .muted{font-size:16px}.photo-label,figcaption{font-size:12px;letter-spacing:0}.film-heading p{font-size:17px}.film-caption,.replay{font-size:12px}.meet{font-size:26px;font-weight:400;line-height:1.4}.manifesto h2{font-size:clamp(65px,11.7vw,190px);line-height:.98;letter-spacing:-.055em;padding:55px 0 75px}.manifesto h2 span{font-size:1em;margin-left:0}.back-top{font-size:13px}footer p,footer>span{font-size:12px;letter-spacing:0}
@media(max-width:700px){nav{font-size:11px;gap:18px}.hero{min-height:700px}.hero-content{left:6%;right:6%;top:27%;bottom:40px;padding:25px 20px}.hero h1{font-size:clamp(40px,10vw,65px);line-height:1.12;letter-spacing:-.04em}.hero .eyebrow{font-size:8px}.hero-bottom{font-size:10px;gap:15px}.hero-art{object-position:52% center}.shade{background:linear-gradient(0deg,#051212bb,transparent 95%)}.story-copy p{font-size:20px}.story-copy .muted,.across-copy .muted{font-size:15px}.across-copy p{font-size:19px}.film-heading p{font-size:15px}.film-caption,.replay{font-size:10px}.photo-label,figcaption{font-size:10px}.meet{font-size:21px}.manifesto h2{font-size:15vw;line-height:1.02;padding:50px 0}.manifesto h2 span{margin-left:0}.back-top{font-size:12px}footer p,footer>span{font-size:10px}}

/* Short films: two everyday worlds, one shared feeling. */
.stories-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.short-heading{display:flex;gap:16px;align-items:baseline;padding:0 0 18px}.short-heading>span{font-size:11px;color:#78c2c0}.short-heading h3{margin:0;font-size:24px;letter-spacing:-.025em;font-weight:400}.stories-note{margin-top:48px;color:#a0b8b5;font-size:14px}.film-caption{align-items:start;line-height:1.5}.replay{flex-shrink:0}@media(max-width:700px){.stories-grid{grid-template-columns:1fr;gap:42px}.short-heading h3{font-size:23px}.makeup-container{aspect-ratio:9/16}.makeup-container video{object-fit:contain}.stories-note{font-size:13px;margin-top:35px}.film-caption,.replay{font-size:12px}.replay{max-width:none}}

.film-container,.running-container,.makeup-container{aspect-ratio:16/9}
.film-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}.fullscreen{border:0;background:none;padding:0;color:#78c2c0;font-size:12px;white-space:nowrap}.viewing-note{display:none}.fullscreen-status{font-size:12px;color:#a0b8b5;margin-top:14px}.fullscreen-status:empty{display:none}.short-story video:fullscreen{object-fit:contain;background:#000;width:100%;height:100%}
@media(max-width:700px){.film-caption{flex-wrap:wrap;gap:12px}.film-actions{justify-content:flex-start;gap:20px}.viewing-note{display:block;margin-top:28px;font-size:12px;color:#78c2c0;line-height:1.6}.stories-note{margin-top:22px}}
.across-text-only{display:block}.across-text-only .across-copy{display:grid;grid-template-columns:1.3fr 1fr;column-gap:12%;align-items:start}.across-text-only h2{grid-row:1/3;margin-bottom:0}.across-text-only p{margin-top:4px}.across-text-only p.muted{margin-top:24px;align-self:start}@media(max-width:700px){.across-text-only .across-copy{display:block}.across-text-only h2{margin-bottom:30px}.across-text-only p.muted{margin-top:24px}}