/* Functional additions inherit this demo's visual world. */
.art-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:14px;line-height:1.4}.art-action>span{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.art-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px auto;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:inherit;font-size:13px;line-height:1.6;max-width:1200px;width:calc(100% - 48px)}.art-context p{margin:0;max-width:65ch}.art-context a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.art-context:empty{display:none}.art-review-context{margin:20px 0 0;padding-top:18px;border-top:1px solid currentColor;font-size:14px;line-height:1.6}
.art-direction main h1,.art-direction main h2{text-wrap:balance}.art-direction figcaption{line-height:1.6}.art-direction main{min-width:0}.art-direction .art-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.art-action:hover>span{transform:translate(3px,-3px)}.art-action:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:720px){.art-context{display:block;margin-block:20px}.art-context a{margin-top:8px}.art-direction main input,.art-direction main select,.art-direction main textarea{font-size:16px}.art-action{min-height:48px}}
@media(prefers-reduced-motion:reduce){.art-direction .art-action>span{transition:none}.art-direction .art-action:hover>span{transform:none}}
html[data-axus-motion=paused] .art-direction .art-action>span{transition:none;transform:none}

/* aureline-jewelry — authored interior compositions. */

.material-study{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;background:var(--lilac)}.material-stage{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#f5f3f7}.material-stage img{width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform 320ms cubic-bezier(.23,1,.32,1)}.material-stage[data-art-view=detail] img{transform:scale(1.7)}.piece-tide .material-stage[data-art-view=detail] img{transform:scale(1.9);transform-origin:50% 46%}.piece-orbit .material-stage[data-art-view=detail] img{transform:scale(1.8);transform-origin:50% 58%}.material-reading h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.035em;max-width:13ch}.material-reading p{font-size:16px;max-width:45ch;line-height:1.75}.material-controls{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 22px}.material-controls button{min-height:48px;padding:13px 18px;border:1px solid var(--plum);background:transparent;color:var(--plum);font-size:13px}.material-controls button[aria-pressed=true]{background:var(--plum);color:var(--chalk)}.material-caption{padding-top:18px;border-top:1px solid var(--line)}.material-reading .material-scale-note{font-size:12px;line-height:1.6}.material-context-story{padding-block:70px}.piece-ribbon .material-study{background:var(--chalk)}.piece-ribbon .material-stage{background:var(--lilac)}.piece-orbit .material-study{grid-template-columns:.8fr 1.2fr}.piece-orbit .material-stage{grid-column:2;grid-row:1}.piece-orbit .material-reading{grid-column:1;grid-row:1}.wearing-comparison{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:25px;background:var(--lilac);align-items:start}.wearing-comparison h2{font-size:42px;max-width:10ch}.wearing-comparison p{font-size:15px;max-width:30ch}.wearing-comparison figure{margin:0}.wearing-comparison img{width:100%;aspect-ratio:1;object-fit:contain}.wearing-comparison figcaption{display:none}.wearing-comparison a{font-size:13px;width:100%}.aureline-piece-study .product-hero{padding-bottom:60px}.aureline-piece-study .product-copy dl{margin-block:28px}
@media(max-width:760px){.material-study,.piece-orbit .material-study{display:flex;flex-direction:column;align-items:stretch;padding:35px 24px 45px;gap:30px}.material-reading h2{font-size:37px;max-width:none}.material-stage{aspect-ratio:1.05}.material-controls{margin:24px 0 18px}.material-controls button{flex:1;font-size:12px;padding-inline:10px}.material-reading p{font-size:15px;max-width:none}.material-context-story{padding-block:45px}.wearing-comparison{grid-template-columns:1fr 1fr;gap:25px 18px}.wearing-comparison>div{grid-column:1/-1}.wearing-comparison h2{font-size:39px;max-width:none}.wearing-comparison p{max-width:none}.wearing-comparison figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.aureline-piece-study .product-hero{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.material-stage img{transition:none}}html[data-axus-motion=paused] .material-stage img{transition:none}

.material-context-story{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:4vw;align-items:start}.material-context-story .material-profile-photo{height:auto;margin:0;max-width:none;min-width:0;background:var(--lilac)}.material-context-story .material-profile-photo img{width:100%;height:auto;aspect-ratio:4/5;max-height:620px;object-fit:contain}.material-controls button[data-art-profile]{border-style:dashed}.material-controls button[data-art-profile][aria-expanded=true]{background:var(--plum);color:var(--chalk)}
@media(max-width:760px){.material-context-story{display:block}.material-context-story .material-profile-photo{margin-top:30px;width:100%}.material-context-story .material-profile-photo img{height:auto;max-height:460px}.material-controls button{flex:1 1 42%}.material-controls button[data-art-profile]{flex-basis:100%}}
