@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:light;font-family:'DM Sans',Arial,sans-serif;background:#eeeae3;color:#24242a}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.hero{min-height:max(850px,100svh);display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#fffdf8 0,#f0ece5 48%,#e6e2dc 100%)}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:31px;font-weight:600;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-icon{display:inline-block;font-size:34px;transform:rotate(-25deg);font-weight:400}.brand-dot{font-size:10px;align-self:flex-start;margin-top:9px;letter-spacing:0}.nav-note{font-size:12px;color:#737376;margin-left:44px}.contact{font-size:12px;border-bottom:1px solid #454547;padding:8px 0}.contact span{margin-left:27px}.intro{text-align:center;position:relative;z-index:2;padding-top:25px;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#68616e;display:flex;justify-content:center;align-items:center;gap:9px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:#8664a9;box-shadow:0 0 12px #8664a933}h1{font-size:clamp(48px,5.2vw,80px);font-weight:450;letter-spacing:-4px;line-height:1.05;margin:24px 0 19px}h1 span{color:#8b8591}.intro p{font-size:13px;line-height:1.7;color:#716c76;margin:0}.explore{background:#28242e;color:#fffaf4;border:0;border-radius:30px;font-size:11px;padding:13px 20px;margin-top:23px}.explore span{margin-left:28px}.explore:hover{background:#574369}.showcase{position:relative;flex:none;width:100%;margin:28px 0 12px;height:calc(220px * var(--scene-scale,1));cursor:grab;touch-action:pan-y;outline-offset:-10px}.showcase:active{cursor:grabbing}.scene{position:absolute;left:50%;top:calc(58px * var(--scene-scale,1));width:0;height:0;perspective:820px;perspective-origin:0 -26px;transform:scale(var(--scene-scale,1))}.tilt{transform-style:preserve-3d;transform:rotateX(-4deg)}.ring{transform-style:preserve-3d}.card{position:absolute;left:-50px;top:-42px;width:100px;height:84px;border-radius:5px;padding:9px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,#17171b,#0b0b0f);border:1px solid #29292e;box-shadow:inset 0 0 0 3px #ffffff02;backface-visibility:visible;user-select:none}.card.light{background:linear-gradient(155deg,#f7f7f5,#b2b2b1);border-color:#e8e8e5;color:#29292b}.card.feature{background:linear-gradient(145deg,#555558,#18181b 70%);border-color:#737376;box-shadow:inset 0 0 0 2px #ffffff0a}.card h2{font-size:11px;font-weight:550;letter-spacing:-.35px;margin:0 0 4px}.card p{font-size:6px;line-height:1.45;margin:0;color:#a6a6ad}.card.light p{color:#747477}.card blockquote{font-size:7px;line-height:1.35;margin:0 0 5px;color:#e0e0e5}.person{display:flex;gap:4px;align-items:center;text-align:left;align-self:flex-start}.avatar{width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:var(--accent,#514a7c);font-size:4.5px;color:#ddd}.person b{font-size:6px;font-weight:500;display:block}.person small{font-size:5px;color:#6f6f79;display:block}.feature .symbol{align-self:flex-start;width:16px;height:16px;border-radius:50%;background:#eee;color:#58585d;display:grid;place-items:center;margin-bottom:8px;font-size:8px}.feature h2{font-size:10px}.feature p{font-size:6px}.light .tiny{font-size:8px;letter-spacing:1px;margin-bottom:22px;color:#777}.light h2{font-size:12px}footer{position:relative;margin:auto 5% 0;padding:24px 0 32px;display:flex;align-items:center;justify-content:space-between;color:#66666e;font-size:8px;letter-spacing:1.4px}.controls{display:flex;align-items:center;gap:7px}.controls button{border:1px solid #c8c2bb;background:#ffffff60;width:32px;height:32px;border-radius:50%;font-size:12px;letter-spacing:0}.controls button:hover{border-color:#8664a9;color:#694a83}.controls span{margin-left:12px;font-size:8px}.index{display:flex;gap:7px;align-items:center}.index i{width:4px;height:4px;background:#b6a8d2;border-radius:50%}@media(min-width:1600px){.intro{padding-top:4vh}}@media(max-width:900px){.edition{max-width:160px;line-height:1.7}.nav-note{display:none}h1{letter-spacing:-2.8px}.intro{padding-top:45px}}@media(max-width:600px){.hero{min-height:max(760px,100svh)}header{height:80px;padding:0 7%}.brand{font-size:27px}.intro{padding:37px 15px 0}h1{font-size:49px;letter-spacing:-2.6px;margin-top:25px}.eyebrow{font-size:8px;letter-spacing:1.5px}.showcase{margin-top:24px}footer{padding-bottom:24px;justify-content:center}.edition,.index{display:none}.controls button{height:36px;width:36px}.controls span{font-size:8px}.intro p{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.card.quote{color:#f4f2f5}.card.photo{padding:0;overflow:hidden;border-color:#ffffff90;background:#ded8cd;box-shadow:0 3px 8px #302a241c}.card.photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:17px 7px 6px;background:linear-gradient(transparent,#0009);font-size:6px;letter-spacing:.1px;text-align:left;color:#fff;pointer-events:none}

/* Explicit editor colours take precedence over the default decorative gradient. */
.hero[style*='background-color']:not([style*='background-image']){background-image:none}


/* Editable copy wrappers retain the original hero styling. */
h1 .headline-primary{color:inherit}.explore .button-label{margin-left:0}.eyebrow .eyebrow-copy{width:auto;height:auto;border-radius:0;background:none;box-shadow:none}

/* A real link preserves the hero button appearance. */
a.explore{display:inline-block;text-decoration:none;font-family:inherit;cursor:pointer}