.marina-detail{--navy:#092735;--cream:#f6efdb;--teal:#237f83;--orange:#db783f;background:var(--cream);min-height:100vh;color:var(--navy);font-family:Arial,Helvetica,sans-serif}.marina-detail *{box-sizing:border-box}.detail-topline{background:var(--orange);color:#fff8df;letter-spacing:.2em;justify-content:center;align-items:center;gap:14px;height:30px;font-size:10px;font-weight:800;display:flex}.detail-topline span{font-size:17px}.marina-detail header{background:var(--navy);height:90px;color:var(--cream);justify-content:space-between;align-items:center;padding:0 max(28px,50vw - 630px);display:flex}.marina-detail a{color:inherit}.detail-logo{text-align:center;flex-direction:column;text-decoration:none;display:flex;transform:rotate(-2deg)}.detail-logo b{letter-spacing:-.075em;font:900 36px Georgia,serif}.detail-logo small{letter-spacing:.3em;font-size:10px}.marina-detail nav{align-items:center;gap:34px;display:flex}.marina-detail nav a{font-size:13px;font-weight:700;text-decoration:none}.detail-bag{border:1px solid #91c2be;padding:13px 18px}.detail-wrap{max-width:1260px;margin:auto;padding:36px 30px 100px}.detail-back{margin-bottom:30px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.detail-back:hover{text-decoration:underline}.detail-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:42px;display:grid}.detail-image{background:#d9e2dc;padding:26px;box-shadow:10px 10px #b6cbc3}.detail-image img{width:100%;display:block}.detail-info{border:1px solid var(--navy);background:#fff9ea;padding:40px 46px;box-shadow:7px 7px #176368}.detail-edition{letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-size:12px;font-weight:900}.detail-info h1{letter-spacing:-.065em;margin:26px 0 16px;font:clamp(48px,5vw,76px)/.98 Georgia,serif}.detail-subtitle{color:var(--teal);margin:0 0 21px;font:italic 24px Georgia,serif}.detail-description{font-size:16px;line-height:1.6}.detail-specs{border-block:1px solid #b9c5ba;flex-wrap:wrap;gap:24px;margin:24px 0;padding:16px 0;display:flex}.detail-specs span{letter-spacing:.1em;color:#597277;text-transform:uppercase;font-size:11px}.detail-specs b{color:var(--navy);margin-top:5px;font-size:13px;display:block}.detail-price{font:40px Georgia,serif}.detail-price small{color:#657679;font:15px Arial}.detail-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.detail-fields label{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.detail-fields select,.detail-fields input{width:100%;color:var(--navy);background:#fff;border:1px solid #71898a;border-radius:0;margin-top:8px;padding:13px;font-size:16px;display:block}.detail-info button{background:var(--navy);color:#fff9e9;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:0;justify-content:space-between;width:100%;margin-top:18px;padding:18px 20px;font-weight:900;display:flex}.detail-info button:hover{background:var(--teal)}.detail-message{font-size:14px;font-weight:700}.detail-message a{color:var(--teal);margin-left:8px}.detail-note{color:#53676a;font-size:13px}.marina-detail footer{color:var(--cream);background:#061d29;justify-content:space-between;padding:45px max(30px,50vw - 630px);display:flex}.marina-detail footer b{letter-spacing:-.08em;font:900 31px Georgia,serif}.marina-detail footer a{font-size:14px}@media (max-width:760px){.marina-detail header{height:78px;padding:0 20px}.detail-logo b{font-size:25px}.detail-logo small{font-size:8px}.marina-detail nav{gap:12px}.marina-detail nav a{font-size:11px}.marina-detail nav a:nth-child(2),.marina-detail nav a:nth-child(3){display:none}.detail-bag{padding:10px}.detail-wrap{padding:30px 20px 75px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-image{padding:15px}.detail-info{padding:31px 24px}.detail-info h1{font-size:58px}.marina-detail footer{padding:35px 24px}}.detail-blank{margin:18px 0 0;font-size:15px;line-height:1.5}.detail-customize-design{border:1px solid var(--navy);color:var(--navy);text-align:center;letter-spacing:.04em;margin-top:12px;padding:15px 18px;font-size:13px;font-weight:900;text-decoration:none;display:block}:is(.detail-customize-design:hover,.detail-customize-design:focus-visible){background:var(--teal);color:#fff9e9}.marina-detail nav .main-website-link{white-space:nowrap;border:1px solid #91c2be;padding:13px 18px}.detail-color-swatches{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.detail-info .detail-color-swatches button{cursor:pointer;border:2px solid #73888b;border-radius:50%;width:34px;min-width:34px;height:34px;margin:0;padding:0;display:block;box-shadow:inset 0 0 0 2px #fff}.detail-info .detail-color-swatches button.selected{outline:3px solid var(--teal);outline-offset:2px}@media (max-width:760px){.marina-detail nav .main-website-link{padding:10px}}@media (max-width:500px){.marina-detail header{flex-wrap:wrap;justify-content:center;gap:12px;height:auto;min-height:78px;padding:16px 20px}.marina-detail nav{justify-content:center;width:100%}}.marina-detail.school-detail{--navy:#183c7c;--cream:#f5f7f8;--teal:#183c7c;--orange:#183c7c;color:#172d43;background:#f5f7f8}.school-detail .detail-topline{color:#fff;background:#183c7c}.school-detail header{color:#172d43;background:#fff;border-bottom:1px solid #dce4e8}.school-detail .detail-logo{transform:none}.school-detail .detail-logo b{letter-spacing:-.07em;font-family:Arial,Helvetica,sans-serif;font-size:30px}.school-detail .detail-bag,.school-detail nav .main-website-link{border-color:#b9c7d1}.school-detail .detail-wrap{max-width:1300px;padding-top:28px}.school-detail .detail-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:30px}.school-detail .detail-image{box-shadow:none;background:#edf1f2;padding:18px}.school-detail .detail-info{box-shadow:none;background:#fff;border:1px solid #dbe2e6;padding:34px 38px}.school-detail .detail-edition{color:#183c7c;font-size:10px}.school-detail .detail-info h1{letter-spacing:-.055em;margin:15px 0 9px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.2vw,50px);font-weight:800;line-height:1.02}.school-detail .detail-subtitle{margin-bottom:15px;font-size:18px}.school-detail .detail-description{margin:12px 0;font-size:14px;line-height:1.48}.school-detail .detail-blank{margin-top:9px;font-size:13px}.school-detail .detail-specs{margin:17px 0;padding:12px 0}.school-detail .detail-price{font:800 31px Arial,Helvetica,sans-serif}.school-detail .detail-price small{font-size:13px;font-weight:400}.school-detail .detail-fields select,.school-detail .detail-fields input{padding:10px 12px;font-size:14px}.school-detail .detail-info>button{background:#183c7c}.school-detail .detail-info>button:hover{background:#0e2d62}.school-detail footer{background:#172d43}@media (max-width:850px){.school-detail .detail-grid{grid-template-columns:1fr}}@media (max-width:520px){.school-detail .detail-info{padding:24px 20px}.school-detail .detail-info h1{font-size:37px}}.detail-personalization{grid-column:1/-1}.detail-personalization small{text-transform:none;letter-spacing:0;margin-top:8px;font-weight:400;line-height:1.5;display:block}.personalized-shirt-list{border:1px solid #71898a;grid-column:1/-1;min-width:0;margin:12px 0 0;padding:16px}.personalized-shirt-list legend{font-size:14px;font-weight:800}.personalized-shirt-list>p{margin:0 0 16px;font-size:13px;line-height:1.5}.personalized-shirt-row{border-top:1px solid #c5cbbf;grid-template-columns:1fr 2fr;gap:12px;padding:14px 0;display:grid}.personalized-shirt-row>strong{grid-column:1/-1;font-size:14px}.detail-info .remove-personalized-shirt,.detail-info .add-personalized-shirt{color:var(--navy);text-transform:none;letter-spacing:0;background:0 0;border:1px solid #71898a;grid-column:1/-1;justify-content:center;margin-top:0;padding:10px}.detail-info button:disabled{opacity:.6;cursor:wait}@media (max-width:400px){.personalized-shirt-row{grid-template-columns:1fr}.personalized-shirt-row>strong{grid-column:auto}}.koozie-pack-contents{background:#f2ead7;margin:22px 0;padding:18px}.koozie-pack-contents h2{margin:0 0 12px;font-size:18px}.koozie-pack-contents ul{padding-left:20px;font-size:14px;line-height:1.6}.koozie-pack-contents p{font-size:13px;line-height:1.5}.marina-detail:not(.school-detail){--navy:#0a2433;--cream:#fff;--teal:#194e63;--orange:#d97942;background:#fff}.marina-detail:not(.school-detail) .detail-topline{color:#dce7eb;letter-spacing:.15em;background:#0a2433;height:34px;font-size:9px}.marina-detail:not(.school-detail) header{color:#0a2433;background:#fff;border-bottom:1px solid #dce2e4;height:96px}.marina-detail:not(.school-detail) .detail-logo{text-align:left;transform:none}.marina-detail:not(.school-detail) .detail-logo b{letter-spacing:-.075em;font:900 34px Arial,Helvetica,sans-serif}.marina-detail:not(.school-detail) .detail-logo small{letter-spacing:.26em;margin-top:6px;font-size:8px}.marina-detail:not(.school-detail) .detail-image{box-shadow:none;background:#f2f4f4;padding:20px}.marina-detail:not(.school-detail) .detail-info{box-shadow:none;background:#fff;border:0;padding:12px 0 0 14px}.marina-detail:not(.school-detail) .detail-info h1{letter-spacing:-.045em;margin:18px 0 14px;font:800 clamp(32px,3.5vw,48px)/1.08 Arial,Helvetica,sans-serif}.marina-detail:not(.school-detail) .detail-subtitle{color:#66747b;font:400 16px/1.5 Arial,Helvetica,sans-serif}.marina-detail:not(.school-detail) .detail-description{font-size:14px;line-height:1.75}.marina-detail:not(.school-detail) .detail-price{font:700 30px Arial,Helvetica,sans-serif}.marina-detail:not(.school-detail) .detail-specs{border-color:#dce2e4}.marina-detail:not(.school-detail) .detail-fields select,.marina-detail:not(.school-detail) .detail-fields input{background:#f7f9f9;border-color:#dce2e4;min-height:48px}.marina-detail:not(.school-detail) .detail-info>button{color:#102b3b;letter-spacing:.04em;background:#e6824b;min-height:54px;font-size:12px}.marina-detail:not(.school-detail) .detail-info>button:hover{background:#f6a675}.marina-detail:not(.school-detail) .detail-bag,.marina-detail:not(.school-detail) nav .main-website-link{border-color:#dce2e4}.marina-detail:not(.school-detail) .koozie-pack-contents{background:#f1f5f6;padding:22px}.marina-detail:not(.school-detail) footer{color:#fff;background:#0a2433}.marina-detail:not(.school-detail) footer b{letter-spacing:-.075em;font:900 30px Arial,Helvetica,sans-serif}.marina-detail:not(.school-detail) :focus-visible{outline-offset:4px;outline:3px solid #dd7943}@media (max-width:760px){.marina-detail:not(.school-detail) header{height:auto;min-height:82px;padding-block:18px}.marina-detail:not(.school-detail) .detail-grid{gap:24px}.marina-detail:not(.school-detail) .detail-info{padding:0}.marina-detail:not(.school-detail) .detail-info h1{font-size:34px}.marina-detail:not(.school-detail) .detail-image{padding:12px}.marina-detail:not(.school-detail) .detail-back{margin-bottom:24px;font-size:12px}.marina-detail:not(.school-detail) .detail-wrap{padding:24px 20px 50px}}