@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173d32;--green:#19644c;--paper:#edf0e8;--muted:#64746b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:#fafbf7;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b87832;outline-offset:5px}header{height:82px;background:#fafbf7;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #dce2d8;position:relative;z-index:5}.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.3px}.brand span{color:#32966c}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:4px}nav{display:flex;gap:38px;font-size:12px}.signin{font-size:12px}.signin span{margin-left:20px}.journey{height:340vh;background:var(--paper)}.pin{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 67% 48%,#f7f8f1 0,transparent 60%),var(--paper)}.topline{position:absolute;top:27px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;z-index:3}.topline a{letter-spacing:0;font-size:11px}.topline i{display:inline-block;width:6px;height:6px;background:#318965;border-radius:100%;margin-right:9px}.hero-title{position:absolute;top:69px;left:5%;z-index:2;pointer-events:none}h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(25px,2.8vw,43px);line-height:1.18;letter-spacing:-1.8px;margin:0}.hero-title p{font-size:11px;color:var(--muted);margin-top:17px}.edition{position:absolute;right:5%;top:76px;font-size:8px;letter-spacing:1.4px;line-height:2.5;text-align:right}.edition strong{font-size:18px;letter-spacing:0;font-weight:400}.word{position:absolute;top:18%;left:32%;font-family:Manrope,sans-serif;font-size:clamp(160px,23vw,390px);font-weight:700;letter-spacing:-.08em;color:#dce3d6;line-height:1;pointer-events:none}#stage{position:absolute;inset:15% 0 12% 28%;z-index:1}#stage canvas{width:100%;height:100%;display:block}#fallback{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 30px 25px #173d3226)}#fallback.hidden{display:none}.view-label{position:absolute;left:42%;top:29%;font-size:8px;letter-spacing:2px;color:#7c897c;z-index:2}.annotation{position:absolute;top:42%;right:6%;font-size:10px;line-height:1.6;z-index:2;pointer-events:none}.annotation span{display:block;width:62px;border-top:1px solid #98a68e;transform:rotate(-25deg);transform-origin:right}.annotation p{margin-left:65px}.story{position:absolute;left:5%;bottom:132px;width:29%;max-width:355px;z-index:3}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.7px}.story h2{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,44px);font-weight:500;line-height:1.12;letter-spacing:-1.7px;margin:20px 0 16px}.story p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:#fff;padding:15px 21px;border-radius:4px;font-size:11px;margin-top:13px}.primary span{font-size:16px}.story .fine,.fine{font-size:9px;line-height:1.6;color:#788276;margin-top:14px}.finish{position:absolute;right:5%;bottom:132px;z-index:3}.finish>span{font-size:8px;letter-spacing:1.6px}.finish>div{display:flex;align-items:center;gap:10px;margin:12px 0}.swatch{width:27px;height:27px;border:4px solid var(--paper);border-radius:50%;outline:1px solid transparent}.swatch.light{background:#b88b55}.swatch.dark{background:#423a30}.swatch.active{outline-color:var(--ink)}.finish strong{font-weight:400;font-size:10px;margin-left:7px}.finish small{font-size:8px;color:var(--muted)}.hero-bottom{position:absolute;left:5%;right:5%;bottom:54px;display:flex;align-items:center;justify-content:space-between;z-index:4}.hero-bottom button{border:0;background:transparent;color:var(--ink);font-size:10px}#pause{padding:10px 0}#pause span{margin-left:8px}.chapters{display:flex;gap:32px}.chapters button{padding:12px 0;opacity:.45;position:relative}.chapters button.active{opacity:1}.chapters button.active:before{content:'';height:3px;background:var(--green);position:absolute;top:-5px;left:0;right:0}.chapters button span{margin-left:7px}.scroll-hint{font-size:8px;letter-spacing:1.5px}.scroll-hint span{margin-left:14px;font-size:17px}.track{position:absolute;bottom:33px;left:5%;right:5%;height:1px;background:#ced7c6}#progress{height:2px;width:0;background:var(--green)}.render-note{position:absolute;bottom:11px;left:5%;font-size:8px;color:#7d8778}#featuredSelector{position:absolute;top:178px;left:5%;z-index:4;display:flex;gap:8px}#featuredSelector:empty{display:none}#featuredSelector button{border:1px solid #b2c1ad;background:#f8faf3;padding:7px;font-size:10px;border-radius:3px}#featuredSelector button[aria-pressed=true]{background:var(--ink);color:white}.marketplace{padding:90px 6% 80px;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.closer h2,.sell h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-2px;font-size:42px;line-height:1.2;margin:20px 0 30px}.section-head p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:35px}.search{display:flex;align-items:center;border:1px solid #d8dfd2;border-radius:5px;padding:10px 10px 10px 25px;margin:13px 0 35px;background:white;gap:25px}.search label{font-size:11px}.search input{flex:1;min-width:100px;border:0;padding:15px;background:transparent;font-size:12px}.search button{background:var(--ink);color:#fff;border:0;border-radius:3px;padding:15px;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid a{padding:25px;background:#edf0e8;min-height:190px;position:relative;border-radius:5px;transition:background .2s}.category-grid a:hover{background:#dfe7d7}.category-grid span{font-size:7px;letter-spacing:1.3px}.category-grid h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin-top:28px}.category-grid b{position:absolute;right:23px;bottom:20px;font-weight:400}.closer{padding:10px 6% 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.closer-image{height:440px;background:#e5e6df;border-radius:5px;overflow:hidden}.closer-image img{height:100%;width:100%;object-fit:cover}.closer h2{font-size:37px}.closer p{font-size:12px;line-height:1.8;color:var(--muted)}.price{display:flex;flex-direction:column;margin:25px 0;gap:9px}.price small{font-size:8px;letter-spacing:1.5px}.price strong{font-size:29px;font-weight:500}.price span{font-size:9px;color:var(--muted)}.sell{margin:0 6% 70px;padding:45px;background:#163e31;color:#f7f9ef;border-radius:5px;position:relative}.sell h2{font-size:35px}.sell>a{position:absolute;right:45px;bottom:60px;background:#eaf0df;color:var(--ink);padding:17px 25px;font-size:12px;border-radius:3px}footer{padding:35px 6%;border-top:1px solid #dce2d8;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p,footer small,footer a:not(.brand){font-size:10px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:20px}footer>small{width:100%}@media(min-width:1600px){.story{bottom:160px}#stage{inset:13% 1% 13% 25%}}@media(max-width:850px){header{height:70px}nav{gap:18px}nav a:first-child{display:none}.brand{font-size:21px}.brand small{font-size:6px}.pin{min-height:740px}.hero-title{top:68px}.hero-title h1{font-size:29px}.word{left:22%;top:22%;font-size:28vw}#stage{inset:23% -15% 27% 12%}.story{bottom:120px;width:42%}.story h2{font-size:29px}.story p{font-size:11px}.finish{bottom:140px}.annotation{display:none}.view-label{top:26%;left:35%}.chapters{gap:17px}.chapters button span{display:none}.scroll-hint{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.search label{display:none}.closer{gap:5%}.closer-image{height:380px}}@media(max-width:560px){html{scroll-padding-top:0}header{padding:0 6%}nav{display:none}.signin{font-size:10px}.journey{height:310vh}.pin{min-height:690px}.topline{left:6%;right:6%;top:20px;font-size:7px}.topline a{font-size:9px}.hero-title{top:56px;left:6%}.hero-title h1{font-size:26px;letter-spacing:-1px}.hero-title p{font-size:10px;margin-top:9px}.edition{top:64px;right:6%;font-size:6px}.edition strong{font-size:14px}.word{top:25%;left:5%;font-size:38vw}#stage{inset:21% -18% 36% -12%}.view-label{left:6%;top:21%;font-size:7px}.story{left:6%;bottom:112px;width:60%;max-width:none}.story h2{font-size:29px;letter-spacing:-1px;margin:11px 0}.story p{font-size:10px;line-height:1.6;margin:8px 0}.eyebrow{font-size:6px;letter-spacing:1px}.primary{padding:12px 15px;font-size:10px;margin-top:9px;gap:17px}.story .fine{font-size:7px;max-width:240px}.finish{right:6%;bottom:157px;width:26%}.finish>span{font-size:6px}.finish>div{gap:8px;flex-wrap:wrap}.finish strong{width:100%;margin:2px 0;font-size:8px}.finish small{font-size:7px}.swatch{width:25px;height:25px}.hero-bottom{bottom:54px;left:6%;right:6%}.hero-bottom button{font-size:9px}.chapters{gap:20px}.render-note{font-size:6px;left:6%;bottom:13px}.track{left:6%;right:6%;bottom:35px}.marketplace{padding:55px 6%}.section-head{display:block}.section-head h2{font-size:33px}.section-head p{margin-bottom:20px;font-size:11px}.search{padding:7px;gap:0;flex-wrap:wrap}.search input{width:100%;font-size:11px}.search button{width:100%;font-size:10px;padding:12px}.category-grid{gap:10px}.category-grid a{padding:18px;min-height:170px}.category-grid span{font-size:6px}.category-grid h3{font-size:18px}.closer{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.closer-image{height:270px}.closer h2{font-size:32px}.sell{padding:30px;margin-bottom:40px}.sell h2{font-size:28px}.sell>a{position:static;display:inline-block;margin-top:5px}footer{gap:15px}footer>div{margin-left:0;width:100%;gap:20px}#featuredSelector{top:163px;left:6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Photographic turntable: fixed subject width across every frame, no scroll zoom. */
#stage{inset:0;perspective:1600px;pointer-events:none;overflow:visible}
.photo-turntable{position:absolute;width:71vw;height:54vh;left:26%;top:21%;transform-style:preserve-3d;will-change:transform}
.turntable-photo{position:absolute;height:auto;max-width:none;transform:translateY(calc(-1 * var(--anchor)));pointer-events:none;filter:drop-shadow(0 28px 22px #183d3218);will-change:opacity}
#fallback{position:absolute;left:26%;top:21%;width:71vw;height:54vh;object-fit:contain;transition:opacity .2s}
.story{width:43%;max-width:580px;bottom:120px;padding:25px 30px 18px 0;z-index:3;background:linear-gradient(90deg,#edf0e8f5 0%,#edf0e8e6 65%,#edf0e800 100%);border-radius:8px}
.story h2{font-size:clamp(40px,4.4vw,68px);font-weight:600;letter-spacing:-2.8px;margin:16px 0 18px;line-height:1.05;text-shadow:0 1px 20px #edf0e8}
.story p{font-size:16px;line-height:1.65;max-width:430px;color:#3c5144}
.story .eyebrow{font-size:10px;letter-spacing:1.6px}.story .fine{font-size:10px;max-width:420px;color:#68765f}.story .primary{font-size:13px;padding:16px 22px}
.chapter-counter{display:block;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;margin-bottom:13px;color:#28724f}
.annotation{top:35%;right:6%;background:#f8faf0bb;border-radius:5px;padding:8px}.finish{bottom:132px}.word{top:22%;left:29%;font-size:25vw;opacity:.65}.view-label{left:auto;right:6%;top:25%;font-size:9px}.hero-title p{font-size:12px}
@media(min-width:1600px){.photo-turntable,#fallback{width:72vw;left:25%;top:19%;height:59vh}.story{bottom:126px}}
@media(max-width:850px){.photo-turntable,#fallback{width:87vw;left:12%;top:20%;height:49vh}.story{width:60%;bottom:115px}.story h2{font-size:46px}.story p{font-size:14px}.view-label{top:23%}}
@media(max-width:560px){.pin{min-height:790px}.photo-turntable,#fallback{width:100vw;left:0;top:18%;height:38vh}.word{top:24%;left:0;font-size:42vw}.story{left:6%;width:90%;max-width:none;bottom:112px;padding:15px 12px 8px 0;background:linear-gradient(90deg,#edf0e8f5 0%,#edf0e8e8 65%,#edf0e860 100%)}.story h2{font-size:clamp(33px,8.5vw,44px);letter-spacing:-1.6px;margin:10px 0 12px}.story p{font-size:12px;line-height:1.55;max-width:92%}.story .eyebrow{font-size:7px;letter-spacing:1px}.story .fine{font-size:8px;max-width:90%;margin-bottom:0}.story .primary{font-size:11px;padding:12px 17px;margin-top:7px}.chapter-counter{font-size:10px;letter-spacing:2px;margin-bottom:8px}.finish{bottom:auto;top:40%;right:6%;width:auto;text-align:right;padding:9px 10px;background:#f5f8efde;border-radius:5px}.finish>div{flex-wrap:nowrap;gap:8px;margin:8px 0}.finish strong{display:none}.finish small{font-size:6px}.finish>span{font-size:6px}.swatch{width:23px;height:23px}.view-label{top:20%;right:6%;font-size:6px}.render-note{font-size:6px}.hero-title h1{font-size:24px}}
/* Six still photographs: only opacity changes during scrolling. */
.journey{height:380vh}.image-gallery{position:absolute;width:71vw;height:58vh;left:26%;top:18%;pointer-events:none}
.gallery-photo{position:absolute;top:50%;height:auto;max-width:none;transform:translateY(calc(0% - var(--anchor)));filter:drop-shadow(0 24px 20px #173d3215);pointer-events:none;will-change:opacity}
#fallback{width:71vw;height:58vh;left:26%;top:18%;transition:none}
.gallery-status{position:absolute;right:6%;top:22%;font-size:8px;color:#68775e;max-width:230px;text-align:right}
.gallery-arrows{display:flex;justify-content:flex-end;gap:10px}.gallery-arrows button{border:1px solid #a6b49c;border-radius:50%;width:31px;height:31px;background:#f2f5eb;color:#173d32;font-size:16px}.gallery-arrows button:disabled{opacity:.3;cursor:default}
.chapters{gap:22px}.chapters button{font-size:9px}.chapters button span{margin-left:5px}
@media(max-width:1100px){.chapters{gap:18px}.chapters button span{display:none}}
@media(max-width:850px){.image-gallery,#fallback{width:92vw;left:8%;top:18%;height:50vh}}
@media(max-width:560px){.journey{height:370vh}.image-gallery,#fallback{width:100vw;left:0;top:16%;height:40vh}.chapters{gap:17px}.chapters button{font-size:8px}.gallery-status{top:18%;font-size:6px}.gallery-arrows{gap:8px!important;justify-content:center}.gallery-arrows button{width:25px;height:25px;font-size:13px}.finish{top:36%;padding:7px}.finish small{font-size:6px}}
.pin{min-height:0}
@media(max-height:720px){.hero-title h1{font-size:25px}.hero-title p{margin-top:8px}.story{bottom:104px}.story h2{font-size:36px;margin:10px 0 12px}.story p{font-size:12px;line-height:1.5}.story .fine{font-size:8px}.story .primary{padding:11px 16px;font-size:11px}.chapter-counter{margin-bottom:8px;font-size:10px}.finish{bottom:110px}}
@media(max-width:560px) and (max-height:720px){.story h2{font-size:29px}.story p{font-size:11px}.story .fine{font-size:7px}.story{bottom:102px}.finish{bottom:auto;top:34%}}

/* CommerceSA platform overview; kept outside the scrollytelling hero. */
.marketplace-intro{max-width:590px}
.platform-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 52px}
.platform-pillars article{padding:22px 20px;background:#fff;border:1px solid #d8dfd2;border-radius:5px}
.platform-pillars article>span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}
.platform-pillars h3{font-size:17px;line-height:1.3;font-weight:500;margin:20px 0 10px}
.platform-pillars p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.category-heading{margin:0 0 20px}
@media(max-width:850px){.platform-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.platform-pillars{grid-template-columns:1fr;gap:10px;margin-bottom:38px}.platform-pillars article{padding:18px}.platform-pillars h3{margin:12px 0 7px}.category-heading{margin-bottom:15px}}

/* Keep the marketplace intro clear of the featured-story counter on desktop. */
@media(min-width:851px){.hero-title{top:42px}.hero-title p{max-width:520px;line-height:1.45}}

/* Keep the intro and featured story apart on short, narrow browser windows. */
@media(max-height:500px) and (min-width:561px){.topline{display:none}.hero-title{top:0;left:5%;max-width:65%;padding:3px 7px;background:var(--paper);border-radius:3px;z-index:4}.hero-title h1{font-size:18px;line-height:1.1}.hero-title p{display:none}.story{bottom:72px;width:44%;max-width:330px;padding:10px 12px;background:rgba(237,240,232,.98);border-radius:4px}.story h2{font-size:26px;line-height:1.08;margin:7px 0}.story p{font-size:10px;line-height:1.4;margin:6px 0}.story .fine{font-size:7px}.finish{bottom:72px}.hero-bottom{bottom:30px}.track{bottom:15px}.render-note{bottom:4px}}

/* Live listing cards and shared PHP shell. */
.site-content{padding:0!important;min-height:0!important}
.site-footer{display:block!important}
.recent-listings{padding:62px 6% 78px;background:#fafbf7}
.recent-listings-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.recent-listings-head h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3.5vw,42px);font-weight:500;letter-spacing:-1.6px;margin:14px 0 8px}
.recent-listings-head p{font-size:12px;line-height:1.7;color:var(--muted)}
.recent-listings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.recent-listing-card{overflow:hidden;border:1px solid #d8dfd2;border-radius:5px;background:#fff}
.recent-listing-image{display:block;height:205px;overflow:hidden;background:#edf0e8}
.recent-listing-image img{display:block;width:100%;height:100%;object-fit:contain}
.recent-listing-info{padding:17px}
.recent-listing-info h3{margin:0 0 7px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:1.4}
.recent-listing-info p{margin:0 0 15px;color:var(--muted);font-size:10px}
.recent-listing-info>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #e1e6de}
.recent-listing-info strong{font-size:14px;color:var(--ink)}
.recent-listing-info>div a{font-size:10px;color:var(--green)}
.recent-listings-empty{padding:25px;background:#edf0e8;border-radius:4px;color:var(--muted);font-size:12px}
.recent-listings-empty a{color:var(--ink);font-weight:600}
@media(max-width:850px){.recent-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-listings-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.recent-listings{padding:45px 6% 55px}.recent-listings-grid{grid-template-columns:1fr}.recent-listing-image{height:215px}}