@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f6f5ef;--ink:#151b17;--lime:#d8f36a;--muted:#72786c;--line:#ddded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #68953b;outline-offset:5px}button{border:0}svg{width:21px;height:21px}.demo-bar{background:var(--ink);color:var(--lime);font-size:10px;font-weight:700;letter-spacing:1.2px;display:flex;justify-content:center;gap:18px;padding:9px 20px}.demo-bar span{color:#bdc3b7;font-weight:400;letter-spacing:.2px}.header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:20px}.logo{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:40px;font-weight:800;line-height:.85;letter-spacing:-1px;display:inline-flex;align-items:flex-end;gap:8px}.logo>span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6}.logo-dot{color:#68953b;font-size:9px;margin-left:4px}nav{display:flex;gap:30px;font-size:13px;font-weight:500}nav a:hover{color:#6c823b}.cart-trigger{background:transparent;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}.cart-trigger b{background:var(--ink);color:var(--paper);border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center;font-size:11px}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:580px;align-items:stretch;background:var(--ink);color:var(--paper)}.hero-copy{min-width:0;position:relative;padding:65px 7% 48px 9%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:0 0 20px;display:flex;align-items:center;gap:8px}.eyebrow>span,.mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(38px,5.2vw,82px);font-weight:800;line-height:1.12;letter-spacing:-.5px;margin-bottom:25px}h1>span{display:block}h1 em{color:var(--lime);font-style:normal}.hero-description{font-size:14px;line-height:1.85;color:#b8c0b2;margin-bottom:30px}.button{flex-shrink:0;min-height:50px;padding:16px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border-radius:3px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:var(--ink)}.primary:hover{background:#e7ff8c}.button span{font-size:20px;line-height:1}.hero-foot{line-height:1.8;margin-top:40px;display:flex;flex-wrap:wrap;gap:15px;font-size:8px;letter-spacing:1px;color:#879180}.hero-image{position:relative;min-height:580px;overflow:hidden}.hero-image>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:45% 40%;filter:brightness(.75)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,27,23,.55),transparent 50%);pointer-events:none}.frame-line{position:absolute;inset:30px;border:1px solid #ffffff4a;z-index:1;pointer-events:none}.image-tag{position:absolute;bottom:58px;left:52px;color:white;font-size:10px;font-weight:600;letter-spacing:2px;z-index:2}.image-credit{position:absolute;bottom:37px;left:52px;font-size:8px;color:#ccd0c9;z-index:2}.hero-image-number{font-family:'Barlow Condensed',Impact,sans-serif;position:absolute;top:37px;right:49px;font-size:75px;font-weight:800;-webkit-text-stroke:1px white;color:transparent;z-index:2}.section{padding:65px 7%;max-width:1550px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}.section-heading>div{min-width:0}.section-heading .eyebrow{margin-bottom:8px;color:var(--muted)}h2{font-size:35px;font-weight:600;letter-spacing:-.7px;line-height:1.25;margin-bottom:0}.small-label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.match-card{width:100%;display:flex;align-items:center;text-align:left;background:#eceee4;border:1px solid var(--line);border-radius:5px;padding:0;overflow:hidden;transition:box-shadow .2s}.match-card:hover{box-shadow:0 7px 25px #151b1710}.match-card img{height:135px;width:210px;object-fit:cover;filter:brightness(.8)}.match-info{padding:22px 28px}.badge{font-size:8px;letter-spacing:1px;font-weight:700;background:var(--lime);padding:5px 7px;display:inline-block;margin-bottom:12px}.match-info h3{font-size:21px;font-weight:600;margin-bottom:7px;letter-spacing:-.6px}.match-info p{font-size:12px;color:var(--muted);margin-bottom:0}.match-info p span{margin:0 8px}.match-arrow{margin-left:auto;margin-right:35px;font-size:28px}.gallery{padding-top:15px}.price-note{font-size:12px;color:var(--muted);text-align:right}.price-note strong{font-size:25px;color:var(--ink);letter-spacing:-1px}.price-note small{display:block;font-size:9px;margin-top:5px}.gallery-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border-radius:3px;padding:9px 14px;font-size:11px;color:var(--muted)}.filter.active{background:var(--ink);color:var(--paper)}.filter span{padding-left:8px;opacity:.55}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.gallery-hint{font-size:11px;color:var(--muted);margin:18px 0 24px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-card{min-width:0}.photo-image{width:100%;position:relative;overflow:hidden;display:block;background:#d4d9c8;padding:0;aspect-ratio:4/5;border-radius:4px}.photo-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-image:hover img{transform:scale(1.035)}.watermark{position:absolute;inset:0;display:grid;align-content:center;gap:65px;overflow:hidden;pointer-events:none}.watermark span{font-size:22px;font-weight:700;letter-spacing:5px;white-space:nowrap;transform:rotate(-28deg) scale(1.15);color:#ffffff66;text-shadow:0 1px 6px #0003}.photo-image .photo-tag{position:absolute;top:14px;left:14px;background:#f6f5efee;padding:6px 9px;font-size:8px;letter-spacing:1px;font-weight:600}.zoom-mark{position:absolute;bottom:14px;right:14px;color:white;background:#151b176e;display:grid;place-items:center;font-size:20px;width:30px;height:30px;border-radius:50%}.photo-details{padding:15px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.photo-details h3{font-size:13px;font-weight:600;letter-spacing:-.2px;margin-bottom:4px}.photo-details p{font-size:10px;color:var(--muted);margin-bottom:0}.add-button{padding:8px 11px;background:transparent;border:1px solid #d4d7cb;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap}.add-button.selected{background:var(--ink);color:white;border-color:var(--ink)}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;margin-top:12px;gap:18px;font-size:10px;color:var(--muted)}.gallery-bottom>span{white-space:nowrap;display:flex;align-items:center;gap:6px}.gallery-bottom p{margin:0;text-align:right;font-size:10px}.mini-dot{background:#6c823b;width:5px;height:5px}.how{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line)}.how>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:20px}.steps article{display:flex;gap:26px;padding:20px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;color:#8c987d}.steps article h3{font-size:16px;margin-bottom:9px;font-weight:600}.steps article p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.closing{margin:20px 5% 60px;padding:65px 7%;text-align:center;color:var(--paper);background:var(--ink);border-radius:5px}.closing .eyebrow{justify-content:center;color:#b8c0b2}.closing h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;font-weight:700;text-transform:uppercase;margin-bottom:30px;line-height:1.12}.closing .button{min-width:210px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 5%;font-size:10px;color:var(--muted)}footer .logo{color:var(--ink);font-size:32px}footer p{margin:0}footer>span{margin-left:auto;font-size:9px}dialog{border:0;padding:0;color:var(--ink);background:var(--paper);border-radius:7px;box-shadow:0 20px 100px #0005;max-height:90dvh}dialog::backdrop{background:#101610b3;backdrop-filter:blur(5px)}.modal-header{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.icon-button{background:#e8eade;border-radius:50%;width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;font-size:15px}.photo-modal{width:min(820px,94vw)}.modal-image{position:relative;background:#111;height:min(61dvh,650px);overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:contain}.modal-image .watermark{text-align:center}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px}.modal-footer p{font-size:10px;color:var(--muted);margin:5px 0 0}.modal-footer strong{font-size:15px}.cart-modal{width:min(490px,94vw);padding-bottom:15px}.modal-header .eyebrow{font-size:8px;margin-bottom:7px}.modal-header h2{font-size:27px}#cart-items{padding:0 25px;max-height:45dvh;overflow:auto}.cart-item{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item img{height:68px;width:55px;object-fit:cover;border-radius:3px}.cart-item>div{flex:1}.cart-item strong{font-size:13px}.cart-item p{font-size:11px;color:var(--muted);margin:6px 0 0}.remove-button{background:transparent;font-size:10px;color:var(--muted);text-decoration:underline;padding:10px}.empty-cart{text-align:center;padding:40px 10px;font-size:13px;line-height:1.8;color:var(--muted)}#cart-summary{padding:15px 25px}.total-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 0 25px}.total-row strong{font-size:26px;letter-spacing:-1px}.full-width{width:100%}.cart-note{font-size:10px;color:var(--muted);line-height:1.7;margin:15px 0 0}.checkout-modal{width:min(460px,94vw)}.checkout-body{padding:10px 30px 30px}.checkout-symbol{display:grid;place-items:center;border-radius:50%;background:var(--lime);width:50px;height:50px;font-size:28px;margin-bottom:20px}.checkout-body h2{font-size:28px}.checkout-body>p{font-size:13px;color:var(--muted);margin:16px 0}.checkout-info{background:#e9ecdf;padding:18px;margin:20px 0 25px;border-radius:4px;font-size:12px}.checkout-info p{font-size:12px;line-height:1.8;margin:8px 0 0;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 23px;border:1px solid #ffffff2a;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;z-index:10;transition:.2s;white-space:nowrap;box-shadow:0 4px 20px #0002}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero-copy{padding-left:max(10%,calc((100vw - 1300px)/2))}.hero{min-height:700px}.hero-image{min-height:700px}}
@media(max-width:900px){.hero{min-height:490px}.hero-image{min-height:490px}.hero-copy{padding:48px 7% 40px 9%}.hero-foot{margin-top:35px;font-size:7px;gap:10px}.section{padding:45px 5%}.gallery{padding-top:0}.photo-grid{gap:14px}.photo-details{align-items:flex-start;flex-direction:column;gap:9px}.how{gap:35px}.small-label{display:none}.image-tag,.image-credit{left:35px}.frame-line{inset:20px}.hero-description{font-size:12px}.header{padding:22px 5%}nav{gap:18px;font-size:11px}.gallery-bottom{align-items:flex-start}}
@media(max-width:600px){.demo-bar{font-size:8px;gap:8px;letter-spacing:.5px;padding:8px 10px}.demo-bar span{font-size:8px}.header{padding:19px 5%}.logo{font-size:34px}.logo>span{font-size:8px}nav{display:none}.cart-trigger{font-size:11px;gap:7px}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 30px}.hero-copy .eyebrow{font-size:8px}h1{font-size:clamp(36px,9.8vw,58px);line-height:1.12;letter-spacing:0}.hero-description{font-size:13px}.hero-foot{font-size:7px;margin-top:30px;gap:12px}.hero-image{min-height:330px;height:330px}.hero-image img{object-position:50% 43%}.hero-image-number{top:25px;right:35px;font-size:55px}.image-tag{bottom:48px}.image-credit{bottom:30px}.section{padding:38px 5%}.gallery{padding-top:0}h2{font-size:28px}.section-heading{gap:12px;align-items:flex-start}.price-note{font-size:10px;max-width:100px}.price-note strong{font-size:23px}.price-note small{font-size:8px}.match-card img{width:85px;height:143px}.match-info{padding:15px}.match-info h3{font-size:16px;line-height:1.2}.match-info p{font-size:10px;line-height:1.5}.match-arrow{margin-right:15px;font-size:22px}.badge{font-size:7px}.gallery-toolbar{align-items:flex-start}.filter{font-size:10px;padding:9px 10px}.filters{gap:4px}.result-count{padding-top:9px;font-size:9px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:13px}.photo-details h3{font-size:12px}.photo-details p{font-size:9px}.photo-image .photo-tag{font-size:7px;top:9px;left:9px}.watermark span{font-size:14px;letter-spacing:2px}.watermark{gap:40px}.gallery-bottom{flex-direction:column;gap:10px}.gallery-bottom p{text-align:left;line-height:1.6}.how{grid-template-columns:1fr;gap:28px}.how>div>p:not(.eyebrow){font-size:12px}.steps article{gap:22px}.closing{padding:40px 6%;margin-bottom:35px}.closing h2{font-size:48px}.closing .eyebrow{font-size:8px}footer{flex-wrap:wrap;gap:17px}footer>span{margin-left:0;width:100%;font-size:8px}.modal-footer{align-items:stretch;flex-direction:column;padding:17px}.modal-footer .button{width:100%;font-size:12px}.modal-header{padding:17px}.modal-image{height:52dvh}.toast{font-size:11px;max-width:90vw;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}