.hero{position:relative;overflow:hidden}.hero__inner{max-width:var(--oc-maxw);padding:0 var(--oc-pad-x);grid-template-columns:1.05fr .95fr;align-items:end;gap:24px;min-height:640px;margin:0 auto;display:grid}.hero__copy{padding:72px 0 64px}.hero__pill{margin-bottom:28px}.hero__title{font-family:var(--oc-font-display);letter-spacing:-.03em;color:var(--oc-ink);max-width:13ch;margin:0;font-size:clamp(40px,5.4vw,66px);font-weight:800;line-height:1.05}.hero__sub{color:var(--oc-subcopy);max-width:30em;margin:22px 0 0;font-size:19.5px;line-height:1.5}.hero__sub b,.hero__beta b{color:var(--oc-ink)}.hero__ctas{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.hero__beta{color:var(--oc-subcopy);margin:22px 0 0;font-size:15px}.hero__art{height:640px;position:relative}.hero__marcel{width:auto;height:580px;position:absolute;bottom:0;right:40px}.hero__dog{width:auto;height:160px;position:absolute;bottom:0;right:-30px}@media (max-width:980px){.hero__inner{grid-template-columns:1fr;min-height:0}.hero__copy{padding:48px 0 0}.hero__art{height:440px;margin-top:10px}.hero__marcel{height:420px;right:10px}.hero__dog{height:110px;right:-10px}}
.hiw{background:var(--oc-band);padding:84px 0 96px;scroll-margin-top:74px;position:relative}.hiw:after{content:"";background:linear-gradient(color-mix(in srgb, var(--oc-ink) 8%, transparent), transparent);height:14px;position:absolute;inset:0 0 auto}.hiw__inner{max-width:var(--oc-maxw);padding:0 var(--oc-pad-x);margin:0 auto}.hiw__steps{grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.hiw__sheet{box-sizing:border-box;height:100%}.hiw__step:first-child .hiw__sheet{rotate:-1.2deg}.hiw__step:nth-child(2) .hiw__sheet{translate:0 10px;rotate:.7deg}.hiw__step:nth-child(3) .hiw__sheet{rotate:-.5deg}.hiw__num{font-family:var(--oc-font-display);color:var(--oc-accent-active);font-size:15px;font-weight:800}.hiw__icon{margin:6px 0 16px;display:block}.hiw__title{font-family:var(--oc-font-display);letter-spacing:-.015em;margin:0;font-size:23px;font-weight:700;line-height:1.15}.hiw__body{color:var(--oc-subcopy);margin:10px 0 0;font-size:16px;line-height:1.55}@media (max-width:980px){.hiw__steps{grid-template-columns:1fr;gap:36px}.hiw__step:nth-child(n) .hiw__sheet{translate:none;rotate:none}}
.values{max-width:var(--oc-maxw);padding:92px var(--oc-pad-x) 80px;margin:0 auto}.values__grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.values__title{font-family:var(--oc-font-display);letter-spacing:-.015em;margin:18px 0 0;font-size:24px;font-weight:700}.values__body{color:var(--oc-subcopy);max-width:30em;margin:8px 0 0;font-size:17px;line-height:1.55}@media (max-width:980px){.values{padding:64px var(--oc-pad-x)}.values__grid{grid-template-columns:1fr;gap:36px}}
.signup{--signup-tint:color-mix(in srgb, var(--oc-dark) 85%, var(--oc-accent-active));background:var(--oc-dark);color:var(--oc-on-dark);padding:96px 0 104px;scroll-margin-top:74px;position:relative;overflow:hidden}.signup__set{opacity:.6;background:-webkit-image-set(url(/brand/workshop.webp) 1x type("image/webp"),url(/brand/workshop.png) 1x type("image/png")) 50% 68%/cover no-repeat;background:image-set("/brand/workshop.webp" 1x type("image/webp"),"/brand/workshop.png" 1x type("image/png")) 50% 68%/cover no-repeat;position:absolute;inset:-2px}.signup__tint{background:linear-gradient(90deg, color-mix(in srgb, var(--signup-tint) 90%, transparent) 0, color-mix(in srgb, var(--signup-tint) 70%, transparent) 50%, color-mix(in srgb, var(--signup-tint) 45%, transparent) 100%);position:absolute;inset:0}.signup__inner{max-width:var(--oc-maxw);padding:0 var(--oc-pad-x);grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;margin:0 auto;display:grid;position:relative}.signup__pill{margin-bottom:26px}.signup__title{font-family:var(--oc-font-display);letter-spacing:-.02em;max-width:14ch;margin:0;font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.05}.signup__sub{color:color-mix(in srgb, var(--oc-on-dark) 82%, transparent);max-width:30em;margin:18px 0 0;font-size:18px;line-height:1.55}.signup__fine{color:color-mix(in srgb, var(--oc-on-dark) 70%, transparent);margin:22px 0 0;font-size:15px}.signup__fine b{color:var(--oc-on-dark)}.signup__sheet{box-sizing:border-box;width:min(440px,100%);box-shadow:0 16px 0 color-mix(in srgb, var(--oc-ink) 45%, transparent), 0 30px 40px color-mix(in srgb, var(--oc-ink) 45%, transparent);justify-self:center;padding:42px 34px 32px}.signup__sheet-title{font-family:var(--oc-font-display);letter-spacing:-.02em;margin:0;font-size:27px;font-weight:800;line-height:1.05}.signup__lead,.signup__done{color:var(--oc-subcopy);margin:6px 0 0;font-size:15px;line-height:1.5}.signup__fields{border:0;flex-direction:column;gap:20px;min-width:0;margin:8px 0 0;padding:0;display:flex}.signup__sheet .oc-field__label{color:var(--oc-faint);font-weight:400}.signup__sheet .oc-input{border:0;border-bottom:2px solid var(--oc-border);background:0 0;border-radius:0;padding:8px 0 6px;font-size:18px;font-weight:500}.signup__sheet .oc-input:focus-visible{border-color:var(--oc-accent-active);box-shadow:0 1px 0 var(--oc-accent-active)}.signup__sheet .oc-input.oc-input--textarea{background:repeating-linear-gradient(transparent 0 27px, var(--oc-border) 27px 29px);background-attachment:local;border-bottom:0;min-height:116px;padding:0;font-size:16px;line-height:29px}.signup__sheet .oc-input--invalid{border-color:var(--oc-danger)}.signup__sheet .oc-input:disabled{opacity:.6;background-color:#0000}.signup__optional{margin-left:6px}.signup__handle{align-items:center;gap:6px;display:flex}.signup__handle span{color:var(--oc-faint);font-size:18px;font-weight:500}.signup__check{color:var(--oc-ink);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.signup__check input{accent-color:var(--oc-accent);flex:none;margin-top:3px}.signup__check a{color:inherit;text-decoration:underline}.signup__fields:disabled .signup__check{opacity:.6}.signup__submit{margin-top:8px}.signup__privacy{text-align:center;color:var(--oc-faint);margin:-6px 0 0;font-size:13px;line-height:1.4}.signup__privacy a{color:inherit;text-decoration:underline}.signup__hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.signup__notice{margin-top:14px}@media (max-width:980px){.signup{padding:72px 0 88px}.signup__inner{grid-template-columns:1fr}.signup__sheet{margin-top:12px}}@media (max-width:640px){.signup__sheet{padding:36px 22px 26px}.signup__sheet .oc-sheet__pencil--bottom-right{width:104px;bottom:-52px;right:-6px}}