:root{color-scheme:light;--canvas:#f6f8f6;--surface:#fff;--surface-soft:#f2f6f3;--surface-blue:#eef3f8;--ink:#203246;--ink-2:#405469;--muted:#718092;--line:#e1e8e4;--line-strong:#cdd9d2;--green:#315b47;--green-hover:#244b38;--sage:#deebe2;--sage-ink:#355947;--blue:#e6edf5;--gold:#f5eedf;--red:#a64949;--shadow-sm:0 2px 8px #2032460a;--shadow-md:0 12px 32px #2032460d;--shadow-lg:0 24px 60px #20324612;--radius-sm:9px;--radius:15px;--radius-lg:22px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--green);text-underline-offset:3px}a:hover{color:var(--green-hover)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}:focus-visible{outline:3px solid #91b8a0;outline-offset:3px}::selection{background:#dcebe3;color:#203246}img{max-width:100%}
h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:var(--display);letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5.25rem);line-height:1.03;font-weight:700;margin-bottom:22px}h2{font-size:clamp(1.65rem,3.4vw,2.5rem);line-height:1.14;font-weight:650;margin-bottom:18px}h3{font-size:1rem;line-height:1.3;font-weight:650;margin-bottom:10px}main{max-width:1440px;margin:0 auto}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5.6vw,84px);background:#ffffffec;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.site-header{position:relative;z-index:2}.school-mark,.site-footer>div:first-child{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:650;letter-spacing:-.01em}.logo-placeholder{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #cfded4;border-radius:13px;background:linear-gradient(145deg,#eff5f0,#e6eff5);color:#587463;font-size:10px;font-weight:750;letter-spacing:.08em}.logo-small{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:8px}.school-logo{width:auto;max-width:44px;height:38px;object-fit:contain;border-radius:7px}.site-footer .school-logo{width:auto;height:34px}.header-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header-link,.header-nav a,.footer-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:9px;color:var(--ink-2);font-size:13px;font-weight:550;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.header-link:hover,.header-nav a:hover,.footer-links a:hover{background:var(--surface-soft);color:var(--green);transform:translateY(-1px)}.site-footer{border-top:1px solid var(--line);border-bottom:0;background:transparent;padding-top:26px;padding-bottom:30px}.footer-muted{color:var(--muted);font-weight:450}.footer-links{display:flex;gap:4px;flex-wrap:wrap}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#567866;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#8fb19b;box-shadow:0 0 0 4px #8fb19b20}h1 span{color:#658776}.intro{max-width:480px;margin-bottom:28px;color:#627386;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.8}.hero{min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(36px,6vw,86px);padding:72px clamp(24px,8.5vw,128px) 82px}.hero-copy{max-width:590px}.hero-art{height:410px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe8e1;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 35%,#f5f0e8 0%,#eaf1ec 55%,#e5edf2 100%);box-shadow:var(--shadow-md)}.art-label{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:9px;color:#5e7267;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.art-dot{width:7px;height:7px;border-radius:50%;background:#7fa28a;box-shadow:0 0 0 4px #7fa28a20}.hoodie-placeholder{width:225px;height:245px;position:relative;display:grid;place-items:center;clip-path:polygon(24% 3%,39% 0,50% 12%,61% 0,76% 3%,100% 23%,86% 41%,76% 34%,76% 100%,24% 100%,24% 34%,14% 41%,0 23%);background:linear-gradient(140deg,#afc1b3,#829c8c 52%,#728a7c);filter:drop-shadow(0 22px 22px #516b5a30);transition:transform .3s ease}.hero-art:hover .hoodie-placeholder{transform:translateY(-4px) rotate(-1deg)}.hoodie-placeholder::before{content:"";position:absolute;width:55px;height:50px;border:2px solid #e3ede5;border-bottom:0;border-radius:45% 45% 0 0;top:15px;opacity:.65}.hoodie-placeholder span{padding-top:45px;text-align:center;color:#f8faf8;font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:.12em}.hoodie-placeholder small{color:#e5eee8;font:650 7px var(--sans);letter-spacing:.16em}.art-caption{position:absolute;bottom:18px;color:#6e8177;font-size:11px;font-weight:550;letter-spacing:.035em}.hero-product-image{max-width:84%;max-height:78%;object-fit:contain;z-index:1}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.price-note{font-size:15px;font-weight:700}.price-note span,.section-price span{color:var(--muted);font-size:12px;font-weight:450}
.button{min-height:46px;padding:0 17px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;white-space:normal;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #20324614}.button:active{transform:translateY(0) scale(.985)}.button-primary{background:var(--green);border-color:var(--green);color:#fff}.button-primary:hover{background:var(--green-hover);border-color:var(--green-hover);color:#fff}.button-secondary{background:#fff;border-color:var(--line-strong);color:var(--ink-2)}.button-secondary:hover{background:var(--surface-soft);border-color:#afc6b7;color:var(--ink)}.button-danger{background:#fff;border-color:#efd9d7;color:var(--red)}.button-danger:hover{background:#fbefee}.text-button,.link-button{padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease}.text-button:hover,.link-button:hover{background:var(--surface-soft);color:var(--green)}
.product-section{padding:60px clamp(24px,8.5vw,128px) 90px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:9px}.section-price{margin:0 0 5px;font-weight:700}.product-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:325px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.product-copy{padding:clamp(26px,4vw,42px)}.product-copy>p{max-width:560px;margin-bottom:26px;color:var(--ink-2)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}h3{font-size:13px;letter-spacing:-.01em}.swatches,.size-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swatch-item{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:12px}.swatch{display:block;width:16px;height:16px;border:1px solid #bdc8c1;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff}.swatch-white{background:#f4f3ee}.swatch-gray{background:#858a8a}.swatch-black{background:#303a42;border-color:#65717a}.size-list span{min-width:38px;height:36px;padding:0 9px;border:1px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;background:#fbfcfb;color:var(--ink-2);font-size:11px;font-weight:650}.notice{padding:13px 15px;border:1px solid #d9e4dc;border-left:3px solid #82a98f;border-radius:0 10px 10px 0;background:#eff5f0;color:#42594e;font-size:13px}.notice-success{border-color:#c9dfd0;border-left-color:#588e69;background:#eff7f1;color:#385c43}.notice-error{border-color:#eed4d1;border-left-color:#b65c54;background:#fff3f1;color:#80443e}.product-visual{min-height:310px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#edf3ef,#e5edf2);color:#687a73;font-size:11px;letter-spacing:.04em}.hoodie-mini{width:138px;height:148px;display:grid;place-items:center;clip-path:polygon(24% 3%,39% 0,50% 12%,61% 0,76% 3%,100% 23%,86% 41%,76% 34%,76% 100%,24% 100%,24% 34%,14% 41%,0 23%);background:linear-gradient(135deg,#a8bbae,#82998a);filter:drop-shadow(0 14px 18px #4a665633)}.hoodie-mini span{padding-top:22px;color:#f5f8f5;font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:.05em}.product-visual>span{position:absolute;bottom:18px}.product-card-image{width:100%;height:100%;max-height:350px;object-fit:contain;padding:22px}.quick-add{display:grid;grid-template-columns:minmax(145px,1fr) 94px auto;align-items:end;gap:10px;margin-top:18px}.quick-add label{display:block;color:var(--muted);font-size:11px;font-weight:600}.quick-add .button{min-height:44px;white-space:nowrap}
.steps-section{padding:72px clamp(24px,8.5vw,128px) 82px;background:#edf3ef;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:clamp(36px,8vw,110px)}.steps-section h2{max-width:390px;font-size:clamp(1.9rem,3.6vw,2.8rem)}.steps-list article{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #d8e3dc}.steps-list article:last-child{border:0;margin:0;padding:0}.step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d4e2d8;border-radius:10px;background:#f8fbf9;color:#5b8269;font-size:11px;font-weight:750}.steps-list h3{font-size:14px;margin:2px 0 5px}.steps-list p{font-size:13px;color:#647385;margin:0}.info-sections{padding:42px clamp(24px,8.5vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line)}.info-sections article{padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.info-sections h2{font-size:17px;letter-spacing:-.02em;margin-bottom:10px}.info-sections p{font-size:13px;color:var(--ink-2);margin:0}.info-sections article p+p{margin-top:12px}.privacy-text{white-space:normal;line-height:1.8;color:var(--ink-2)}
@media(max-width:900px){.hero{gap:34px;padding-top:55px;padding-bottom:62px}.hero-art{height:350px}.product-card{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr)}.product-copy{padding:28px}.quick-add{grid-template-columns:1fr 90px}.quick-add .button{grid-column:1/-1}}
@media(max-width:700px){.site-header,.site-footer{padding:15px 20px}.site-header{align-items:flex-start;flex-direction:column;gap:10px}.header-nav{width:100%;gap:3px}.header-link,.header-nav a,.footer-links a{min-height:38px;padding:7px 9px;font-size:12px}.hero{grid-template-columns:1fr;padding:46px 22px 52px;gap:32px}.hero-art{height:310px}.hoodie-placeholder{transform:scale(.88)}.hero-art:hover .hoodie-placeholder{transform:scale(.88) translateY(-3px)}.product-section{padding:44px 22px 60px}.product-card{grid-template-columns:1fr}.product-copy{padding:26px 22px}.product-visual{min-height:250px}.steps-section{grid-template-columns:1fr;gap:28px;padding:48px 22px 54px}.info-sections{grid-template-columns:1fr;gap:14px;padding:28px 22px}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{gap:2px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:420px){h1{font-size:clamp(2.55rem,13vw,3.2rem)}.options-grid{grid-template-columns:1fr;gap:18px}.hero-actions{align-items:flex-start;gap:14px;flex-direction:column}.intro{font-size:15px}.quick-add{grid-template-columns:1fr 86px;gap:8px}.quick-add .button{grid-column:1/-1}.product-copy{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.icon{display:inline-block;flex:0 0 auto;width:16px;height:16px;vertical-align:middle}.header-nav .icon{width:15px;height:15px}.header-nav a[aria-current=page]{background:#edf4ef;color:var(--green);font-weight:700}.header-nav form{display:inline-flex;align-items:center}.header-nav .link-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px}.header-nav .link-button .icon{width:15px;height:15px}
.quick-field{display:grid;gap:5px}.quick-add .button{align-self:end}.product-card,.info-sections article,.form-card,.admin-panel{animation:surface-in .34s ease both}@keyframes surface-in{from{opacity:.84;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}