:root{--navy:#002855;--blue:#1768b2;--sky:#a8e7f7;--ice:#e9f9ff;--gold:#f2b544;--ink:#102538;--white:#fff;--line:#cbe7f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.skip{position:absolute;left:-9999px;top:10px;background:#fff;padding:12px;z-index:20}.skip:focus{left:10px}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px clamp(22px,5vw,74px);background:var(--sky);border-bottom:1px solid #85d5ea}.brand{display:flex;align-items:center;gap:15px;color:var(--navy);text-decoration:none}.brand-mark{position:relative;display:flex;align-items:center;letter-spacing:-7px;font-size:42px;line-height:1}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:-4px;width:112px;height:24px;border:4px solid var(--navy);border-left-color:transparent;border-right-color:transparent;border-radius:50%}.brand-mark:before{top:-12px;border-bottom-color:transparent}.brand-mark:after{bottom:-13px;border-top-color:transparent}.brand-mark strong{color:var(--blue);font-size:48px}.brand-name{display:flex;flex-direction:column;line-height:1.05}.brand-name b{font-size:18px;color:var(--blue)}.brand-name small{font-size:14px;font-weight:800;letter-spacing:.04em}.brand-name em{color:var(--blue);font-style:normal}.header-message{display:flex;flex-direction:column;text-align:right;color:var(--navy)}.header-message b{font-size:17px}.header-message span{font-size:14px}.hero{min-height:650px;display:grid;grid-template-columns:minmax(390px,.86fr) 1.14fr;background:var(--navy);overflow:hidden}.hero-copy{position:relative;z-index:2;padding:clamp(60px,8vw,112px) clamp(28px,6vw,92px);color:#fff}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{color:var(--sky)}h1{max-width:650px;margin:0;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.94;letter-spacing:-.045em}.lead{max-width:610px;margin:28px 0;font-size:clamp(1.05rem,1.5vw,1.25rem);color:#dcecf7}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 21px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-weight:900;transition:.2s}.primary{background:var(--gold);color:var(--navy)}.button:hover,.button:focus{transform:translateY(-2px);box-shadow:0 8px 20px #0002}.text-link{color:#fff;font-weight:800;text-decoration:none}.donation{display:flex;align-items:center;gap:14px;margin-top:48px;padding-top:24px;border-top:1px solid #ffffff3b}.donation strong{font-size:38px;color:var(--sky)}.donation span{font-size:14px;line-height:1.3}.hero-photo{min-height:650px;background-image:linear-gradient(90deg,var(--navy) 0%,transparent 20%),url('homepage-mockup.png');background-repeat:no-repeat;background-size:auto 1536px;background-position:60% -88px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.principles div{display:grid;grid-template-columns:auto 1fr;gap:0 14px;padding:28px clamp(20px,4vw,48px);background:#fff}.principles span{grid-row:1/3;font-size:28px;font-weight:900;color:var(--blue)}.principles b{font-size:16px;color:var(--navy)}.principles small{font-size:14px}.shops{padding:clamp(70px,9vw,125px) clamp(20px,5vw,72px);background:linear-gradient(180deg,#fff,var(--ice))}.section-heading{max-width:740px;margin-bottom:42px}.section-heading h2,.mission h2{margin:0;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.035em;color:var(--navy)}.section-heading>p:last-child{font-size:18px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1450px;margin:auto}.shop-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #00285512}.card-image{height:340px;background-image:url('homepage-mockup.png');background-repeat:no-repeat;background-size:1024px 1536px}.apparel-card .card-image{background-position:0 -730px}.trinkets-card .card-image{background-position:-342px -610px}.pets-card .card-image{background-position:-683px -640px}.card-copy{display:flex;flex:1;flex-direction:column;padding:26px}.card-number{margin:0;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.14em}.card-copy h3{margin:6px 0 8px;color:var(--navy);font-size:26px;line-height:1.05}.card-copy>p:not(.card-number){margin:0 0 22px}.card-copy .button{align-self:flex-start;margin-top:auto}.trinkets-card{transform:translateY(-18px)}.trinkets-card .button{background:var(--blue)}.coming-button{background:#0b7189}.mission{display:grid;grid-template-columns:.55fr 1.4fr .72fr;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(70px,9vw,120px) clamp(24px,6vw,90px);background:var(--sky)}.mission-mark{font-size:clamp(4.5rem,11vw,10rem);font-weight:900;letter-spacing:-.11em;color:var(--navy)}.mission>div:nth-child(2)>p:last-child{font-size:18px}.mission aside{display:flex;flex-direction:column;gap:9px;padding:28px;border-left:4px solid var(--blue);color:var(--navy)}.mission aside strong{font-size:24px}.mission aside span{font-weight:800}.mission aside small{margin-top:12px}footer{display:flex;justify-content:space-between;gap:30px;padding:35px clamp(24px,6vw,90px);background:var(--navy);color:#fff}footer div{display:flex;flex-direction:column}footer a{color:var(--sky)}footer span{font-size:14px;color:#cfe5f1}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-photo{min-height:480px;background-position:58% -88px}.principles{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.shop-card{display:grid;grid-template-columns:1fr 1fr}.card-image{height:100%;min-height:360px}.trinkets-card{transform:none}.mission{grid-template-columns:1fr}.mission-mark{font-size:7rem}.mission aside{border-left:0;border-top:4px solid var(--blue)}}@media(max-width:600px){.site-header{min-height:86px;padding:12px 16px}.brand-mark{font-size:30px}.brand-mark strong{font-size:35px}.brand-mark:before,.brand-mark:after{width:82px;height:17px;border-width:3px}.brand-name b{font-size:14px}.brand-name small{font-size:11px}.header-message{display:none}.hero{min-height:auto}.hero-copy{padding:60px 22px}.hero-photo{min-height:390px;background-size:auto 1200px;background-position:61% -70px}h1{font-size:3.25rem}.principles div{padding:22px}.shops{padding:65px 16px}.shop-card{display:flex}.card-image{height:350px;min-height:350px;background-size:1024px 1536px}.mission{padding:65px 22px}.mission-mark{font-size:5.5rem}footer{flex-direction:column}}
.card-image{height:270px;min-height:270px}.trinkets-card .card-image{background-position:-342px -555px}