/* Seven additional, independent compositions for the 60-second films. */
.cinema-window{position:absolute;isolation:isolate;overflow:hidden;inset:0;background:#153335;z-index:-1}
.window-label{position:absolute;bottom:18px;left:22px;color:white;font-size:11px;letter-spacing:1px;max-width:calc(100% - 44px);text-shadow:0 1px 5px #000;background:#12252c80;padding:7px 10px}
.motion-shore .cinema,.motion-woodland .cinema,.motion-dusk .cinema,.motion-court .cinema{background:#f5f4ee;color:#173c42}
.motion-shore .cinema-brand,.motion-woodland .cinema-brand,.motion-dusk .cinema-brand,.motion-court .cinema-brand{color:inherit}
.motion-shore .cinema-head,.motion-woodland .cinema-head,.motion-dusk .cinema-head,.motion-court .cinema-head{border-color:#183a3826}
.motion-shore .cinema-description,.motion-woodland .cinema-description,.motion-dusk .cinema-description,.motion-court .cinema-description{color:#536665}
.motion-shore .cinema-link,.motion-woodland .cinema-link,.motion-dusk .cinema-link,.motion-court .cinema-link{border-color:#234e4860}
.motion-shore .cinema-window{inset:108px 0 0 48%}
.motion-shore .cinema-head{height:108px;background:#f5f4ee}
.motion-shore .cinema-copy{top:28%;left:6%;right:54%;text-align:left}
.motion-shore .cinema h1{font:500 clamp(34px,3.65vw,59px)/1.5 'Noto Sans KR',sans-serif;letter-spacing:-2px}
.motion-shore .film-eyebrow{font-size:11px;letter-spacing:2px;color:#597d7e}
.motion-shore .cinema-description{font-size:16px;line-height:2;margin:30px 0}
.motion-shore .cinema-link{font-size:13px;gap:55px}
.hero-index{position:absolute;bottom:105px;left:6%;font-size:10px;letter-spacing:2px}
.motion-shore .film-caption{margin-left:30%;color:white}.motion-shore .cinema-bottom{left:6%;right:4%}
.motion-shore .window-label{bottom:112px}
.motion-woodland .cinema{background:#efede4;min-height:760px}
.motion-woodland .cinema-head{height:106px;border:0;padding-inline:6%}
.motion-woodland .cinema-window{inset:150px 7% 90px 52%;border-radius:48% 48% 0 0}
.motion-woodland .film-shade{background:#17322220}
.motion-woodland .cinema-copy{top:30%;left:8%;right:51%;text-align:left}
.motion-woodland .cinema h1{font-size:clamp(34px,4vw,62px);line-height:1.7;letter-spacing:-2px}
.motion-woodland .film-eyebrow{font-size:11px;letter-spacing:2px;color:#80664d}
.motion-woodland .cinema-description{margin:25px 0;font-size:15px;line-height:2}
.forest-seal{position:absolute;top:155px;left:8%;font:italic 15px/1.5 Georgia,serif;color:#887c66}
.motion-woodland .film-toggle,.motion-dusk .film-toggle,.motion-court .film-toggle{color:#1e4947;border-color:#24544b60;background:transparent}
.motion-woodland .film-track,.motion-dusk .film-track,.motion-court .film-track{background:#284b4d33}
.motion-woodland .film-track i,.motion-dusk .film-track i,.motion-court .film-track i{background:#284b4d}
.motion-mono .cinema{background:#101010;min-height:740px}
.motion-mono .cinema-window{inset:108px 0 0 36%}
.motion-mono .film-shade{background:linear-gradient(90deg,#101010 0%,#10101015 75%,#0003)}
.motion-mono .cinema-head{height:108px;border-bottom:1px solid #ffffff50}
.motion-mono .cinema-brand strong{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-2px}
.motion-mono .cinema-copy{inset:27% auto auto 6%;text-align:left;width:64%}
.motion-mono .film-eyebrow{font-size:11px;letter-spacing:3px;color:#dadada}
.motion-mono .cinema h1{font:600 clamp(32px,4vw,59px)/1.4 'Noto Sans KR',sans-serif;letter-spacing:-2px}
.motion-mono .cinema-description{font-size:14px;margin:25px 0 12px}
.mono-word{position:absolute;bottom:115px;left:5%;font:900 clamp(100px,15vw,240px)/.75 Arial,sans-serif;letter-spacing:-.08em;pointer-events:none}
.mono-rules{position:absolute;bottom:92px;left:6%;right:6%;border-top:1px solid #fff6;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}
.motion-mono .window-label{left:auto;right:20px;top:25px;bottom:auto}
.motion-structure .cinema{background:#152027;color:#e9dfca;min-height:750px}
.motion-structure .cinema-head{border:0;padding:28px 5%;height:112px}
.motion-structure .cinema-brand{color:#e9dfca}
.motion-structure .cinema-window{inset:144px 57% 97px 7%;border:1px solid #b6a175}
.motion-structure .film-shade{background:#1a2b3820}
.motion-structure .cinema-copy{top:29%;left:51%;right:6%;text-align:left}
.motion-structure .cinema h1{font-size:clamp(34px,4vw,62px);line-height:1.55}
.motion-structure .film-eyebrow{color:#beac82;font-size:11px;letter-spacing:2px}
.motion-structure .cinema-description{font-size:15px;color:#afbabd;line-height:2;margin:25px 0}
.motion-structure .cinema-link{border-color:#beac8270}
.structure-line{position:absolute;right:6%;bottom:140px;font:italic 72px Georgia;color:#beac8240;letter-spacing:12px}
.motion-structure .cinema:after{content:'';position:absolute;top:145px;bottom:100px;left:47%;border-left:1px solid #beac8240}
.motion-dusk .cinema{background:#f8f6f1;min-height:790px}
.motion-dusk .cinema-head{height:99px}
.motion-dusk .cinema-copy{top:133px;left:6%;right:44%;text-align:left}
.motion-dusk .film-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:17px}
.motion-dusk .cinema h1{font-size:clamp(30px,3.3vw,49px);line-height:1.45;letter-spacing:-1.5px}
.motion-dusk .cinema-description{position:absolute;top:3px;left:112%;width:65%;font-size:14px;margin:0;line-height:2}
.motion-dusk .cinema-link{position:absolute;top:76px;left:112%;white-space:nowrap;font-size:13px;gap:40px}
.motion-dusk .cinema-window{inset:335px 6% 95px}
.motion-dusk .film-shade{background:linear-gradient(0deg,#102b3335,transparent)}
.dusk-signature{position:absolute;right:8%;bottom:135px;font:italic 52px/1.05 Georgia;color:white;letter-spacing:-1px}
.motion-dusk .window-label{left:20px;bottom:20px}
.motion-court .cinema{background:#f6f7f3;min-height:750px}
.motion-court .cinema-head{height:102px}
.motion-court .cinema-window{inset:153px 5% 115px 47%;box-shadow:19px 19px 0 #e1e8de}
.motion-court .film-shade{background:transparent}
.motion-court .cinema-copy{top:27%;left:6%;right:57%;text-align:left}
.motion-court .cinema h1{font-size:clamp(35px,4vw,60px);line-height:1.6;letter-spacing:-2px}
.motion-court .film-eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7;color:#507768;max-width:200px}
.motion-court .cinema-description{font-size:15px;line-height:2;margin:26px 0 22px}
.court-signature{position:absolute;bottom:155px;left:6%;font:11px/1.8 Arial,sans-serif;letter-spacing:2px;color:#61756c}
.court-signature small{font:11px 'Noto Sans KR',sans-serif;letter-spacing:0}
.motion-downtown .cinema{min-height:740px;background:#243e36}
.motion-downtown .film-shade{background:linear-gradient(180deg,#0c292678,transparent 65%,#163b3288)}
.motion-downtown .cinema-head{height:104px}
.motion-downtown .cinema-brand strong{font:700 32px Arial,sans-serif;letter-spacing:-1px}
.motion-downtown .cinema-copy{top:auto;bottom:114px;left:auto;right:6%;width:470px;background:#f3f6e7;color:#243e36;text-align:left;padding:37px 40px 34px}
.motion-downtown .cinema h1{font:500 42px/1.5 'Noto Sans KR',sans-serif;letter-spacing:-2px}
.motion-downtown .film-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}
.motion-downtown .cinema-description{color:#61736b;font-size:14px;line-height:1.9;margin:18px 0 14px}
.motion-downtown .cinema-link{border-color:#173c4270;font-size:13px;gap:145px}
.local-coordinate{position:absolute;top:160px;left:6%;font:700 38px/1.15 Arial,sans-serif;letter-spacing:-1px;color:#eff9cd}
.local-coordinate>span{display:block;font-size:70px;font-weight:400;margin-top:8px}
.motion-downtown .window-label{bottom:120px;left:6%;max-width:37%}
.film-clock{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}
.film-seek{width:84px;accent-color:currentColor;cursor:pointer;height:14px}
.motion-collection .motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.motion-collection .motion-card{aspect-ratio:1.6}
.motion-collection .motion-card:first-child{grid-column:auto;aspect-ratio:1.6}
.motion-collection .motion-card:nth-child(2){background:#275149}
.motion-collection .motion-card-overlay strong{font-size:34px}
.motion-collection .motion-card-overlay>span{font-size:13px}
.motion-duration{position:absolute;right:0;top:0;font:12px Arial;border:1px solid #fff8;padding:7px 10px;letter-spacing:1px}
@media(max-width:1000px){
 .cinema-head nav{gap:18px;font-size:13px}.cinema-brand span{font-size:12px}
 .motion-shore .cinema h1,.motion-court .cinema h1{font-size:39px}.motion-shore .cinema-description{font-size:14px}
 .motion-woodland .cinema h1,.motion-structure .cinema h1{font-size:40px}
 .motion-court .cinema-copy{left:5%;right:55%}.motion-court .cinema-window{left:48%}
 .motion-downtown .cinema-copy{width:430px}.motion-downtown .cinema h1{font-size:38px}
 .motion-collection .motion-card-overlay strong{font-size:29px}
}
@media(max-width:650px){
 .cinema-window{inset:0}.window-label{font-size:9px;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:5px 7px}
 .cinema-head nav{font-size:15px;color:white}.cinema-head .cinema-brand span{display:none}
 .film-clock{font-size:10px;gap:6px}.film-seek{width:55px}.cinema-bottom>.film-caption{display:none}
 .motion-page .cinema-bottom{left:6%;right:6%;bottom:22px;gap:8px;letter-spacing:0}
 .motion-page .film-scroll{display:none}.film-toggle{min-width:128px}.film-toggle span{margin-left:6px}
 .motion-shore .cinema{min-height:790px}.motion-shore .cinema-head{height:84px}
 .motion-shore .cinema-copy{inset:124px 6% auto;text-align:left}.motion-shore .film-eyebrow{font-size:10px;margin-bottom:17px}
 .motion-shore .cinema h1{font-size:35px;line-height:1.45}.motion-shore .cinema-description{font-size:13px;margin:18px 0 8px;line-height:1.85}
 .motion-shore .cinema-link{font-size:12px;padding:8px 0}.motion-shore .cinema-window{inset:407px 0 0}
 .motion-shore .hero-index{display:none}.motion-shore .window-label{bottom:90px}.motion-shore .cinema-bottom{color:white}
 .motion-woodland .cinema{min-height:900px}.motion-woodland .cinema-head{height:84px}.motion-woodland .cinema-copy{inset:128px 6% auto;text-align:left}
 .motion-woodland .cinema h1{font-size:36px;line-height:1.5}.motion-woodland .film-eyebrow{margin-bottom:15px}
 .motion-woodland .cinema-description{font-size:13px;line-height:1.9;margin:16px 0 10px}.motion-woodland .cinema-link{font-size:12px}
 .motion-woodland .cinema-window{inset:430px 16% 84px;border-radius:48% 48% 0 0}.forest-seal{display:none}
 .motion-mono .cinema{min-height:750px}.motion-mono .cinema-head{height:86px}.motion-mono .cinema-window{inset:86px 0 0 16%}
 .motion-mono .cinema-copy{inset:183px 6% auto;width:auto}.motion-mono .cinema h1{font-size:34px;line-height:1.45}
 .motion-mono .film-eyebrow{font-size:10px}.motion-mono .cinema-description{font-size:13px}.motion-mono .cinema-link{font-size:12px}
 .mono-word{bottom:150px;font-size:30vw;letter-spacing:-.07em}.mono-rules{bottom:103px;font-size:8px;letter-spacing:1px}.motion-mono .window-label{top:12px;right:12px}
 .motion-structure .cinema{min-height:890px}.motion-structure .cinema-head{height:88px}
 .motion-structure .cinema-copy{inset:142px 6% auto}.motion-structure .cinema h1{font-size:37px;line-height:1.5}
 .motion-structure .film-eyebrow{font-size:10px;margin-bottom:15px}.motion-structure .cinema-description{font-size:13px;margin:17px 0 12px}
 .motion-structure .cinema-link{font-size:12px}.motion-structure .cinema-window{inset:430px 27% 91px 7%}.motion-structure .cinema:after{display:none}
 .structure-line{bottom:220px;right:6%;font-size:31px;writing-mode:vertical-rl;letter-spacing:5px}
 .motion-dusk .cinema{min-height:870px}.motion-dusk .cinema-head{height:86px}.motion-dusk .cinema-copy{inset:125px 6% auto}
 .motion-dusk .cinema h1{font-size:33px;line-height:1.5}.motion-dusk .film-eyebrow{font-size:9px}
 .motion-dusk .cinema-description,.motion-dusk .cinema-link{position:static;width:auto;font-size:13px}.motion-dusk .cinema-description{margin-top:18px;line-height:1.9}.motion-dusk .cinema-link{margin-top:9px}
 .motion-dusk .cinema-window{inset:430px 6% 91px}.dusk-signature{bottom:153px;right:12%;font-size:37px}.motion-dusk .window-label{font-size:8px;bottom:14px;left:12px}
 .motion-court .cinema{min-height:850px}.motion-court .cinema-head{height:86px}.motion-court .cinema-copy{inset:122px 6% auto}
 .motion-court .cinema h1{font-size:38px;line-height:1.5}.motion-court .film-eyebrow{font-size:9px;max-width:none;margin-bottom:15px}
 .motion-court .cinema-description{font-size:13px;line-height:1.9;margin:17px 0 10px}.motion-court .cinema-link{font-size:12px}
 .motion-court .cinema-window{inset:430px 8% 113px 6%;box-shadow:12px 12px 0 #e1e8de}.court-signature{bottom:85px;left:6%;font-size:8px;letter-spacing:1px}.court-signature small{font-size:9px}
 .motion-downtown .cinema{min-height:800px}.motion-downtown .cinema-head{height:86px}.local-coordinate{top:127px;left:6%;font-size:27px}.local-coordinate>span{font-size:42px;margin-top:3px}
 .motion-downtown .cinema-copy{bottom:104px;left:6%;right:6%;width:auto;padding:28px 25px}
 .motion-downtown .cinema h1{font-size:33px;line-height:1.45}.motion-downtown .film-eyebrow{font-size:8px;margin-bottom:16px}
 .motion-downtown .cinema-description{font-size:12px;line-height:1.8;margin:16px 0 9px}.motion-downtown .cinema-link{font-size:12px;gap:85px}
 .motion-downtown .window-label{top:270px;bottom:auto;left:6%;max-width:88%;font-size:8px}
 .motion-collection .motion-grid{grid-template-columns:1fr;gap:20px}.motion-collection .motion-card,.motion-collection .motion-card:first-child{aspect-ratio:1.25}
 .motion-collection .motion-card-overlay strong{font-size:29px}.motion-duration{font-size:10px;padding:6px 8px}
}
@media(max-width:360px){.motion-page .cinema-head{gap:15px}.motion-page .cinema h1{font-size:32px}.motion-river .cinema h1{font-size:61px}.motion-mono .cinema h1{font-size:29px}.motion-downtown .cinema h1{font-size:29px}.film-seek{width:38px}.film-toggle{min-width:121px;font-size:12px}.motion-court .cinema-window{top:420px}.motion-downtown .cinema-link{gap:56px}}
html.is-thumb .motion-page .cinema-copy{top:unset}
html.is-thumb .motion-nature .cinema-copy{top:25%}html.is-thumb .motion-city .cinema-copy{top:20%}html.is-thumb .motion-river .cinema-copy{top:28%}
html.is-thumb .motion-shore .cinema-copy{top:28%}html.is-thumb .motion-woodland .cinema-copy{top:30%}html.is-thumb .motion-mono .cinema-copy{top:27%}html.is-thumb .motion-structure .cinema-copy{top:29%}html.is-thumb .motion-dusk .cinema-copy{top:133px}html.is-thumb .motion-court .cinema-copy{top:27%}
.film-caption>span{display:none}.film-caption .film-track{margin-top:0}.motion-mono .cinema-link{display:none}
@media(min-width:651px) and (max-height:820px){
 .motion-shore .cinema,.motion-woodland .cinema,.motion-mono .cinema,.motion-structure .cinema,.motion-dusk .cinema,.motion-court .cinema,.motion-downtown .cinema{min-height:650px}
 .forest-seal{display:none}.motion-woodland .cinema-copy{top:25%}.motion-woodland .cinema h1{font-size:48px}
 .motion-court .cinema-copy{top:27%}.motion-court .cinema h1{font-size:46px}.court-signature{top:130px;bottom:auto;font-size:9px;line-height:1.7}.court-signature small{font-size:9px}
 .motion-mono .cinema-copy{top:24%}.motion-mono .cinema h1{font-size:44px}.motion-mono .cinema-description{margin-top:22px}.mono-word{font-size:13vw;bottom:119px}.mono-rules{bottom:90px}
 .motion-structure .cinema-copy{top:26%}.motion-structure .cinema h1{font-size:46px}.structure-line{font-size:55px;bottom:130px}
 .motion-dusk .cinema-window{top:300px}.motion-dusk .cinema h1{font-size:39px}.motion-dusk .cinema-copy{top:127px}.dusk-signature{font-size:42px;bottom:126px}
 .motion-downtown .cinema-copy{bottom:105px;padding:28px 36px}.motion-downtown .cinema h1{font-size:38px}
}
@media(max-width:650px){
 .motion-shore .cinema,.motion-dusk .cinema,.motion-court .cinema{min-height:780px}
 .motion-woodland .cinema,.motion-structure .cinema{min-height:820px}
 .motion-mono .cinema-link{display:none}.motion-mono .cinema-description{margin-top:22px}.mono-word{bottom:141px}
}