.opening{--settle:0;height:100svh;min-height:520px;position:relative}.opening-crest{width:clamp(300px,129.2px + 43.81vw,760px);transform:translate(-50%, -54%) scale(calc(1 - .35 * var(--settle)));opacity:calc(1 - var(--settle));will-change:transform, opacity;position:absolute;top:50%;left:50%}.opening-frame{aspect-ratio:16/9;background:var(--background);isolation:isolate;position:relative;overflow:hidden}.opening-still{aspect-ratio:1;width:65.7%;height:auto;position:absolute;top:41.18%;left:50.16%;transform:translate(-50%,-50%)}.opening-cover,.opening-video{visibility:hidden;position:absolute;inset:0}.opening-cover{background:var(--background)}.opening-video{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}html:is([data-opening=play],[data-opening=ended]) .opening :is(.opening-cover,.opening-video){visibility:visible}.opening-feather{pointer-events:none;box-shadow:inset 0 0 40px 22px var(--background);position:absolute;inset:0}.opening-cue{opacity:0;pointer-events:none;transition:opacity var(--dur-hover) var(--ease-soft-out);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:40px;left:0;right:0}html:is([data-opening=still],[data-opening=ended]) .opening[data-top] .opening-cue,html:not([data-opening]) .opening[data-top] .opening-cue{opacity:1}.opening-cue-word{font-size:var(--type-legal);letter-spacing:.24em;text-transform:uppercase;color:var(--muted-foreground);line-height:1}.opening-cue-line{background:color-mix(in srgb, var(--foreground) 12%, transparent);width:1px;height:48px;position:relative;overflow:hidden}.opening-cue-line:after{content:"";background:var(--muted-foreground);transform-origin:top;animation:opening-cue var(--dur-cue) var(--editorial-ease) infinite;position:absolute;inset:0}@keyframes opening-cue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.opening-crest{opacity:1;transform:translate(-50%,-54%)}.opening-cue{transition:none}.opening-cue-line:after{animation:none;transform:none}}.introduction{grid-template-columns:minmax(0,1fr);grid-template-areas:"photo""words";row-gap:40px;display:grid}.introduction-words{flex-direction:column;grid-area:words;display:flex}.introduction-name{font-family:var(--font-editorial);font-weight:400;font-size:var(--type-display-name);letter-spacing:-.01em;color:var(--foreground);text-wrap:balance;margin-top:30px;line-height:1.02}.introduction-line{max-width:520px;font-size:var(--type-body-l);color:var(--foreground);text-wrap:pretty;margin-top:24px;line-height:1.5}.introduction-link{margin-top:40px}.introduction-photo{aspect-ratio:4/5;background:var(--secondary);grid-area:photo;margin:0;position:relative;overflow:hidden}@media (min-width:1024px){.introduction{grid-template-columns:minmax(0,1fr) 520px;grid-template-areas:"words photo";align-items:end;column-gap:120px}.introduction-words{padding-bottom:24px}.introduction-photo{aspect-ratio:auto;width:520px;height:650px}}@media (prefers-reduced-motion:no-preference){html.js .introduction [data-step]{transition:opacity var(--dur-intro-words) var(--editorial-ease) var(--step-delay,0s), transform var(--dur-intro-words) var(--editorial-ease) var(--step-delay,0s)}html.js .introduction [data-step="0"]{transition-duration:var(--dur-intro-photo)}html.js .introduction [data-step="1"]{--step-delay:.52s}html.js .introduction [data-step="2"]{--step-delay:.66s}html.js .introduction [data-step="3"]{--step-delay:.8s}html.js .introduction [data-step="4"]{--step-delay:.94s}html.js .introduction:not([data-revealed]) [data-step]{opacity:0;transform:translateY(12px)}html.js .introduction:not([data-revealed]) [data-step="0"]{transform:translateY(18px)}}.selected-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.selected-photo{aspect-ratio:4/5;background:var(--secondary);margin-top:40px;position:relative;overflow:hidden}.selected-meta{grid-template-columns:minmax(0,1fr);row-gap:24px;margin-top:32px;display:grid}.selected-title{font-family:var(--font-editorial);font-weight:400;font-size:var(--type-display-l);color:var(--foreground);line-height:1.05}.selected-category{font-size:var(--type-label-size);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--muted-foreground);margin-top:14px}.selected-about{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.selected-line{font-size:var(--type-body-l);color:var(--foreground);text-wrap:pretty;line-height:1.65}@media (min-width:768px){.selected-photo{aspect-ratio:3/2}}@media (min-width:1024px){.selected-photo{aspect-ratio:1200/680}.selected-meta{grid-template-columns:minmax(0,1fr) 480px;align-items:start;column-gap:80px}}@property --p{syntax:"<number>";inherits:true;initial-value:0}.aperture{background:var(--foreground);color:var(--background)}.aperture-stage{padding-block:var(--section-space-md);flex-direction:column;gap:40px;display:flex}.aperture-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;display:grid}.aperture-text{flex-direction:column;gap:24px;display:flex}.aperture-link{align-self:flex-start;margin-top:8px}.aperture-window{aspect-ratio:4/5;background:color-mix(in srgb, var(--background) 6%, transparent);width:100%;max-width:520px;position:relative;overflow:hidden}.aperture-shutter,.aperture-hint{display:none}@media (min-width:1024px){.aperture-grid{grid-template-columns:minmax(0,1fr) 520px;gap:80px}}@supports (animation-timeline:view()){.aperture{animation:linear both aperture-progress;animation-timeline:view();animation-range:contain}}@keyframes aperture-progress{0%{--p:0}to{--p:1}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){html.js .aperture{--g:min(1, calc(var(--p) / .55));height:200svh}html.js .aperture-stage{box-sizing:border-box;justify-content:center;height:100svh;padding-block:96px 56px;position:sticky;top:0}html.js .aperture-text{opacity:calc((var(--p) - .5) * 4)}html.js .aperture-text:focus-within{opacity:1}html.js .aperture-shutter{background:var(--foreground);width:calc(50% - 60px);display:block;position:absolute;top:0;bottom:0}html.js .aperture-shutter-l{transform:translateX(calc(var(--g) * -100%));left:0}html.js .aperture-shutter-r{transform:translateX(calc(var(--g) * 100%));right:0}html.js .aperture-hint{font-size:var(--type-label-size);white-space:nowrap;line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--muted-foreground-inverse);opacity:calc(1 - var(--g) * 3);display:block;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}html.js .aperture-stage{position:sticky}}.turntable{--sleeve:228px;--disc:210px;--out:.53;--turntable-slide:1.2s;grid-template-columns:minmax(0,1fr);row-gap:48px;display:grid}.turntable-text{flex-direction:column;gap:24px;max-width:400px;display:flex}.turntable-heading{font-size:var(--type-display-l);text-wrap:balance;line-height:1.05}.turntable-note{font-size:var(--type-body-l);text-wrap:pretty;line-height:1.6}.turntable-stage{flex-direction:column;gap:28px;min-width:0;display:flex}.record{--inside:calc((var(--sleeve) - var(--disc)) / 2);--x:0px;width:var(--sleeve);height:var(--sleeve);position:relative}.record[data-arrived]{--x:calc(var(--inside) + var(--disc) * .25)}.record[data-playing]{--x:calc(var(--inside) + var(--disc) * var(--out))}.record-sleeve{z-index:1;padding:calc(var(--sleeve) * .079);background:var(--secondary);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent), 0 18px 40px color-mix(in srgb, var(--foreground) 10%, transparent);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.record-sleeve-top,.record-sleeve-genres{font-size:var(--type-label-size);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--muted-foreground-panel)}.record-sleeve-top{white-space:nowrap;justify-content:space-between;gap:12px;display:flex}.record-sleeve-genres{white-space:pre-line}.record-sleeve-title{font-family:var(--font-editorial);font-size:calc(var(--sleeve) * .129);white-space:pre-line;color:var(--foreground);flex-direction:column;gap:10px;line-height:1.02;display:flex}.record-sleeve-rule{background:var(--accent);width:40px;height:1px}.record-disc{left:var(--inside);top:var(--inside);width:var(--disc);aspect-ratio:1;box-shadow:0 10px 28px color-mix(in srgb, var(--foreground) 14%, transparent);transform:translateX(var(--x));transition:transform var(--turntable-slide) var(--ease-slow);border-radius:50%;position:absolute}.record[data-settling]:not([data-playing]) .record-disc{transition-delay:.7s}.record-spin{background-color:var(--foreground);background-image:repeating-radial-gradient(circle at center, color-mix(in srgb, var(--background) 7%, transparent) 0 1px, transparent 1px 4px);box-shadow:inset 0 0 0 5px var(--foreground);animation:record-turn var(--dur-record-turn) linear infinite;border-radius:50%;animation-play-state:paused;position:absolute;inset:0}.record[data-playing] .record-spin{animation-play-state:running}@keyframes record-turn{to{transform:rotate(1turn)}}.record-label{background:var(--background);border-radius:50%;place-items:center;display:grid;position:absolute;inset:32%}.record-label:after{content:"";aspect-ratio:1;background:var(--foreground);border-radius:50%;width:6%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record-crest{background-color:currentColor;display:block;-webkit-mask:url(/images/hos-logo.svg) 50%/contain no-repeat;mask:url(/images/hos-logo.svg) 50%/contain no-repeat}.record-label-crest{aspect-ratio:1;width:78%;color:var(--foreground)}@media (min-width:640px){.turntable{--sleeve:300px;--disc:270px;--out:.56}}@media (min-width:1024px){.turntable{--sleeve:min(380px, calc((100vw - 584px) / 1.5));--disc:calc(var(--sleeve) * 340 / 380);grid-template-columns:400px minmax(0,1fr);align-items:center;column-gap:96px}.turntable-text{max-width:none}.record-player{width:min(100%,640px)}}@media (prefers-reduced-motion:reduce){.record-disc{transition:none}.record-spin{animation:none}}.record-player:focus{outline:none}.record-player{background:var(--secondary);border-radius:12px;position:relative;overflow:hidden}.record-player-placeholder{font-size:var(--type-label-size);white-space:nowrap;line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--muted-foreground-panel);position:absolute;top:20px;left:20px}.record-player-mount{visibility:hidden;position:absolute;inset:0}.record-player-mount[data-ready]{visibility:visible}.record-player-mount iframe,.record-player-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.practice{--practice-flex-dur:.9s;--practice-cap-gap:14px;--practice-cap-line:30px;flex-direction:column;display:flex}.practice-sign{flex-direction:column;margin-top:18px;display:flex}.practice-logo{width:150px;height:auto;display:block}.practice-line{max-width:560px;font-size:var(--type-statement);margin-top:24px;line-height:1.35}.practice-business{max-width:420px;font-size:var(--type-body);margin-top:14px;line-height:1.6}.practice-work{margin-top:28px}.practice-action{margin-top:30px}.practice-note{max-width:380px;font-size:var(--type-small);color:var(--muted-foreground);margin-top:14px;line-height:1.5}.practice-panels{gap:8px;height:400px;display:flex}.practice-panel{min-width:0;color:var(--foreground);transition:flex-grow var(--practice-flex-dur) var(--ease-slow);flex-direction:column;flex:1 1 0;display:flex;position:relative}.practice-photo{background:var(--secondary);flex:1;display:block;position:relative;overflow:hidden}.practice-photo-zoom{transition:transform var(--practice-flex-dur) var(--ease-slow);position:absolute;inset:0}.practice-cap,.practice-shown{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.practice-client{font-family:var(--font-editorial);font-size:var(--type-display-s);line-height:var(--practice-cap-line);text-overflow:clip;overflow:hidden}.practice-service{color:var(--muted-foreground);flex:none}.practice-shown{margin-top:var(--practice-cap-gap)}@media (max-width:1023.98px){.practice-panel{flex-grow:.5}.practice-panel[data-on],.practice-panels:not([data-active]) .practice-panel:first-child,.practice-panels[data-count="1"] .practice-panel{flex-grow:2.4}.practice-panel .practice-cap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:1024px){.practice{--practice-block:1088px;padding-inline:max(4rem, calc((100% - var(--practice-block)) / 2));grid-template:"label work"".work"1fr"sign work""action work"/380px minmax(0,620px);column-gap:88px;display:grid}@media (min-width:1280px){.practice{--practice-block:1144px;column-gap:144px}}.practice[data-panels="0"]{grid-template:"label""sign""action"/minmax(0,560px)}.practice-label{grid-area:label}.practice-sign{grid-area:sign;margin-top:28px}.practice-logo{width:200px}.practice-line{font-size:var(--type-statement);margin-top:26px}.practice-action{grid-area:action;margin-top:26px}.practice:not([data-panels="0"]) .practice-action{padding-bottom:calc(var(--practice-cap-gap) + var(--practice-cap-line));position:relative}.practice:not([data-panels="0"]) .practice-note{left:0;top:calc(100% - var(--practice-cap-line));margin:0;position:absolute}.practice-work{grid-area:work;margin-top:0}.practice-panels{gap:12px;height:clamp(440px,41.875vw,536px)}.practice-cap{margin-top:var(--practice-cap-gap);overflow:hidden}.practice-cap .practice-client{flex:none}.practice-cap .practice-service{opacity:0;min-width:0;transition:opacity var(--dur-page) var(--ease-slow);flex:0 auto;overflow:hidden}.practice-panel[data-on] .practice-service{opacity:1}.practice-panels[data-active] .practice-panel{flex-grow:.55}.practice-panels[data-active] .practice-panel[data-on]{flex-grow:1.9}.practice-panel[data-on] .practice-photo-zoom{transform:scale(1.03)}.practice-shown{display:none}}@media (prefers-reduced-motion:reduce){.practice-panel,.practice-photo-zoom,.practice-cap .practice-service{transition:none}.practice-panel[data-on] .practice-photo-zoom{transform:none}}.filmstrip-viewport{scrollbar-width:none}.filmstrip-viewport::-webkit-scrollbar{display:none}