@import url('assets/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f6f7f8;color:#0a2378;font-family:Figtree,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{outline-offset:5px}::selection{background:#fd5c41;color:#0a2378}.shell{max-width:1560px;margin:auto;padding:0 48px}.catalog-nav{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee1e6}.mk{display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.15;letter-spacing:0}.mk b{font-size:28px;font-weight:300;letter-spacing:0;border-right:1px solid #dee1e6;padding-right:14px}.nav-right{display:flex;gap:30px;font-size:11px;color:#627189}.nav-right a:hover{color:#fd5c41}.edition{font-size:10px;letter-spacing:0;color:#627189}.intro{padding:74px 0 50px;position:relative}.intro-top{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:0;text-transform:lowercase}.live-dot{width:6px;height:6px;border-radius:0;background:#fd5c41;box-shadow:none}.intro h1{font-size:clamp(58px,8.1vw,118px);font-weight:300;line-height:.95;letter-spacing:0;margin:29px 0 33px}.intro h1 em{font-family:inherit;font-weight:300;letter-spacing:0;color:#fd5c41}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.intro p{font-size:14px;line-height:1.7;color:#627189;margin:0;max-width:440px}.explore{font-size:11px;display:flex;align-items:center;gap:25px}.explore span{border:1px solid #0a2378;border-radius:50%;display:grid;place-items:center;width:40px;height:40px;font-size:18px}.strip{border-top:1px solid #dee1e6;padding:21px 0;display:flex;justify-content:space-between;color:#627189;font-size:9px;letter-spacing:0;text-transform:lowercase}.collection{padding-top:12px}.project{margin-bottom:88px}.project-top{display:flex;align-items:center;justify-content:space-between;padding:15px 0 18px;gap:15px}.project-title{display:flex;align-items:center;gap:17px}.number{font-size:11px;color:#627189}.project h2{font-size:24px;letter-spacing:0;font-weight:300;margin:0}.project-type{font-size:10px;color:#627189;letter-spacing:0;text-transform:lowercase}.live-label{font-size:9px;letter-spacing:0;color:#fd5c41}.stage{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#dee1e6;box-shadow:0 25px 80px #0a23781c;isolation:isolate}.stage>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.stage iframe{width:1440px;height:900px;position:absolute;top:0;left:0;border:0;transform-origin:top left;background:transparent}.stage .activate{position:absolute;inset:0;background:transparent;border:0;color:transparent;display:none}.project-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:22px}.description{max-width:490px}.description p{font-size:12px;line-height:1.7;color:#627189;margin:0 0 11px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;color:#627189;border:1px solid #dee1e6;border-radius:20px;padding:5px 9px}.actions{display:flex;align-items:center;gap:9px}.actions a,.actions button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #0a2378;border-radius:40px;font-size:11px;background:none;color:#0a2378;white-space:nowrap;transition:background .25s,color .25s}.actions .open{background:#0a2378;color:#f6f7f8;border-color:#0a2378;gap:22px}.actions a:hover,.actions button:hover{background:#fd5c41;color:#0a2378;border-color:#fd5c41}.actions .pause{padding:0;width:40px;height:40px}.closing{padding:35px 0 42px;border-top:1px solid #dee1e6;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.closing h2{font-size:clamp(35px,4vw,60px);font-weight:300;letter-spacing:0;line-height:1.04;margin:10px 0}.closing h2 em{font-family:inherit;font-weight:300;color:#fd5c41}.closing p{font-size:11px;line-height:1.8;color:#627189;max-width:310px;margin:0}.back-bottom{display:inline-flex;margin:0 0 28px;font-size:12px;color:#627189}.back-bottom:hover{color:#fd5c41}.footer{border-top:1px solid #dee1e6;padding:24px 0 30px;display:flex;justify-content:space-between;color:#627189;font-size:9px;letter-spacing:0}.viewer{border:1px solid #dee1e6;border-radius:20px;padding:0;background:#0a2378;color:#f6f7f8;width:min(460px,calc(100% - 20px));height:94svh;max-height:94svh;overflow:hidden}.viewer::backdrop{background:#0a2378d9;backdrop-filter:blur(16px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 15px;font-size:11px}.viewer-bar button{width:33px;height:33px;background:none;border:1px solid #f6f7f866;border-radius:50%;color:#f6f7f8}.viewer iframe{border:0;width:100%;height:calc(100% - 54px);background:#fff}.viewer:focus{outline:none}
@media(max-width:700px){.shell{padding:0 19px}.catalog-nav{height:78px}.nav-right{gap:14px;font-size:9px}.edition{display:none}.mk b{font-size:27px}.mk{font-size:10px}.intro{padding:48px 0 32px}.intro h1{font-size:clamp(50px,12.8vw,80px);margin:23px 0}.intro p{font-size:12px}.intro-bottom{display:block}.explore{margin-top:24px;justify-content:space-between}.strip{font-size:7px;letter-spacing:.06em;gap:10px;padding:20px 0}.project{margin-bottom:48px}.project h2{font-size:21px}.project-title{gap:10px}.project-type{font-size:8px}.live-label{display:none}.project-top{padding-bottom:12px}.stage{border-radius:8px;aspect-ratio:16/11}.stage iframe{pointer-events:none}.stage .activate{display:block;color:white;font-size:11px;background:linear-gradient(transparent 65%,#14213055);text-align:right;padding:0 12px 12px;display:flex;align-items:flex-end;justify-content:flex-end}.project-bottom{display:block;padding-top:17px}.description p{font-size:11px}.actions{margin-top:17px;justify-content:flex-end}.actions .open{flex:1}.actions a,.actions button{padding:12px 17px;font-size:10px}.closing{display:block;padding-bottom:35px}.closing p{margin-top:25px}.footer{font-size:7px;gap:12px}.tags span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}