:root{--deep:#143c34;--green:#1c6d58;--paper:#fffaf1;--cream:#f4ead8;--gold:#e0b746;--ink:#173d35;--muted:#60756e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,"Avenir Next",Arial,sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}.hc-header{min-height:78px;padding:12px clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:rgba(255,252,246,.97);border-bottom:1px solid #e3d7c4;position:sticky;top:0;z-index:20}.hc-brand{display:flex;align-items:center;gap:12px;color:var(--deep);text-decoration:none}.hc-brand small,.hc-brand b{display:block}.hc-brand small{font-size:.65rem;letter-spacing:.2em}.hc-brand b{font-family:"Noto Serif",Georgia,serif}.hc-header nav{display:flex;gap:18px}.hc-header nav a{color:var(--deep);font-weight:800;text-decoration:none}.hc-hero{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:60px 0 32px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:end}.eyebrow{font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--green)}.hc-hero h1{font-family:"Noto Serif",Georgia,serif;font-size:clamp(2.8rem,7vw,6rem);line-height:.93;margin:.25rem 0 1rem}.hc-hero p{max-width:850px;color:var(--muted);font-size:1.05rem;line-height:1.6}.hc-status{background:#e9f4ed;border:1px solid #b8d7c1;border-radius:18px;padding:22px}.hc-status b,.hc-status span{display:block}.hc-status span{margin-top:8px;color:#49655c;line-height:1.5}.hc-studio{width:min(1420px,calc(100% - 40px));margin:0 auto 50px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:28px;align-items:start}.hc-preview-card,.hc-panel{background:#fff;border:1px solid #e1d5c2;border-radius:22px;box-shadow:0 15px 38px rgba(24,55,48,.08)}.hc-preview-card{position:sticky;top:102px;overflow:hidden}.hc-stage{position:relative;aspect-ratio:1/1;background:#f7f0e4}.hc-stage #hoodie-base{display:block;width:100%;height:100%;object-fit:cover}.hc-stage #hoodie-logo{position:absolute;left:50%;top:44%;width:28%;height:28%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.25));display:none}.hc-stage.left-chest #hoodie-logo{left:42%;top:42%;width:16%;height:16%}.hc-proof-label{position:absolute;right:18px;bottom:16px;background:rgba(255,252,246,.88);padding:7px 10px;border-radius:999px;font-size:.58rem;letter-spacing:.08em;font-weight:900;color:#5c6c66}.hc-caption{display:flex;justify-content:space-between;gap:20px;padding:17px 20px}.hc-caption span{color:var(--muted);text-align:right}.hc-controls{display:grid;gap:18px}.hc-panel{padding:22px}.hc-panel h2{font-family:"Noto Serif",Georgia,serif;margin:0 0 15px}.hc-panel label{display:grid;gap:6px;font-weight:800;margin:13px 0 6px}.hc-panel select,.hc-panel input[type=range]{width:100%}.hc-panel select{padding:11px;border:1px solid #cfc3af;border-radius:10px;background:#fff}.hc-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;max-height:245px;overflow:auto}.hc-logo-option{border:2px solid transparent;background:#fbf6ec;border-radius:10px;padding:6px;aspect-ratio:1;cursor:pointer}.hc-logo-option img{width:100%;height:100%;object-fit:contain}.hc-logo-option.active{border-color:var(--green);background:#edf6ef}.hc-upload{padding:12px;background:#f8f2e8;border-radius:12px}.hc-upload input{margin-top:7px}.hc-upload small{font-weight:500;color:var(--muted)}.hc-actions button,.button-link{display:flex;width:100%;justify-content:center;align-items:center;min-height:46px;border:0;border-radius:12px;background:var(--deep);color:#fff;font:inherit;font-weight:900;text-decoration:none;margin-top:9px;cursor:pointer}.hc-actions .secondary,.button-link.secondary{background:#fff;color:var(--deep);border:2px solid var(--deep)}.hc-gates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.hc-gates b{grid-column:1/-1}.hc-gates span{font-size:.78rem;background:#fff4df;padding:8px;border-radius:8px}.hc-explain{width:min(1420px,calc(100% - 40px));margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hc-explain article{background:#fff;border:1px solid #e1d5c2;border-radius:18px;padding:22px}.hc-explain h2{font-family:"Noto Serif",Georgia,serif}.hc-explain p{color:var(--muted);line-height:1.55}footer{background:var(--deep);color:#fff;padding:26px;text-align:center}footer a{color:#fff}@media(max-width:980px){.hc-hero,.hc-studio{grid-template-columns:1fr}.hc-preview-card{position:static}.hc-explain{grid-template-columns:1fr}.hc-header nav{display:none}}@media(max-width:580px){.hc-logo-grid{grid-template-columns:repeat(4,1fr)}.hc-caption{display:block}.hc-caption span{display:block;text-align:left;margin-top:5px}.hc-gates{grid-template-columns:1fr}}@media print{.hc-header,.hc-controls,.hc-explain,footer{display:none}.hc-studio,.hc-hero{display:block;width:100%;padding:0}.hc-preview-card{box-shadow:none;border:0}.hc-proof-label{font-size:9pt}}