/* Keep the educator line visible, including short phone viewports. */
.ceramic-entry .entry-eyebrow{display:block;visibility:visible;opacity:1;color:#f6f4ef}
/* Animate each sentence independently: the second sweeps in and stops. */
.product-entering .entry-copy h1{animation:none;transform:none}
.entry-copy h1 .entry-first-line{display:block}
.product-entering .entry-first-line{animation:product-reveal .7s .12s both}
.product-entering .entry-copy h1 em{animation:entry-swift-right .48s .72s cubic-bezier(.45,0,.85,.6) both;transform-origin:50% 65%}
@keyframes entry-swift-right{
 0%{opacity:0;transform:translateX(calc(100vw + 100%)) skewX(-18deg) rotate(-5deg)}
 12%{opacity:1}
 85%{transform:translateX(9%) skewX(-18deg) rotate(-3deg)}
 100%{opacity:1;transform:translateX(0) skewX(0) rotate(0)}
}
@media(max-width:760px){
 .ceramic-entry-page .ceramic-entry-scroll{height:100svh;min-height:0}
 .ceramic-entry-page .ceramic-entry{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;justify-content:normal;height:100svh;min-height:0;gap:clamp(8px,2svh,16px);padding:max(22px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}
 .ceramic-entry .entry-copy{grid-column:1;grid-row:1;width:100%;max-width:100%;align-self:start}
 .ceramic-entry .entry-eyebrow{font-size:clamp(19px,5vw,24px);line-height:1.3;letter-spacing:0;margin:0 0 clamp(12px,2svh,20px);text-wrap:balance;animation:none}
 .ceramic-entry .entry-copy h1{font-size:clamp(26px,7vw,46px);line-height:1.12;letter-spacing:.005em;margin:0;max-width:100%}
 .ceramic-entry .entry-copy h1 em{font-size:1.22em;line-height:1.12;margin-top:8px}
 .ceramic-entry .entry-tooth{grid-column:1;grid-row:2;align-self:stretch;justify-self:center;width:min(440px,100%);height:100%;min-height:0;max-height:none;margin:0}
 .ceramic-entry .entry-bottom{grid-column:1;grid-row:3;margin:0;width:100%}
 .ceramic-entry .crown-scroll-hint{line-height:1.5!important;text-wrap:balance}
}
@media(max-width:760px) and (max-height:480px) and (orientation:landscape){
 .ceramic-entry-page .ceramic-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 12px;padding:16px max(18px,env(safe-area-inset-right)) 16px max(18px,env(safe-area-inset-left))}
 .ceramic-entry .entry-copy{align-self:center;grid-row:1;grid-column:1}
 .ceramic-entry .entry-eyebrow{font-size:18px;margin-bottom:12px}
 .ceramic-entry .entry-copy h1{font-size:26px}
 .ceramic-entry .entry-tooth{grid-column:2;grid-row:1/3}
 .ceramic-entry .entry-bottom{grid-column:1;grid-row:2}
}
@media(prefers-reduced-motion:reduce){.product-entering .entry-first-line,.product-entering .entry-copy h1 em{animation:none!important;opacity:1;transform:none}}