@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--navy:#102133;--ink:#182a3a;--muted:#69727c;--silver:#c5cdd3;--paper:#f7f8f8;--line:#dde2e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #768ca1;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}em{font-weight:400;color:#72808c}p{color:var(--muted)}.wrap{max-width:1260px;margin:auto;padding-left:56px;padding-right:56px}header{max-width:1372px;margin:auto;height:104px;padding:0 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.7px}.brand>span:last-child{font-weight:400}.brandmark{font:42px Georgia;margin-right:12px;position:relative;line-height:1;color:#8897a3}.brandmark span{font-size:38px;color:var(--ink)}nav{display:flex;align-items:center;gap:29px;font-size:14px}nav a{color:#68727c}nav a:hover,nav a.active{color:var(--navy)}nav a.active{position:relative}nav a.active:after{content:'';height:3px;width:3px;background:var(--ink);position:absolute;bottom:-10px;left:50%;border-radius:50%}.nav-contact{border:1px solid #cbd2d7;padding:11px 19px;color:var(--navy)}.nav-contact span{margin-left:18px}.menu{display:none}.hero{padding-top:65px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:23px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8e9da9}h1{font-size:clamp(40px,4.05vw,58px);line-height:1.19;letter-spacing:-1.9px;margin-bottom:25px}h1 em{white-space:nowrap}.hero-copy{padding-top:23px}.hero-copy p{font-size:16px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;background:var(--navy);color:white;padding:15px 23px;font-size:14px;transition:background .2s}.button:hover{background:#30485d}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;background:transparent;border:0;padding:0}.hero-copy>.text-link{display:flex;margin-top:22px}.hero-art{height:397px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#304557,#132334 60%,#0d1b29);border-radius:2px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:51px 51px}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 25%,#f4f4ef,#c1c8cd 24%,#7e8b98 48%,#303f4e 74%,#122235 86%);box-shadow:20px 24px 45px #0006,inset -10px -7px 24px #101c2e66}.orb-one{height:226px;width:226px;top:72px;left:22%}.orb-two{height:85px;width:85px;top:239px;left:65%;background:radial-gradient(circle at 30% 25%,#f5f3ed,#bac2ca 35%,#667380 70%,#22354a)}.orbit{position:absolute;left:8%;top:99px;width:86%;height:171px;border:1px solid #cbd7e26b;border-radius:50%;transform:rotate(-30deg)}.orbit-two{top:65px;left:28%;height:267px;width:50%;transform:rotate(31deg);border-color:#cbd7e231}.art-caption{position:absolute;bottom:20px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#bac6cf}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0 29px;margin-top:10px;font-size:10px;letter-spacing:1.7px;color:#7a838b}.hero-foot>span:last-child span{font-size:17px;margin-left:15px}.projects{padding-top:65px;padding-bottom:65px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.section-head .eyebrow{margin-bottom:11px}h2{font-size:35px;line-height:1.25;letter-spacing:-.7px}.section-head>p{font-size:14px;line-height:1.7}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;color:#75808a;padding:8px 17px;font-size:14px}.filters button.selected{background:var(--navy);color:#fff}.filters button:hover:not(.selected){border-color:var(--line)}.filters span{font-size:11px;opacity:.6;margin-left:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:37px 25px}.project-card{display:block}.project-card[hidden]{display:none}.card-art{height:224px;position:relative;overflow:hidden;margin-bottom:18px;transition:filter .3s}.project-card:hover .card-art{filter:brightness(1.07)}.art-label,.art-index{position:absolute;bottom:15px;font-size:9px;letter-spacing:1.7px;color:#d1dae0}.art-label{left:19px}.art-index{right:18px}.music-art{background:linear-gradient(130deg,#233b4b,#0b1723)}.vinyl{position:absolute;width:214px;height:214px;top:22px;left:calc(50% - 95px);border-radius:50%;background:repeating-radial-gradient(circle,#1b2730 0px,#111b24 2px,#34414b 3px,#15222c 4px);box-shadow:15px 18px 30px #0008}.vinyl:after{content:'SP';position:absolute;inset:72px;background:linear-gradient(145deg,#cdd4d7,#6d7d8c);border-radius:50%;display:grid;place-items:center;color:#223345;font:20px Georgia;border:7px solid #9aa7b1}.film-art{background:linear-gradient(145deg,#c4cbd0,#8f9da8)}.cinema{position:absolute;left:13%;right:13%;top:36px;height:149px;border:10px solid #172631;background:linear-gradient(#526979,#c6cbd0);box-shadow:12px 18px 24px #17263130;overflow:hidden}.mountain{position:absolute;width:260px;height:160px;background:#253e50;bottom:-100px;left:-10px;transform:rotate(-25deg);box-shadow:90px -10px 0 #536877}.sun{width:35px;height:35px;border-radius:50%;background:#d4d9db;position:absolute;top:18px;right:32px}.film-art .art-label,.film-art .art-index{color:#213446}.books-art{background:#dddeda}.book{position:absolute;height:169px;width:117px;box-shadow:8px 9px 16px #192b3430;top:22px}.book-back{background:#b4bdc4;left:48%;transform:rotate(14deg);border-right:6px solid #eee}.book-front{background:#233747;left:31%;transform:rotate(-9deg);padding:14px;border-left:4px solid #61717f;color:#dce1e1;display:flex;flex-direction:column;justify-content:space-between}.book-front span{font:23px/1.1 Georgia}.book-front small{font-size:5px;letter-spacing:1px}.books-art .art-label,.books-art .art-index{color:#4f606d}.card-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#78818b;margin-bottom:6px}.card-meta span{font-size:21px;line-height:1}h3{font-size:26px;line-height:1.4}.project-card p{font-size:14px;margin-top:6px}.poetry-art{background:#e6e4de}.poetry-quote{position:absolute;top:23px;left:30px;font:30px/1.2 Georgia;color:#596770}.poetry-art .art-label,.poetry-art .art-index{color:#586975}.ideas-art{background:radial-gradient(circle at 50% 40%,#566879,#1e3344)}.idea-ring{position:absolute;width:140px;height:140px;top:37px;left:calc(50% - 70px);border:24px solid #afbcc5;border-radius:50%;transform:rotateX(40deg) rotateY(-28deg);box-shadow:inset 10px 8px 14px #152b41,15px 23px 25px #10212f70}.project-note{padding:13px 16px}.star{color:#8c9ba6;font-size:35px}.project-note h3{font-size:27px;line-height:1.25;margin:9px 0 16px}.project-note p{font-size:14px;margin-bottom:22px}.collections{padding-bottom:65px}.collection{display:grid;grid-template-columns:140px 1fr auto;gap:25px;align-items:center;border-top:1px solid var(--line);padding:27px 0;scroll-margin-top:100px}.collection:last-child{border-bottom:1px solid var(--line)}.collection-number{font-size:10px;letter-spacing:1.5px;color:#778591}.collection h3{font-size:24px;margin-bottom:3px}.collection p{font-size:14px;max-width:610px}.status{font-size:12px;border:1px solid var(--line);padding:6px 11px;color:#78848f;white-space:nowrap}.about{background:var(--navy);padding:70px 0;color:#edf1f3}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.about .eyebrow{color:#a8b7c3}.about h2{font-size:47px}.about em{color:#b1bdc6}.about p{color:#a9b7c2;font-size:15px;margin-bottom:18px}.about .large-copy{font:24px/1.6 'Playfair Display',Georgia;color:#e0e5e9;margin-bottom:24px}.signature{border-top:1px solid #ffffff20;padding-top:22px;margin-top:27px;font:19px Georgia;display:flex;justify-content:space-between;align-items:center}.signature span{font:9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#93a4b0}.social{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.social .eyebrow{margin-bottom:14px}.social p{font-size:14px;margin-top:20px}.social-list>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.social-list>div>span:last-child{color:#84909b;font-size:12px}.contact{border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact h2{font-size:39px}.contact p{font-size:14px;margin-top:22px}.contact-note{font-size:12px;color:#7b8791;margin-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;color:#4f5d69;margin-bottom:19px}input,textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #d5dde1;background:#fff;color:var(--ink);border-radius:0;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#939ca3}.contact .form-hint{font-size:12px;margin-top:12px}#form-result{margin-top:22px}#form-status{font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:108px;font-size:12px;color:#7b858e}footer .brand{font-size:16px}footer .brandmark{font-size:33px}.skip{position:fixed;top:-100px;left:12px;background:#fff;z-index:30;padding:12px}.skip:focus{top:12px}@media(min-width:1500px){.hero{padding-top:80px}.hero-art{height:420px}}@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}header{padding:0 32px}nav{gap:18px}.hero{gap:22px}h1{font-size:43px}.hero-art{height:360px}.orb-one{left:13%}.orb-two{left:65%}.eyebrow{font-size:9px}.collection{grid-template-columns:100px 1fr}.status{grid-column:2;justify-self:start}.section-head{gap:20px}.signature{display:block}.signature span{display:block;margin-top:13px}}@media(max-width:760px){header{height:80px;padding:0 23px}.brand{font-size:17px}.brandmark{font-size:35px}.menu{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line);padding:7px 12px;font-size:13px}nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);z-index:10;padding:24px;box-shadow:0 16px 25px #10213312;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}nav a.active:after{display:none}.wrap{padding-left:23px;padding-right:23px}.hero{padding-top:30px;grid-template-columns:1fr}.hero-copy{padding-top:10px}h1{font-size:43px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero-copy p{font-size:15px}.hero-art{height:320px;margin-top:20px}.orb-one{left:calc(50% - 113px);top:38px}.orb-two{top:203px;left:68%}.orbit-one{top:65px}.orbit-two{top:33px}.hero-foot{font-size:8px;gap:18px;margin-top:0;padding-top:10px}.hero-foot>span:last-child{max-width:125px}.projects,.social,.contact{padding-top:44px;padding-bottom:44px}.section-head{display:block}.section-head>p{margin-top:18px}h2{font-size:31px}.filters{gap:3px}.filters button{padding:7px 12px;font-size:13px}.project-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.card-art{height:190px}.vinyl{width:178px;height:178px;left:calc(50% - 75px)}.vinyl:after{inset:60px;font-size:16px;border-width:4px}.cinema{left:9%;right:9%;height:115px;top:35px;border-width:7px}.book{height:139px;width:92px}.book-front{left:22%;padding:10px}.book-back{left:42%}.book-front span{font-size:20px}.card-meta{font-size:8px;letter-spacing:1px}.project-card h3{font-size:24px}.project-card p{font-size:13px}.art-label{font-size:7px;left:10px;letter-spacing:1px}.art-index{font-size:8px;right:10px}.poetry-quote{font-size:26px;left:19px}.idea-ring{width:110px;height:110px;left:calc(50% - 55px);border-width:19px}.project-note{padding:0}.project-note h3{font-size:23px}.project-note p{font-size:13px}.collections{padding-bottom:44px}.collection{grid-template-columns:1fr;gap:10px;padding:25px 0}.status{grid-column:1}.about{padding:46px 0}.about-grid,.social,.contact{grid-template-columns:1fr;gap:30px}.about h2{font-size:39px}.about .large-copy{font-size:23px}.contact h2{font-size:35px}.contact-note{margin-top:20px}footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap;gap:15px}footer .brand{width:100%}.desktop{display:none}}@media(max-width:390px){h1{font-size:37px}.project-grid{grid-template-columns:1fr}.card-art{height:240px}.book{top:34px;height:169px;width:117px}.book-front{left:31%}.book-back{left:48%}.poetry-quote{font-size:32px}.project-note{padding:10px}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
