@import "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:#f7f7f2;--ink:#20281f;--muted:#6e756b;--line:#dddfd5;--green:#d4ee83;--dark:#263825}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #6e9634}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:100px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:9px;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;display:flex}.brand-icon{background:var(--green);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:26px;display:inline-flex;position:relative}.brand-icon span{font-size:16px;position:absolute;top:-2px;right:2px}.brand-dot{color:#739947;margin-left:-9px}nav{gap:30px;font-size:13px;display:flex}nav a:hover{color:#668733}.stack{letter-spacing:1.2px;border:1px solid var(--line);border-radius:20px;padding:10px 13px;font-size:10px}main{max-width:1240px;margin:auto}.hero{padding:62px 0 52px;position:relative}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:700;display:block}.live-dot{background:#739f36;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-7px;margin:30px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.9vw,112px);font-weight:500;line-height:1.04}.hero h1>span{color:#80936f}.hero-bottom{justify-content:space-between;align-items:center;max-width:860px;display:flex}.hero p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.pill-link{background:var(--green);border-radius:30px;align-items:center;gap:35px;padding:17px 22px;font-size:13px;font-weight:600;display:flex}.pill-link span{font-size:21px}.hero-number{color:#8c9685;letter-spacing:2px;writing-mode:vertical-rl;font-size:11px;position:absolute;top:95px;right:0}.section-top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}h2{letter-spacing:-1.2px;margin:12px 0 0;font-family:Manrope,Arial,sans-serif;font-size:31px;font-weight:500;line-height:1.25}.small-note{color:var(--muted);font-size:11px;line-height:1.6}.lab-section{border-top:1px solid var(--line);padding:42px 0 0}.lab-grid{grid-template-columns:1fr 330px;gap:22px;display:grid}.preview-panel{border:1px solid var(--line);background:#eceee5;border-radius:18px;padding:17px}.preview-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.segmented{background:#e0e3d8;border-radius:25px;padding:4px;display:flex}.segmented button{color:#67705f;background:0 0;border:0;border-radius:20px;padding:9px 16px;font-size:11px}.segmented button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0001}.segmented span{color:#6f9538;margin-left:10px}.open-image{font-size:10px}.preview-stage{background:#dfe4d7;border-radius:10px;justify-content:center;align-items:center;height:365px;display:flex;position:relative;overflow:hidden}.main-photo{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.preview-stage.square .main-photo{aspect-ratio:1;width:auto}.preview-stage.portrait .main-photo{aspect-ratio:4/5;width:auto}.image-badge{background:#ffffffe6;border-radius:5px;padding:7px 10px;font-size:10px;position:absolute;bottom:14px;left:14px}.preview-caption{justify-content:space-between;gap:15px;padding:14px 2px 0;font-size:10px;display:flex}.preview-caption span:last-child{color:var(--muted)}.controls{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px}.control-number{letter-spacing:1.8px;color:#78836d;font-size:9px}.controls h3{letter-spacing:-.5px;margin:15px 0 10px;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:500;line-height:1.2}.controls>p{color:var(--muted);font-size:12px;line-height:1.6}fieldset{border:0;margin:25px 0;padding:0}legend,.width-label{margin-bottom:12px;font-size:11px;font-weight:600}.shape-options{gap:8px;display:flex}.shape-options button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;padding:10px 3px;font-size:9px}.shape-options button span{margin-bottom:4px;font-size:25px;line-height:1;display:block}.shape-options button[aria-pressed=true]{background:#f0f6e7;border-color:#96b665}.width-label{justify-content:space-between;display:flex}.width-label strong{color:#738c53;font-size:10px}select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:10px;font-size:12px}.auto-feature{gap:12px;margin-top:22px;display:flex}.auto-feature>span{color:#6e933d;background:#eef5e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.auto-feature strong{font-size:11px}.auto-feature p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.8}.honest-note{color:var(--muted);border-top:1px solid var(--line);margin-top:15px;padding-top:15px;font-size:10px;line-height:1.6}.url-box{background:#e9ede1;border:1px solid #dce2d2;border-radius:11px;margin-top:16px;padding:18px 22px}.url-box>div{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.url-box .eyebrow{letter-spacing:1.2px;font-size:9px}.url-box button{background:0 0;border:0;font-size:10px}.url-box>code{overflow-wrap:anywhere;color:#485b38;font-size:12px;line-height:1.6;display:block}.gallery-section{padding:65px 0}.gallery{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{text-align:left;color:inherit;background:0 0;border:0;padding:0}.card-image{background:#e7ebdf;border-radius:12px;height:200px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.card:hover img{transform:scale(1.04)}.card.selected .card-image{outline-offset:3px;outline:3px solid #a6c16b}.card-arrow{background:#ffffffe6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:12px;right:12px}.card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-top:17px;font-size:9px;display:flex}.card h3{letter-spacing:-.4px;margin:8px 0;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:500}.own-image{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:65px;padding:40px 0;display:grid}.own-image h2{font-size:27px}.own-image p{color:var(--muted);max-width:390px;font-size:12px;line-height:1.8}.own-image form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.own-image label{flex-direction:column;gap:8px;font-size:11px;display:flex}.own-image input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:12px;font-size:12px}.dark-button{background:var(--dark);color:#fff;border:0;border-radius:7px;grid-column:1/-1;padding:12px;font-size:12px}.form-message{grid-column:1/-1;min-height:20px;margin:0;font-size:10px!important}.about{background:var(--dark);color:#f3f5ec;border-radius:18px;margin:25px 0 65px;padding:46px}.about>.eyebrow{color:#b8cf9b}.about h2{margin-top:20px;font-size:37px}.about-grid{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px;display:grid}.about article{border-top:1px solid #ffffff30;padding-top:20px}.about article>span{color:#b8cf9b;font-size:10px}.about h3{letter-spacing:-.2px;margin-top:16px;font-size:16px;font-weight:500}.about p{color:#c1cbb9;font-size:12px;line-height:1.8}.about code{color:#d4eea7}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:28px 40px;display:flex}footer .brand{font-size:20px}footer p,footer>a:last-child{color:var(--muted);font-size:10px}.photo-error{color:#5a654d;text-align:center;place-items:center;height:100%;padding:25px;font-size:12px;line-height:1.7;display:grid}@media (min-width:1400px){main{max-width:1160px}.header,footer{max-width:1240px}}@media (max-width:1320px){main{margin:0 40px}.hero h1{font-size:90px}.preview-stage{height:340px}}@media (max-width:1000px){.stack{display:none}.lab-grid{grid-template-columns:1fr 290px;gap:15px}.controls{padding:20px}.preview-stage{height:310px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px}.card-image{height:250px}.own-image{gap:30px}.about-grid{gap:25px}.hero h1{font-size:80px}.hero-bottom{gap:25px}.hero p{font-size:13px}.pill-link{white-space:nowrap;gap:15px}}@media (max-width:700px){main{margin:0 20px}.header{height:78px;padding:0 20px}.brand{font-size:21px}.brand-icon{width:30px;height:30px}nav{gap:16px;font-size:11px}nav a:last-child{display:none}.hero{padding:40px 0}.hero h1{letter-spacing:-4px;margin:25px 0;font-size:66px}.hero-number{display:none}.eyebrow{font-size:9px}.hero-bottom{flex-direction:column;align-items:start;gap:22px}.hero p{font-size:13px}.pill-link{padding:13px 18px}.section-top{flex-direction:column;align-items:start;gap:8px}h2{font-size:26px}.section-top .small-note{margin:0}.lab-section{padding-top:30px}.lab-grid{grid-template-columns:1fr}.preview-panel{padding:12px}.preview-stage{height:300px}.preview-caption{font-size:9px;line-height:1.5}.controls{padding:23px}.controls h3{font-size:24px}.controls>p{margin-bottom:20px}.shape-options button{padding:10px;font-size:11px}.honest-note{font-size:11px}.auto-feature p{font-size:12px}.url-box{padding:16px}.url-box .eyebrow{font-size:8px}.url-box>code{font-size:11px}.gallery-section{padding:40px 0}.gallery{gap:20px 14px}.card-image{height:180px}.card h3{font-size:14px}.own-image{grid-template-columns:1fr;gap:20px;padding:30px 0}.own-image h2{font-size:26px}.own-image form{gap:12px}.about{margin-bottom:35px;padding:27px}.about h2{font-size:29px}.about-grid{grid-template-columns:1fr;gap:15px;margin-top:25px}.about article{padding-top:15px}.about h3,.about p{margin:10px 0}footer{flex-wrap:wrap;gap:17px;padding:25px 20px}footer p{margin:0}footer>a:last-child{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image img{transition:none}}