:root{--ink:#1a1c17;--paper:#f7f7f1;--line:#dcdfd2;--muted:#6d7264;--accent:#e8edb1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #727d48;outline-offset:4px}.top{padding:10px 5%;background:var(--ink);color:white;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.top span{color:#cdd2bd}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}header a:last-child{font-size:12px}main{min-height:610px;outline:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;max-width:1600px;margin:auto}.copy{padding:65px 7% 60px 10%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;display:flex;gap:10px;align-items:center;margin:0 0 24px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:#88914b}h1,h2{font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(56px,5.6vw,87px);line-height:1.04;letter-spacing:-4px;margin:0 0 26px}h1 em{font-family:Georgia,serif;font-weight:400}.lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:380px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.btn{padding:17px 24px;background:var(--ink);color:white;border:1px solid var(--ink);display:inline-flex;gap:35px;align-items:center;justify-content:center;font-size:12px;min-height:52px;border-radius:2px}.btn:hover{background:#38402b}.btn.secondary{background:transparent;color:var(--ink);border-color:#adb49c}.text{padding:10px 0;background:none;border:0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.small{font-size:11px;color:var(--muted);line-height:1.8}.art{background:#e5e8db;position:relative;overflow:hidden;margin:26px 26px 26px 0;min-height:560px}.art:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #c9d0b6;border-radius:50%;left:calc(50% - 230px);top:55px}.art img{position:absolute;object-fit:contain;width:84%;height:43%;mix-blend-mode:multiply;filter:drop-shadow(0 24px 16px #535e3e22)}.art .p1{top:9%;left:0;transform:rotate(-13deg)}.art .p2{top:40%;right:-4%;transform:rotate(11deg)}.art-label{position:absolute;top:28px;left:28px;font-size:10px;letter-spacing:2px}.art-foot{position:absolute;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.tag{position:absolute;bottom:100px;left:25px;padding:12px 17px;background:#f6f7ecbb;border:1px solid #b3bba2;transform:rotate(-6deg);font-size:10px;letter-spacing:1px}.how{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 5%;border-top:1px solid var(--line);gap:50px}.how article{display:flex;gap:20px}.how b{font-size:11px;color:#7e8966}.how h3{margin:0 0 8px;font-size:13px;font-weight:500}.how p{font-size:12px;color:var(--muted);margin:0}.wizard{max-width:1320px;margin:auto;padding:35px 5% 60px}.progress{display:flex;gap:15px;margin-bottom:42px}.progress span{flex:1;border-top:2px solid var(--line);padding-top:12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#8e9580}.progress .active{border-color:var(--ink);color:var(--ink)}.heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:30px}.heading h2{font-size:38px;letter-spacing:-1.6px;margin:0 0 15px}.heading p{line-height:1.8;color:var(--muted);max-width:610px;margin:0}.heading .eyebrow{margin-bottom:14px}.choices{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.choice{padding:25px 14px;border:1px solid var(--line);background:#ffffff88;min-height:220px;text-align:center;transition:.2s;position:relative}.choice:hover{border-color:#8b9673;background:#eef1e2}.choice[aria-pressed=true]{border-color:var(--ink);background:var(--accent)}.choice h3{font-size:15px;font-weight:500;margin:18px 0 8px}.choice p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.choice svg{height:90px;width:90px;fill:none;stroke:var(--ink);stroke-width:1.3}.three{grid-template-columns:repeat(3,1fr)}.colours{grid-template-columns:repeat(4,1fr)}.swatch{height:62px;width:62px;margin:10px auto 28px;border-radius:50%;display:block;border:1px solid #0001}.black{background:#242622}.warm{background:linear-gradient(130deg,#b68b54,#4c3023)}.colour{background:linear-gradient(135deg,#a0c6de,#708755 50%,#dd884b)}.any{background:conic-gradient(#282923,#b18a5a,#abc4df,#a6b17f,#282923)}.bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.bottom p{margin:0}.callout{background:#ecefdf;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.callout p{margin:0;line-height:1.8;font-size:12px}.camera-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.camera{position:relative;aspect-ratio:4/3;background:#e2e7d4;overflow:hidden}.camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera:after{content:'';position:absolute;left:27%;top:12%;width:46%;height:76%;border:2px dashed #f2f8df;border-radius:48%;pointer-events:none}.camera-label{position:absolute;bottom:16px;left:20px;right:20px;background:#1a2116d9;color:white;padding:12px;font-size:12px;text-align:center;z-index:1}.meter{height:4px;background:#d3dac1;margin:22px 0}.meter span{display:block;height:100%;background:#73884a;width:0}.confirm-art{height:300px;display:grid;place-items:center;background:var(--accent)}.confirm-art svg{height:180px;width:150px;fill:none;stroke:#4c5a2c;stroke-width:1}.bogo{background:var(--ink);color:white;padding:28px 30px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:35px}.bogo h2{font-size:24px;letter-spacing:-.6px;margin:5px 0 8px}.bogo p{margin:0;font-size:12px;color:#c9d0bc;line-height:1.7}.bogo .badge{padding:15px 20px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:11px;white-space:nowrap;transform:rotate(-8deg)}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.pill{padding:8px 13px;font-size:10px;background:#e8eddb;border-radius:20px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 22px}.section-head h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:8px 0 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{min-width:0}.image{background:#eef0e6;aspect-ratio:1.12;position:relative;display:block;overflow:hidden}.image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:.4s}.image:hover img{transform:scale(1.06)}.image span{position:absolute;top:13px;left:14px;font-size:9px;z-index:1;letter-spacing:1px}.title{display:flex;justify-content:space-between;gap:10px;margin:18px 0 10px}.title h3{font-size:12px;font-weight:500;margin:0}.price{font-size:11px;white-space:nowrap}.reason{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.shop{display:flex;justify-content:space-between;border-bottom:1px solid #a3ad8c;padding:10px 0;font-size:11px}.message{font-size:12px;color:#626e3e;line-height:1.8}details{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.8}summary{cursor:pointer;color:var(--ink)}footer{padding:28px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center;color:var(--muted);font-size:10px}footer b{font-weight:500;letter-spacing:1px;color:var(--ink)}@media(max-width:800px){header{height:80px}.hero{grid-template-columns:1fr}.copy{padding:45px 7% 20px}h1{font-size:60px;letter-spacing:-3px}.art{margin:20px 6% 30px;min-height:360px}.art:before{width:300px;height:300px;left:calc(50% - 150px);top:30px}.art img{width:74%;height:44%}.art .p1{top:5%}.art .p2{top:35%}.tag{bottom:65px}.how{grid-template-columns:1fr;gap:25px;padding:30px 6%}.wizard{padding:28px 6% 45px}.heading h2{font-size:29px}.choices,.colours{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:1fr}.three .choice{min-height:170px}.choice{min-height:200px}.products{grid-template-columns:repeat(2,1fr);gap:22px 14px}.title{flex-direction:column;gap:7px}.reason{min-height:55px}.camera-layout{grid-template-columns:1fr}.bogo{padding:22px}.bogo h2{font-size:23px}.bogo .badge{padding:13px;font-size:9px}.callout{align-items:start;flex-direction:column}.bottom{align-items:start}.bottom p{max-width:150px}.progress span{font-size:8px;letter-spacing:.2px}footer{flex-wrap:wrap}footer span{order:3;line-height:1.8}.confirm-art{height:200px}.confirm-art svg{height:150px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.hero-visual{padding:26px 26px 26px 0;min-width:0}.hero-visual .art{margin:0;min-height:560px}.art.custom-media:before{display:none}.art.custom-media>.hero-upload{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none;transform:none}.media-editor{border:1px solid #cdd3bd;background:#f1f3e6;margin-top:12px;font-size:12px}.media-editor summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;justify-content:space-between;gap:20px;font-weight:500}.media-editor summary::-webkit-details-marker{display:none}.media-editor-body{padding:0 18px 16px}.media-editor-body>p:first-child{margin-top:0}.upload-label{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 18px;cursor:pointer;font-size:12px;width:100%;max-width:300px}.file-picker{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-label:has(+input:focus-visible){outline:3px solid #727d48;outline-offset:3px}.media-name{font-size:11px;overflow-wrap:anywhere}.setting-label{font-size:11px;display:block;margin:15px 0}.setting-label input:not([type=range]),.setting-label select{display:block;width:100%;padding:10px;margin-top:7px;background:var(--paper);color:var(--ink);border:1px solid #b8c0a5;font:inherit}.setting-label input[type=range]{display:block;width:100%;accent-color:#667b3c;margin-top:10px}.editor-note{border-top:1px solid #d7ddc8;padding-top:12px;margin-bottom:0}.face-outline{stroke-linecap:round;stroke-linejoin:round}.choices:has(.face-outline) .choice{padding-top:30px}.choices:has(.face-outline) .choice:after{content:'';position:absolute;right:13px;top:13px;width:13px;height:13px;border:1px solid #929b84;border-radius:50%;background:transparent}.choices:has(.face-outline) .choice[aria-pressed=true]:after{background:var(--ink);box-shadow:inset 0 0 0 3px var(--accent)}.choice .face-outline{height:115px;width:105px;stroke-width:1.15}.confirm-art .face-outline{height:190px}@media(max-width:800px){.hero-visual{padding:18px 6% 30px}.hero-visual .art{min-height:390px}.hero{overflow:hidden}.choice .face-outline{height:105px}}
.image{aspect-ratio:1;background:#f3f4ef}.image img{object-fit:contain;mix-blend-mode:normal}.owner-tools{margin-top:25px;border-top:1px solid var(--line);padding-top:8px;max-width:380px}.owner-tools .text{color:var(--muted);font-size:11px}.curation-toolbar{display:flex;align-items:center;gap:35px;background:#ecefdf;padding:16px 22px;margin-bottom:32px}.curation-toolbar .setting-label{width:300px;flex-shrink:0;margin:0}.curation-toolbar .small{margin:0;max-width:390px}.curation-group{margin:30px 0}.curation-group>h3{font:500 23px Manrope,sans-serif;letter-spacing:-.8px;display:flex;justify-content:space-between;align-items:center}.curation-group h3 span{font:11px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0}.curation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.curation-image{aspect-ratio:1;background:#f3f4ef;overflow:hidden}.curation-image img{width:100%;height:100%;object-fit:contain}.curation-slot .setting-label select{width:100%;min-width:0;max-width:100%;font-size:11px;padding:10px 5px}.curation-slot .small{font-size:10px;margin-top:0}.curation-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-top:25px;border-top:1px solid var(--line)}@media(max-width:800px){.curation-toolbar{align-items:start;flex-direction:column;gap:12px}.curation-toolbar .setting-label{width:100%}.curation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.image{aspect-ratio:1}.curation-actions{gap:16px}}
.hero-visual .art:has(.campaign-collage){min-height:0;aspect-ratio:6/7;background:#f7f6f2}.art:has(.campaign-collage):before{display:none}.art .campaign-collage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none;transform:none}
.stock-label{display:inline-block;padding:5px 9px;border:1px solid #b9bdaf;background:#e7e9df;color:#5b6150;text-transform:uppercase;font-size:9px;letter-spacing:1px;margin-bottom:4px}

.product .add-cart{width:100%;margin:12px 0 6px;gap:10px}.product .add-cart:disabled{cursor:not-allowed;background:#dfe3d4;color:#7b816f;border-color:#d0d6c1}.pair-pick{font-size:11px;border:1px solid #b9c2a2;background:transparent;width:100%;padding:10px;margin:4px 0 12px}.pair-pick[aria-pressed=true]{background:var(--accent);border-color:var(--ink)}.pair-bag{position:sticky;bottom:16px;z-index:5;background:#f7f8ee;box-shadow:0 3px 30px #1112;border:1px solid #b7c09f;padding:16px 20px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:18px}.pair-bag p{margin:0;font-size:12px;line-height:1.7}.cart-feedback{font-size:11px;line-height:1.7;min-height:0;color:#596a33}.cart-feedback.error{color:#9a3524}.finder-admin-note{margin:20px 5%;padding:18px;background:#eef0df;font-size:12px}.finder-admin-note span{display:inline-block;margin:8px;padding:8px;border:1px solid #b8c29f}.art:has(.campaign-video):before{display:none}.art .campaign-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.art:has(.campaign-video){aspect-ratio:6/7;min-height:0!important}.empty-frames{padding:30px;background:#ecefdf;font-size:14px}@media(max-width:600px){header nav{gap:18px}header nav a{font-size:10px}.pair-bag{flex-direction:column;align-items:stretch}.pair-bag .btn{width:100%}}

.finder-draft .pair-bag{bottom:80px}

.scanner-first{margin-top:0;margin-bottom:28px}.shape-divider{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:16px;font-weight:500}.shape-divider span{font-size:11px;letter-spacing:2px;color:var(--muted)}.shape-divider:after{content:"";height:1px;background:var(--line);flex:1}
