:root {
    --aura-ink: #17211f;
    --aura-paper: #f0eee7;
    --aura-blue: #6f7f82;
    --aura-blue-dark: #425356;
    --aura-sage: #aabbb2;
    --aura-clay: #b7826c;
    --aura-line: rgba(23, 33, 31, .22);
    --aura-pad: clamp(20px, 6vw, 96px);
    --aura-display: 'Google Sans Flex', Arial, sans-serif;
    --aura-sans: 'Google Sans Flex', Arial, sans-serif;
    --page-progress: 0;
}

* { box-sizing: border-box; }
html { background: var(--aura-paper); scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
    margin: 0;
    overflow-x: hidden;
    overflow-x: clip;
    color: var(--aura-ink);
    background: var(--aura-paper);
    font-family: var(--aura-sans);
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible { outline: 2px solid var(--aura-clay); outline-offset: 3px; }
::selection { color: var(--aura-paper); background: var(--aura-blue-dark); }

.aura-skip {
    position: fixed;
    z-index: 100;
    top: max(10px, env(safe-area-inset-top));
    left: max(12px, calc(env(safe-area-inset-left) + 10px));
    padding: 10px 14px;
    color: var(--aura-paper);
    background: var(--aura-ink);
    transform: translateY(-150%);
}
.aura-skip:focus { transform: translateY(0); }

.aura-progress {
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(240, 238, 231, .16);
}
.aura-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--aura-clay);
    transform: scaleX(var(--page-progress));
    transform-origin: left;
}

.aura-topbar {
    position: fixed;
    z-index: 70;
    top: 3px;
    left: 0;
    width: 100%;
    min-height: 55px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 clamp(16px, 3vw, 44px);
    padding-left: max(clamp(16px, 3vw, 44px), calc(env(safe-area-inset-left) + 12px));
    padding-right: max(clamp(16px, 3vw, 44px), calc(env(safe-area-inset-right) + 12px));
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .22);
    background: rgba(18, 27, 25, .4);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.aura-topbar a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.aura-topbar a:last-child { justify-self: end; }
.aura-topbar a:hover,
.aura-topbar a:focus-visible { opacity: .62; }

.aura-hero {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    align-items: end;
    gap: clamp(32px, 6vw, 96px);
    overflow: hidden;
    padding: clamp(96px, 12vh, 140px) var(--aura-pad) clamp(80px, 9vh, 120px);
    color: #fff;
    background: #111a18;
}
.aura-hero__scene {
    position: absolute;
    z-index: -3;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 55% 45%;
    filter: saturate(.68) contrast(1.04);
    transform: scale(calc(1.04 + var(--hero-shift, 0) * .03));
}
.aura-hero__veil {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(11, 20, 18, .93) 0%, rgba(11, 20, 18, .66) 48%, rgba(11, 20, 18, .2) 100%),
        linear-gradient(0deg, rgba(11, 20, 18, .6), transparent 55%);
}
.aura-hero__noise { position: absolute; z-index: -1; inset: 60px 0 0; pointer-events: none; }
.aura-hero__noise span {
    position: absolute;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: rgba(255, 255, 255, .4);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    animation: aura-drift 8s ease-in-out infinite alternate;
}
.aura-hero__noise span:nth-child(1) { top: 12%; left: 44%; }
.aura-hero__noise span:nth-child(2) { top: 28%; right: 8%; animation-delay: -2s; }
.aura-hero__noise span:nth-child(3) { top: 56%; left: 56%; animation-delay: -5s; }
.aura-hero__noise span:nth-child(4) { top: 73%; right: 14%; animation-delay: -3s; }
.aura-hero__noise span:nth-child(5) { top: 40%; left: 72%; animation-delay: -6s; }
@keyframes aura-drift { to { transform: translate3d(12px, -9px, 0); opacity: .45; } }

.aura-kicker,
.aura-section__number {
    margin: 0;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .14em;
    line-height: 1.35;
    text-transform: uppercase;
}
.aura-hero__copy { position: relative; z-index: 2; align-self: center; }
.aura-hero h1 {
    margin: clamp(18px, 3vh, 34px) 0 0;
    font-size: clamp(110px, 18vw, 290px);
    font-variation-settings: "opsz" 144, "wdth" 112, "wght" 680;
    font-weight: 680;
    line-height: .67;
    letter-spacing: -.08em;
    text-transform: uppercase;
}
.aura-hero__line {
    margin: clamp(26px, 4vh, 48px) 0 0;
    font-family: var(--aura-display);
    font-size: clamp(38px, 5.1vw, 78px);
    font-weight: 350;
    line-height: .9;
    letter-spacing: -.04em;
}
.aura-hero__summary {
    max-width: 33rem;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: clamp(16px, 1.35vw, 21px);
    line-height: 1.5;
}
.aura-hero__product {
    position: relative;
    z-index: 2;
    align-self: end;
    margin: 0;
    padding: clamp(12px, 1.3vw, 20px);
    color: var(--aura-ink);
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: clamp(18px, 2vw, 34px);
    background: rgba(240, 238, 231, .93);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .24);
    transform: rotate(1.4deg);
}
.aura-hero__product img { width: 100%; border-radius: calc(clamp(18px, 2vw, 34px) - 8px); mix-blend-mode: multiply; }
.aura-hero__product figcaption {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 5px 2px;
    color: rgba(23, 33, 31, .66);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.aura-scroll {
    position: absolute;
    z-index: 3;
    right: var(--aura-pad);
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .7);
    font-size: 9px;
    letter-spacing: .13em;
    text-decoration: none;
    text-transform: uppercase;
}
.aura-scroll span { width: 38px; height: 1px; background: currentColor; }

.aura-chapters {
    position: sticky;
    z-index: 45;
    top: 58px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--aura-line);
    background: rgba(240, 238, 231, .88);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
.aura-chapters a {
    min-height: 44px;
    padding: 14px 18px;
    border-right: 1px solid var(--aura-line);
    font-size: 9px;
    font-weight: 640;
    letter-spacing: .12em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.aura-chapters a:last-child { border-right: 0; }
.aura-chapters a:hover,
.aura-chapters a:focus-visible { color: var(--aura-paper); background: var(--aura-blue-dark); }

.aura-section { padding: clamp(88px, 11vw, 170px) var(--aura-pad); }
.aura-section h2,
.aura-question h2,
.aura-prototypes h2,
.aura-mechanism h2 {
    margin: 0;
    font-family: var(--aura-display);
    font-size: clamp(54px, 8vw, 126px);
    font-weight: 350;
    line-height: .84;
    letter-spacing: -.055em;
}
.aura-section__number { color: rgba(23, 33, 31, .5); }

.aura-opening {
    display: grid;
    grid-template-columns: .25fr .9fr .85fr;
    gap: clamp(32px, 6vw, 100px);
    align-items: start;
}
.aura-opening__copy h2 { font-family: var(--aura-sans); font-weight: 620; font-size: clamp(56px, 8.8vw, 138px); font-variation-settings: "opsz" 144, "wdth" 106, "wght" 620; text-transform: uppercase; }
.aura-opening__copy > p { max-width: 39rem; margin: 38px 0 0; color: rgba(23, 33, 31, .64); font-size: clamp(18px, 1.65vw, 25px); line-height: 1.48; }
.aura-sensory-field {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    border-radius: 50% 50% 44% 56% / 44% 42% 58% 56%;
    color: #fff;
    background:
        radial-gradient(circle at 42% 45%, rgba(183, 130, 108, .88), transparent 14%),
        repeating-radial-gradient(circle at 50% 50%, transparent 0 36px, rgba(255,255,255,.09) 37px 38px),
        var(--aura-blue-dark);
}
.aura-sensory-field span { position: absolute; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; opacity: .58; }
.aura-sensory-field span:nth-child(1) { top: 14%; left: 18%; }
.aura-sensory-field span:nth-child(2) { top: 25%; right: 9%; }
.aura-sensory-field span:nth-child(3) { top: 51%; left: 8%; }
.aura-sensory-field span:nth-child(4) { bottom: 19%; right: 14%; }
.aura-sensory-field span:nth-child(5) { bottom: 8%; left: 31%; }
.aura-sensory-field span:nth-child(6) { top: 6%; right: 38%; }
.aura-sensory-field strong { position: absolute; top: 50%; left: 50%; font-family: var(--aura-display); font-size: clamp(34px, 4.2vw, 68px); font-weight: 360; line-height: .9; transform: translate(-50%, -50%); }

.aura-anchor { padding: clamp(90px, 12vw, 180px) var(--aura-pad); color: #fff; background: var(--aura-ink); }
.aura-anchor__line { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 18px; color: rgba(255,255,255,.48); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.aura-anchor__line i { height: 1px; background: currentColor; }
.aura-anchor__line strong { display: grid; place-items: center; width: 118px; aspect-ratio: 1; color: var(--aura-ink); border-radius: 50%; background: var(--aura-sage); font-size: 10px; font-weight: 650; }
.aura-anchor blockquote { max-width: 1180px; margin: clamp(76px, 9vw, 136px) auto 0; font-family: var(--aura-display); font-size: clamp(42px, 6.2vw, 96px); font-weight: 350; line-height: .97; letter-spacing: -.04em; text-align: center; }

.aura-research { display: grid; grid-template-columns: .28fr .86fr .86fr; gap: clamp(32px, 6vw, 96px); }
.aura-research__lead { grid-column: 2; }
.aura-research__lead h2 { margin-top: 20px; }
.aura-research__lead > p:last-child,
.aura-textures__heading > p:last-child,
.aura-product__title > p:last-child,
.aura-reflection__copy > p,
.aura-process__heading > p:last-child,
.aura-prototypes__intro > p:last-child,
.aura-mechanism__copy > p { max-width: 42rem; margin: 34px 0 0; color: rgba(23, 33, 31, .64); font-size: clamp(17px, 1.45vw, 22px); line-height: 1.55; }
.aura-filter { grid-column: 3; margin: 34px 0 0; align-self: end; }
.aura-filter img { border: 1px solid var(--aura-line); border-radius: 18px; }
.aura-filter figcaption,
.aura-sheet figcaption { margin-top: 14px; color: rgba(23,33,31,.55); font-size: 10px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; }
.aura-people { grid-column: 2 / -1; margin-top: clamp(70px, 9vw, 130px); padding-top: 24px; border-top: 1px solid var(--aura-line); }
.aura-people > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 36px; background: var(--aura-line); }
.aura-people article { min-height: 280px; padding: clamp(22px, 3vw, 40px); background: var(--aura-paper); }
.aura-people article span,
.aura-product__features article span { color: rgba(23,33,31,.48); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.aura-people h3,
.aura-product__features h3 { margin: 70px 0 16px; font-family: var(--aura-display); font-size: clamp(28px, 3vw, 46px); font-weight: 400; line-height: 1; }
.aura-people article p,
.aura-product__features article p { margin: 0; color: rgba(23,33,31,.6); font-size: 14px; line-height: 1.55; }
.aura-overload { grid-column: 2 / -1; display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 7vw, 110px); margin-top: clamp(70px, 9vw, 130px); padding: clamp(32px, 5vw, 76px); color: #fff; border-radius: 28px; background: var(--aura-blue-dark); }
.aura-overload h3 { max-width: 18ch; margin: 26px 0 0; font-family: var(--aura-display); font-size: clamp(34px, 4vw, 62px); font-weight: 350; line-height: .98; }
.aura-overload ul { margin: 0; padding: 0; list-style: none; }
.aura-overload li { display: grid; grid-template-columns: 46px 1fr; gap: 10px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.22); font-size: clamp(16px, 1.4vw, 21px); }
.aura-overload li span { color: rgba(255,255,255,.45); font-size: 9px; letter-spacing: .12em; }

.aura-question { padding: clamp(110px, 15vw, 230px) var(--aura-pad); text-align: center; background: #d6dfda; }
.aura-question h2 { max-width: 1180px; margin: 36px auto 0; }
.aura-question h2 em { color: var(--aura-clay); font-weight: 350; }
.aura-question > p:last-child { max-width: 650px; margin: 40px auto 0; color: rgba(23,33,31,.62); font-size: clamp(17px, 1.5vw, 22px); line-height: 1.55; }

.aura-process { padding-bottom: 0; }
.aura-process__heading { display: grid; grid-template-columns: .28fr .86fr .86fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.aura-process__heading .aura-section__number { grid-row: 1 / span 2; }
.aura-process__heading h2 { grid-column: 2; }
.aura-process__heading > p:last-child { grid-column: 3; margin-top: 0; }
.aura-ideas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: clamp(70px, 9vw, 130px); }
.aura-ideas figure { position: relative; margin: 0; overflow: hidden; border: 1px solid var(--aura-line); border-radius: 18px; background: #e9e6dd; }
.aura-ideas figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; filter: saturate(.78); transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .4s; }
.aura-ideas figure:hover img { transform: scale(1.025); filter: saturate(1); }
.aura-ideas figcaption { display: flex; justify-content: space-between; padding: 14px 16px 16px; font-size: 11px; font-weight: 620; letter-spacing: .08em; text-transform: uppercase; }
.aura-ideas figcaption span { color: rgba(23,33,31,.48); }
.aura-ideas__chosen { grid-column: 1 / -1; width: calc(50% - 7px); justify-self: center; }
.aura-principles { display: grid; grid-template-columns: .6fr repeat(4, 1fr); margin-top: 14px; border: 1px solid var(--aura-line); border-radius: 18px; }
.aura-principles > * { padding: 24px; border-right: 1px solid var(--aura-line); }
.aura-principles > *:last-child { border-right: 0; }
.aura-principles div strong { display: block; margin-bottom: 44px; font-family: var(--aura-display); font-size: 28px; font-weight: 450; }
.aura-principles div span { color: rgba(23,33,31,.56); font-size: 12px; line-height: 1.4; }

.aura-prototypes { margin-top: clamp(100px, 14vw, 220px); padding: clamp(90px, 12vw, 180px) var(--aura-pad); color: #fff; background: var(--aura-ink); }
.aura-prototypes__intro { display: grid; grid-template-columns: .7fr 1fr; gap: clamp(40px, 8vw, 120px); align-items: end; }
.aura-prototypes__intro .aura-kicker { grid-column: 1 / -1; }
.aura-prototypes__intro > p:last-child { color: rgba(255,255,255,.62); }
.aura-prototype-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; margin-top: clamp(70px, 9vw, 130px); }
.aura-prototype-grid figure { grid-column: span 4; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: #22302d; }
.aura-prototype-grid figure:nth-child(2), .aura-prototype-grid figure:nth-child(6) { grid-column: span 5; }
.aura-prototype-grid figure:nth-child(3), .aura-prototype-grid figure:nth-child(4), .aura-prototype-grid figure:nth-child(7) { grid-column: span 3; }
.aura-prototype-grid__tall { grid-row: span 2; }
.aura-prototype-grid img { width: 100%; height: clamp(240px, 31vw, 470px); object-fit: cover; filter: saturate(.82); transition: filter .4s, transform .6s; }
.aura-prototype-grid__tall img { height: calc(clamp(240px, 31vw, 470px) + 120px); }
.aura-prototype-grid figure:hover img { filter: saturate(1); transform: scale(1.02); }
.aura-prototype-media--ccw {
    --prototype-frame-height: clamp(240px, 31vw, 470px);
    position: relative;
    width: 100%;
    height: var(--prototype-frame-height);
    overflow: hidden;
    container-type: inline-size;
}
.aura-prototype-grid .aura-prototype-media--ccw img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--prototype-frame-height);
    max-width: none;
    height: 100cqw;
    transform: translate(-50%, -50%) rotate(-90deg);
}
.aura-prototype-grid figure:hover .aura-prototype-media--ccw img {
    transform: translate(-50%, -50%) rotate(-90deg) scale(1.02);
}
.aura-prototype-grid figcaption { padding: 13px 15px 15px; color: rgba(255,255,255,.58); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

.aura-textures { background: #ded6cc; }
.aura-textures__heading { display: grid; grid-template-columns: .7fr 1fr; gap: clamp(50px, 8vw, 120px); align-items: end; }
.aura-textures__heading .aura-kicker { grid-column: 1 / -1; }
.aura-textures__board { margin: clamp(70px, 9vw, 130px) 0 0; }
.aura-textures__board img { width: 100%; border: 1px solid var(--aura-line); border-radius: 22px; }
.aura-textures__rule { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(42px, 7vw, 110px); align-items: center; margin-top: clamp(70px, 9vw, 130px); }
.aura-textures__rule figure { margin: 0; }
.aura-textures__rule img { border: 1px solid var(--aura-line); border-radius: 18px; }
.aura-textures__rule h3 { margin: 22px 0; font-family: var(--aura-display); font-size: clamp(38px, 4.6vw, 70px); font-weight: 380; line-height: .98; }
.aura-textures__rule p:last-child { max-width: 34rem; margin: 0; color: rgba(23,33,31,.62); font-size: 17px; line-height: 1.55; }

.aura-product { display: grid; grid-template-columns: .28fr .82fr .9fr; gap: clamp(32px, 6vw, 96px); overflow: hidden; background: var(--aura-paper); }
.aura-product__title { grid-column: 2; }
.aura-product__title .aura-kicker { margin-bottom: 20px; }
.aura-product__pair { grid-column: 3; margin: 0; align-self: end; padding: clamp(18px, 2vw, 30px); border-radius: 28px; background: #fff; }
.aura-product__pair img { width: 100%; mix-blend-mode: multiply; }
.aura-product__features { grid-column: 2 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: clamp(70px, 9vw, 130px); background: var(--aura-line); border: 1px solid var(--aura-line); }
.aura-product__features article { min-height: 320px; padding: clamp(24px, 3vw, 42px); background: var(--aura-paper); }
.aura-product__anatomy { grid-column: 1 / -1; margin: clamp(70px, 9vw, 130px) 0 0; }
.aura-product__anatomy img { width: 100%; border: 1px solid var(--aura-line); border-radius: 24px; }
.aura-product__anatomy figcaption { margin-top: 14px; color: rgba(23,33,31,.5); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

.aura-mechanism { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 8vw, 130px); align-items: center; padding: clamp(90px, 12vw, 180px) var(--aura-pad); color: #fff; background: var(--aura-blue-dark); }
.aura-mechanism__copy .aura-kicker { margin-bottom: 26px; }
.aura-mechanism__copy > p { color: rgba(255,255,255,.66); }
.aura-mechanism__copy ol { margin: 54px 0 0; padding: 0; list-style: none; }
.aura-mechanism__copy li { display: grid; grid-template-columns: 54px 1fr; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.2); font-size: 15px; }
.aura-mechanism__copy li span { color: rgba(255,255,255,.42); font-size: 9px; letter-spacing: .1em; }
.aura-mechanism__motion {
    --aura-roll-speed: 2.4s;
    --aura-pulse-speed: 1.2s;
    position: relative;
    isolation: isolate;
    aspect-ratio: 1;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 50%;
    color: var(--aura-ink);
    background: radial-gradient(circle at 45% 38%, #e8f0ec 0 22%, #d1e0d9 58%, #a8bbb2 100%);
    box-shadow: inset 0 0 0 clamp(10px, 1.6vw, 25px) rgba(240,238,231,.82);
}
.aura-motion { position: absolute; inset: 7%; }
.aura-motion__label {
    position: absolute;
    z-index: 10;
    padding: 8px 11px;
    border: 1px solid rgba(23,33,31,.16);
    border-radius: 999px;
    background: rgba(240,238,231,.78);
    backdrop-filter: blur(8px);
    font-size: clamp(7px, .65vw, 10px);
    font-weight: 680;
    letter-spacing: .12em;
    white-space: nowrap;
    text-transform: uppercase;
}
.aura-motion__label--rub { top: 3%; left: 50%; transform: translateX(-50%); }
.aura-motion__label--roll { bottom: 15%; left: 3%; }
.aura-motion__label--rhythm { right: 3%; bottom: 15%; }
.aura-motion__rub {
    position: absolute;
    z-index: 8;
    top: 13%;
    left: 50%;
    width: 34%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    color: rgba(23,33,31,.52);
    font-size: clamp(7px, .62vw, 9px);
    font-weight: 650;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
}
.aura-motion__rub i { height: 1px; background: rgba(23,33,31,.35); }
.aura-motion__rub i:first-child::before { content: '\2190'; position: relative; top: -9px; left: -2px; font-size: 18px; }
.aura-motion__rub i:last-child::after { content: '\2192'; position: relative; top: -9px; right: -85%; font-size: 18px; }
.aura-motion__palm {
    position: absolute;
    top: 25%;
    left: 22%;
    width: 56%;
    height: 48%;
    border-radius: 48% 52% 46% 54% / 55% 45% 55% 45%;
}
.aura-motion__palm span {
    position: absolute;
    left: 50%;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: clamp(6px, .55vw, 8px);
    font-weight: 680;
    letter-spacing: .1em;
    white-space: nowrap;
    text-transform: uppercase;
    transform: translateX(-50%);
}
.aura-motion__palm--glove {
    z-index: 2;
    border: 1px solid rgba(23,33,31,.25);
    background: rgba(66,83,86,.18);
    box-shadow: inset -16px -20px 34px rgba(23,33,31,.08), 0 18px 36px rgba(23,33,31,.11);
}
.aura-motion__palm--glove span { bottom: 6%; color: rgba(240,238,231,.9); background: rgba(66,83,86,.58); }
.aura-motion__palm--opposite {
    z-index: 6;
    border: 2px solid rgba(183,130,108,.48);
    background: rgba(240,238,231,.18);
    box-shadow: inset 0 0 35px rgba(255,255,255,.25);
    animation: aura-palm-rub var(--aura-roll-speed) ease-in-out infinite;
}
.aura-motion__palm--opposite span { top: 5%; color: rgba(23,33,31,.66); background: rgba(240,238,231,.78); }
.aura-motion__spheres {
    position: absolute;
    z-index: 7;
    top: 37%;
    left: 34%;
    width: 32%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(7px, 1vw, 14px);
}
.aura-motion__spheres > i {
    position: relative;
    aspect-ratio: 1;
    border: 1px solid rgba(23,33,31,.28);
    border-radius: 50%;
    background:
        repeating-linear-gradient(42deg, transparent 0 5px, rgba(23,33,31,.13) 6px 7px),
        repeating-linear-gradient(132deg, transparent 0 5px, rgba(23,33,31,.1) 6px 7px),
        #b8ccc2;
    box-shadow: inset -6px -7px 12px rgba(23,33,31,.17), inset 4px 4px 8px rgba(255,255,255,.55), 0 4px 8px rgba(23,33,31,.12);
    animation: aura-spheres-roll var(--aura-roll-speed) ease-in-out infinite;
}
.aura-motion__spheres > i::after {
    content: '';
    position: absolute;
    inset: -13%;
    border: 1px solid rgba(183,130,108,.68);
    border-radius: 50%;
    animation: aura-multi-pulse var(--aura-pulse-speed) ease-out infinite;
}
.aura-motion__spheres b {
    position: absolute;
    top: 8%;
    left: 50%;
    width: 13%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--aura-clay);
    transform: translateX(-50%);
}
.aura-motion__rhythm {
    position: absolute;
    right: 28%;
    bottom: 25%;
    left: 28%;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: clamp(4px, .6vw, 9px);
    height: 7%;
}
.aura-motion__rhythm i {
    width: clamp(3px, .4vw, 6px);
    height: 36%;
    border-radius: 999px;
    background: rgba(66,83,86,.5);
    animation: aura-rhythm-tick var(--aura-pulse-speed) ease-in-out infinite;
}
.aura-motion__rhythm i:nth-child(2) { animation-delay: -.31s; }
.aura-motion__rhythm i:nth-child(3) { animation-delay: -.62s; }
.aura-motion__rhythm i:nth-child(4) { animation-delay: -.93s; }
.aura-motion__rhythm i:nth-child(5) { animation-delay: -1.24s; }
.aura-mechanism__motion figcaption {
    position: absolute;
    z-index: 7;
    bottom: 7%;
    left: 50%;
    width: min(48%, 360px);
    color: rgba(23,33,31,.65);
    font-size: clamp(9px, .85vw, 12px);
    line-height: 1.35;
    text-align: center;
    transform: translateX(-50%);
}
.aura-mechanism.is-held .aura-mechanism__motion { --aura-roll-speed: 5.4s; --aura-pulse-speed: 3.4s; }
@keyframes aura-palm-rub { 0%, 100% { transform: translateX(-5%) rotate(-2deg); } 50% { transform: translateX(5%) rotate(2deg); } }
@keyframes aura-spheres-roll { 0%, 100% { transform: rotate(-150deg); } 50% { transform: rotate(150deg); } }
@keyframes aura-multi-pulse { 0% { transform: scale(.78); opacity: 0; } 30% { opacity: .7; } 100% { transform: scale(1.45); opacity: 0; } }
@keyframes aura-rhythm-tick { 0%, 100% { height: 28%; opacity: .4; } 45% { height: 100%; opacity: .9; } }
.aura-rhythm { grid-column: 1 / -1; display: grid; justify-items: center; margin-top: clamp(70px, 9vw, 130px); padding-top: clamp(60px, 8vw, 110px); border-top: 1px solid rgba(255,255,255,.22); text-align: center; }
.aura-rhythm__orb { position: relative; display: grid; place-items: center; width: clamp(190px, 22vw, 330px); aspect-ratio: 1; }
.aura-rhythm__orb i { position: absolute; inset: 15%; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; animation: aura-pulse 1.35s ease-out infinite; }
.aura-rhythm__orb i:nth-child(2) { animation-delay: -.45s; }
.aura-rhythm__orb i:nth-child(3) { animation-delay: -.9s; }
.aura-rhythm__orb span { width: 29%; aspect-ratio: 1; border-radius: 50%; background: var(--aura-clay); box-shadow: inset -10px -12px 24px rgba(23,33,31,.24); }
.aura-rhythm.is-held .aura-rhythm__orb i { animation-duration: 3.4s; }
@keyframes aura-pulse { 0% { transform: scale(.48); opacity: 0; } 28% { opacity: 1; } 100% { transform: scale(1.32); opacity: 0; } }
.aura-rhythm__status { margin: 24px 0 20px; font-family: var(--aura-display); font-size: clamp(28px, 3vw, 44px); }
.aura-rhythm__button {
    min-height: 44px;
    padding: 13px 18px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.aura-rhythm__button:hover,
.aura-rhythm__button:focus-visible,
.aura-rhythm__button[aria-pressed="true"] { color: var(--aura-ink); background: var(--aura-sage); }

.aura-in-use { position: relative; min-height: 92vh; min-height: 92svh; display: grid; align-items: end; overflow: hidden; padding: var(--aura-pad); color: #fff; background: var(--aura-ink); }
.aura-in-use > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.75) brightness(.66); }
.aura-in-use::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(13,22,20,.86), transparent 70%); }
.aura-in-use__copy { position: relative; z-index: 2; max-width: 1050px; }
.aura-in-use blockquote { margin: 28px 0 0; font-family: var(--aura-display); font-size: clamp(43px, 6.2vw, 96px); font-weight: 350; line-height: .98; letter-spacing: -.04em; }

.aura-reflection { display: grid; grid-template-columns: .28fr 1fr .72fr; gap: clamp(32px, 6vw, 96px); }
.aura-reflection__copy { grid-column: 2; }
.aura-reflection__copy .aura-kicker { margin-bottom: 22px; }
.aura-reflection__copy > p { max-width: 46rem; }
.aura-reflection__facts { grid-column: 3; margin: 0; border-top: 1px solid var(--aura-line); }
.aura-reflection__facts div { display: grid; grid-template-columns: 115px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--aura-line); }
.aura-reflection__facts dt { font-size: 9px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.aura-reflection__facts dd { margin: 0; color: rgba(23,33,31,.68); font-size: 13px; line-height: 1.45; }
.aura-sheet { grid-column: 1 / -1; margin: clamp(80px, 10vw, 150px) 0 0; }
.aura-sheet img { width: 100%; border: 1px solid var(--aura-line); border-radius: 20px; }
.aura-note { grid-column: 2 / -1; max-width: 880px; margin: 54px 0 0; padding-top: 18px; color: rgba(23,33,31,.54); border-top: 1px solid var(--aura-line); font-size: 12px; line-height: 1.55; }

.aura-next { min-height: 66vh; min-height: 66svh; display: grid; grid-template-columns: 1fr auto; align-content: end; gap: 16px; padding: var(--aura-pad); color: #fff; background: var(--aura-ink); text-decoration: none; }
.aura-next span,
.aura-next em { font-size: 10px; font-style: normal; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; }
.aura-next em { justify-self: end; }
.aura-next strong { grid-column: 1 / -1; font-size: clamp(88px, 18vw, 270px); font-variation-settings: "opsz" 144, "wdth" 108, "wght" 660; font-weight: 660; line-height: .72; letter-spacing: -.08em; text-transform: uppercase; transition: color .3s; }
.aura-next:hover strong { color: var(--aura-sage); }

.aura-reveal { opacity: 1; transform: none; transition: opacity .8s ease, transform .8s cubic-bezier(.2,.75,.2,1); }
.reveal-enabled .aura-reveal:not(.is-visible) { opacity: 0; transform: translateY(32px); }
.aura-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
    .aura-hero { grid-template-columns: 1fr; align-items: end; padding-top: 100px; }
    .aura-hero__copy { align-self: end; }
    .aura-hero h1 { font-size: clamp(100px, 25vw, 210px); }
    .aura-hero__product { width: min(680px, 90%); justify-self: end; }
    .aura-opening { grid-template-columns: 1fr 1fr; }
    .aura-opening > .aura-section__number { grid-column: 1 / -1; }
    .aura-sensory-field { min-height: 520px; }
    .aura-research { grid-template-columns: 1fr 1fr; }
    .aura-research > .aura-section__number { grid-column: 1 / -1; }
    .aura-research__lead { grid-column: 1; }
    .aura-filter { grid-column: 2; }
    .aura-people, .aura-overload { grid-column: 1 / -1; }
    .aura-process__heading { grid-template-columns: 1fr 1fr; }
    .aura-process__heading .aura-section__number { grid-column: 1 / -1; grid-row: auto; }
    .aura-process__heading h2 { grid-column: 1; }
    .aura-process__heading > p:last-child { grid-column: 2; }
    .aura-principles { grid-template-columns: repeat(2, 1fr); }
    .aura-principles > * { border-bottom: 1px solid var(--aura-line); }
    .aura-principles > .aura-kicker { grid-column: 1 / -1; }
    .aura-prototype-grid figure,
    .aura-prototype-grid figure:nth-child(n) { grid-column: span 6; }
    .aura-textures__heading { grid-template-columns: 1fr 1fr; }
    .aura-product { grid-template-columns: 1fr 1fr; }
    .aura-product > .aura-section__number { grid-column: 1 / -1; }
    .aura-product__title { grid-column: 1; }
    .aura-product__pair { grid-column: 2; }
    .aura-product__features, .aura-product__anatomy { grid-column: 1 / -1; }
    .aura-reflection { grid-template-columns: 1fr 1fr; }
    .aura-reflection > .aura-section__number { grid-column: 1 / -1; }
    .aura-reflection__copy { grid-column: 1; }
    .aura-reflection__facts { grid-column: 2; }
    .aura-sheet, .aura-note { grid-column: 1 / -1; }
}

@media (max-width: 680px), (max-height: 500px) and (pointer: coarse) {
    :root { --aura-pad: 18px; }
    .aura-topbar { grid-template-columns: 1fr auto; min-height: 50px; padding-inline: 14px; padding-left: max(14px, calc(env(safe-area-inset-left) + 10px)); padding-right: max(14px, calc(env(safe-area-inset-right) + 10px)); }
    .aura-topbar span { display: none; }
    .aura-chapters { top: 53px; overflow-x: auto; overscroll-behavior-inline: contain; grid-template-columns: repeat(4, minmax(120px, 1fr)); -webkit-overflow-scrolling: touch; }
    .aura-chapters a { white-space: nowrap; }
    .aura-hero { min-height: auto; padding: 100px 18px 78px; }
    .aura-hero__scene { object-position: 58% center; }
    .aura-hero__veil { background: linear-gradient(0deg, rgba(11,20,18,.94), rgba(11,20,18,.44)); }
    .aura-hero__noise { display: none; }
    .aura-hero h1 { font-size: clamp(86px, 31vw, 142px); }
    .aura-hero__line { font-size: clamp(42px, 14vw, 68px); }
    .aura-hero__summary { font-size: 16px; }
    .aura-hero__product { width: 100%; transform: none; }
    .aura-hero__product figcaption { font-size: 8px; }
    .aura-scroll { right: 18px; }
    .aura-section { padding-block: 92px; }
    .aura-opening,
    .aura-research,
    .aura-process__heading,
    .aura-prototypes__intro,
    .aura-textures__heading,
    .aura-textures__rule,
    .aura-product,
    .aura-mechanism,
    .aura-reflection { grid-template-columns: 1fr; }
    .aura-opening > *, .aura-research > *, .aura-process__heading > *, .aura-product > *, .aura-reflection > * { grid-column: 1 !important; }
    .aura-sensory-field { min-height: 420px; }
    .aura-anchor__line { grid-template-columns: auto 1fr auto; }
    .aura-anchor__line i:nth-of-type(2), .aura-anchor__line span:last-child { display: none; }
    .aura-anchor blockquote { text-align: left; }
    .aura-filter { margin-top: 10px; }
    .aura-people > div { grid-template-columns: 1fr; }
    .aura-people article { min-height: 240px; }
    .aura-overload { grid-template-columns: 1fr; padding: 28px 22px; }
    .aura-question { text-align: left; }
    .aura-question h2 { font-size: clamp(50px, 15vw, 78px); }
    .aura-ideas { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }
    .aura-ideas figure, .aura-ideas__chosen { min-width: 84vw; scroll-snap-align: start; }
    .aura-principles { grid-template-columns: 1fr; }
    .aura-principles > * { border-right: 0; }
    .aura-principles > .aura-kicker { grid-column: 1; }
    .aura-prototype-grid { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
    .aura-prototype-grid figure, .aura-prototype-grid figure:nth-child(n) { min-width: 82vw; scroll-snap-align: start; }
    .aura-prototype-grid img, .aura-prototype-grid__tall img { height: 55vh; height: 55svh; }
    .aura-prototype-media--ccw { --prototype-frame-height: 55vh; --prototype-frame-height: 55svh; }
    .aura-prototype-grid .aura-prototype-media--ccw img { height: 100cqw; }
    .aura-textures__rule { gap: 38px; }
    .aura-product__features { grid-template-columns: 1fr; }
    .aura-product__features article { min-height: 260px; }
    .aura-mechanism__motion { grid-row: 2; width: min(100%, 520px); justify-self: center; }
    .aura-rhythm { grid-column: 1; }
    .aura-in-use { min-height: 84vh; min-height: 84svh; }
    .aura-in-use blockquote { font-size: clamp(42px, 13vw, 66px); }
    .aura-reflection__facts { margin-top: 20px; }
    .aura-note { margin-top: 36px; }
    .aura-next { min-height: 52vh; min-height: 52svh; }
    .aura-next strong { font-size: 28vw; }
}

.is-static-motion {
    scroll-behavior: auto;
}

.is-static-motion *,
.is-static-motion *::before,
.is-static-motion *::after {
    animation-delay: 0s !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
}

html.is-static-motion .aura-topbar {
    background: rgba(18, 27, 25, .95);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
    .aura-topbar {
        background: rgba(18, 27, 25, .95);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .aura-reveal { opacity: 1; transform: none; }
    .aura-hero__scene { transform: none; }
}