@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#171816;--paper:#eeeee8;--acid:#d8ff45;--line:#cfd0c9;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#5a5b56;margin:0}.mark{letter-spacing:-.14em;font-size:20px;font-weight:800}.mark span{color:var(--acid);vertical-align:middle;margin:0 2px;font-size:9px}header{border-bottom:1px solid #0000;justify-content:space-between;align-items:center;max-width:1440px;height:90px;margin:auto;padding:0 4.2vw;display:flex}nav{align-items:center;gap:30px;font-size:13px;display:flex}nav button,nav a{transition:opacity .2s}nav button:hover,nav a:hover{opacity:.55}.arrow{margin-left:5px;transition:transform .2s;display:inline-block}.text-link:hover .arrow,nav a:hover .arrow{transform:translate(3px,-3px)}.menu{font:11px var(--mono);text-transform:uppercase;display:none}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:4vw;max-width:1440px;min-height:calc(100vh - 90px);margin:auto;padding:8.5vw 4.2vw 6vw;display:grid}.hero-copy h1,.projects-page h1,.case h1,.not-found h1{letter-spacing:-.075em;margin:25px 0;font-size:clamp(50px,7.2vw,108px);font-weight:600;line-height:.94}.hero h1 i,h2 i,.projects-page h1 i,.case-statement i{font-family:Playfair Display,serif;font-weight:500}.lede{max-width:430px;margin:0 0 42px;font-size:18px;line-height:1.55}.text-link{font:12px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding-bottom:8px}.text-link span{margin-left:10px;font-size:16px}.hero-art{background:#20211e;height:min(42vw,580px);position:relative;overflow:hidden}.art{background:var(--accent);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.art:before,.art:after,.art i,.art b,.art em{content:"";mix-blend-mode:multiply;border-radius:50%;display:block;position:absolute}.art:before{background:#1d1f1c;width:85%;height:85%;top:-12%;left:-20%}.art:after{background:#f6f6f1;width:54%;height:54%;bottom:-12%;right:-8%}.art i{background:#ff735c;border-radius:48% 52% 63% 37%;width:60%;height:60%;top:22%;left:30%}.art b{background:#1b1c19;width:15%;height:15%;bottom:11%;left:13%}.art em{background:#e5d5ff;width:23%;height:23%;top:7%;right:14%}.art strong{z-index:2;font:12px var(--mono);letter-spacing:.2em;position:absolute;bottom:7%;right:8%}.art.arc{background:#ff735c}.art.arc:before{background:#2634ce;border-radius:50%;width:118%;height:55%;top:28%;left:-11%}.art.arc i{background:var(--accent);border:18px solid #181818;width:76%;height:76%;top:12%;left:13%}.art.after{background:#9ebaff}.art.after:before{background:#14171e;border-radius:0 0 50% 50%;width:120%;height:46%;top:-8%;left:-9%}.art.after i{background:#f7e9c7;border-radius:50% 50% 8% 8%;width:46%;height:72%;top:20%;left:25%}.art.after em{background:#e34775}.orbit{z-index:3;border:1px solid #6d6e68;border-radius:50%;position:absolute}.orbit-a{width:110%;height:70%;top:13%;left:-20%;transform:rotate(-20deg)}.orbit-b{width:82%;height:45%;top:25%;left:13%;transform:rotate(46deg)}.availability{z-index:4;color:#e8e8e0;font:10px var(--mono);text-transform:uppercase;position:absolute;bottom:20px;left:20px}.availability b{color:var(--acid);font-size:15px}.work,.about{max-width:1440px;margin:auto;padding:9vw 4.2vw}.section-head{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-tile{cursor:pointer}.project-art{aspect-ratio:1.28;position:relative;overflow:hidden}.project-art>span{z-index:3;font:11px var(--mono);background:var(--paper);padding:6px;position:absolute;top:16px;right:17px}.project-meta{padding-top:15px}.project-meta p{font:11px var(--mono);text-transform:uppercase;color:#686964;margin:0 0 8px}.project-meta h3{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:500}.project-tile:hover .art{transform:scale(1.04)}.project-tile .art{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.about{border-top:1px solid var(--line)}.about-intro{grid-template-columns:1.3fr .7fr;gap:8vw;margin:46px 0 10vw;display:grid}.about h2,.case-statement h2{letter-spacing:-.065em;margin:0;font-size:clamp(38px,5.2vw,76px);font-weight:600;line-height:.98}.about-intro>p{margin:10px 0;font-size:16px;line-height:1.6}.about-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10vw;padding-top:22px;display:grid}.row{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:14px 0;font-size:18px;display:flex}.pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.pills span{font:11px var(--mono);border:1px solid var(--ink);padding:8px 11px}.now{margin-top:48px}.current{max-width:350px;font-size:16px;line-height:1.5}footer{background:var(--ink);color:#f0f0e9;padding:7vw 4.2vw 2vw}footer>div:first-child{justify-content:space-between;align-items:end;display:flex}footer .eyebrow{color:#9b9b94}footer>div:first-child a{letter-spacing:-.07em;font-size:clamp(28px,4.4vw,65px);font-weight:600;line-height:1}.footer-bottom{font:10px var(--mono);text-transform:uppercase;color:#a7a79e;border-top:1px solid #4b4c48;grid-template-columns:1fr 1fr 1fr;margin-top:8vw;padding-top:20px;display:grid}.projects-page,.case{max-width:1440px;margin:auto;padding:7vw 4.2vw}.project-list{grid-template-columns:1fr 1fr;gap:55px 20px;margin-top:8vw;display:grid}.case .back{font:11px var(--mono);text-transform:uppercase;margin-bottom:80px}.case-cover{height:min(61vw,760px);margin:50px 0 8vw}.case-info{grid-template-columns:1fr 1fr;gap:12vw;max-width:1020px;margin:auto;display:grid}.case-copy{letter-spacing:-.035em;margin-top:20px;font-size:25px;line-height:1.35}.case dl{margin:0}.case dl div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;padding:13px 0;font-size:13px;display:grid}.case dt{font:11px var(--mono);text-transform:uppercase;color:#656660}.case dd{margin:0}.case dd a{text-decoration:underline}.case-statement{grid-template-columns:110px 1fr;gap:20px;margin:12vw 0 6vw;display:grid}.case-statement span{font:11px var(--mono)}.not-found{min-height:100vh;padding:35px 4.2vw}.not-found .mark{margin-bottom:17vh;display:block}.not-found .eyebrow{margin-bottom:20px}.not-found h1{margin-bottom:40px}.login{color:#f0f0e9;background:#1a1b19;min-height:100vh;padding:35px 5vw}.login>div{max-width:460px;margin:15vh auto}.login .eyebrow{color:var(--acid)}.login h1{letter-spacing:-.07em;margin:14px 0;font-size:72px}.login p{color:#aaa}.login form{border-bottom:1px solid #777;margin:42px 0 15px;display:flex}.login input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:13px 0}.login button{color:#fff;font-size:13px}.login small{color:#777;font:10px var(--mono)}.admin{background:#f5f5f1;grid-template-columns:245px 1fr;min-height:100vh;display:grid}.admin aside{color:#eee;background:#1a1b19;flex-direction:column;gap:8px;padding:30px;display:flex}.admin aside p{font:10px var(--mono);color:#8f9089;margin:65px 0 10px}.admin aside button{text-align:left;color:#a9aaa3;text-transform:capitalize;padding:8px 0;font-size:14px}.admin aside button.active{color:var(--acid)}.admin aside .return{color:#fff;font:11px var(--mono);text-transform:uppercase;margin-top:auto}.admin-body{max-width:1100px;padding:7vw 8vw}.admin-top{justify-content:space-between;align-items:start;margin-bottom:65px;display:flex}.admin-top h1{letter-spacing:-.07em;margin:12px 0;font-size:55px}.saved{font:10px var(--mono);color:#5e6954}.saved:first-letter{color:#679c3f}.dash{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.dash>div{background:#e6e6df;flex-direction:column;gap:30px;padding:25px;display:flex}.dash span{font:10px var(--mono);text-transform:uppercase}.dash b{letter-spacing:-.08em;font-size:45px}.dash>p{grid-column:1/-1;max-width:580px;margin-top:50px;font-size:17px}.new-project,.editor,.settings{flex-direction:column;gap:13px;max-width:610px;display:flex}.new-project input,.new-project textarea,.editor textarea,.settings input,.social-editor input{background:#fff;border:1px solid #d2d2cb;outline-color:#777;padding:12px;font:13px Manrope}.new-project textarea,.editor textarea{resize:vertical;min-height:100px}.new-project label,.editor label,.settings label{font:10px var(--mono);text-transform:uppercase;flex-direction:column;gap:8px;display:flex}.new-project label input{border:0;width:45px;height:30px;padding:0}.admin-body button{color:#fff;background:#1a1b19;align-self:start;padding:13px 17px;font-size:12px}.admin-projects{max-width:800px;margin-top:60px}.admin-projects>div{border-top:1px solid #d2d2cb;align-items:center;gap:15px;padding:12px 0;display:flex}.admin-projects .art{width:65px;height:55px}.admin-projects span{flex-direction:column;flex:1;gap:3px;display:flex}.admin-projects small{font:11px var(--mono);color:#777}.admin-projects button{color:#a33;background:0 0;padding:5px}.social-editor{max-width:700px}.social-editor>div{grid-template-columns:1fr 2fr 40px;gap:8px;margin-bottom:8px;display:grid}.social-editor>div button{color:#333;background:#ddd;padding:0}.social-editor>button{margin:20px 8px 0 0}.social-editor .save-socials{background:#1a1b19}.settings p{margin:0 0 30px;font-size:17px;line-height:1.5}@media (width<=700px){header{height:70px;padding:0 20px}nav{display:none}nav.open{z-index:20;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;padding:25px 20px;display:flex;position:absolute;top:70px;left:0;right:0}.menu{display:block}.hero{flex-direction:column;align-items:stretch;gap:45px;padding:50px 20px 70px;display:flex}.hero h1{font-size:52px}.hero-art{height:420px}.lede{font-size:16px}.work,.about{padding:70px 20px}.section-head{margin-bottom:25px}.project-grid,.project-list{grid-template-columns:1fr;gap:35px}.project-meta h3{font-size:22px}.about-intro,.about-grid,.case-info{grid-template-columns:1fr;gap:35px}.about-intro{margin:35px 0 70px}.about h2{font-size:45px}.footer-bottom{grid-template-columns:1fr;gap:13px}.projects-page,.case{padding:60px 20px}.projects-page h1{font-size:55px}.project-list{margin-top:50px}.case .back{margin-bottom:55px}.case-cover{height:110vw;margin:35px 0 60px}.case-copy{font-size:21px}.case-statement{grid-template-columns:1fr;margin:100px 0 50px}.case-statement h2{font-size:44px}.admin{display:block}.admin aside{flex-direction:row;align-items:center;height:70px;padding:20px;display:flex}.admin aside p,.admin aside button:not(.return){display:none}.admin aside .return{margin:0 0 0 auto}.admin-body{padding:50px 20px}.admin-top{margin-bottom:40px}.admin-top h1{font-size:43px}.saved{display:none}.dash{grid-template-columns:1fr 1fr}.dash>div:last-of-type{grid-column:1/-1}.social-editor>div{grid-template-columns:1fr 1fr 32px}.login>div{margin:15vh 0}.login h1{font-size:54px}}.mark{letter-spacing:-.05em}.mark img{object-fit:contain;object-position:left center;max-width:140px;max-height:34px;display:block}.upload-art{object-fit:cover;width:100%;height:100%;display:block}.social-links{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.social-links a{border-bottom:1px solid var(--ink);padding:5px 0;font-size:12px}.social-links b{margin-right:5px}.gallery{grid-template-columns:1fr 1fr;gap:18px;margin:8vw 0;display:grid}.gallery img{aspect-ratio:1.1;object-fit:cover;width:100%}.editor input,.editor select,.editor textarea,.editor label>input,.editor label>select,.editor label>textarea{background:#fff;border:1px solid #d2d2cb;outline-color:#777;width:100%;padding:12px;font:13px Manrope,Arial,sans-serif}.editor label>small{font:10px var(--mono);color:#777;text-transform:none}.editor label{font:10px var(--mono);text-transform:uppercase;flex-direction:column;gap:8px;display:flex}.editor .color-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.editor .color-grid input{height:45px;padding:4px}.image-field{border-top:1px solid #d2d2cb;padding-top:17px}.image-field input[type=file]{background:0 0;border:0;padding:0}.image-preview{align-items:center;gap:12px;margin-top:5px;display:flex}.image-preview img{object-fit:cover;border:1px solid #ddd;width:110px;height:72px}.image-preview button,.list-field>button,.nav-editor>button{color:#333;background:#e2e2dc;padding:9px 12px}.image-preview button{font-size:11px}.list-field>div{gap:8px;display:flex}.list-field>div input{flex:1}.list-field>div button{background:#eee;border:1px solid #d2d2cb;width:40px}.list-field>button{align-self:start}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.new-project .check{font:11px var(--mono);text-transform:uppercase;align-items:center;gap:9px;display:flex}.new-project .check input{width:auto}.social-editor>div{grid-template-columns:55px 1fr 2fr 40px}.nav-editor{flex-direction:column;gap:10px;max-width:650px;display:flex}.nav-editor>div{grid-template-columns:1fr 180px 90px;gap:8px;display:grid}.nav-editor input,.nav-editor select{background:#fff;border:1px solid #d2d2cb;padding:11px}.nav-editor>div button{background:#eee;border:1px solid #d2d2cb}.nav-editor>button{align-self:start}.admin-projects>div button{margin-left:4px}.admin-projects>div button+button{color:#a33}.admin-projects>div button:first-of-type{color:#666}.admin-projects .upload-art{width:65px;height:55px}.admin-projects .art{flex:none}.hero-art .upload-art{z-index:1;position:absolute;inset:0}.hero-art .availability{z-index:5;background:#20211e;padding:8px}.settings{max-width:610px}@media (width<=700px){.editor .color-grid,.form-two,.gallery{grid-template-columns:1fr}.social-editor>div{grid-template-columns:44px 1fr 1fr 32px}.nav-editor>div{grid-template-columns:1fr 1fr}.nav-editor>div button{grid-column:1/-1}.admin-projects>div{flex-wrap:wrap;align-items:flex-start}.admin-projects>div span{min-width:130px}}.loading{background:var(--ink);min-height:100vh;color:var(--paper);flex-direction:column;justify-content:center;gap:18px;padding:35px 5vw;display:flex}.loading .mark{position:absolute;top:35px}.loading code{font-family:var(--mono);background:#333;padding:3px 6px}.login-error{color:#ff896f!important}
