@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#111210;--paper:#f3f2ed;--acid:#e9f56f;--muted:#777a72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--acid);color:var(--ink)}.wrap{width:min(100% - 64px,1480px);margin:auto}.top{border-bottom:1px solid #d6d7cf;justify-content:space-between;align-items:center;height:80px;display:flex}.brand{letter-spacing:-.08em;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800}.brand span{background:var(--ink);color:var(--acid);letter-spacing:-.12em;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:1rem;display:inline-flex}.nav{align-items:center;gap:34px;font-size:.9rem;font-weight:600;display:flex}.nav a:hover,.textlink:hover{opacity:.55}.nav .navcta{border:1px solid var(--ink);border-radius:40px;padding:13px 19px}.nav .navcta:hover{background:var(--ink);color:#fff;opacity:1}.hero{flex-direction:column;justify-content:space-between;min-height:660px;padding-top:42px;display:flex}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow i{background:var(--ink);border-radius:50%;width:9px;height:9px}.hero h1{letter-spacing:-.105em;max-width:1300px;margin:30px 0 0;font-family:Manrope,sans-serif;font-size:clamp(4.5rem,10.8vw,11.8rem);font-weight:600;line-height:.93}.hero h1 em{color:#aaaead;font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;gap:25px;padding:40px 0 55px;display:flex}.hero-bottom p{max-width:440px;margin:0;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.45}.round{background:var(--acid);border-radius:50%;place-items:center;width:70px;height:70px;font-size:1.7rem;transition:transform .25s;display:grid}.round:hover{transform:translateY(5px)}.section-head{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-head h2{letter-spacing:-.075em;margin:12px 0 0;font:600 clamp(2.3rem,4vw,4.4rem)/1 Manrope,sans-serif}.section-head p{color:#5f625b;max-width:290px;margin:0 0 4px;line-height:1.5}.work{color:#f3f2ed;background:#151715;padding:110px 0 135px}.work .section-head p{color:#b1b4aa}.projects{grid-template-columns:1fr 1fr;gap:66px 24px;display:grid}.project:nth-child(3){grid-column:1/3;width:75%;margin:auto}.project-visual{justify-content:center;align-items:center;height:clamp(300px,39vw,580px);transition:filter .3s;display:flex;position:relative;overflow:hidden}.project-visual:hover{filter:brightness(1.08)}.project:nth-child(3) .project-visual{height:510px}.preview{width:82%;height:79%;transition:transform .45s;overflow:hidden;transform:rotate(-3deg)translateY(12px);box-shadow:0 28px 60px #0004}.project-visual:hover .preview{transform:rotate(0)translateY(0)}.preview-nav{justify-content:space-between;align-items:center;height:14%;padding:0 7%;font-size:clamp(.5rem,.75vw,.8rem);display:flex}.preview-nav small{letter-spacing:.15em}.preview-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:86%;display:flex}.preview-body strong{letter-spacing:-.06em;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5.8rem);font-weight:400;line-height:.95}.preview-body span{letter-spacing:.18em;text-transform:uppercase;margin-top:20px;font-size:clamp(.45rem,.7vw,.8rem)}.apothecary{background:#c7b7a2}.apothecary .preview{color:#40372c;background:#ede8df}.apothecary .preview-body{background:radial-gradient(circle at 50% 90%,#796e54 0 10%,#0000 11%),linear-gradient(145deg,#efe9de,#c9bfaa)}.copperfield{background:#847365}.copperfield .preview{color:#312923;background:#e4d9c9;transform:rotate(3deg)translateY(12px)}.copperfield:hover .preview{transform:rotate(0)translateY(0)}.copperfield .preview-body{color:#fff;background:linear-gradient(125deg,#342a24 0 25%,#8c7763 25% 38%,#c5b099 38% 60%,#423833 60%)}.copperfield .preview-body strong{text-shadow:0 2px 18px #0007}.quiet{background:#bebfd0}.quiet .preview{color:#22283b;background:#e7e8ea;transform:rotate(-2deg)translateY(12px)}.quiet:hover .preview{transform:rotate(0)translateY(0)}.quiet .preview-body{background:radial-gradient(at 78% 88%,#8290ae 0 21%,#0000 22%),radial-gradient(at 20% 105%,#9eabc0 0 28%,#0000 29%),#e7e8ea}.project-meta{border-top:1px solid #4e504c;justify-content:space-between;align-items:start;gap:20px;margin-top:18px;padding-top:20px;display:flex}.project-meta h3{letter-spacing:-.05em;margin:0 0 8px;font:600 clamp(1.35rem,2vw,2rem) Manrope,sans-serif}.project-meta p{color:#afb1aa;margin:0;line-height:1.5}.project-meta .number{color:#aeb1a8;font-size:.85rem}.note{color:#aeb1a8;margin-top:40px;font-size:.8rem}.approach{padding:130px 0}.approach-grid{grid-template-columns:1fr 1fr;align-items:start;gap:8vw;display:grid}.approach h2{letter-spacing:-.075em;margin:24px 0;font:600 clamp(3rem,5vw,6rem)/1.05 Manrope,sans-serif}.approach h2 span{color:#a5aaa4}.approach-copy{padding-top:35px}.approach-copy>p{margin:0 0 50px;font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.45}.service{border-top:1px solid #c9cbc3;grid-template-columns:38px 1fr;gap:18px;padding:20px 0;display:grid}.service span{color:var(--muted);font-size:.8rem}.service strong{font-size:1rem;font-weight:600}.contact{background:var(--acid);padding:90px 0 65px}.contact h2{letter-spacing:-.09em;max-width:1200px;margin:30px 0 75px;font:600 clamp(3.8rem,9vw,10rem)/.95 Manrope,sans-serif}.contact h2 span{color:#66702e;display:block}.contact-bottom{border-top:1px solid #89904a;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.contact-bottom p{max-width:390px;margin:0;line-height:1.5}.contact-bottom a{border:1px solid var(--ink);border-radius:50%;place-items:center;width:110px;height:110px;font-size:2.2rem;transition:background .2s,color .2s;display:grid}.contact-bottom a:hover{background:var(--ink);color:var(--acid)}footer{color:#d2d5ca;background:#111210;padding:25px 0}.footer-inner{justify-content:space-between;gap:20px;font-size:.8rem;display:flex}.footer-inner a{text-underline-offset:3px;text-decoration:underline}@media (max-width:800px){.wrap{width:min(100% - 32px,1480px)}.top{height:68px}.nav{gap:18px}.nav a:first-child{display:none}.nav .navcta{padding:10px 13px}.hero{min-height:580px;padding-top:35px}.hero h1{font-size:clamp(4.1rem,14vw,7rem)}.hero-bottom{padding-bottom:40px}.work{padding:75px 0}.projects{display:block}.project,.project:nth-child(2),.project:nth-child(3){width:100%;margin:0 0 55px}.project-visual,.project:nth-child(3) .project-visual{height:clamp(310px,65vw,500px)}.section-head{align-items:start;gap:20px}.section-head p{max-width:180px}.approach{padding:85px 0}.approach-grid{grid-template-columns:1fr;gap:5px}.approach-copy{padding-top:0}.contact{padding:70px 0 45px}.contact h2{margin-bottom:65px}}@media (max-width:520px){.brand{font-size:1rem}.brand span{width:32px;height:32px}.nav{font-size:.8rem}.nav a:nth-child(2){display:none}.hero{min-height:570px}.hero h1{letter-spacing:-.1em;font-size:clamp(3.55rem,15.5vw,5.2rem)}.hero-bottom p{max-width:260px;font-size:1rem}.round{flex:none;width:54px;height:54px}.section-head{display:block}.section-head p{max-width:100%;margin-top:16px}.project-visual,.project:nth-child(3) .project-visual{height:310px}.preview{width:88%;height:72%}.preview-body strong{font-size:2.5rem}.project-meta h3{font-size:1.35rem}.contact h2{font-size:clamp(3.5rem,14vw,6rem)}.contact-bottom a{flex:none;width:75px;height:75px}.footer-inner{display:block}.footer-inner p{margin:0 0 10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.brand{letter-spacing:0;align-items:center;gap:10px;display:flex}.brand .monogram{background:var(--ink);width:43px;height:43px;color:var(--acid);border-radius:11px;place-items:center;margin:0;display:grid;transform:rotate(-7deg)}.monogram svg{width:30px;height:30px;transform:rotate(7deg)}.brand .wordmark{letter-spacing:-.07em;flex-direction:column;font-size:1.18rem;font-weight:800;line-height:.87;display:flex}.brand .wordmark span{color:var(--ink);letter-spacing:.29em;background:0 0;width:auto;height:auto;margin:6px 0 0;font-size:.56rem;line-height:1;display:block}.project-visual{border-radius:3px;display:block}.project-visual img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s;display:block}.project-visual:hover img{transform:scale(1.045)}.visit{background:var(--acid);color:var(--ink);border-radius:40px;padding:14px 18px;font-size:.85rem;font-weight:700;position:absolute;bottom:20px;right:20px}.project-link{color:var(--acid);text-underline-offset:5px;margin-top:16px;font-size:.86rem;text-decoration:underline;display:inline-block}.email-text{text-underline-offset:5px;margin-top:13px;font-weight:700;text-decoration:underline;display:inline-block}.project:nth-child(2){margin-top:100px}@media (max-width:800px){.project:nth-child(2){margin-top:0}}@media (max-width:520px){.brand .monogram{width:37px;height:37px}.brand .wordmark{font-size:1rem}.project-visual img{object-position:top}.visit{bottom:14px;right:14px}}.brand{white-space:nowrap;flex:none;align-items:center;gap:12px;min-width:0;display:inline-flex}.brand .logo-accent{background:var(--acid);border:2px solid var(--ink);border-radius:2px;flex:none;width:9px;height:42px;margin:0;display:block;transform:skewY(-13deg)}.brand .wordmark{width:auto;height:auto;color:var(--ink);letter-spacing:normal;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;margin:0;padding:0;line-height:1;display:flex}.brand .wordmark strong{letter-spacing:-.09em;font:800 1.46rem/.9 Manrope,sans-serif}.brand .wordmark span{width:auto;height:auto;color:var(--ink);letter-spacing:.24em;background:0 0;margin:5px 0 0;font:700 .66rem/1 DM Sans,sans-serif;display:block}.contact-bottom>a{border:1px solid var(--ink);border-radius:50%;place-items:center;width:110px;height:110px;font-size:2.2rem;transition:background .2s,color .2s;display:grid}.contact-bottom>a:hover{background:var(--ink);color:var(--acid)}.contact-bottom .email-text{width:auto;height:auto;color:var(--ink);text-underline-offset:5px;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;margin-top:13px;padding:0;font-size:1rem;font-weight:700;line-height:1.5;text-decoration:underline;display:inline-block}:is(.contact-bottom .email-text:hover,.contact-bottom .email-text:focus-visible){color:var(--ink);background:0 0;text-decoration-thickness:2px}@media (max-width:520px){.brand .logo-accent{width:7px;height:35px}.brand .wordmark strong{font-size:1.2rem}.brand .wordmark span{font-size:.55rem}.contact-bottom>a{width:75px;height:75px}}.all-work{color:#e9f56f;text-underline-offset:5px;margin-top:25px;font-weight:700;text-decoration:underline;display:inline-block}.portfolio-page{padding:95px 0 140px}.portfolio-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:75px;display:flex}.portfolio-heading h1{letter-spacing:-.095em;margin:18px 0 25px;font:600 clamp(4.7rem,10vw,10rem)/.95 Manrope,sans-serif}.portfolio-heading h1 span{color:#b4bf37}.portfolio-heading p:last-child{max-width:540px;margin:0;font-size:1.2rem;line-height:1.5}.manage-link{border:1px solid var(--ink);white-space:nowrap;border-radius:40px;padding:15px 22px;font-weight:700}.manage-link:hover{background:var(--ink);color:#fff}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:85px 25px;display:grid}.portfolio-image{background:#dadbd1;height:clamp(300px,36vw,540px);display:block;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s;display:block}.portfolio-image:hover img{transform:scale(1.035)}.portfolio-image span{background:var(--acid);color:var(--ink);border-radius:40px;padding:13px 18px;font-size:.85rem;font-weight:700;position:absolute;bottom:18px;right:18px}.portfolio-detail{border-top:1px solid #c8c9c1;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;display:flex}.portfolio-detail h2{letter-spacing:-.06em;margin:10px 0;font:600 clamp(1.5rem,2.5vw,2.3rem)/1.1 Manrope,sans-serif}.portfolio-detail p{color:#5e6159;margin:0}.portfolio-detail .summary{max-width:400px;line-height:1.5}.portfolio-detail>a{font-size:1.7rem;line-height:1}.editor-page{max-width:820px;margin:80px auto 130px;padding:0 24px}.editor-page h1{letter-spacing:-.08em;font:600 clamp(3rem,6vw,5rem)/1 Manrope,sans-serif}.editor-page label{margin:22px 0 8px;font-weight:700;display:block}.editor-page input,.editor-page textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #bfc1b8;border-radius:8px;padding:14px 16px}.editor-page textarea{min-height:120px}.editor-page button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:40px;margin-top:25px;padding:15px 25px}.editor-page button:disabled{opacity:.5}.editor-page .message{margin:18px 0}.editor-page .back{margin-bottom:25px;text-decoration:underline;display:inline-block}.editor-page .added{border-top:1px solid #bbb;margin-top:60px;padding-top:30px}.editor-page .added li{justify-content:space-between;align-items:center;gap:20px;margin:16px 0;display:flex}.editor-page .added button{color:var(--ink);border:1px solid var(--ink);background:0 0;margin:0;padding:8px 14px}@media (max-width:700px){.portfolio-page{padding-top:65px}.portfolio-heading{margin-bottom:50px;display:block}.portfolio-heading h1{font-size:clamp(4.3rem,16vw,6rem)}.manage-link{margin-top:25px;display:inline-block}.portfolio-grid{display:block}.portfolio-item{margin-bottom:70px}.portfolio-image{height:360px}}