@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/dm-sans-7c87a648293fbb5b2924aafaa59e8aea.woff2?vsn=d) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/manrope-938c6e8019b69313372c47dbb7a7c930.woff2?vsn=d) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#252d27;--green:#304c3e;--muted:#777b72;--paper:#f7f6f2;--line:#dddfd5;--white:#fff;--accent:#b2bda4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a27846;outline-offset:4px}button{border:0;background:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}img{width:100%;display:block;object-fit:cover}.header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font:800 33px 'Manrope',sans-serif;letter-spacing:-1.9px}.brand svg{width:33px;height:37px;stroke-width:1.7}.brand>span{font:11px 'DM Sans',sans-serif;align-self:flex-start;margin-top:7px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:30px;height:100%;font-size:13px}.header nav a,.header nav button{height:100%;display:flex;align-items:center;position:relative;padding:0}.header nav .active:after{content:'';height:2px;background:var(--green);position:absolute;bottom:24px;left:0;right:0}.header-right{display:flex;gap:25px;align-items:center}.saved-nav{display:flex;align-items:center;gap:7px;font-size:12px;padding:0}.saved-nav b{font-size:10px;background:#e8eae2;padding:2px 5px;border-radius:20px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 23px;font-size:13px;font-weight:550;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button.dark{background:var(--green);color:white}.button.dark:hover{background:#1f3b2d}.button.small{font-size:12px;min-height:43px;padding:9px 18px;gap:15px}.button.cream{background:var(--paper);color:var(--ink)}.hero{margin:0 24px;height:540px;position:relative;border-radius:7px;overflow:hidden;color:#fff}.hero>img{height:100%;object-position:center 57%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,18,.77) 0%,rgba(19,27,22,.48) 40%,rgba(20,28,22,.04) 76%),linear-gradient(0deg,rgba(16,26,18,.45),transparent 40%)}.hero-content{position:absolute;left:6.5%;top:66px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--green)}.eyebrow.light{color:#f2f2e9;font-size:9px;display:flex;align-items:center;gap:10px}.eyebrow.light>span{height:6px;width:6px;border-radius:100%;background:#d3ddbd}h1{font:500 clamp(46px,5.5vw,77px)/1.06 'Manrope',sans-serif;letter-spacing:-3.7px;margin:27px 0 21px}h1 em{margin-left:.08em;font-family:Georgia,serif;font-weight:400}h2{font:500 33px/1.28 'Manrope',sans-serif;letter-spacing:-1.3px;margin:12px 0 0}.hero-content p{font-size:13px;line-height:1.9;color:#edece5;margin-bottom:25px}.hero-caption{position:absolute;bottom:24px;right:30px;display:flex;align-items:center;gap:14px;font-size:11px}.hero-caption small{display:block;font-size:9px;opacity:.7;margin-top:4px}.caption-mark{font-size:33px;line-height:1}.hero-caption>span:last-child{margin-left:42px;font-size:9px;letter-spacing:2px}.search-area{margin:0 6.5%;padding:33px 0 35px;display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.search-intro{min-width:195px}.tiny-label{font-size:8px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:8px}.search-intro strong{font-size:16px;font-weight:500;letter-spacing:-.4px}.search-area form{display:flex;align-items:center;gap:10px;flex:1}.search-area label{display:flex;align-items:center;padding:0 15px;border:1px solid var(--line);border-radius:4px;min-height:49px;flex:1;gap:10px;background:#fff}.search-area label svg{width:17px;color:#757a70;flex-shrink:0}.search-area select{width:100%;font-size:12px;background:transparent;border:0;outline-offset:8px;color:var(--ink);padding:10px 0;min-width:0}.search-area .location{flex:.8}.search-area form .button{font-size:12px;gap:16px;white-space:nowrap}.section{margin:0 6.5%;padding-top:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.text-link{font-size:12px;font-weight:550;padding:8px 0;white-space:nowrap;display:inline-flex;gap:19px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:20px}.tabs{display:flex;gap:10px;margin:27px 0 26px;overflow:auto;padding-bottom:2px}.tabs button{font-size:12px;padding:10px 20px;border:1px solid var(--line);border-radius:40px;white-space:nowrap;transition:background .15s}.tabs button:hover{background:#e8ebe1}.tabs button.selected{color:white;background:var(--green);border-color:var(--green)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 22px}.project-card{min-width:0}.project-image{height:290px;position:relative;border-radius:5px;overflow:hidden;background:#e7e8e0}.project-image img{height:100%;transition:transform .5s}.project-image:hover img{transform:scale(1.035)}.image-open{padding:0;width:100%;height:100%;display:block;text-align:left}.save-button{position:absolute;right:13px;top:13px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 5px #0001}.save-button svg{width:16px;height:16px}.save-button.is-saved{background:var(--green);color:white}.save-button.is-saved svg{fill:currentColor}.image-tag{position:absolute;bottom:14px;left:14px;pointer-events:none;color:white;background:#20332699;backdrop-filter:blur(10px);font-size:9px;padding:6px 9px;border-radius:3px}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:8px}.project-title h3{font-size:15px;font-weight:500;margin:0;letter-spacing:-.25px}.project-title button{text-align:left;padding:0}.project-title>span{font-size:18px}.project-subtitle{color:var(--muted);font-size:11px;margin:6px 0 0}.sample-note{font-size:10px;color:var(--muted);margin:23px 0 0}.professionals{padding-top:68px}.result-count{font-size:11px;color:var(--muted)}.directory-tools{display:flex;gap:18px;align-items:center;margin:25px 0 24px}.name-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:12px 15px;width:340px}.name-search input{width:100%;border:0;outline:none;font-size:11px;background:none}.name-search svg{height:16px;width:16px;flex-shrink:0}.filter-summary{font-size:11px;flex:1;color:var(--muted)}.pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pro-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.pro-cover{height:170px;width:100%;padding:0;display:block}.pro-cover img{height:100%}.pro-body{padding:20px}.studio-row{display:flex;gap:12px;align-items:center}.studio-avatar{height:44px;width:44px;border:1px solid #d9dfd2;border-radius:50%;display:flex;align-items:center;justify-content:center;font:16px Georgia,serif;background:#eeefe9;flex-shrink:0}.studio-row h3{font-size:15px;font-weight:550;margin:0 0 5px}.studio-row p{font-size:10px;color:var(--muted);margin:0}.pro-bio{font-size:12px;line-height:1.7;color:#74796f;margin:16px 0}.pro-footer{border-top:1px solid #e9ebe3;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.pro-footer button{font-size:11px;color:var(--ink)}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin-top:65px;border-top:1px solid var(--line)}.editorial-photo{height:365px;position:relative;overflow:hidden;border-radius:5px}.editorial-photo img{height:100%}.editorial-photo>span{position:absolute;left:22px;bottom:20px;font-size:8px;letter-spacing:1.7px;color:white;background:#243b2ecc;padding:9px 11px}.editorial-copy h2{font-size:37px;line-height:1.2;margin:19px 0 23px}.editorial-copy p{max-width:390px;color:var(--muted);line-height:1.9;font-size:12px}.editorial-copy .text-link{margin-top:12px}.pro-cta{text-align:center;padding:62px 24px;margin:70px 24px 0;background:#e9ece2;border-radius:6px}.pro-cta h2{font-size:36px;margin-top:18px}.pro-cta p{font-size:12px;color:#747b6d;margin:17px 0 24px}.cta-small{display:block;font-size:9px;color:var(--muted);margin-top:14px}footer{padding:43px 6.5% 24px}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:35px}.footer-top .brand{font-size:30px}.footer-top p{color:var(--muted);font-size:11px;flex:1}.footer-top>a:not(.brand){font-size:11px}.footer-bottom{padding-top:23px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.footer-bottom button{padding:0;font-size:9px;color:var(--muted)}dialog{border:0;border-radius:10px;padding:0;width:min(850px,92vw);max-height:90vh;color:var(--ink);background:var(--paper);box-shadow:0 24px 100px #0004}dialog::backdrop{background:#15241bc4;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:14px;background:white;z-index:2;width:35px;height:35px;border-radius:50%;font-size:25px;box-shadow:0 2px 10px #0001}.modal-pad{padding:38px}.modal-image{width:100%;height:340px}.modal-pad h2{margin-top:8px;margin-right:20px}.modal-pad p{line-height:1.85;color:var(--muted);font-size:13px}.modal-meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.modal-meta span{font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:30px}.modal-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.modal-gallery img{height:180px;border-radius:4px}.demo-label{font-size:10px!important;color:#757b6d!important;background:#e9ece2;padding:10px 13px;border-radius:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.form-grid label{font-size:12px;display:flex;flex-direction:column;gap:8px}.form-grid input,.form-grid textarea,.form-grid select{padding:12px;border:1px solid #cfd5c7;background:white;border-radius:4px;min-width:0;width:100%}.form-grid textarea{resize:vertical;min-height:100px}.form-grid .full{grid-column:1/-1}.empty-state{grid-column:1/-1;padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:5px}.empty-state h3{font-size:20px;font-weight:500}.empty-state p{color:var(--muted);font-size:12px}.steps{display:grid;gap:20px;margin-top:30px}.steps>div{padding-bottom:20px;border-bottom:1px solid var(--line)}.steps strong{font-weight:500;font-size:17px}.steps span{margin-right:15px;color:#939e88}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--green);color:white;padding:15px 22px;border-radius:6px;font-size:12px;z-index:10;transition:opacity .2s,transform .2s;box-shadow:0 5px 25px #0003;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.header,main,footer{max-width:1600px;margin-left:auto;margin-right:auto}.hero{height:620px}.hero-content{top:90px}.project-image{height:340px}}
@media(max-width:1100px){.header{padding:0 4%;gap:20px}.header nav{gap:20px}.header-right{gap:15px}.saved-nav>span:nth-child(2){display:none}.search-area{flex-direction:column;align-items:stretch;gap:17px}.search-intro{display:flex;align-items:center;justify-content:space-between}.tiny-label{margin:0}.project-image{height:240px}.section-heading h2{font-size:28px}.filter-summary{display:none}.directory-tools .text-link{margin-left:auto}.editorial{gap:6%}.editorial-copy h2{font-size:32px}}
@media(max-width:760px){.header{height:76px;padding:0 22px;gap:15px}.brand{font-size:28px}.brand svg{width:27px}.header nav{display:none}.header-right{gap:14px}.button.small{font-size:10px;gap:8px;padding:10px 12px}.hero{margin:0 12px;height:540px}.hero-content{left:7%;top:59px;right:5%}.hero-content .eyebrow{font-size:8px;line-height:1.8;letter-spacing:1.2px}h1{font-size:56px;letter-spacing:-3px;line-height:1.07;margin-top:24px}.hero-shade{background:linear-gradient(90deg,#15251bd4,#15251b48),linear-gradient(0deg,#14271c88,transparent 50%)}.hero-caption{left:7%;right:7%;bottom:23px}.hero-caption>span:last-child{margin-left:auto}.hero-content p{font-size:12px}.hero-content p br{display:none}.search-area{margin:0 6%;padding:28px 0}.search-intro{display:block}.tiny-label{margin-bottom:8px}.search-area form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search-area label{padding:0 10px}.search-area label:first-child{grid-column:1/-1}.search-area .location{min-width:0}.search-area .button{font-size:11px!important;padding:12px 10px;gap:10px!important}.section{margin:0 6%;padding-top:43px}.section-heading{display:block}.section-heading h2{font-size:27px;letter-spacing:-1px;max-width:350px}.section-heading .text-link{margin-top:14px}.eyebrow{font-size:8px;letter-spacing:1.5px}.tabs{gap:8px;margin-top:20px}.tabs button{font-size:11px;padding:9px 16px}.project-grid{grid-template-columns:1fr 1fr;gap:23px 14px}.project-image{height:215px}.project-title h3{font-size:13px;line-height:1.4}.project-subtitle{font-size:10px;line-height:1.5}.project-title>span{display:none}.save-button{width:30px;height:30px;right:9px;top:9px}.image-tag{font-size:8px;left:9px;bottom:9px;padding:5px 7px}.result-count{display:block;margin-top:14px}.directory-tools{gap:10px}.name-search{width:auto;flex:1;min-width:0;padding:10px}.directory-tools .text-link{font-size:10px}.pro-grid{grid-template-columns:1fr}.pro-cover{height:210px}.editorial{grid-template-columns:1fr;gap:28px;margin-top:45px}.editorial-photo{height:320px}.editorial-copy h2{font-size:31px}.pro-cta{margin:45px 12px 0;padding:44px 25px}.pro-cta h2{font-size:30px}.pro-cta p{line-height:1.8}.footer-top{flex-wrap:wrap;gap:22px}.footer-top p{flex-basis:100%;order:3;margin:0}.footer-top .brand{margin-right:auto}.footer-top>a:not(.brand){font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:13px}.modal-pad{padding:28px 22px}.modal-pad h2{font-size:26px}.modal-image{height:260px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-gallery img{height:130px}}
@media(max-width:380px){.brand svg{display:none}.project-grid{grid-template-columns:1fr}.project-image{height:290px}.hero h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:14px}.skip-link:focus{top:12px}.mobile-nav{display:none}.page-hero{padding:65px 6% 45px;max-width:1150px;margin:auto}.page-hero h1{font:600 clamp(32px,5vw,56px)/1.15 'Manrope',sans-serif;letter-spacing:-1.6px;max-width:920px;margin:20px 0}.page-hero>p{max-width:760px;font-size:18px;line-height:1.7;color:#596158}.breadcrumbs{font-size:12px;line-height:1.6;margin-bottom:32px;color:#596158}.breadcrumbs a{text-decoration:underline}.prose{max-width:850px;margin:0 auto;padding:0 28px 75px;font-size:16px;line-height:1.85}.prose h2{font:600 25px/1.4 'Manrope',sans-serif;margin:40px 0 15px;letter-spacing:-.6px}.prose a:not(.button){color:#304c3e;text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:24px}.notice{background:#e8ece3;border-left:3px solid #52674d;padding:20px;margin:24px 0;line-height:1.7}.contact-grid,.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.contact-grid address{font-style:normal}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}.footer-grid h2{font-size:14px;margin:5px 0 20px}.footer-grid a:not(.brand){display:block;font-size:13px;margin:12px 0}.footer-grid p{line-height:1.8;font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 30px;align-items:end}.filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.filters select,.filters input,.workspace input,.workspace textarea{width:100%;background:white;border:1px solid #a6ada0;border-radius:4px;padding:12px;color:var(--ink)}.gallery-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.gallery-tabs a{padding:10px 16px;border:1px solid #adb4a5;border-radius:25px}.gallery-tabs .selected{background:var(--green);color:white}.project-image{display:block;position:relative}.project-card a:hover h3,.pro-card a:hover h3{text-decoration:underline}.project-save{margin-top:12px}.project-save .button{padding:9px 16px;min-height:38px}.project-photo{width:100%;max-height:680px;object-fit:cover;border-radius:5px}.sample-badge{background:#eef0e7;padding:5px 9px;font-size:11px;border-radius:3px;display:inline-block}.detail-meta{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.empty-state{padding:40px;border:1px solid #d8ddce}.workspace{max-width:1150px;margin:auto;padding:0 6% 70px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.workspace section{min-width:0}.workspace label{display:block;margin:14px 0;font-weight:500}.workspace input,.workspace textarea{display:block;margin-top:7px;font-weight:400}.workspace textarea{min-height:140px;resize:vertical}.workspace h2{font:600 26px 'Manrope',sans-serif;margin-top:32px}.workspace p{line-height:1.7}.workspace .actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.workspace .saved-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workspace .saved-list img{height:160px;border-radius:4px}.danger{border:1px solid #884c3a;padding:12px;color:#6d3020;border-radius:4px}.status{padding:14px;background:#e6eedd;border-radius:4px;margin:16px 0}.status.error{background:#fae2d7}.sample-intro{font-size:15px;line-height:1.8;max-width:850px}.table-wrap{overflow:auto}.table-wrap th,.table-wrap td{padding:12px;text-align:left;border-bottom:1px solid #ccd1c4}.prose code{overflow-wrap:anywhere}.updated{font-size:13px;color:#596158}.section .project-grid,.section .pro-grid{margin-top:20px}.pro-card-link{display:block}.pro-image{width:100%;height:220px;object-fit:cover}.pro-card-body{padding:20px}.pro-card-body h3{font:600 22px 'Manrope',sans-serif;margin:10px 0}.pro-card-body p{line-height:1.7}.pro-card{overflow:hidden;border:1px solid #e0e3d9;border-radius:6px;background:#fff}.project-card h3{font-size:20px;margin-bottom:8px}.project-card .project-image img{height:275px;border-radius:5px}.workspace .support-ref{font-size:12px;overflow-wrap:anywhere}.workspace details{margin:24px 0}.workspace summary{cursor:pointer}.hero img{height:100%}.phx-disconnected [phx-submit] button{opacity:.7}.muted{color:#586352}
@media(max-width:900px){.header{gap:16px}.header nav{gap:16px}.header-right .small{display:none}.footer-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}}
@media(max-width:760px){.mobile-nav{display:flex;justify-content:space-around;gap:8px;border-top:1px solid #dfe2d8;padding:12px 10px;font-size:12px}.page-hero{padding:35px 6%}.page-hero h1{letter-spacing:-1px}.contact-grid,.guide-grid{grid-template-columns:1fr}.workspace .saved-list{grid-template-columns:1fr}.footer-grid{gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.project-card .project-image img{height:260px}.header-right{display:flex}.header-right .saved-nav{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:520px){.project-grid,.pro-grid{grid-template-columns:1fr}}