*{box-sizing:border-box}body{margin:0;background:#101d21;color:#e7ede7;font:15px/1.7 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #bdd8c9;outline-offset:5px}header,main,.site-footer{max-width:1420px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:29px 45px;border-bottom:1px solid #344646}.brand{font-size:22px;font-weight:700;letter-spacing:3px}.brand span{color:#d3b38a;margin-left:5px}nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#b7c6bf}nav button{border:1px solid #4b6360;border-radius:20px;background:none;color:#d1dfd7;padding:4px 13px;font-size:11px}main{padding:0 45px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#a7bdb2}.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:57px 0 45px;align-items:center}.studio-hero h1{font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.11;letter-spacing:-2px;margin:26px 0 22px}.studio-hero em{font:italic 1.03em Georgia,serif;color:#d9bc92}.studio-hero p{font-size:14px;color:#9eb8af;line-height:1.9;margin:0}.hero-facts{display:flex;gap:35px;margin-top:35px}.hero-facts>span{font-size:9px;color:#789d93;display:block}.hero-facts b{display:block;font-weight:400;font-size:22px;color:#d9e8df;margin-bottom:5px}.hero-art{position:relative;height:390px;overflow:hidden;border-radius:5px}.hero-art img{height:100%;width:100%;object-fit:cover;opacity:.75;object-position:65% center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102526ee,transparent 65%)}.hero-art>span{position:absolute;bottom:25px;left:30px;z-index:2;font-size:9px;line-height:2.3;letter-spacing:2px;color:#c2d5c7}.gallery-filters{border-top:1px solid #314747;border-bottom:1px solid #314747;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.gallery-filters>span{font-size:9px;letter-spacing:1.5px;color:#829f96}.gallery-filters>div{display:flex;flex-wrap:wrap;gap:7px}.gallery-filters button{padding:6px 12px;border:1px solid #3d5451;border-radius:20px;background:none;font-size:10px;color:#9db8ad}.gallery-filters button[aria-pressed=true]{background:#c9d7c8;color:#19342a;border-color:#c9d7c8}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.studio-grid article{background:#14292e;border:1px solid #31484c;border-radius:7px;overflow:hidden;transition:transform .2s,border-color .2s}.studio-grid article:hover{transform:translateY(-3px);border-color:#5f837a}.project-art{display:block;position:relative;height:218px;overflow:hidden;background:#153136}.project-art>img{width:100%;height:100%;object-fit:cover;opacity:.24}.project-type{position:absolute;left:20px;bottom:15px;font-size:8px;letter-spacing:1.4px;color:#9bc3b6}.mini-window{position:absolute;left:20px;right:20px;top:25px;border:1px solid #456860;background:#0e252ddd;border-radius:7px;box-shadow:0 8px 30px #00151c80;padding:0 13px}.mini-window>div{display:flex;align-items:center;gap:4px;padding:10px 0;border-bottom:1px solid #365052}.mini-window i{width:4px;height:4px;border-radius:50%;background:#657c76}.mini-window>div span{font-size:7px;letter-spacing:.8px;color:#91ada6;margin-left:7px}.mini-window section{display:flex;align-items:center;gap:13px;padding:20px 0}.mini-window section>b{font-size:25px;line-height:1;color:var(--accent);font-weight:400}.mini-window section>span{font-size:10px;color:#c1dad0}.mini-window small{display:block;font-size:8px;color:#779f91;margin-top:7px}.mini-window em{margin-left:auto;color:var(--accent);font-style:normal}.mini-window footer{display:flex;align-items:end;gap:6px;height:25px;padding-bottom:7px}.mini-window footer span{flex:1;background:var(--accent);opacity:.25;height:10px;border-radius:2px}.mini-window footer span:nth-child(2){height:16px;opacity:.4}.mini-window footer span:nth-child(3){height:12px}.mini-window footer span:nth-child(4){height:20px;opacity:.6}.mini-window footer span:nth-child(5){height:16px;opacity:.5}.project-info{padding:22px 23px}.project-number{color:#6f9487;font-size:9px}.project-info h2{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:12px 0}.project-info>p{font-size:12px;color:#96b4a8;min-height:42px;margin:0 0 20px}.project-features{display:grid;gap:7px;font-size:10px;color:#8ea99f;margin-bottom:23px;min-height:46px}.launch{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c6e2d1;padding:12px 14px;border:1px solid #507169;background:#22423e;font-size:10px;border-radius:4px}.launch b{font-size:17px;font-weight:400}.about{display:block;font-size:9px;color:#789b8b;margin-top:16px}.studio-note{padding:30px 35px;background:#1c3534;border:1px solid #41594d;border-radius:6px;margin:45px 0}.studio-note b{font-size:20px;font-weight:400;color:#d4dfcc}.studio-note p{font-size:12px;line-height:1.9;color:#90ab9b;max-width:940px;margin-bottom:0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 45px 35px;color:#819c8c;font-size:11px}.site-footer .brand{font-size:16px;color:#bacbbf}.site-footer>a:last-child{color:#d6c4a4}
@media(max-width:1100px){header,main,.site-footer{padding-left:28px;padding-right:28px}.studio-hero{gap:30px}.hero-art{height:345px}.studio-grid{grid-template-columns:repeat(2,1fr)}.gallery-filters{display:block}.gallery-filters>div{margin-top:16px}.studio-hero h1{font-size:53px}.hero-facts{gap:22px}}
@media(max-width:650px){header{padding:21px 20px}.brand{font-size:19px}nav{font-size:10px;gap:14px}main{padding:0 20px}.studio-hero{grid-template-columns:1fr;gap:28px;padding:35px 0}.studio-hero h1{font-size:48px;letter-spacing:-1.7px;margin:22px 0}.studio-hero p{font-size:12px}.hero-facts{gap:32px}.hero-facts b{font-size:20px}.hero-art{height:220px}.hero-art>span{left:20px;bottom:15px;font-size:8px}.gallery-filters{padding:20px 0;margin-bottom:20px}.gallery-filters button{font-size:9px;padding:6px 10px}.studio-grid{grid-template-columns:1fr;gap:20px}.project-art{height:205px}.mini-window{top:22px;left:25px;right:25px}.project-info{padding:21px}.project-info h2{font-size:24px}.project-info>p{min-height:0}.project-features{min-height:0}.launch{font-size:11px;padding:14px}.about{font-size:10px}.studio-note{margin:30px 0;padding:25px 22px}.studio-note b{font-size:20px}.studio-note p{font-size:11px}.site-footer{padding:0 20px 30px;flex-wrap:wrap;font-size:10px}.site-footer>span{order:3;flex-basis:100%}.project-type{left:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}