.sailor-page{--sailor-navy:#111c3a;--sailor-red:#ef2d3d;--sailor-white:#f8f8f4;--sailor-blue:#dfe9f2;--accent:var(--sailor-red);background:var(--sailor-white)}
.sailor-pad{padding:clamp(82px,9vw,148px) var(--gutter)}
.sailor-hero{position:relative;min-height:100svh;padding-top:var(--header);display:grid;grid-template-columns:minmax(440px,.85fr) minmax(500px,1.15fr);background:var(--sailor-navy);color:#fff;overflow:hidden}
.sailor-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(74px,8vw,128px) var(--gutter)}.sailor-hero-copy .section-index{color:#ff6671}.sailor-hero-copy h1{margin:22px 0 30px;font-size:clamp(72px,8.6vw,138px);line-height:.82;letter-spacing:-.065em}.sailor-hero-copy>p:not(.section-index){max-width:610px;margin:0 0 34px;font-size:clamp(17px,1.35vw,21px);line-height:1.55}
.sailor-hero-product{position:relative;display:grid;place-items:center;min-height:calc(100svh - var(--header));background:#fff;overflow:hidden}.sailor-hero-product::before{content:"";position:absolute;inset:0 0 auto;height:12px;background:repeating-linear-gradient(90deg,var(--sailor-red) 0 64px,#fff 64px 128px)}.sailor-hero-product img{width:min(78%,720px);height:min(78%,720px);object-fit:contain;animation:sailor-in .8s cubic-bezier(.2,.72,.2,1) both}.sailor-hero-product figcaption,.sailor-swim-products figcaption,.sailor-outfit-grid figcaption{position:absolute;left:18px;bottom:16px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#111}.sailor-code{position:absolute;right:18px;bottom:18px;z-index:3;margin:0;color:var(--sailor-navy);font-size:9px;font-weight:700;letter-spacing:.15em;writing-mode:vertical-rl}
.sailor-heading{display:grid;grid-template-columns:.25fr 1fr .64fr;gap:clamp(24px,5vw,78px);align-items:end}.sailor-heading h2,.sailor-material-title h2,.sailor-swim-copy h2,.sailor-next h2{margin:0;font-size:clamp(48px,6vw,94px);line-height:.92;letter-spacing:-.052em}.sailor-heading>p:last-child{margin:0;font-size:clamp(16px,1.25vw,20px);line-height:1.55}
.sailor-fits{background:var(--sailor-white)}.sailor-fit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,30px);align-items:start;margin-top:clamp(64px,8vw,126px)}.sailor-fit figure{position:relative;aspect-ratio:1;overflow:hidden;background:#fff}.sailor-fit img{object-fit:contain;transition:transform .5s ease}.sailor-fit:hover img{transform:scale(1.025)}.sailor-fit>div{padding-top:18px}.sailor-fit span{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--sailor-red)}.sailor-fit h3{margin:8px 0 10px;font-size:clamp(32px,3.4vw,54px);line-height:1;letter-spacing:-.04em}.sailor-fit p{max-width:420px;margin:0;font-size:15px;line-height:1.5}.sailor-fit-brief{grid-column:1/5;margin-top:7vw}.sailor-fit-trunk{grid-column:5/9}.sailor-fit-boxer{grid-column:9/13;margin-top:11vw}
.sailor-swim{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);background:var(--sailor-blue)}.sailor-swim-copy{align-self:center}.sailor-swim-copy>p:last-child{max-width:620px;margin:28px 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.6}.sailor-swim-products{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sailor-navy)}.sailor-swim-products figure{position:relative;aspect-ratio:1;overflow:hidden;background:#fff}.sailor-swim-products figure:first-child{grid-column:1/-1;aspect-ratio:2/1}.sailor-swim-products img{object-fit:contain}.sailor-swim-products figure:first-child img{width:58%;margin:auto}.sailor-swim-products figcaption{background:rgba(255,255,255,.86);padding:5px 7px}
.sailor-material{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(54px,10vw,170px);background:var(--sailor-white)}.sailor-material-title{align-self:start;position:sticky;top:calc(var(--header) + 48px)}.sailor-material-title h2{margin-top:22px}.sailor-material-copy{border-top:1px solid var(--line)}.sailor-material-copy article{display:grid;grid-template-columns:minmax(180px,.65fr) 1fr;gap:34px;padding:32px 0;border-bottom:1px solid var(--line)}.sailor-material-copy h3{margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.08;letter-spacing:-.035em}.sailor-material-copy p{margin:0;font-size:clamp(15px,1.12vw,18px);line-height:1.58}.sailor-material-copy>p{padding-top:32px}
.sailor-outfit{background:var(--sailor-navy);color:#fff}.sailor-outfit .sailor-heading .section-index{color:#ff6671}.sailor-outfit-grid{display:grid;grid-template-columns:1.16fr .84fr;grid-template-rows:auto auto;gap:clamp(16px,2vw,30px);margin-top:clamp(64px,8vw,126px)}.sailor-outfit-grid figure{position:relative;overflow:hidden;background:#fff}.sailor-outfit-grid img{object-fit:contain}.sailor-outfit-tank{grid-column:1;grid-row:1/3;aspect-ratio:4/5}.sailor-outfit-shirt,.sailor-outfit-socks{aspect-ratio:1}.sailor-outfit-grid figcaption{background:#fff;padding:5px 7px}
.sailor-next{display:grid;grid-template-columns:.25fr 1fr .64fr;gap:clamp(24px,5vw,78px);align-items:end;padding:clamp(82px,9vw,148px) var(--gutter);background:var(--sailor-red);color:#fff}.sailor-next>p:not(.section-index){max-width:600px;margin:0;font-size:clamp(16px,1.25vw,20px);line-height:1.55}.sailor-next .text-link{grid-column:3;justify-self:start;margin-top:28px}.sailor-shop-bridge{background:var(--sailor-white)}
@keyframes sailor-in{from{transform:scale(1.04);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:960px){.sailor-hero{grid-template-columns:1fr;min-height:0}.sailor-hero-copy{min-height:540px}.sailor-hero-product{min-height:0;aspect-ratio:3/2}.sailor-code{display:none}.sailor-heading{grid-template-columns:1fr;gap:20px}.sailor-fit-grid{grid-template-columns:repeat(3,1fr)}.sailor-fit-brief,.sailor-fit-trunk,.sailor-fit-boxer{grid-column:auto;margin-top:0}.sailor-swim{grid-template-columns:1fr}.sailor-material{grid-template-columns:1fr;gap:48px}.sailor-material-title{position:static}.sailor-outfit-grid{grid-template-columns:1.1fr .9fr}.sailor-next{grid-template-columns:1fr;gap:22px}.sailor-next .text-link{grid-column:1}}
@media(max-width:620px){.sailor-hero-copy{min-height:510px}.sailor-hero-copy h1{font-size:clamp(66px,20vw,88px)}.sailor-hero-product{aspect-ratio:3/2}.sailor-hero-product img{width:90%;height:90%}.sailor-heading h2,.sailor-material-title h2,.sailor-swim-copy h2,.sailor-next h2{font-size:clamp(44px,13vw,64px)}.sailor-fit-grid{grid-template-columns:1fr;gap:56px}.sailor-fit figure{aspect-ratio:4/3}.sailor-fit img{width:82%;margin:auto}.sailor-swim-products{grid-template-columns:1fr 1fr}.sailor-swim-products figure:first-child{aspect-ratio:1}.sailor-swim-products figure:first-child img{width:100%}.sailor-material-copy article{grid-template-columns:1fr;gap:12px}.sailor-outfit-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sailor-outfit-tank{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.sailor-outfit-shirt,.sailor-outfit-socks{aspect-ratio:1}.sailor-next{padding-top:76px;padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){.sailor-hero-product img,.sailor-fit img{animation:none;transition:none}}