.cylk-launch{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;padding:36px 24px;background:var(--color-background);color:var(--color-foreground)}
.cylk-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cylk-launch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,#00170f66);z-index:-1}
.cylk-content{width:100%;max-width:640px;text-align:center}
.cylk-brand{height:170px;display:grid;place-items:center;margin-bottom:28px}
.cylk-logo{width:360px;max-width:100%;height:170px;object-fit:cover;object-position:center}
.cylk-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.22em;margin:0 0 18px}
.cylk-content h1{font-family:var(--font-heading--family),serif;font-size:clamp(48px,6vw,76px);font-weight:300;line-height:1.05;letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance}
.cylk-intro{max-width:440px;margin:0 auto;font-size:16px;line-height:1.7;text-wrap:pretty}
.cylk-colours{display:flex;justify-content:center;gap:28px;list-style:none;padding:0;margin:28px 0 38px;font-size:12px}
.cylk-colours li{display:flex;gap:9px;align-items:center}
.cylk-colours span{background:var(--swatch);width:14px;height:14px;border:1px solid #ead9b880;border-radius:50%}
.cylk-signup{max-width:520px;margin:auto;text-align:left}
.cylk-email-label{display:block;font-size:12px;margin-bottom:10px}
.cylk-form-row{display:flex;gap:0}
.cylk-form-row input{min-width:0;flex:1;background:#061a13b3;color:inherit;border:1px solid currentColor;border-right:0;padding:16px;font-size:16px;border-radius:0}
.cylk-form-row input::placeholder{color:inherit;opacity:.75}
.cylk-form-row button{display:flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);padding:16px 22px;cursor:pointer;font-size:13px}
.cylk-form-row button:hover{filter:brightness(.9)}
.cylk-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;margin-top:15px}
.cylk-consent input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:#ead9b8}
.cylk-message{font-size:14px;line-height:1.6;padding:12px;border:1px solid currentColor}
.cylk-footer{font-size:10px;letter-spacing:.06em;margin-top:46px;line-height:1.6}
@media(max-width:600px){.cylk-launch{padding:28px 24px}.cylk-brand{height:135px;margin-bottom:24px}.cylk-logo{width:280px;height:135px}.cylk-form-row{flex-direction:column;gap:10px}.cylk-form-row input{border-right:1px solid currentColor}.cylk-form-row button{min-height:52px}.cylk-colours{gap:22px;margin:24px 0 30px}.cylk-footer{margin-top:32px}}
.cylk-gallery{padding:72px 32px;background:var(--color-background);color:var(--color-foreground);text-align:center}
.cylk-gallery h2{font-family:var(--font-heading--family),serif;font-weight:300;font-size:clamp(36px,4vw,56px);line-height:1.1;margin:0 0 36px}
.cylk-gallery-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cylk-gallery figure{margin:0;min-width:0}
.cylk-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cylk-gallery figcaption{padding:18px 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.cylk-gallery-cta{display:inline-block;margin-top:28px;padding:14px 24px;border:1px solid currentColor;font-size:13px;text-decoration:none}
@media(max-width:600px){.cylk-gallery{padding:48px 24px}.cylk-gallery-grid{grid-template-columns:1fr;gap:24px}.cylk-gallery h2{margin-bottom:28px}}
.cylk-gallery img{aspect-ratio:1;object-fit:contain;background:#fff}
.cylk-views{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column}
.cylk-views legend{float:left;width:100%;text-transform:uppercase;letter-spacing:.12em;font-size:13px;padding:0 0 16px}
.cylk-view-controls{display:flex;justify-content:center;gap:0;order:2;margin-top:16px}
.cylk-view-controls label{position:relative;cursor:pointer;flex:1;max-width:180px}
.cylk-view-controls input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.cylk-view-controls span{display:grid;place-items:center;min-height:44px;border:1px solid currentColor;font-size:12px;padding:10px}
.cylk-view-controls input:checked+span{background:var(--color-foreground);color:var(--color-background)}
.cylk-view-controls input:focus-visible+span{outline:3px solid currentColor;outline-offset:4px}
.cylk-view-stage{width:100%;aspect-ratio:4/5;order:1}
.cylk-view-stage>div{width:100%;height:100%}
.cylk-gallery .cylk-view-stage img{width:100%;height:100%;aspect-ratio:auto}
.cylk-gallery .cylk-view-model img{object-fit:cover;background:transparent}
.cylk-gallery .cylk-view-plain img{object-fit:contain;background:#fff}
.cylk-view-plain{display:none}
.cylk-views:has(input[value="plain"]:checked) .cylk-view-model{display:none}
.cylk-views:has(input[value="plain"]:checked) .cylk-view-plain{display:block}
.cylk-gallery{position:relative;isolation:isolate;background:var(--color-background)}
.cylk-gallery .cylk-gallery-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;z-index:-2;background:transparent}
.cylk-gallery:after{content:"";position:absolute;inset:0;background:#00170f66;z-index:-1}
.cylk-view-stage{display:block;touch-action:pan-y}
.cylk-view-controls{gap:0;margin-top:6px}
.cylk-view-controls label{flex:none;width:44px;height:44px;max-width:none;display:grid;place-items:center}
.cylk-view-controls span{min-height:0;width:8px;height:8px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent}
.cylk-view-controls input:checked+span{background:var(--color-foreground);color:var(--color-foreground)}
.cylk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
