@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ed;--ink:#24251f;--orange:#ff6035;--line:#d5d3cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header{height:100px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-weight:700;letter-spacing:-1.7px}.logo span{font-size:24px;font-weight:500}.logo sup{font-size:10px;vertical-align:top;margin:7px 0 0 4px;display:inline-block;letter-spacing:0}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#b53517}.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0}.nav-cta span{margin-left:24px}.hero{padding:64px 5% 32px;max-width:1440px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-5px;line-height:1.08}h1{font-size:clamp(58px,7.6vw,112px);margin:30px 0 24px}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic}.period{color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.hero-bottom p{font-size:15px;line-height:1.6;color:#65655f}.round-link{display:flex;align-items:center;gap:24px;font-size:13px}.round-link b{height:47px;width:47px;border:1px solid #99998e;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;transition:.25s}.round-link:hover b{background:var(--orange);transform:translateY(4px)}.hero-art{height:450px;background:#deded4;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden}.art-top{position:absolute;left:24px;right:24px;top:20px;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between}.poster{width:260px;height:320px;padding:23px;position:relative;box-shadow:0 15px 20px #25251c1a}.poster small{font-size:8px;letter-spacing:1px}.poster-one{background:#fb6038;transform:rotate(-9deg) translateY(9px);z-index:1}.poster strong{display:block;font-size:65px;letter-spacing:-4px;font-weight:500;line-height:.92;margin-top:22px}.poster strong em{font-family:Georgia;font-weight:400}.poster-foot{position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:11px}.poster-foot span{font-size:23px}.poster-two{background:#30372e;color:#f3f1df;transform:rotate(5deg);margin-left:-18px}.poster-two strong{position:absolute;bottom:48px;z-index:2}.tiny{position:absolute;bottom:20px;font-size:7px;letter-spacing:1px}.orb{width:165px;height:165px;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 35%,#d3d7a3 0 2px,#58654c 3px 5px);position:absolute;right:-12px;top:29px}.poster-three{background:#f1eddf;transform:rotate(-6deg);margin-left:-10px}.poster-three strong{font-size:49px;position:absolute;bottom:58px}.flower{color:var(--orange);position:absolute;right:22px;top:44px;font-size:150px;line-height:1}.art-caption{position:absolute;bottom:16px;font-size:7px;letter-spacing:2px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:32px;padding:25px 0;margin-top:20px;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:1.5px}.ticker i{font-size:32px;color:var(--orange);font-style:normal}.section{max-width:1440px;margin:auto;padding:95px 5%}.section-top,.title-row{display:flex;justify-content:space-between;align-items:start}.section-top p{font-size:13px;line-height:1.6}.title-row{align-items:center;margin-top:32px}h2{font-size:65px;letter-spacing:-3px}.muted{font-size:9px;letter-spacing:1px;color:#6a6a63}.sample-note{font-size:12px;color:#6a6a63;line-height:1.7;max-width:590px;margin-top:20px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:32px 0}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:11px;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters sup{font-size:8px;margin-left:8px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px}.project{padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0}.project[hidden]{display:none}.project.wide{grid-column:1/-1}.project-image{height:380px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .2s}.project:hover .project-image{filter:brightness(.96)}.project-image i{position:absolute;bottom:17px;right:20px;border-radius:50%;background:var(--paper);width:34px;height:34px;display:grid;place-items:center;font-style:normal}.image-label{position:absolute;bottom:23px;left:22px;font-size:8px;letter-spacing:1px}.identity{background:#e0e1d3}.business-card{width:250px;height:153px;position:absolute;padding:22px;font-family:Georgia;font-size:52px;letter-spacing:-3px;box-shadow:0 16px 25px #23332726}.business-card.back{background:#eae9d9;color:#364335;transform:rotate(-13deg) translate(-42px,-35px)}.business-card.back span{font-family:'DM Sans';font-size:8px;letter-spacing:0;display:block;margin-top:26px}.business-card.front{background:#344637;color:#dfe4c5;transform:rotate(8deg) translate(39px,40px)}.business-card em{font-family:'DM Sans';font-size:8px;letter-spacing:1px;display:block;font-style:normal}.business-card.front span{position:absolute;right:20px;bottom:8px;font-size:70px}.social{background:#e6d6df;gap:14px}.social-tile{width:175px;height:235px;padding:16px;position:relative;box-shadow:0 13px 20px #522b4020}.tile-one{background:#bb2e54;color:#ffe2c5;transform:rotate(-7deg)}.social-tile small{font-size:7px;letter-spacing:1px}.tile-one strong{display:block;font-size:37px;line-height:1;letter-spacing:-1.5px;margin-top:18px}.tile-one strong em{font-family:Georgia}.tile-one span{position:absolute;bottom:12px;right:20px;font-size:30px}.tile-two{background:#ffd0a8;transform:rotate(7deg);color:#aa3151}.checkered{height:110px;background:conic-gradient(#bd3659 25%,transparent 0 50%,#bd3659 0 75%,transparent 0);background-size:44px 44px}.tile-two strong{display:block;font-size:25px;line-height:1;letter-spacing:-1px;margin:12px 0}.editorial{background:#ffc646;justify-content:space-between;padding:50px 65px}.editorial-copy small{font-size:8px;letter-spacing:2px}.editorial-copy strong{display:block;font-size:73px;line-height:1;letter-spacing:-4px;margin:24px 0}.editorial-copy strong em{font-family:Georgia;font-weight:400}.editorial-copy>span{font-size:8px;letter-spacing:2px}.asterisk{font-size:275px;line-height:1;color:#e34e28}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:10px}.project-meta h3{font-size:14px;font-weight:500}.project-meta span{font-size:10px;color:#73736b}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.monogram{margin-top:45px;background:#e7e5dc;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;font-family:Georgia;font-style:italic;font-size:175px;letter-spacing:-25px;position:relative}.monogram span{color:var(--orange)}.monogram i{font-style:normal;font-size:70px;position:absolute;right:35px;top:20px;letter-spacing:0}.about-caption{font-size:8px;letter-spacing:1.5px;display:block;margin-top:15px}.about-text h2{margin:0 0 28px}.about-text p{font-size:13px;color:#65655f;line-height:1.85;margin-top:17px}.about-text .lead{font-size:20px;color:var(--ink);line-height:1.5}.signature{font-family:Georgia;font-style:italic;font-size:27px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between}.services{background:#eae8e0}.services h2{margin:36px 0 45px}.service-list details{border-top:1px solid #c8c7bd}.service-list details:last-child{border-bottom:1px solid #c8c7bd}.service-list summary{display:flex;align-items:center;gap:40px;padding:25px 0;cursor:pointer;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:10px;color:#686960}.service-list h3{font-size:24px;font-weight:400;letter-spacing:-.6px}.service-list b{margin-left:auto;font-size:26px;font-weight:400}.service-list details[open] b{transform:rotate(45deg)}.service-list p{max-width:660px;margin:0 50px 28px;font-size:14px;line-height:1.7;color:#606157}.contact{background:var(--orange);padding-top:80px;padding-bottom:65px}.contact h2{font-size:100px;margin:36px 0;position:relative}.contact-star{position:absolute;right:6%;top:0;font-size:180px}.contact-bottom{display:flex;justify-content:space-between;gap:32px;align-items:end}.contact-bottom>p{font-size:14px;line-height:1.6}.contact-placeholder{border-top:1px solid #b73b21;padding-top:15px;max-width:350px}.contact-placeholder strong{display:block;font-size:13px;font-weight:500}.contact-placeholder span{font-size:11px;line-height:1.6;display:block;margin-top:7px}footer{max-width:1440px;margin:auto;padding:35px 5%;display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:10px}.skip{position:absolute;left:10px;top:-80px;padding:15px;background:var(--ink);color:white;z-index:5}.skip:focus{top:10px}dialog{border:0;background:var(--paper);max-width:650px;width:calc(100% - 36px);padding:55px 40px;color:var(--ink)}dialog::backdrop{background:#20221ac9;backdrop-filter:blur(5px)}dialog h2{font-size:42px;letter-spacing:-2px;margin:25px 0}dialog p{font-size:16px;line-height:1.7}dialog small{display:block;font-size:11px;line-height:1.7;color:#66675c;border-top:1px solid var(--line);padding-top:20px}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;cursor:pointer}.dialog-tags{font-size:12px;margin:25px 0;color:#a3361d}
@media(min-width:1600px){.ticker{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:80px}nav{gap:15px;font-size:11px}.nav-cta{display:none}h1{letter-spacing:-3px}.hero{padding-top:42px}.hero-art{height:350px;gap:8px}.poster{transform:scale(.8) rotate(-8deg);flex-shrink:0;margin:0 -28px}.poster-two{transform:scale(.8) rotate(5deg)}.poster-three{transform:scale(.8) rotate(-5deg)}.section{padding:65px 5%}h2{font-size:51px}.project-image{height:310px}.business-card{transform:scale(.8)}.business-card.back{transform:scale(.8) rotate(-13deg) translate(-20px,-35px)}.business-card.front{transform:scale(.8) rotate(8deg) translate(20px,40px)}.social-tile{width:140px;height:210px;padding:12px}.tile-one strong{font-size:32px}.tile-two strong{font-size:22px}.checkered{height:95px}.project-meta{display:block}.project-meta span{display:block;margin-top:6px}.editorial{padding:35px}.editorial-copy strong{font-size:56px}.asterisk{font-size:170px}.about{gap:6%}.monogram{font-size:125px;letter-spacing:-18px}.monogram i{font-size:45px;right:20px}.contact h2{font-size:80px}.contact-star{font-size:130px}}
@media(max-width:540px){.logo{font-size:25px}.logo span{font-size:21px}nav a:last-child{display:none}nav{gap:14px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:53px;letter-spacing:-3px;margin-top:25px}.hero-bottom{gap:15px;align-items:end}.hero-bottom p{font-size:12px}.round-link{gap:10px;font-size:10px}.round-link b{width:35px;height:35px}.hero-art{height:285px}.poster{transform:scale(.63) rotate(-9deg);margin:0 -55px}.poster-two{transform:scale(.63) rotate(5deg)}.poster-three{display:none}.ticker{padding:15px 20px;justify-content:start;font-size:9px;gap:20px}.ticker i{font-size:24px}.section-top p{font-size:11px}.title-row{align-items:end;gap:20px}h2{font-size:43px;letter-spacing:-2px}.muted{font-size:7px;white-space:nowrap}.sample-note{font-size:11px}.filters{gap:6px}.filters button{padding:8px 13px;font-size:10px}.projects{grid-template-columns:1fr;gap:28px}.project-image{height:335px}.social-tile{width:155px}.editorial{height:295px;padding:24px}.editorial-copy strong{font-size:43px;letter-spacing:-2px}.editorial-copy small{font-size:6px;letter-spacing:1px}.editorial-copy>span{font-size:6px;letter-spacing:1px}.asterisk{position:absolute;right:12px;top:22px;font-size:85px}.project-meta{display:flex}.project-meta h3{font-size:12px}.project-meta span{font-size:9px;margin:0}.about{grid-template-columns:1fr;gap:40px}.monogram{aspect-ratio:1.4;font-size:160px;margin-top:25px}.about-text p{font-size:13px}.about-text .lead{font-size:19px}.service-list summary{gap:18px;padding:23px 0}.service-list h3{font-size:18px}.service-list p{margin-left:30px;margin-right:15px;font-size:13px}.contact h2{font-size:61px;letter-spacing:-3px}.contact-star{font-size:75px;right:0;top:30px}.contact-bottom{display:block}.contact-placeholder{margin-top:30px}.contact-bottom>p{font-size:13px}footer{flex-wrap:wrap;gap:25px}footer .logo{width:100%}dialog{padding:45px 25px}dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original portfolio artwork */
.real-hero{gap:25px;height:450px;background:#e4e1da}.hero-work{object-fit:contain;background:white;box-shadow:0 15px 30px #25251c26;height:335px;width:255px;flex-shrink:0}.hero-type{transform:rotate(-8deg);padding:8px}.hero-neon{transform:rotate(4deg);object-fit:cover;width:290px;height:340px;z-index:1}.hero-orange{transform:rotate(-5deg);width:340px;height:265px;margin-left:-28px}.actual-image{background:#e9e6df;height:430px;padding:25px 30px 45px}.actual-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.actual-project:hover img{transform:scale(1.025)}.actual-image.digital{background:#e2e1de}.actual-image.illustration{background:#dbccbb}.actual-image.identity{background:#eceae4}.actual-image .image-label{bottom:15px}.actual-image i{bottom:10px}.actual-project:last-child{grid-column:auto}.project-meta{align-items:start}dialog{max-width:1000px;max-height:92vh;padding:45px 40px 35px}dialog h2{margin:18px 0;font-size:38px}dialog>p{max-width:780px;font-size:14px}.dialog-tags{margin:18px 0}.close{z-index:2;background:var(--paper);border-radius:50%;width:35px;height:35px;line-height:30px;position:sticky;float:right;top:0;margin-right:-20px;margin-top:-25px}.gallery-stage{background:#e6e3dc;padding:15px;display:grid;place-items:center;min-height:200px}.gallery-image{display:block;max-width:100%;width:auto;height:auto;max-height:65vh;object-fit:contain}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin:18px 0}.gallery-controls[hidden],.gallery-thumbs[hidden],.pdf-link[hidden]{display:none}.gallery-controls button{border:1px solid var(--line);background:transparent;border-radius:50%;width:40px;height:40px;cursor:pointer}.gallery-count{font-size:12px}.gallery-thumbs{display:flex;gap:10px;justify-content:center;margin:15px 0}.gallery-thumbs button{width:65px;height:65px;padding:3px;border:2px solid transparent;background:white;cursor:pointer}.gallery-thumbs button[aria-pressed=true]{border-color:var(--orange)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.pdf-link{display:inline-block;font-size:13px;border-bottom:1px solid var(--ink);padding:12px 0 6px;margin-top:12px}@media(max-width:800px){.real-hero{height:350px;gap:10px}.hero-work{height:265px;width:190px}.hero-neon{height:280px;width:240px}.hero-orange{width:250px;height:220px}.actual-image{height:330px;padding:20px 20px 40px}.project-meta{display:block}}@media(max-width:540px){.real-hero{height:290px;gap:0}.hero-work{height:220px;width:160px}.hero-neon{height:210px;width:180px;margin-left:-10px}.hero-orange{display:none}.actual-image{height:390px;padding:18px 18px 40px}.actual-image.digital{height:350px}.project-meta{display:flex;gap:10px}.project-meta span{max-width:45%;text-align:right}dialog{padding:40px 18px 25px}dialog h2{font-size:30px}.close{margin-right:-6px}.gallery-stage{padding:6px}.gallery-image{max-height:60vh}}

.contact-email{display:inline-block;font-size:clamp(16px,2vw,23px);font-weight:500;letter-spacing:-.5px;overflow-wrap:anywhere;border-bottom:1px solid currentColor;padding-bottom:7px}.contact-email span{display:inline;font-size:inherit;margin-left:8px}.contact-email:hover{opacity:.75}

/* Local SVG icon set: independent of emoji fonts on iOS and Android. */
.icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;overflow:visible;pointer-events:none}
.nav-cta .icon,.signature .icon,.pdf-link .icon{width:18px;height:18px}
.project-image i .icon{width:18px;height:18px}
.round-link .icon{width:22px;height:22px}
.contact-star{display:block;line-height:1;width:1em;height:1em}
.contact-star .icon{display:block;width:100%;height:100%;stroke-width:1.15}
.contact-email{display:flex;align-items:center;gap:10px;max-width:100%;font-size:clamp(15px,2vw,21px);letter-spacing:-.4px}
.contact-email>.icon-mail{width:21px;height:21px}
.contact-email .email-address{margin:0;font-size:inherit;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.contact-email>span[aria-hidden]{margin:0;display:flex;align-items:center}
.contact-email .icon-arrow-up-right{width:17px;height:17px}
.gallery-controls .icon,.close .icon{width:20px;height:20px}
.close{display:grid;place-items:center}
@media(max-width:540px){.contact-placeholder{max-width:100%}.contact-email{font-size:16px;gap:8px}.contact-star{font-size:65px;right:0;top:35px}}
