.ms{--ink:var(--loam);--muted:var(--dark-grey);--line:var(--light-grey);--page:var(--limewash);--card:var(--white);--dark:var(--fynbos);--cta:var(--klompie);--error:var(--red);--accent:var(--olive);--bottle:var(--fynbos);--stone:var(--dark-grey);--r:2px;font-family:var(--font-body);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);font-weight:400;line-height:1.5}.ms *,.ms :before,.ms :after{box-sizing:border-box}.ms img{max-width:100%;display:block}.ms picture{display:block}.ms button{cursor:pointer;font-family:inherit}.ms h1,.ms h2{font-family:var(--font-heading);font-weight:400}.ms h3,.ms h4{font-family:var(--font-subheading);font-weight:400}.ms h1 em,.ms h2 em,.ms h3 em{font-style:italic}.ms :focus-visible{outline:2px solid var(--dark);outline-offset:2px}.ms .preview{object-fit:contain;border-radius:var(--r);border:1px solid var(--line);background:var(--card);width:100%;max-height:220px;margin-bottom:16px}.ms .err.block{margin:0 0 14px;display:block}.ms .brand{--logo-h:30px;height:var(--logo-h);width:auto;margin:calc(var(--logo-h) * .43)}.ms .shell{background:var(--page);border-inline:1px solid var(--line);max-width:498px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.ms .hdr{border-bottom:1px solid var(--line);z-index:20;background:var(--page);justify-content:space-between;align-items:center;padding:2px 22px 2px 9px;display:flex;position:sticky;top:0}.ms .hdr .partner{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:10.5px;display:flex}.ms .hdr .partner img{width:auto;height:15px}.ms .prog{align-items:center;gap:6px;padding:14px 22px 4px;display:none}.ms .prog.on{display:flex}.ms .prog .seg{background:var(--line);flex:1;height:3px;overflow:hidden}.ms .prog .seg>i{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.ms .prog .seg.done>i{width:100%}.ms .prog .seg.now>i{width:50%}.ms .prog-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 22px 2px;font-size:11px;display:none}.ms .prog-lbl.on{display:block}.ms .screen{padding:22px;display:none}.ms .screen.active{animation:.45s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ms .screen.active{animation:none}}.ms .lead{color:var(--ink);max-width:38ch;margin:12px 0 0;font-size:16px}.ms h2.step-h{margin:2px 0 6px;font-size:32px;line-height:1.08}.ms .step-sub{color:var(--muted);margin:0 0 20px;font-size:14.5px}.ms .hero{margin:-22px -22px 0;container-type:inline-size}.ms .hero>picture img{aspect-ratio:5/4;object-fit:cover;width:100%;height:auto}.ms .hero-copy{padding:22px 0 0}.ms .hero-copy h1{color:var(--ink);margin:0;font-size:clamp(40px,12.5vw,54px);line-height:1}.ms .hero-copy .tag{font-family:var(--font-subheading);color:var(--dark);margin:10px 0 0;font-size:20px;line-height:1.25}.ms .ara-wrap{container-type:inline-size}.ms .ara{background:var(--white);height:12cqw;min-height:40px;color:var(--loam);border-block:1px solid var(--line);justify-content:center;align-items:center;gap:3cqw;padding:0 16px;display:flex}.ms .ara picture{flex:none}.ms .ara img{width:auto;max-width:none;height:7.4cqw;min-height:25px}.ms .ara span{max-width:24ch;font-size:clamp(10px,2.85cqw,14px);font-weight:700;line-height:1.2}.ms .shell:not(:has(.screen.active .tiles)) .ara-ftr{display:none}.ms .btn{border:1px solid var(--cta);border-radius:var(--r);background:var(--cta);width:100%;color:var(--white);font-family:var(--font-subheading);letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:19px;font-weight:400;line-height:1.2;transition:background .2s,border-color .2s,transform 60ms;display:flex}.ms .btn:hover{background:var(--dark);border-color:var(--dark)}.ms .btn:active{transform:scale(.99)}.ms .btn:disabled{background:var(--line);border-color:var(--line);color:var(--muted);cursor:not-allowed}.ms .btn.ghost{color:var(--dark);border-color:var(--dark);background:0 0}.ms .btn.ghost:hover{background:var(--dark);color:var(--white)}.ms .btnrow{gap:10px;margin-top:8px;display:flex}.ms .btnrow .btn{flex:1;width:auto;padding-inline:8px;font-size:17px}.ms .back{color:var(--muted);letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:6px 0;font-size:13px;display:inline-flex}.ms .tcs{color:var(--ink);text-align:center;margin:10px 0 0;font-size:13px;line-height:1.5}.ms .tcs a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.ms .field{margin-bottom:18px}.ms .field label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.ms .phone{border:1px solid var(--dark);border-radius:var(--r);background:var(--card);align-items:stretch;display:flex;overflow:hidden}.ms .phone .cc{background:var(--page);color:var(--ink);border-right:1px solid var(--dark);align-items:center;padding:0 14px;font-size:15px;display:flex}.ms .phone input{background:var(--card);width:100%;color:var(--ink);border:none;outline:none;padding:15px 14px;font-family:inherit;font-size:16px}.ms select,.ms input[type=text]{border:1px solid var(--dark);border-radius:var(--r);background:var(--card);width:100%;color:var(--ink);appearance:none;outline:none;padding:15px 14px;font-family:inherit;font-size:16px}.ms select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='black' stroke-width='1.6' fill='none'/></svg>");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.ms select:disabled{border-color:var(--line);color:var(--muted)}.ms .phone:focus-within,.ms select:focus,.ms input[type=text]:focus{outline:2px solid var(--dark);outline-offset:1px}.ms .check{border:1px solid var(--dark);border-radius:var(--r);background:var(--card);cursor:pointer;align-items:flex-start;gap:12px;padding:15px;display:flex}.ms .check input{width:19px;height:19px;accent-color:var(--dark);flex:none;margin-top:2px}.ms .check span{color:var(--ink);font-size:14px}.ms .err{color:var(--error);margin-top:7px;font-size:13px;display:none}.ms .err.on{display:block}.ms .consent{color:var(--muted);margin-top:14px;font-size:12.5px;line-height:1.5}.ms .consent a{color:var(--ink);text-decoration:underline}.ms .grp{margin-bottom:26px}.ms .grp-img{margin:0 0 14px}.ms .grp-img img{aspect-ratio:2;object-fit:cover;width:100%;height:auto}.ms .grp-h{border-bottom:1px solid var(--saltbush);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:12px;padding-bottom:8px;display:flex}.ms .grp-name{font-family:var(--font-subheading);font-size:25px;line-height:1.15}.ms .grp-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--dark);font-size:11px}.ms .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ms .tile{border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-align:center;padding:12px 12px 10px;transition:border-color .2s;position:relative}.ms .tile.sel{border-color:var(--dark);outline:1px solid var(--dark)}.ms .shot{background:var(--page);justify-content:center;align-items:flex-end;height:156px;margin-bottom:8px;display:flex;overflow:hidden}.ms .shot picture{flex:none;height:100%}.ms .shot img{mix-blend-mode:multiply;flex:none;width:auto;max-width:none;height:100%}.ms .tile-name{color:var(--ink);justify-content:center;align-items:center;min-height:34px;font-size:13.5px;line-height:1.2;display:flex}.ms .tile-dot{background:var(--syrah);border-radius:50%;width:8px;height:8px;margin:0 auto 8px}.ms .tile-dot.white{background:var(--kraft)}.ms .tile-dot.rosé{background:var(--pink)}.ms .tile-dot.sparkling{background:var(--white);border:1px solid var(--kraft)}.ms .stepper{border:1px solid var(--line);border-radius:var(--r);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.ms .stepper button{background:var(--page);width:40px;height:38px;color:var(--ink);border:none;font-size:19px;line-height:1}.ms .stepper button:hover{background:var(--line)}.ms .stepper .qty{min-width:24px;font-size:15px;font-weight:500}.ms .tile.sel .stepper{border-color:var(--dark)}.ms .tally{padding:14px 22px calc(16px + env(safe-area-inset-bottom,0));background:var(--page);border-top:1px solid var(--line);margin:8px -22px -22px;position:sticky;bottom:0}.ms .tally .row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ms .tally .n{font-family:var(--font-heading);color:var(--ink);font-size:30px;line-height:1}.ms .tally .n small{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:400}.ms .drop{border:1px dashed var(--dark);border-radius:var(--r);background:var(--card);text-align:center;margin-bottom:16px;padding:28px 16px}.ms .drop h4{margin:0 0 4px;font-size:22px;line-height:1.2}.ms .drop p{color:var(--muted);margin:0;font-size:13.5px}.ms .drop .btnrow{margin-top:16px}.ms .filechip{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow-wrap:anywhere;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:14px;display:none}.ms .filechip.on{display:flex}.ms .filechip .ok{color:var(--dark);font-weight:600}.ms .note{color:var(--muted);margin-top:10px;font-size:12.5px;line-height:1.5}.ms .note b{color:var(--ink)}.ms .reading{background:var(--card);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;margin-bottom:14px;padding:14px 15px;display:none}.ms .reading.on{display:flex}.ms .spin-sm{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;animation:1s linear infinite spin}.ms .reading-t{color:var(--ink);margin-bottom:6px;font-size:13.5px}.ms .bar{background:var(--line);width:100%;height:5px;overflow:hidden}.ms .bar>i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.ms .center{text-align:center;padding:26px 8px}.ms .spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:52px;height:52px;margin:0 auto 22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ms .spin,.ms .spin-sm{animation-duration:3s}}.ms .tick{background:var(--dark);width:74px;height:74px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:36px;display:flex}.ms .verified{color:var(--dark);letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.ms .verified svg{flex:none;width:18px;height:18px}.ms .summary{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin:18px 0;padding:4px 16px}.ms .summary .li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.ms .summary .li:last-child{border-bottom:none}.ms .summary .li span:first-child{color:var(--muted);flex:none}.ms .summary .li span:last-child{text-align:right;overflow-wrap:anywhere}.ms .bign{font-family:var(--font-heading);color:var(--ink);margin:4px 0;font-size:68px;line-height:1}.ms .ref{color:var(--muted);letter-spacing:.08em;margin-top:6px;font-size:13px}.ms .prize{background:var(--dark);color:var(--white);border-radius:var(--r);text-align:center;margin:20px 0;padding:22px 20px}.ms .prize h3{margin:0 0 6px;font-size:27px;line-height:1.15}.ms .prize p{color:var(--limewash);margin:0;font-size:14px}.ms .ftr{background:var(--dark);color:var(--limewash);padding:22px 24px calc(30px + env(safe-area-inset-bottom,0));text-align:center}.ms .ftr .brand{--logo-h:40px;margin-inline:auto}.ms .ftr .rnw{background:var(--white);border-radius:var(--r);align-items:center;gap:9px;margin:4px 0 18px;padding:7px 12px;display:inline-flex}.ms .ftr .rnw img{width:auto;height:20px}.ms .ftr .rnw span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.ms .ftr p{margin:6px 0;font-size:12.5px;line-height:1.6}.ms .ftr .rd{color:var(--white);letter-spacing:.02em;font-weight:600}.ms .ftr a{color:var(--white);text-underline-offset:2px;text-decoration:underline}.ms .ftr .fine{margin-top:12px;font-size:11.5px}.ms .overlay{z-index:100;background:var(--dark);justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.ms .overlay.hide{display:none}.ms .gate{background:var(--page);border-radius:var(--r);text-align:center;width:100%;max-width:400px;padding:22px 24px 30px}.ms .gate .brand{--logo-h:34px;margin-inline:auto}.ms .gate h2{margin:8px 0;font-size:30px;line-height:1.1}.ms .gate p{color:var(--ink);margin:0 0 22px;font-size:14.5px}.ms .gate .btnrow .btn{flex:1}.ms .gate .deny{color:var(--error);margin-top:16px;font-size:13.5px;display:none}.ms .modal{z-index:110;background:color-mix(in srgb,var(--loam) 60%,transparent);justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.ms .modal.on{display:flex}.ms .sheet{background:var(--page);border-radius:var(--r) var(--r) 0 0;width:100%;max-width:498px;max-height:88vh;padding:24px 24px calc(30px + env(safe-area-inset-bottom,0));overflow:auto}.ms .sheet .x{float:right;background:var(--page);color:var(--ink);border:none;padding:2px 6px;font-size:26px;line-height:1;position:sticky;top:0}.ms .sheet h3{margin:0 0 14px;padding-right:30px;font-size:25px;line-height:1.15}.ms .sheet p{color:var(--ink);margin:0 0 12px;font-size:13.5px;line-height:1.6}.ms .sheet p strong{font-weight:600}