@font-face{font-family:Barlow;src:url('assets/barlow-condensed-black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root{--ink:#141711;--lime:#c3ed38;--paper:#f7f8f2;--muted:#a7aea1;--line:#373c31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82b918;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}a,button{touch-action:manipulation}.skip{position:fixed;left:15px;top:-100px;background:var(--lime);color:var(--ink);padding:12px;z-index:99}.skip:focus{top:10px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;line-height:1.05;font-size:22px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:6px}.brand img{object-fit:contain}.header nav{display:flex;gap:35px;font-size:14px}.header nav a:hover,footer a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--lime);color:var(--ink);font-weight:700;padding:16px 22px;border:1px solid transparent;border-radius:3px;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#d4ff50;transform:translateY(-2px)}.button.small{padding:12px 19px;font-size:14px}.button span{font-size:22px;line-height:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 25px;display:flex;align-items:center;gap:10px}.line{height:1px;width:27px;background:var(--lime)}h1,h2{font-family:Barlow,Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:.98;margin:0}h1{font-size:clamp(58px,6.8vw,104px)}h1 span{color:var(--lime)}h2{font-size:clamp(40px,4.2vw,65px)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;padding:64px 5% 65px;overflow:hidden;max-width:1700px;margin:auto}.hero-copy{position:relative;z-index:2}.intro{color:#c5cabf;font-size:17px;line-height:1.7;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.credit{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-top:48px}.credit strong{margin-left:9px;color:var(--paper)}.hero-art{position:relative;min-height:535px}.frame{position:absolute;overflow:hidden;background:#2a3025;border:7px solid var(--paper);box-shadow:0 20px 35px #0005}.frame img{height:100%;width:100%;object-fit:cover}.frame-main{height:96%;width:68%;left:19%;top:0;transform:rotate(7deg)}.frame-main img{object-position:50% 45%}.frame-side{height:50%;width:47%;left:0;bottom:4%;transform:rotate(-9deg)}.frame-side img{object-position:center}.sticker{position:absolute;right:-1%;top:13%;border-radius:50%;width:128px;height:128px;display:grid;place-content:center;text-align:center;line-height:1.05;font-family:Barlow,Impact,'Arial Narrow',sans-serif;font-size:28px;background:var(--lime);color:var(--ink);transform:rotate(13deg)}.frame-caption{position:absolute;right:7%;bottom:-23px;font-size:10px;letter-spacing:2px}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:28px;white-space:nowrap;overflow:hidden;background:var(--lime);color:var(--ink);padding:17px 22px;font-size:14px;font-weight:800;letter-spacing:1.8px}.ribbon b{font-size:22px}.section{padding:95px 5%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-top>p{color:#b9c0b1;font-size:16px;margin:0 0 4px;max-width:370px}.work .eyebrow,.about .eyebrow{color:var(--lime)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid #505647;background:transparent;border-radius:30px;padding:9px 20px;font-size:14px}.filters button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.filters span{font-size:11px;margin-left:7px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.work-card[hidden]{display:none}.image-wrap{position:relative;height:410px;overflow:hidden;background:#23291e}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.work-card[data-category=design] .image-wrap{background:#242923}.work-card[data-category=design] img{object-fit:contain;padding:12px}.work-card:hover img{transform:scale(1.035)}.view{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px}.card-caption{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-top:15px}.card-caption h3{font-size:15px;font-weight:500;line-height:1.4;margin:0}.card-caption>span{font-size:9px;letter-spacing:.8px;color:var(--muted);white-space:nowrap;padding-top:2px}.work-note{text-align:center;font-size:14px;color:var(--muted);margin:48px 0 0}.work-note a{color:var(--paper);border-bottom:1px solid #777;margin-left:8px}.services{background:var(--paper);color:var(--ink)}.services .section-top>p{color:#565c50}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfc5b5}.service-grid article{padding:32px 30px 0 0}.service-grid article+article{border-left:1px solid #bfc5b5;padding-left:30px}.service-number{font-size:13px;color:#626e4d}.service-grid h3{font-size:25px;letter-spacing:-.8px;margin:32px 0 12px}.service-grid p{color:#565c50;max-width:325px;margin-bottom:25px}.service-grid a{font-size:14px;font-weight:700;border-bottom:1px solid #697357;padding-bottom:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;height:520px;object-fit:cover;object-position:45%;filter:grayscale(1)}.photo-label{position:absolute;left:22px;bottom:22px;font-size:10px;letter-spacing:1.6px;background:var(--lime);color:var(--ink);padding:9px 12px;max-width:calc(100% - 44px)}.about-copy h2{font-size:clamp(36px,3.7vw,56px)}.about-copy h2 span{color:var(--lime)}.about-copy>p{color:#b9c0b1}.about-copy .about-lead{font-size:23px;line-height:1.4;color:var(--paper);margin:28px 0 18px}.about-copy .text-link{display:inline-block;margin-top:12px}.contact{background:var(--lime);color:var(--ink);display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.contact h2{font-size:clamp(44px,4.7vw,72px)}.contact-copy>p:not(.eyebrow){max-width:425px;margin:30px 0}.contact h2 span{color:#425312}.social-buttons{display:flex;flex-direction:column;align-items:start;gap:20px}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#303b20}.brief-panel{border:1px solid #90ad31;border-radius:5px;padding:28px;background:#d0f260}.brief-panel .eyebrow{font-size:10px;margin-bottom:12px}.brief-panel h3{font-size:24px;letter-spacing:-.6px;margin:0}.brief-panel>p:not(.eyebrow){font-size:14px;line-height:1.5;margin:10px 0 22px}.brief-panel label{display:block;font-size:12px;font-weight:700;margin:14px 0 5px}.brief-panel input,.brief-panel select,.brief-panel textarea{width:100%;border:1px solid #8da543;border-radius:2px;background:#e5f8b0;padding:10px 11px;color:var(--ink);font-size:14px;min-width:0}.brief-panel textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.copy-button{margin-top:17px;width:100%}.status{font-size:12px;line-height:1.5;margin:12px 0 0;min-height:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 5%}footer p,footer a:not(.brand){font-size:12px;color:var(--muted)}footer>div{display:flex;gap:20px}footer>small{font-size:10px;color:var(--muted)}dialog{padding:52px 30px 15px;max-width:96vw;max-height:96vh;width:1000px;border:1px solid #424938;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}#lightbox-image{height:calc(86vh - 115px);width:100%;object-fit:contain}#close-lightbox{position:absolute;top:10px;right:15px;width:38px;height:38px;border:1px solid #5b6252;border-radius:50%;background:transparent;font-size:19px}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-bottom button{padding:10px 20px;border:1px solid #5b6252;background:transparent;font-size:20px}.lightbox-bottom p{font-size:14px;text-align:center}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1550px){.section,.header,footer{padding-left:max(5%,calc((100vw - 1530px)/2));padding-right:max(5%,calc((100vw - 1530px)/2))}.image-wrap{height:500px}}
@media(max-width:1000px){.hero{grid-template-columns:1.1fr 1fr}.hero-art{min-height:470px}.hero h1{font-size:65px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-actions{gap:16px;flex-wrap:wrap}.sticker{width:100px;height:100px;font-size:23px}.image-wrap{height:320px}.card-caption{display:block}.card-caption>span{display:block;margin-top:4px}.section{padding-top:70px;padding-bottom:70px}.contact{gap:5%}.about{gap:5%}.service-grid h3{font-size:22px}footer{flex-wrap:wrap}footer>small{width:100%}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:82px;padding:0 5%;gap:12px}.header nav{display:none}.header .brand{font-size:18px}.header .brand img{width:42px;height:42px}.header .button{font-size:12px;padding:10px 12px;gap:14px}.hero{display:flex;flex-direction:column;padding-top:38px;padding-bottom:45px;gap:40px}.hero h1{font-size:clamp(53px,12.6vw,87px)}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:16px;margin:22px 0}.credit{margin-top:26px;font-size:9px}.credit strong{margin-left:5px}.hero-art{min-height:440px;width:100%;max-width:480px;margin:auto}.frame-main{width:65%;left:24%}.frame-side{left:3%;width:45%;bottom:5%}.sticker{right:0;top:8%}.frame-caption{font-size:8px;right:5%;bottom:-14px}.ribbon{justify-content:flex-start;font-size:11px;gap:22px;padding:10px 18px}.ribbon b{font-size:17px}.section{padding:56px 5%}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:22px;font-size:15px}.section-top>p br{display:none}h2{font-size:43px}.eyebrow{font-size:10px;margin-bottom:20px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px}.image-wrap{height:260px}.card-caption h3{font-size:14px}.card-caption>span{font-size:8px}.work-card[data-category=design] img{padding:5px}.filters{gap:7px;margin-bottom:23px}.filters button{font-size:12px;padding:9px 13px}.view{width:29px;height:29px;font-size:18px;right:8px;bottom:8px}.work-note{font-size:13px;text-align:left;margin-top:30px}.work-note a{display:inline-block;margin:5px 0 0}.service-grid{display:block}.service-grid article{padding:25px 0}.service-grid article+article{border-left:none;border-top:1px solid #bfc5b5;padding-left:0}.service-grid h3{margin:12px 0;font-size:25px}.service-grid p{max-width:none}.about{display:flex;flex-direction:column-reverse;gap:35px}.about-copy h2{font-size:42px}.about-visual{width:100%}.about-visual img{height:370px}.photo-label{font-size:8px}.contact{display:block}.contact h2{font-size:48px}.brief-panel{margin-top:40px;padding:22px}.brief-panel h3{font-size:23px}footer{padding:35px 5%;gap:25px}footer .brand{font-size:19px}footer>p{font-size:11px}footer>div{width:100%;justify-content:space-between}footer>small{border-top:1px solid var(--line);padding-top:20px}.lightbox-bottom p{font-size:12px}dialog{padding:55px 12px 10px}}
@media(max-width:390px){.image-wrap{height:210px}.hero-art{min-height:370px}.form-row{grid-template-columns:1fr;gap:0}.hero-actions .button{padding:14px 16px;gap:15px}.hero-actions .text-link{font-size:12px}.brand small{letter-spacing:3px}.contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.brief-panel label{font-size:14px}.filters button{font-size:14px}.header .button{font-size:14px}footer a:not(.brand){font-size:14px}.hero-actions .text-link{font-size:14px}

/* Footer attribution and Noah’s portrait */
footer .footer-credit{font-size:12px;line-height:1.5}
footer .footer-credit a{display:inline-block;margin-top:7px;font-size:inherit;line-height:inherit}
.about-visual img{filter:none;object-position:50% 35%}