:root{--cream:#fff4e6;--ink:#372a28;--dark:#1c1613;--green:#2b3324;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"Space Mono", ui-monospace, Menlo, monospace;--hand:"Reenie Beanie", "Bradley Hand", cursive;--ease:cubic-bezier(.22, .7, .2, 1);--bar-top:clamp(18px, 4vh, 40px);--mark-w:clamp(120px, 15vw, 172px);--mark-h:calc(var(--mark-w) * .2374)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--dark);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:60;padding:var(--bar-top) 20px 0;animation:fade-in .8s var(--ease) both;place-items:center;display:grid;position:relative}.topbar--fixed{pointer-events:none;position:fixed;inset:0 0 auto}.topbar--fixed a{pointer-events:auto}.topbar--fixed:before{content:"";z-index:-1;background:linear-gradient(#261e149e,#261e1400);position:absolute;inset:0 0 -70px}.topbar--fixed .topbar__mark img{filter:drop-shadow(0 1px 5px #1e160c73)}.topbar--fixed .topbar__back{text-shadow:0 1px 5px #1e160c80;opacity:.95}.topbar__mark img{width:var(--mark-w);transition:opacity .25s}.topbar__mark:hover img{opacity:.7}.topbar--dark .topbar__mark{background:var(--green);display:block;-webkit-mask:url(/assets/branding/tiles/wordmark.webp) 50%/contain no-repeat;mask:url(/assets/branding/tiles/wordmark.webp) 50%/contain no-repeat}.topbar--dark .topbar__mark img{opacity:0}.topbar__back{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.8;padding:8px 4px;font-size:12px;transition:opacity .25s,transform .25s;position:absolute;top:clamp(18px,4vh,40px);left:clamp(14px,3vw,36px)}.topbar__back:hover{opacity:1;transform:translate(-3px)}.topbar--dark{color:var(--green)}.topbar--dark .topbar__back{opacity:1}@media (width<=560px){.topbar__back{left:clamp(12px,2.4vw,30px);top:calc(var(--bar-top) + var(--mark-h) + 12px);font-size:10px}}.menu__button{z-index:310;left:clamp(12px,2.4vw,30px);top:calc(var(--bar-top) + var(--mark-h) / 2 - 21px);width:42px;height:42px;transition:transform .3s var(--ease);place-content:center;gap:6px;display:grid;position:fixed}.menu__button:hover{transform:scale(1.1)}.menu__button span{background:var(--cream);width:26px;height:2px;transition:transform .35s var(--ease), opacity .2s;border-radius:1px;display:block}.menu--home:not(.is-open) .menu__button span,html[data-ink=dark] .menu:not(.is-open) .menu__button span{background:var(--green)}.menu.is-open .menu__button span:first-child{transform:translateY(8px)rotate(45deg)}.menu.is-open .menu__button span:nth-child(2){opacity:0}.menu.is-open .menu__button span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.menu__shade{z-index:300;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);background:#120c098c;position:fixed;inset:0}.menu.is-open .menu__shade{opacity:1;pointer-events:auto}.menu__panel{z-index:305;width:min(86vw,380px);color:var(--cream);visibility:hidden;transition:transform .55s var(--ease), visibility 0s .55s;background:#2a1016 url(/assets/social/paper.webp) 50%/cover;flex-direction:column;padding:clamp(84px,16vh,150px) clamp(26px,4vw,44px) 40px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-104%);box-shadow:12px 0 50px #00000073}.menu.is-open .menu__panel{visibility:visible;transition:transform .55s var(--ease), visibility 0s;transform:none}.menu__mark img{width:150px}.menu__panel ul{border-top:1px solid #fff4e633;margin:clamp(28px,7vh,64px) 0 0;padding:0;list-style:none}.menu__panel li{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);border-bottom:1px solid #fff4e633;transform:translate(-14px)}.menu.is-open .menu__panel li{opacity:1;transform:none}.menu__panel li a{font-family:var(--serif);transition:padding-left .35s var(--ease), color .25s;align-items:baseline;gap:18px;padding:16px 2px;font-size:clamp(28px,4.2vh,38px);line-height:1.1;display:flex}.menu__panel li a:hover,.menu__panel li a:focus-visible{color:#f3dcb8;padding-left:12px}.menu__panel li a[aria-current]{font-style:italic}@media (width>=561px){.topbar__back{left:calc(clamp(12px,2.4vw,30px) + 54px);top:calc(var(--bar-top) + var(--mark-h) / 2 - 17px)}}.home-mark{display:none}@media (width>=800px){.home-mark{z-index:5;right:clamp(24px,3vw,44px);top:var(--bar-top);width:var(--mark-w);pointer-events:none;filter:drop-shadow(0 1px 6px #1e160c80);animation:fade-in 1.2s .3s var(--ease) both;display:block;position:fixed}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene{animation:fade-in .9s var(--ease) both;background:#77735c url(/assets/home/painting.webp) 50% 42%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage{aspect-ratio:810/1440;flex:none;width:min(100vw,56.25dvh);position:relative;container-type:inline-size}.stage>*{position:absolute}.obj{pointer-events:none;filter:drop-shadow(0 .9cqw 1.3cqw #140e086b);height:auto;transition:transform .4s var(--ease), filter .4s var(--ease), opacity .45s ease .55s}.obj.is-hot{filter:drop-shadow(0 2.2cqw 2.6cqw #140e0880);transform:translateY(-1.4%)rotate(-1.2deg)scale(1.035)}.obj--notes.is-hot{transform:translateY(-1.5%)rotate(.8deg)scale(1.02)}.has-overlay .obj{opacity:0;transition:transform .4s var(--ease), filter .4s var(--ease), opacity .5s ease}.folder img{width:100%}.tab{transform-origin:0;transition:transform .4s var(--ease);animation:tab-grow 4s var(--ease) infinite;will-change:transform;position:absolute}.tab>img:first-child{width:100%;height:100%;display:block}.tab__text{transition:transform .4s var(--ease), filter .35s;animation:tab-keep 4s var(--ease) infinite;position:absolute}.tab--social,.tab--social .tab__text{animation-delay:2s}.tab.is-hot{animation:none;transform:scaleX(1.18)}.tab.is-hot .tab__text{filter:brightness(1.35);animation:none;transform:scaleX(.8475)}@keyframes tab-grow{0%,72%,to{transform:none}84%{transform:scaleX(1.13)}}@keyframes tab-keep{0%,72%,to{transform:none}84%{transform:scaleX(.885)}}.obj--phone img{width:100%}.ring{transform-origin:45% 60%;animation:5s linear infinite ring}@keyframes ring{0%,10%,to{transform:none}1%,3%,5%,7%,9%{transform:translate(-.7%,.2%)rotate(-1.5deg)}2%,4%,6%,8%{transform:translate(.7%,-.2%)rotate(1.5deg)}}.nflip{perspective:320cqw;pointer-events:none;will-change:transform}.nflip__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.nflip__front,.nflip__back{backface-visibility:hidden;position:absolute}.nflip__front{filter:drop-shadow(0 1.4cqw 2cqw #140e0866);max-width:none;height:auto;top:50%;left:50%;translate:-50% -50%}.nflip__back{filter:drop-shadow(0 1.2cqw 2.4cqw #140e086b);width:100%;height:100%;inset:0;transform:rotateY(180deg)}.flip{perspective:320cqw;pointer-events:none;will-change:transform}.flip__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.flip__front,.flip__back{backface-visibility:hidden;width:100%;position:absolute;left:0}.flip__front{filter:drop-shadow(0 2.4cqw 3.4cqw #140e0866)}.flip__back{filter:drop-shadow(0 1.6cqw 3cqw #140e0873);height:100%;top:0;transform:rotateY(180deg)}.flip__back img{width:100%;height:100%}.spot{z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.spot--debug{background:#ff000059}.has-overlay .spot{display:none}.tag{z-index:55;pointer-events:none;white-space:nowrap;font-family:var(--mono);letter-spacing:.02em;color:var(--ink);background:var(--cream);animation:tag-in .3s var(--ease) both;padding:.45em .85em;font-size:clamp(10px,2.3cqw,13px);transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 10px #140e0859}@keyframes tag-in{0%{opacity:0;transform:translate(-50%,6px)rotate(-2deg)}}@media (hover:none){.tag{display:none}}.closer{z-index:100;cursor:pointer;inset:-100vmax}.hint{z-index:101;pointer-events:none;white-space:nowrap;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 6px #0009;font-size:clamp(10px,2.2cqw,12px);animation:.6s .9s both fade-in;bottom:3.5%;left:50%;transform:translate(-50%)}.scene--back{cursor:pointer}.testimonials .hint,.contact .hint{animation-delay:.4s}.t-layer{pointer-events:none;height:auto}.paper{cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform}.paper>img{filter:drop-shadow(0 .8cqw 1.4cqw #140e0866);width:100%;transition:transform .4s var(--ease)}.paper:not(.is-open):hover>img,.paper:not(.is-open):focus-visible>img{transform:translateY(-3%)}.paper__text{text-align:left;flex-direction:column;justify-content:center;padding:0 9%;display:flex;position:absolute;top:50%;left:50%;container-type:inline-size}.paper--light{color:#f6e9d6}.paper--dark{color:var(--ink)}.paper__client{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:3.4cqw}.paper__client:after{content:"";opacity:.6;background:currentColor;width:12cqw;height:1px;margin:3.4cqw 0 4.4cqw;display:block}.paper__quote{font-family:var(--serif);font-size:7.2cqw;line-height:1.22}.paper__quote p+p{margin-top:.75em}.paper__quote--m{font-size:5.5cqw;line-height:1.26}.paper__quote--l{font-size:5.1cqw;line-height:1.27}.t-dim{pointer-events:none;background:#18110a80;inset:-100vmax}.contact-card{color:var(--ink);animation:card-in 1s var(--ease) .15s both;background:#efebe4 url(/assets/testimonials/cream.webp) 50%/cover;padding:5cqw 5.5cqw 5.5cqw;transform:rotate(-2deg);box-shadow:0 1.2cqw 2.6cqw #140e0866}@keyframes card-in{0%{opacity:0;transform:translateY(5%)rotate(-5deg)}}.contact-card__title{font-family:var(--hand);margin-bottom:3cqw;font-size:9.5cqw;line-height:1}.contact-card__row{transition:background .25s, padding-left .3s var(--ease);border:1px solid #372a28bf;grid-template-columns:10cqw 1fr;align-items:baseline;gap:2cqw;margin-top:-1px;padding:2.6cqw 1.6cqw;display:grid}.contact-card__row:hover,.contact-card__row:focus-visible{background:#372a2817;padding-left:2.8cqw}.contact-card__k{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;font-size:1.9cqw;font-weight:600}.contact-card__v{font-family:var(--mono);letter-spacing:0;white-space:nowrap;font-size:2.6cqw}.contact-card__v span{float:right;opacity:.6}.contact-phone{animation:card-in 1s var(--ease) .3s both}.index{--gap:clamp(14px, 3.5vh, 40px);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.index:before{content:"";z-index:-1;background:50%/cover no-repeat;position:fixed;inset:0}.index--branding:before{background-color:#2b2e24;background-image:url(/assets/branding/paper.webp)}.index--social:before{background-color:#4a0712;background-image:url(/assets/social/paper.webp)}.collage{width:min(94vw, 860px, calc((100dvh - var(--bar-top) - var(--mark-h) - 2 * var(--gap)) * var(--ratio)));flex:none;margin:auto;position:relative;container-type:inline-size}.collage>*{position:absolute}.collage__title{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;color:var(--cream);animation:fade-in 1s var(--ease) both;font-size:4.37cqw;font-weight:400;line-height:1.36}.collage__title--line{white-space:nowrap;font-size:4.65cqw}@media (width>=800px){.collage__title{font-size:3.7cqw}.collage__title--line{font-size:3.9cqw}}.collage__tagline{height:auto;animation:fade-in 1.2s 1.1s var(--ease) both}.tile-wrap{will-change:transform}.tile-wrap:hover,.tile-wrap:focus-within{z-index:40!important}.tile{transition:transform .45s var(--ease), box-shadow .45s var(--ease);display:block;position:relative;overflow:hidden;box-shadow:0 .8cqw 2cqw #00000059}.tile>img:first-child{width:100%;transition:transform .7s var(--ease)}.tile:hover,.tile:focus-visible{transform:translateY(-2.5%)scale(1.045)rotate(-.6deg);box-shadow:0 2.4cqw 4.5cqw #00000080}.tile:hover>img:first-child{transform:scale(1.04)}.tile__caption{color:var(--cream);opacity:0;transition:opacity .4s var(--ease);background:linear-gradient(#120c0926 0%,#120c098c 55%,#120c09e0 100%);flex-direction:column;justify-content:flex-end;gap:.25em;padding:7% 8%;display:flex;position:absolute;inset:0}.tile__name{font-family:var(--serif);transition:transform .5s var(--ease);font-size:clamp(15px,4.4cqw,30px);line-height:1;transform:translateY(8px)}.tile__category{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.85;transition:transform .5s 50ms var(--ease);font-size:clamp(8px,1.75cqw,12px);transform:translateY(8px)}.tile:hover .tile__caption,.tile:focus-visible .tile__caption{opacity:1}.tile:hover .tile__name,.tile:hover .tile__category,.tile:focus-visible .tile__name,.tile:focus-visible .tile__category{transform:none}.tile__pin{filter:drop-shadow(0 2px 2px #00000073);width:9.6%;position:absolute;top:2.6%;left:50%;transform:translate(-50%)}.index--social .tile{overflow:visible}.index--social .tile__caption{overflow:hidden}@media (hover:none){.tile:active .tile__caption{opacity:1}.tile:active .tile__name,.tile:active .tile__category{transform:none}}.project>.topbar{position:absolute;inset:0 0 auto}.project{background:var(--dark);min-height:100dvh;animation:fade-in .7s var(--ease) both;overflow-x:clip}.cover{background:var(--dark);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.cover>*{grid-area:1/1}.cover__blur{object-fit:cover;filter:blur(34px)brightness(.55)saturate(1.1);width:100%;height:100%;transform:scale(1.2)}.cover__img{object-fit:contain;will-change:transform;width:100%;height:100%}.cover__img--pan{align-self:start;height:auto}.cover__dim{pointer-events:none;background:#0d0907;width:100%;height:100%}.cover__cue{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 8px #0009;align-self:end;margin-bottom:4svh;font-size:11px}.cover__cue:after{content:"";width:1px;height:28px;animation:cue 2.2s var(--ease) infinite;transform-origin:top;background:currentColor;margin:10px auto 0;display:block}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.info{z-index:2;background:var(--dark) url(/assets/branding/paper.webp) center / cover;background-blend-mode:multiply;align-items:center;min-height:100svh;display:grid;position:relative;box-shadow:0 -30px 70px #0000008c}.info:before{content:"";background:#18120fb8;position:absolute;inset:0}.info__inner{width:min(88vw,1100px);margin:0 auto;padding:14vh 0;position:relative}.info__count{font-family:var(--mono);letter-spacing:.2em;color:var(--cream);margin-bottom:3.5vh;font-size:12px}.info__count span{opacity:.45}.info__name{font-family:var(--serif);letter-spacing:-.02em;color:var(--cream);font-size:clamp(54px,11.5vw,168px);font-weight:400;line-height:.98}.rise-mask{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.rise-word{will-change:transform;display:inline-block}.info__category{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#fff4e6d1;margin-top:2.6vh;font-size:clamp(12px,1.25vw,16px)}.rule{transform-origin:0;background:#fff4e659;height:1px;margin:5vh 0 3.4vh;display:block}.info__scope{font-family:var(--mono);color:#fff4e6e6;flex-wrap:wrap;gap:.6em 1.3em;margin:0;padding:0;font-size:clamp(12px,1.1vw,15px);list-style:none;display:flex}.info__scope li{display:flex;position:relative}.info__scope li:not(:last-child):after{content:"·";opacity:.5;margin-left:1.3em}.work{z-index:2;background:var(--dark);justify-items:center;gap:clamp(22px,5vw,72px);padding:clamp(40px,9vh,120px) 2vw clamp(60px,12vh,140px);display:grid;position:relative}.work__page{width:min(96vw,1200px);box-shadow:0 24px 60px #00000080}.work__page img{width:100%;height:auto}.project--social .work{background:0 0;gap:min(1.5vw,12px);padding-top:clamp(28px,6vh,70px)}.project--social .work__page{width:min(92vw,760px);box-shadow:0 24px 60px #00000059}.social-head{text-align:center;width:min(88vw,760px);margin:0 auto;padding-top:clamp(72px,15vh,160px)}.social-head .info__name{color:#f3dcb8;font-size:clamp(34px,5.4vw,72px)}.social-head .rule{transform-origin:50%;width:80px;margin:3.4vh auto}.social-head__text{color:#fff4e6db;max-width:58ch;margin:0 auto;font-size:clamp(14px,1.15vw,16px);line-height:1.65}.project-nav{z-index:2;border-top:1px solid #fff4e629;justify-content:space-between;gap:24px;padding:clamp(28px,6vh,64px) clamp(18px,5vw,72px) clamp(36px,8vh,80px);display:flex;position:relative}.project:not(.project--social) .project-nav{background:var(--dark)}.project-nav__link{transition:transform .35s var(--ease);gap:8px;display:grid}.project-nav__link--next{text-align:right}.project-nav__dir{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff4e6bf;font-size:clamp(11px,1vw,13px)}.project-nav__name{font-family:var(--serif);color:var(--cream);font-size:clamp(22px,3vw,40px);line-height:1}.project-nav__link:hover{transform:translate(-6px)}.project-nav__link--next:hover{transform:translate(6px)}.project-nav__link:hover .project-nav__dir{color:var(--cream)}@media (width<=799px){.cover__blur,.cover__dim{display:none}.info{background:var(--dark);box-shadow:none}.info:before{content:none}.info{min-height:0}.info__inner{padding:7vh 0 4vh}.info__count{margin-bottom:2.4vh}.project:not(.project--social) .work{padding-top:20px}}