/* WattFits identity shared with the existing main-site showcase. Artwork stays on white. */
:root{--ink:#06182e;--muted:#9db5c8;--paper:#020b15;--line:rgba(96,215,255,.24);--teal:#60d7ff;--lime:#ff167d;--white:#f7fbff;color:var(--white);background:var(--paper);font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 85% 2%,#60d7ff0b,transparent 40%),#020b15;color:#f7fbff}
.site-header{height:118px;background:#020b15;border-bottom:1px solid #60d7ff35;padding:0 4.4%}
.brand{gap:22px}.brand-logo{display:block;width:112px;height:112px;object-fit:contain}.brand-sub{font-size:10px;font-weight:800;letter-spacing:2.3px;color:var(--cyan,#60d7ff)}.brand-divider{height:30px;background:#60d7ff55}
.back-link{color:#f7fbff;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1px}.back-link span{color:#ff167d;font-size:17px}
h1,h2{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.035em}
.review-heading{padding:40px 0 30px}.review-heading h1{font-size:clamp(34px,4vw,59px);line-height:1.02;letter-spacing:-.03em}.review-heading .eyebrow{color:#ff167d;font-size:10px}
.heading-meta{gap:12px}.status{color:#60d7ff;background:#06182e;border-color:#60d7ff60;font-size:10px}.status:before{background:#ff167d}.status.approved:before{background:#60d7ff}
.revision{color:#9db5c8}.subtitle{font-size:14px;color:#b9cbd8;line-height:1.6}
.collection-overview{border-top:1px solid #60d7ff35;padding:27px 0 25px;margin-bottom:10px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.collection-heading .eyebrow{color:#ff167d;font-size:9px;margin-bottom:10px}.collection-heading h2{font-size:33px;margin:0;line-height:1}.collection-heading>p{font-size:11px;color:#9db5c8;line-height:1.7;text-align:right;margin:0;max-width:260px}
.thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px;padding:0;overflow:visible}.thumb{position:relative;min-width:0;width:100%;background:#06182e;border:1px solid #60d7ff35;padding:9px;color:#f7fbff;text-align:left}.thumb.active{border:2px solid #ff167d;padding:8px}.thumb img{width:100%;height:112px;object-fit:contain;background:#fff}.thumb span{font-size:11px;padding:12px 3px 7px;white-space:normal;line-height:1.5;overflow-wrap:anywhere}.thumb.viewed:after{content:'✓ VIEWED';display:block;font-size:8px;letter-spacing:1.2px;color:#60d7ff;padding:0 3px 5px}
.review-layout{grid-template-columns:minmax(0,1fr) 370px;gap:26px}.artwork-panel{background:#06182e;border:1px solid #60d7ff40}.artwork-toolbar{background:#06182e;border-bottom:1px solid #60d7ff30;color:#9db5c8}.text-button{color:#60d7ff;font-size:10px}.artwork-stage{height:clamp(350px,43vw,620px);background:#fff}.image-state{color:#536779}.art-arrow{color:#06182e;border-color:#d1dce4;background:#fff}.artwork-caption{background:#06182e;border-color:#60d7ff30;padding:23px}.artwork-caption .eyebrow{color:#9db5c8}.artwork-caption h2{font:700 16px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0;color:#f7fbff}.flat-label{color:#60d7ff;border-color:#60d7ff55}
.review-panel{background:#06182e;border:1px solid #60d7ff40;padding:29px;position:sticky;top:22px}.panel-top .eyebrow{color:#ff167d}.step-number{color:#60d7ff;border-color:#60d7ff70}.review-panel h2{font-size:38px;line-height:.98;letter-spacing:-.02em}.panel-copy{color:#afc5d5;font-size:12px;line-height:1.85}.club-message{background:#020b15;border-left:3px solid #ff167d;color:#d7e6f1}.club-message>span{color:#60d7ff;font-size:8px}.club-message p{color:#d7e6f1}
.decision{background:#020b15;border:1px solid #60d7ff35}.decision input:checked+span{background:#ff167d;color:white}.decision span{font-size:10px;padding:13px 7px}.decision input:focus-visible+span{outline-color:#60d7ff}
input:not([type=radio]):not([type=checkbox]),textarea{background:#020e1d;color:#f7fbff;border-color:#60d7ff55;border-radius:0;font-size:13px}input::placeholder,textarea::placeholder{color:#7893a9}.optional{color:#9db5c8}.confirmation{color:#c0d3e1;font-size:11px!important}.confirmation input{accent-color:#ff167d}.viewing-hint{color:#60d7ff;font-size:10px}.form-error{color:#ff92c2}
.button{border-radius:0;text-transform:uppercase;letter-spacing:1px;font-size:11px;background:transparent;border-color:#60d7ff;color:#60d7ff;min-height:48px}.button.dark{background:#ff167d;border-color:#ff167d;color:white}.button.dark:hover:not(:disabled){background:#d90e67}.button:disabled{opacity:.5}.submit-button{min-height:52px;line-height:1.6}.approval-note{font-size:10px;color:#9db5c8}.panel-bottom{border-color:#60d7ff35}.panel-bottom>span{color:#f7fbff}.panel-bottom p{font-size:10px;color:#9db5c8}
.response-result{background:#031426;border:1px solid #60d7ff50}.response-result h3{color:#f7fbff}.response-result p{color:#bfd2e0}.result-icon{color:#60d7ff;border-color:#60d7ff}
.demo-banner{background:#12283e;border:1px solid #60d7ff55;color:#60d7ff;margin-top:22px}.demo-banner span{color:#b9cddd}.demo-banner a{color:#f7fbff}.review-footer{border-top:1px solid #60d7ff30;margin-top:32px;padding:25px 0;color:#9db5c8}.review-footer>span{color:#60d7ff}
.home{min-height:calc(100vh - 118px)}.home-copy{padding:13% 10% 10%}.home-copy .eyebrow{color:#ff167d}.home h1{font-size:clamp(62px,6.2vw,94px);line-height:.9;font-style:italic;letter-spacing:-.045em;margin:38px 0}.home h1 em{color:#60d7ff;font-style:italic}.intro{border-left:3px solid #ff167d;padding-left:18px;color:#bfd2df;font-size:15px}.link-note{color:#9db5c8}.home-art{background:linear-gradient(135deg,#06182e,#0b2843);border-left:1px solid #60d7ff40;padding:90px 30px}.home-art img{mix-blend-mode:normal;border:1px solid #60d7ff35}.art-label{color:#60d7ff}.art-foot{color:#9db5c8}.art-foot>span:first-child{color:#f7fbff}.message-screen h1{color:#f7fbff;font-size:44px}.message-screen p{color:#9db5c8}.message-screen .eyebrow{color:#ff167d}
dialog{background:#06182e;color:#f7fbff;border:1px solid #60d7ff66}.lightbox-top strong{color:#f7fbff}.lightbox-scroll{background:#fff}dialog>p{color:#9db5c8}
@media(min-width:1450px){.review-layout{grid-template-columns:minmax(0,1fr) 400px}.review-panel{padding:32px}.collection-heading h2{font-size:39px}}
@media(max-width:1000px){.review-layout{grid-template-columns:minmax(0,1fr) 325px;gap:18px}.review-panel{padding:23px}.review-panel h2{font-size:33px}.thumbnails{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(max-width:760px){.site-header{height:100px;padding:0 5%}.brand{gap:10px}.brand-logo{width:90px;height:90px}.brand-divider{display:none}.brand-sub{font-size:8px;letter-spacing:1px;max-width:85px;line-height:1.6}.back-link{font-size:8px;letter-spacing:.5px}.review-heading{padding:29px 0 25px;gap:12px}.review-heading h1{font-size:34px;line-height:.97}.review-heading .eyebrow{font-size:8px}.status{font-size:8px;padding:7px 9px}.subtitle{font-size:12px}.collection-heading{display:block;margin-bottom:18px}.collection-heading h2{font-size:30px}.collection-heading>p{text-align:left;max-width:none;margin-top:12px}.collection-overview{padding:23px 0;margin-bottom:0}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb img{height:100px}.thumb span{font-size:10px;padding:10px 2px 5px}.review-layout{grid-template-columns:minmax(0,1fr);gap:22px}.review-panel{position:static;padding:25px}.review-panel h2{font-size:36px}.artwork-stage{height:350px}.artwork-caption{padding:18px}.artwork-caption h2{font-size:14px}.home{min-height:0}.home-copy{padding:45px 8%}.home h1{font-size:66px;margin:29px 0}.home-art{height:410px;border-left:0;border-top:1px solid #60d7ff40;padding:65px 22px}.home-art img{max-height:280px;object-fit:contain}.demo-banner{font-size:8px;gap:8px}.demo-banner span{font-size:9px}.review-footer{margin-top:25px}.field-row{grid-template-columns:1fr;gap:0}}
@media(max-width:390px){.brand-sub{display:block}.review-heading h1{font-size:29px}.artwork-stage{height:310px}}