body:has(.ocean-cover){background:#062536;padding:0}.magazine-home.cinema-home:has(.ocean-cover){border-radius:0;max-width:none;margin:0;overflow:clip}.ocean-cover{--dive:0;--ui-opacity:1;--project-reveal:0;color:#f7f6ef;background:#062536;height:320svh;position:relative}.ocean-sticky{isolation:isolate;height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden}.ocean-canvas,.ocean-fallback,.ocean-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ocean-fallback{background:#082c40 url(/portfolio/ocean/sunset-surface.webp) 50%/cover no-repeat}.ocean-canvas{opacity:0;transition:opacity .8s}.ocean-cover[data-ready=true] .ocean-canvas{opacity:1}.ocean-shade{z-index:1;background:linear-gradient(90deg,#03141e94,#03141e26 54%,#0000 80%),linear-gradient(#03162114 20%,#0000 67%,#02121dd1)}.magazine-home.cinema-home .ocean-interface{z-index:2;color:#f7f6ef;height:100%;min-height:0;opacity:var(--ui-opacity);grid-template-rows:90px 1fr auto 56px;padding:0 clamp(26px,4.8vw,92px);display:grid;position:relative}.magazine-home.cinema-home .ocean-interface .topbar{height:90px;color:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.magazine-home.cinema-home .ocean-interface .wordmark{letter-spacing:.12em;color:inherit;font-size:14px}.magazine-home.cinema-home .ocean-interface .nav-links{color:#edf2eb;gap:32px}.ocean-interface a{color:inherit}.magazine-home.cinema-home .ocean-interface .hero{background:0 0;align-items:flex-start;gap:32px;padding:clamp(22px,5vh,60px) 0 30px;display:flex;position:relative}.magazine-home.cinema-home .ocean-interface .hero-copy{max-width:560px}.magazine-home.cinema-home .ocean-interface .target{letter-spacing:.19em;color:#e1e8e7;margin:0 0 26px;font-size:12px}.magazine-home.cinema-home .ocean-interface h1{color:#fffdf5;letter-spacing:.04em;margin:0 0 12px;font-size:clamp(48px,5.5vw,84px);font-weight:400;line-height:1.15}.ocean-interface .cover-english-name{color:#e7eeed;letter-spacing:.22em;font-size:15px}.ocean-interface .cover-discipline{color:#f4f5ef;margin:28px 0;font-size:18px}.ocean-interface .cover-education{gap:12px}.ocean-interface .cover-education>div{flex-wrap:wrap;align-items:baseline;gap:5px 12px;display:flex}.ocean-interface .cover-education dt{font-size:14px;font-weight:500}.ocean-interface .cover-education dd{color:#d6e1e0;margin:0;font-size:13px}.ocean-interface .cover-statement{letter-spacing:.1em;color:#e6eeee;margin:24px 0 0;font:400 18px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.ocean-project-link{text-align:right;text-shadow:0 2px 12px #00151c;flex-direction:column;gap:8px;font-size:14px;display:flex;position:absolute;bottom:32px;right:0}.ocean-project-link span{color:#d7e4e6;letter-spacing:.12em;font-size:12px}.ocean-project-link strong{font-size:22px;font-weight:400}.ocean-project-link small{text-underline-offset:5px;font-size:13px;text-decoration:underline}.magazine-home.cinema-home .ocean-interface .portfolio-directory{color:#edf2eb;background:0 0;border-color:#d1e5e747;gap:36px;margin:0;padding:24px 0}.magazine-home.cinema-home .ocean-interface .portfolio-directory>p{color:#d3dfe0;letter-spacing:.16em;font-size:12px}.ocean-interface .portfolio-directory ol{gap:24px}.ocean-interface .portfolio-directory a>span{color:#b2d7de}.magazine-home.cinema-home .ocean-interface .portfolio-directory strong{color:#fffdf5;font-size:14px;font-weight:400}.magazine-home.cinema-home .ocean-interface .cover-scroll{color:#d2e5e9;letter-spacing:.12em;padding:12px 20px 22px;font-size:12px}.ocean-controls{z-index:3;color:#edf2eb;align-items:center;gap:18px;display:flex;position:absolute;top:109px;right:clamp(26px,4.8vw,92px)}.ocean-controls button,.ocean-controls a{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1f5ee70;padding:8px 0;font:400 12px/1.5 inherit;text-decoration:none}.ocean-depth{z-index:2;color:#dce9eb;letter-spacing:.15em;flex-direction:column;align-items:center;gap:13px;font-size:10px;display:flex;position:absolute;top:45%;right:clamp(26px,4.8vw,92px)}.ocean-depth i{background:#ecf7f440;width:1px;height:76px;position:relative}.ocean-depth i:after{content:"";width:3px;height:15px;left:-1px;top:calc(var(--dive) * 61px);background:#eefaff;position:absolute}:is(.ocean-cover a:focus-visible,.ocean-cover button:focus-visible){outline-offset:6px;outline:2px solid #fff}.ocean-cover[data-motion=static]{height:100svh;min-height:640px}.ocean-cover[data-motion=static] .ocean-sticky{position:relative}.ocean-cover[data-motion=static] .ocean-controls button,.ocean-cover[data-motion=static] .ocean-depth{display:none}@media (max-height:760px) and (min-width:761px){.magazine-home.cinema-home .ocean-interface{grid-template-rows:72px 1fr auto 40px}.magazine-home.cinema-home .ocean-interface .topbar{height:72px}.magazine-home.cinema-home .ocean-interface .hero{padding-top:14px;padding-bottom:20px}.ocean-interface .cover-discipline{margin:20px 0}.ocean-interface .cover-statement{margin-top:18px}.ocean-controls{top:91px}}@media (max-width:760px){.ocean-cover{height:270svh}.ocean-sticky{min-height:680px}.magazine-home.cinema-home .ocean-interface{grid-template-rows:76px 1fr auto 46px;padding:0 24px}.magazine-home.cinema-home .ocean-interface .topbar{height:76px}.ocean-interface .nav-links{gap:16px}.ocean-interface .nav-links a{font-size:13px}.ocean-interface .nav-links a:nth-child(2),.ocean-interface .nav-links a:nth-child(4){display:none}.magazine-home.cinema-home .ocean-interface .hero{padding:46px 0 100px}.magazine-home.cinema-home .ocean-interface h1{font-size:48px}.magazine-home.cinema-home .ocean-interface .target{margin-bottom:22px;font-size:11px}.ocean-interface .cover-discipline{margin:24px 0;font-size:16px}.ocean-interface .cover-education>div{display:block}.ocean-interface .cover-education dd{margin-top:3px;font-size:12px}.ocean-interface .cover-statement{margin-top:22px;font-size:16px}.ocean-project-link{text-align:left;gap:5px;bottom:24px;left:0;right:auto}.ocean-project-link strong{font-size:18px}.ocean-project-link span{font-size:10px}.ocean-project-link small{display:none}.magazine-home.cinema-home .ocean-interface .portfolio-directory{gap:10px;padding:18px 0 10px;display:block}.ocean-interface .portfolio-directory>p{display:none}.ocean-interface .portfolio-directory ol{flex-wrap:wrap;gap:16px 20px;display:flex}.ocean-interface .portfolio-directory a{gap:7px}.magazine-home.cinema-home .ocean-interface .portfolio-directory strong{font-size:13px}.ocean-controls{top:80px;right:24px}.ocean-depth{font-size:9px;top:50%;right:24px}.ocean-shade{background:linear-gradient(90deg,#03182488,#0000 95%),linear-gradient(#0000 45%,#02121bd9)}}@media (prefers-reduced-motion:reduce){.ocean-cover{min-height:680px;height:auto!important}.ocean-sticky{position:relative}.ocean-canvas,.ocean-depth,.ocean-controls button{display:none}}