:root{color-scheme:dark;--studio-muted:#b4b2ae;--studio-line:#303135}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-0);color:var(--text-1);font:16px/1.65 var(--font-sans);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-2);color:var(--bg-0)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}a,button{transition:color .16s,background .16s}a:hover{color:var(--accent-strong)}:where(a,button):focus-visible{outline:2px solid var(--accent-strong);outline-offset:5px;box-shadow:none}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;background:var(--accent-2);color:var(--bg-0);padding:12px;z-index:50}.skip:focus{top:12px}.skip:hover{color:var(--bg-0)}.site-header{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid var(--studio-line)}.brand{display:flex;align-items:center;gap:16px}.brand img{object-fit:contain;filter:invert(1)}.brand span{border-left:1px solid var(--studio-line);padding-left:16px;font-size:18px;color:var(--studio-muted);letter-spacing:-.02em}.header-contact{min-height:44px;display:flex;align-items:center;gap:24px;font-size:14px}.hero{padding-top:52px}.hero-copy{text-align:center;margin-bottom:32px}h1,h2{font-family:var(--font-display);font-weight:500;margin:0;text-wrap:balance}h1{font-size:clamp(38px,4.3vw,56px);line-height:1.1;letter-spacing:-.04em}h1 span,h2 span{color:var(--accent-strong)}.hero-aside p{color:var(--studio-muted);margin:20px auto 0;font-size:15px;line-height:1.75;max-width:580px}.film{width:min(100%,800px);margin:0 auto;scroll-margin-top:24px}.film-stage{position:relative;aspect-ratio:16/9;background:var(--surface-0);overflow:hidden;border-radius:var(--r-sm)}video{display:block;width:100%;height:100%;object-fit:contain}.play-film{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:12px;border:1px solid #ffffff38;background:#0a0b0de8;color:var(--text-1);border-radius:var(--r-sm);padding:11px 18px 11px 11px;font:500 14px var(--font-sans);text-align:left}.play-film:hover{background:var(--bg-0);color:var(--accent-2)}.play-circle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--studio-muted);border-radius:50%}.play-circle svg{width:17px;fill:currentColor;stroke:none}.play-film small{display:block;margin-top:5px;font-size:12px;font-weight:400;color:var(--studio-muted)}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:13px;font-size:12px;color:var(--studio-muted)}figcaption>span:first-child{color:var(--text-1)}.caption-dot{padding:0 8px;color:var(--studio-muted)}.contact{padding:48px 0 58px}.contact-inner{width:min(800px,calc(100% - 96px));display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--studio-line);padding-top:32px}.contact h2{font-size:28px;line-height:1.2;letter-spacing:-.03em}.contact p{color:var(--studio-muted);margin:12px 0 0;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent-2);color:var(--on-accent-2);border-radius:var(--r-sm);padding:16px 20px;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{background:var(--accent-2-strong);color:var(--bg-0)}footer{padding-top:24px;padding-bottom:22px;border-top:1px solid var(--studio-line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--studio-muted);font-size:12px;margin-top:24px}[hidden]{display:none!important}#video-error{color:var(--danger)}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand{gap:10px}.brand img{width:96px;height:32px}.brand span{padding-left:10px;font-size:16px}.header-contact{gap:12px;font-size:13px}.hero{padding-top:36px}.hero-copy{margin-bottom:26px}h1{font-size:clamp(33px,8.5vw,46px);letter-spacing:-.035em}.hero-aside p{font-size:14px;margin-top:18px;max-width:37ch}.hero-aside br{display:none}.play-film{left:10px;bottom:10px;padding:8px 12px 8px 8px;gap:9px;font-size:13px}.play-circle{width:34px;height:34px}.play-film small{font-size:12px;margin-top:3px}figcaption{gap:10px;font-size:12px;flex-wrap:wrap}.caption-dot{padding:0 5px}.contact{padding:32px 0 40px}.contact-inner{flex-direction:column;align-items:flex-start;gap:24px;padding-top:26px}.contact h2{font-size:28px}.button{width:100%;justify-content:space-between}.footer-top{flex-wrap:wrap;gap:18px;font-size:12px}.footer-top .brand{display:none}.footer-bottom{flex-direction:column;gap:6px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.photo-story{width:min(100%,800px);margin:0 auto}.photo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:38px 0 16px}.photo-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.025em}.photo-heading>span{font-size:12px;color:var(--studio-muted);white-space:nowrap}.photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;user-select:none;-webkit-user-select:none}.photo-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;pointer-events:none;-webkit-touch-callout:none}.photo-to-film{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 0;color:var(--studio-muted);font-size:13px;text-align:center}.photo-to-film svg{color:var(--accent-strong);height:26px}.value-proposition{width:min(100%,800px);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:24px;border-top:1px solid var(--studio-line)}.value-proposition p{font-size:13px;line-height:1.75;color:var(--studio-muted);margin:0}.value-proposition strong{display:block;font-size:15px;line-height:1.5;font-weight:500;color:var(--text-1);margin-bottom:8px}
@media(max-width:700px){.photo-heading{align-items:flex-start;margin-top:28px;gap:12px}.photo-heading h2{font-size:20px;max-width:220px}.photo-heading>span{white-space:normal;max-width:80px;text-align:right}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.photo-to-film{font-size:12px;padding:18px 0;gap:8px}.value-proposition{grid-template-columns:1fr;gap:20px;margin-top:24px}.value-proposition strong{margin-bottom:5px}.value-proposition p{font-size:14px}}
.photo-grid img:nth-child(10){object-position:center 74%}