:root{--ink:#20211c;--paper:#f7f5ed;--orange:#f15a2b;--green:#dce3be;--line:#d8d8ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.announcement{padding:10px 20px;background:var(--ink);color:var(--paper);text-align:center;font-size:11px;letter-spacing:1.2px}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;line-height:.9;font-size:22px;letter-spacing:-1.2px;position:relative}.wordmark span{font-size:10px;position:absolute;top:0;right:-12px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid var(--ink);padding:14px 20px;border-radius:30px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:70px 8% 35px 10%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;display:block}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,7.6vw,118px);line-height:.89;letter-spacing:-6px;font-weight:900;margin:30px 0}p{font-size:16px;line-height:1.7}.hero-copy p{max-width:380px;margin-bottom:30px;color:#5c5c53}.button{background:var(--orange);border:0;border-radius:30px;padding:17px 25px;font-size:13px;display:inline-flex;gap:35px;align-items:center;color:var(--ink);font-weight:700}.button:hover{background:#dc4820}.hero-foot{font-size:9px;letter-spacing:1.3px;margin-top:auto;padding-top:45px}.hero-visual{position:relative;overflow:hidden;background:#e8e9db;display:flex;align-items:center;justify-content:center;min-height:600px;background-image:radial-gradient(ellipse at 50% 70%,#b4b8a1 0,transparent 65%)}.visual-label{position:absolute;top:35px;left:35px;font-size:10px;letter-spacing:2px}.visual-caption{position:absolute;bottom:22px;font-size:10px;color:#55574b}.pack{position:absolute;width:225px;height:310px;padding:22px;box-shadow:12px 25px 30px #24271938;display:flex;flex-direction:column;border:1px solid #ffffff25}.pack>span{font-weight:900;font-size:17px;line-height:.95;letter-spacing:-.7px}.pack strong{font-size:29px;letter-spacing:-1px}.pack small{font-size:7px;letter-spacing:1.5px;margin-top:6px}.pack-dark{background:var(--ink);color:var(--orange);transform:rotate(-14deg) translate(-65px,-25px);z-index:2}.pack-green{background:var(--green);color:var(--ink);transform:rotate(13deg) translate(90px,40px)}.pack .art{height:185px;min-height:0;background:none!important;transform:none}.pack .art svg{width:150px;height:150px}.concept-stamp{position:absolute;right:28px;top:60px;background:var(--orange);width:90px;height:90px;display:grid;place-content:center;text-align:center;border-radius:50%;font-size:9px;font-weight:700;line-height:1.5;transform:rotate(12deg);z-index:3}.ticker{background:var(--orange);padding:20px;display:flex;justify-content:center;gap:5vw;font-size:13px;font-weight:700;letter-spacing:2px;align-items:center}.ticker span{font-size:23px}.collection{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:25px}.section-head h2{font-size:43px;letter-spacing:-2px;margin-top:16px}.section-head p{font-size:13px;color:#66665b}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{padding:18px;display:block;background:#eae8df;transition:transform .2s}.product:hover{transform:translateY(-6px)}.product.arachnid{background:#252720;color:var(--paper)}.product.trunk{background:var(--green)}.product.heated{background:#edb695}.product.wool{background:#e5e0d5}.product-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;gap:8px}.product-top span:last-child{font-size:18px}.art{height:255px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art svg{width:210px;height:210px}.arachnid .art{color:var(--orange)}.product-bottom{border-top:1px solid #80817760;padding-top:15px}.product-bottom h3{font-size:25px;letter-spacing:-1px;margin-bottom:10px}.product-bottom>span{font-size:9px;letter-spacing:1px;text-transform:uppercase}.small{font-size:11px!important;line-height:1.6!important;color:#66665c;margin-top:18px!important}.underwear{width:140px;height:130px;border:2px solid currentColor;background:repeating-linear-gradient(90deg,#a69d8918 0 2px,transparent 2px 5px);clip-path:polygon(0 0,100% 0,95% 100%,55% 100%,50% 62%,45% 100%,5% 100%);position:relative}.underwear:before{content:'';position:absolute;inset:6px 0 auto;height:8px;border-block:1px solid currentColor}.underwear:after{content:'';position:absolute;left:50%;top:20px;width:1px;height:60px;background:currentColor}.heat{position:absolute;top:25px;font-size:38px;line-height:.35;transform:rotate(90deg);opacity:.45}.wool-lines{position:absolute;inset:20px;border-radius:50%;border:1px solid #9e968550;box-shadow:0 0 0 12px #9e968515,0 0 0 24px #9e968510}.story-strip{padding:80px 5%;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:45px}.story-strip h2{font-size:43px;line-height:1.05;letter-spacing:-2px}.story-strip p{font-size:14px;margin-bottom:25px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:6px}.mission-home{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 10%;background:var(--green);align-items:center}.mission-symbol{font-size:330px;line-height:1;text-align:center;color:var(--orange)}.mission-home h2{font-size:70px;line-height:.95;letter-spacing:-3px;margin:25px 0}.mission-home p{max-width:440px;margin-bottom:25px}.next{text-align:center;padding:80px 20px}.next>span{font-size:10px;letter-spacing:2px}.next>p{font-size:65px;line-height:1;letter-spacing:-3px;font-weight:700;margin:25px 0 30px}.next>a:not(.button){text-decoration:underline;font-size:13px}footer{padding:45px 5% 30px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px}footer p{font-size:13px;color:#c8c9bb}footer a:not(.wordmark){font-size:13px}footer button{border:0;padding:0;margin-top:15px;color:#c8c9bb;background:none;text-decoration:underline;font-size:11px}footer small{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:25px;font-size:10px;color:#b8bbab;line-height:1.8}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:60px 7% 90px}.back{display:block;font-size:12px;margin-bottom:45px}.detail h1{font-size:80px;letter-spacing:-4px}.detail h2{font-size:25px;letter-spacing:-.6px;margin-bottom:20px}.detail p{max-width:550px}.detail>.art{height:auto;min-height:500px;background:var(--green);align-self:stretch;margin-top:30px}.detail>.art.arachnid{background:var(--ink);color:var(--orange)}.detail>.art.heated{background:#edb695}.detail>.art.wool{background:#e5e0d5}.detail>.art svg{width:330px;height:330px}.detail .underwear{width:210px;height:200px}.note{font-size:12px;line-height:1.6;border-left:2px solid var(--orange);padding:5px 0 5px 18px;margin:25px 0 30px;color:#626257}.editorial,.mission-page,.updates{padding:90px 10%}.editorial h1,.mission-page h1{font-size:90px;max-width:1000px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1050px;margin:50px 0}.editorial>.button{margin-top:10px}.statement{padding:80px 10%;background:var(--orange);font-size:60px;font-weight:bold;letter-spacing:-2px;line-height:1.1}.mission-page{background:var(--green)}.mission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:70px 10%}.mission-steps b{font-size:12px;color:#76796b}.mission-steps h3{margin:20px 0 15px;font-size:26px}.mission-steps p{font-size:14px}.updates{max-width:1100px}.updates>p{max-width:550px}.updates h1{font-size:88px}.contact-box{margin-top:40px;border:1px solid var(--line);padding:30px;max-width:650px}.contact-box h2{font-size:23px;margin-bottom:20px}.contact-box button{margin-top:20px}.secondary{display:inline-block;padding:12px 17px;border:1px solid var(--ink);background:transparent;border-radius:25px;font-size:12px}.skip{position:absolute;left:-1000px;z-index:100;background:var(--paper);padding:15px}.skip:focus{left:10px;top:10px}dialog{width:min(760px,92vw);border:1px solid var(--ink);padding:35px;background:var(--paper);max-height:90vh}dialog::backdrop{background:#20211ca8}dialog h2{font-size:35px;letter-spacing:-1px;margin-bottom:15px}dialog p{font-size:13px;margin-bottom:15px}dialog label{font-size:12px}dialog textarea{width:100%;height:35vh;margin-top:10px;background:white;border:1px solid var(--line);padding:15px;font:12px/1.5 monospace}.close{float:right;border:0;background:none;font-size:28px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button:not(.secondary){background:var(--orange);border:0;padding:12px 17px;border-radius:25px;font-size:12px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-copy{padding-left:10%}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:55px}h1{font-size:78px;letter-spacing:-4px}.pack{width:185px;height:280px}.pack-dark{transform:rotate(-14deg) translate(-45px,-25px)}.pack-green{transform:rotate(13deg) translate(65px,40px)}.pack strong{font-size:24px}.grid{grid-template-columns:repeat(2,1fr)}.story-strip{grid-template-columns:1fr 2fr}.story-strip>div{grid-column:2}.mission-symbol{font-size:230px}.mission-home h2{font-size:57px}.detail h1{font-size:65px}.detail>.art{min-height:430px}.editorial h1,.mission-page h1{font-size:75px}}
@media(max-width:650px){header{height:90px}.wordmark{font-size:20px}.menu{display:block;background:none;border:1px solid;border-radius:25px;padding:10px 18px;font-size:12px}nav{display:none;position:absolute;top:124px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:10;border-bottom:1px solid var(--line)}nav.open{display:flex;align-items:flex-start;flex-direction:column;gap:25px}.announcement{font-size:9px;letter-spacing:.5px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}.hero h1{font-size:83px;margin:25px 0}.hero-copy p{font-size:15px}.hero-foot{padding-top:30px}.hero-visual{min-height:460px}.pack{width:190px;height:280px}.concept-stamp{top:25px;right:20px;width:72px;height:72px;font-size:8px}.ticker{font-size:8px;letter-spacing:1px;gap:15px;padding:15px 10px}.ticker span{font-size:15px}.collection{padding:50px 5%}.section-head{display:block}.section-head h2{font-size:34px}.section-head p{margin-top:20px}.grid{gap:10px}.product{padding:13px}.product-top{font-size:6px;letter-spacing:.5px}.product .art{height:200px}.product .art svg{width:155px;height:155px}.product-bottom h3{font-size:22px}.product-bottom>span{font-size:8px}.product .underwear{width:100px;height:100px}.story-strip{display:block;padding:50px 6%}.story-strip h2{margin:25px 0;font-size:39px}.mission-home{grid-template-columns:1fr;padding:40px 6% 50px;gap:30px}.mission-symbol{font-size:150px}.mission-home h2{font-size:60px}.next{padding:55px 20px}.next>p{font-size:53px}footer{grid-template-columns:1fr 1fr;padding:35px 6%}footer>div{grid-column:1/-1}footer small{font-size:9px}.detail{grid-template-columns:1fr;padding:35px 6% 50px;gap:30px}.detail h1{font-size:68px}.detail>.art{min-height:350px;margin-top:0;grid-row:2}.detail>.art svg{width:260px;height:260px}.editorial,.mission-page,.updates{padding:55px 6%}.editorial h1,.mission-page h1,.updates h1{font-size:57px;letter-spacing:-3px}.columns{grid-template-columns:1fr;gap:25px;margin:35px 0}.statement{padding:50px 6%;font-size:40px}.mission-steps{grid-template-columns:1fr;gap:35px;padding:45px 6%}.contact-box{padding:22px}.heat{top:15px}dialog{padding:25px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#edit-fields{display:grid;gap:14px;margin:25px 0}#edit-fields label{font-size:12px;text-transform:capitalize;font-weight:700}#edit-fields textarea{height:auto;font:14px/1.5 Arial,sans-serif;font-weight:400;text-transform:none;margin-top:7px;resize:vertical}details summary{font-size:12px;cursor:pointer;padding:10px 0}.actions{position:sticky;bottom:-35px;background:var(--paper);padding:15px 0}#edit-status{margin-top:15px}

.pack>span{font-size:12px;letter-spacing:-.6px;white-space:nowrap}.wordmark{white-space:nowrap}@media(max-width:650px){.wordmark{font-size:20px;letter-spacing:-1px}}
/* Condom-shaped concept illustrations on the home page. */
.hero-visual .pack{width:175px;height:340px;border-radius:85px 85px 22px 22px;padding:55px 18px 28px;align-items:center;text-align:center;overflow:visible;box-shadow:12px 25px 30px #24271928;border:2px solid #ffffff35}
.hero-visual .pack:before{content:'';position:absolute;width:27px;height:32px;top:-27px;left:calc(50% - 15px);background:inherit;border:2px solid #ffffff35;border-bottom:0;border-radius:18px 18px 0 0}
.hero-visual .pack:after{content:'';position:absolute;left:-9px;right:-9px;bottom:-5px;height:19px;background:inherit;border:3px solid currentColor;border-radius:50%;box-shadow:0 5px 0 #20211c25}
.hero-visual .pack .art{height:175px;flex:1;width:100%}.hero-visual .pack .art svg{width:130px;height:150px}.hero-visual .pack strong{font-size:24px}.hero-visual .pack small{font-size:6px;letter-spacing:1px}.hero-visual .pack>span{font-size:12px;white-space:normal;max-width:100px;line-height:1.1}.hero-visual .pack-dark{transform:rotate(-17deg) translate(-65px,-20px)}.hero-visual .pack-green{transform:rotate(16deg) translate(85px,35px)}
@media(max-width:1000px){.hero-visual .pack{width:150px;height:310px}.hero-visual .pack-dark{transform:rotate(-14deg) translate(-50px,-20px)}.hero-visual .pack-green{transform:rotate(15deg) translate(65px,30px)}.hero-visual .pack strong{font-size:22px}.hero-visual .pack .art svg{width:115px}}
@media(max-width:650px){.hero-visual{min-height:480px}.hero-visual .pack{width:150px;height:310px}.hero-visual .pack-dark{transform:rotate(-15deg) translate(-55px,-15px)}.hero-visual .pack-green{transform:rotate(15deg) translate(65px,25px)}}
/* Square foil condom packets. */
.hero-visual .pack{width:245px;height:245px;border-radius:3px;padding:24px 20px 20px;border:1px solid #ffffff50;outline:1px solid #20211c22;outline-offset:-9px;box-shadow:12px 20px 28px #24271930;background-image:linear-gradient(115deg,transparent 15%,#ffffff0d 35%,transparent 55%,#ffffff12 75%,transparent)}
.hero-visual .pack:before{content:'';width:auto;height:9px;top:3px;left:3px;right:3px;border:0;border-radius:0;background:repeating-linear-gradient(90deg,transparent 0 3px,#ffffff38 3px 4px)}
.hero-visual .pack:after{content:'';height:9px;bottom:3px;left:3px;right:3px;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(90deg,transparent 0 3px,#ffffff38 3px 4px)}
.hero-visual .pack .art{height:130px;min-height:0;flex:1}.hero-visual .pack .art svg{width:125px;height:125px}.hero-visual .pack>span{font-size:12px;max-width:none;white-space:nowrap}.hero-visual .pack strong{font-size:25px}.hero-visual .pack small{font-size:7px}.hero-visual .pack-dark{transform:rotate(-13deg) translate(-65px,-30px)}.hero-visual .pack-green{transform:rotate(13deg) translate(85px,45px)}
@media(max-width:1000px){.hero-visual .pack{width:205px;height:205px;padding:22px 15px 18px}.hero-visual .pack .art svg{width:105px;height:105px}.hero-visual .pack strong{font-size:23px}.hero-visual .pack-dark{transform:rotate(-13deg) translate(-45px,-30px)}.hero-visual .pack-green{transform:rotate(13deg) translate(65px,45px)}}
@media(max-width:650px){.hero-visual .pack{width:205px;height:205px}.hero-visual .pack-dark{transform:rotate(-13deg) translate(-45px,-30px)}.hero-visual .pack-green{transform:rotate(13deg) translate(60px,45px)}}