:root{--ease-out:cubic-bezier(.22,1,.36,1);--line:#838a6d50}::selection{background:#bac790;color:#192317}html{scrollbar-color:#929780 #dddcd0}body{-webkit-font-smoothing:antialiased}button,a,input,textarea,select{touch-action:manipulation}button,a{transition:color .22s,background-color .22s,border-color .22s,transform .3s var(--ease-out)}:focus-visible{outline:2px solid #96a86d;outline-offset:5px}header{transition:background-color .35s,color .35s;isolation:isolate}header.light{box-shadow:0 1px 0 #515d3220}header .pill{white-space:nowrap}#menu{padding:28px;border:1px solid #a7ad9655;box-shadow:0 20px 60px #101c1930;transform-origin:top left}#menu:not([hidden]){animation:menu-arrive .28s var(--ease-out)}#menu a{padding:13px 0}#menu a:hover{padding-left:7px}#menu a small{opacity:.55}#menu-button span{transition:transform .25s}.rail nav a{transition:opacity .2s}.paper{background-image:radial-gradient(#69744710 .65px,transparent .65px);background-size:7px 7px}.chapter-ornament{display:flex;align-items:center;gap:22px;margin:0 0 60px;color:#5e684e}.chapter-ornament>span{font:10px/1.5 Arial;letter-spacing:.14em;white-space:nowrap}.chapter-ornament i{height:1px;background:var(--line);flex:1}.chapter-ornament img{width:44px;height:44px;object-fit:contain;opacity:.6}.editorial h3{max-width:900px;text-wrap:balance}.editorial-copy>p{line-height:1.12}.small-link,.scene-link,.outline{padding:12px 16px;min-height:44px;border:1px solid #75835b33}.small-link:hover,.scene-link:hover,.outline:hover{background:#cbd2af;transform:translateY(-2px)}.featured-site{padding:12px;background:#ebeade;border:1px solid var(--line);box-shadow:0 22px 48px #28381a0b}.featured-site img{border-radius:0;box-shadow:none}.featured-site>span{padding:7px 3px 0;gap:15px;align-items:center}.editorial-pair{gap:45px}.editorial-pair>div{border-top:1px solid var(--line);padding:24px 0 0}.detail-number{font:italic 32px Georgia;display:block;margin-bottom:24px;color:#788260}.editorial-pair p{line-height:1.2;max-width:440px}.software-art{border:1px solid var(--line);min-height:0;box-shadow:0 20px 60px #28381a12}.software-examples a{position:relative;transition:background .3s;padding:28px 20px}.software-examples a:hover{background:#f4f1e355}.software-examples a>span{color:#677151}.software-examples p{line-height:1.2}.software-examples small{display:inline-block;border-bottom:1px solid var(--line);padding-bottom:7px}.section-top{border-color:var(--line)}.work-heading{margin-top:42px}.work-heading p{line-height:1.15}.filters{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px}.filters button{min-height:44px;padding:10px 15px;transition:background .25s}.filters button:hover{background:#ffffff50}.search-label input:focus{outline:none;border-color:#42592b}.project{min-width:0}.project-visual{border:1px solid #8c94704d;padding:7px;background:#ebeade}.project-visual img{transition:transform .7s var(--ease-out);object-fit:cover}.project-meta{padding:18px 0 12px;border-bottom:1px solid var(--line);gap:10px}.project-meta h3{line-height:1.2}.project-visual .project-arrow{background:#f7f4e7;color:#263521;box-shadow:0 3px 18px #0002}.story-columns img{border:8px solid #eeece0;outline:1px solid var(--line)}.story-columns p{line-height:1.25}.contact-kicker{display:flex;justify-content:space-between;gap:20px;font:9px/1.5 Arial;letter-spacing:.14em;color:#999;margin-bottom:35px;position:relative;z-index:1}.contact-minimal>h2{padding-bottom:35px;border-bottom:1px solid #ffffff20;margin-bottom:45px}.contact-enquiry input,.contact-enquiry textarea{transition:border-color .25s,background-color .25s}.contact-enquiry input:focus,.contact-enquiry textarea:focus{border-bottom-color:#d0dabb;background:#ffffff04;outline:none}.contact-enquiry button{transition:background .25s,transform .25s}.contact-enquiry button:hover{background:#dce4c8;transform:translateY(-2px)}.contact-enquiry button:active{transform:none}.contact-info .payment-panel li{transition:border-color .3s,background .3s}.contact-info .payment-panel li:hover{border-color:#aaa;background:#ffffff0a}.contact-socials a:hover{color:#d9e4ad}.contact-watermark{contain:paint}.legal-links a{color:#bbb}.legal-links a:hover{color:#fff}footer{line-height:1.6;gap:12px 25px}.motion-off *, .motion-off *:before,.motion-off *:after{transition:none!important;animation:none!important}.motion-off .entrance-content{opacity:1;transform:none}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes card-arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.project{animation:card-arrive .5s var(--ease-out) both;animation-delay:var(--card-delay,0ms)}}
@media(max-width:900px){.chapter-ornament{margin-bottom:40px}.featured-site{margin-inline:0}.contact-kicker{font-size:8px}.editorial,.work,.story{padding-top:75px;padding-bottom:75px}}
@media(max-width:600px){.chapter-ornament{gap:14px;margin-bottom:32px}.chapter-ornament img{width:32px;height:32px}.chapter-ornament>span{font-size:8px}.editorial,.work,.story{padding-top:55px;padding-bottom:55px}.featured-site{padding:7px}.featured-site>span{font-size:14px}.featured-site small{font-size:10px}.editorial-pair{gap:30px}.software-examples a{padding:24px 0}.project-grid{gap:28px}.project-meta{padding-top:14px}.contact-kicker{flex-wrap:wrap;gap:8px;margin-bottom:25px}.contact-minimal>h2{padding-bottom:25px;margin-bottom:35px}.contact-enquiry h3{font-size:32px}.contact.contact-minimal>.contact-watermark{opacity:.075}.filters button{padding-inline:12px}.story-columns img{border-width:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.human-check{border:1px solid #ffffff25;margin:22px 0;padding:18px;min-width:0}.human-check legend{font:12px Arial;padding:0 8px;color:#ddd}.contact-enquiry .human-check p{font:12px/1.6 Arial;letter-spacing:0;color:#bdbdb4;margin:0 0 15px}#google-check,#turnstile-check{margin:12px 0}#captcha-state{margin-bottom:0!important}.contact-enquiry button:disabled{opacity:.4;cursor:not-allowed;transform:none}.human-check a{text-decoration:underline}@media(max-width:380px){.human-check{padding:10px}}