@charset "UTF-8";
:root{--ink:#292478;--blue:#3e50c8;--purple:#7a52b4;--paper:#fff;--muted:#625e7e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--purple);outline-offset:7px}.header{max-width:1500px;margin:auto;padding:18px 6%;height:150px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:130px;height:120px;overflow:hidden}.brand img{display:block;width:145px;height:145px;max-width:none;margin:-10px 0 0 -7px;mix-blend-mode:multiply}.location{font-size:12px;letter-spacing:.16em;font-weight:600}.location span{margin:0 12px;color:var(--purple)}.hero{max-width:1500px;min-height:650px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;padding:25px 0 75px 6%;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.19em;font-weight:600;margin:0 0 26px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}h1{font-size:clamp(54px,5.6vw,86px);line-height:1.04;margin:0 0 30px}h1 em,h2 em{font-weight:400;color:var(--purple)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:445px;margin:0 0 35px}.discover{display:inline-flex;align-items:center;gap:30px;text-decoration:none;font-size:14px;border-bottom:1px solid #b9b5d0;padding:0 0 12px}.discover span{font-size:23px}.discover:hover{color:var(--purple);border-color:var(--purple)}.hero-art{position:relative;isolation:isolate;height:570px;display:flex;align-items:center;justify-content:center;background:#fff}.product-photo{display:block;width:110%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:multiply}.art-note{position:absolute;right:12%;top:0;font-family:Georgia,serif;font-size:25px;line-height:1.25;transform:rotate(6deg);z-index:5}.art-note em{color:var(--purple)}.art-caption{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:.17em}.brand-wordmark{display:flex;align-items:center;width:auto;height:auto;overflow:visible;font:italic 48px Georgia,serif;letter-spacing:-.06em}.secret{padding:91px 24px 85px;text-align:center;background:#292478;color:white;position:relative;overflow:hidden}.secret .eyebrow{color:#d0c7f6;margin-bottom:22px}h2{font-size:clamp(40px,4.1vw,61px);line-height:1.12;margin:0 0 23px}.secret h2 em{color:#c4b3fb}.secret>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#e2def4}.soon{display:inline-block;margin-top:22px;padding:11px 20px;border:1px solid #8f86b9;border-radius:30px;font-size:13px;letter-spacing:.05em}footer{max-width:1500px;margin:auto;padding:34px 6%;display:flex;gap:35px;align-items:center;font-size:13px}footer p{color:var(--muted)}.footer-brand{letter-spacing:.12em;font-size:16px}.contacts{margin-left:auto;display:flex;gap:27px}.contacts>span{display:flex;gap:7px;align-items:center}.contacts small{font-size:11px;color:var(--muted)}
@media(min-width:1500px){.hero-art{margin-right:40px}}
@media(max-width:900px){.header{padding-inline:6%;height:128px}.hero{grid-template-columns:1fr;padding:24px 6% 45px}.hero-copy{max-width:620px}.hero-art{width:min(100%,600px);justify-self:center;height:540px}.hero h1{font-size:clamp(54px,9vw,78px)}.art-note{top:0}.hero-copy .intro{max-width:500px}footer{flex-wrap:wrap;gap:14px 26px}.contacts{margin-left:auto}}
@media(max-width:520px){.header{height:112px}.brand{width:94px;height:96px}.brand img{width:112px;height:112px}.location{font-size:10px;letter-spacing:.08em}.location span{margin:0 5px}.hero{padding-top:28px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:23px}h1{font-size:54px!important}.intro{font-size:16px}.desktop-break{display:none}.hero-art{height:385px;margin-top:13px}.art-note{font-size:21px;right:8%;top:-9px}.art-caption{font-size:9px;left:10%;bottom:0}.secret{padding:67px 22px}.secret>p:not(.eyebrow){font-size:15px}footer{padding-block:28px}.contacts{width:100%;margin:6px 0 0}footer p{margin:0;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:900px){.hero-art{margin-top:15px}.product-photo{width:100%}}
@media(max-width:520px){.brand-wordmark{font-size:38px;width:auto;height:auto}.hero-art{height:auto;aspect-ratio:1;min-height:350px;padding:25px 0}.product-photo{width:112%}.art-note{top:-5px;right:4%}.art-caption{bottom:0;left:0;font-size:9px}}

/* Brand assets supplied by Arráwz. Full photograph remains visible. */
.header{height:164px;padding-block:10px}.brand{width:155px;height:144px;overflow:visible}.brand img{width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;mix-blend-mode:normal}
.hero{grid-template-columns:1.06fr 1fr;gap:5%;padding:15px 6% 70px;overflow:visible}
.hero-art{display:grid;grid-template-rows:auto auto auto;gap:18px;height:auto;width:100%;margin:0;align-items:normal;justify-content:normal;background:none}
.product-photo{width:100%;max-width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;border-radius:20px}
.art-note{position:static;justify-self:end;font-size:24px;line-height:1.2;margin:0 18px 0 0;transform:rotate(4deg)}
.art-caption{position:static;width:100%;margin:0;font-size:10px;line-height:1.6;letter-spacing:.16em;text-align:center}
.footer-brand-logo{display:block;width:96px;height:86px;object-fit:contain}
@media(min-width:1500px){.hero-art{margin-right:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px;padding:20px 6% 50px}.hero-art{width:min(100%,520px);height:auto;justify-self:center;margin:0}.hero-copy{padding-bottom:0}.header{height:148px}.brand{width:140px;height:130px}}
@media(max-width:520px){.header{height:130px}.brand{width:118px;height:112px}.brand img{width:100%;height:100%}.hero{padding-top:24px;gap:30px}.hero-art{height:auto;min-height:0;aspect-ratio:auto;padding:0;gap:16px}.art-note{font-size:21px;margin-right:10px}.product-photo{width:100%;border-radius:16px}.art-caption{font-size:9px}.footer-brand-logo{width:82px;height:74px}}

/* Transparent people blend into the page; the lower edge fades into white. */
.product-photo{border-radius:0;background:transparent;mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
