body.cinematic{background-image:radial-gradient(ellipse at 8% 4%,color-mix(in srgb,var(--apricot) 42%,transparent),transparent 32%),radial-gradient(ellipse at 92% 26%,color-mix(in srgb,var(--sand) 22%,transparent),transparent 27%);background-attachment:fixed}
.hero-copy:after{content:"";position:absolute;width:min(68vw,960px);height:240px;left:50%;top:-80px;transform:translateX(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--cloud) 82%,transparent),transparent 68%);pointer-events:none;z-index:-1;animation:hoya-aura 9s ease-in-out infinite alternate}
.models-section{position:relative;isolation:isolate;overflow:hidden}
.models-section:before{content:"✦";position:absolute;right:-110px;top:90px;font:340px/1 Georgia,serif;color:color-mix(in srgb,var(--wheat) 11%,transparent);pointer-events:none;z-index:-1;animation:hoya-star-drift 26s linear infinite}
.section-top .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 17px;font-size:8px;letter-spacing:2.4px;color:var(--linen)}
.section-top .eyebrow>span{display:inline-block;width:32px;height:1px;background:var(--khaki)}
.model-card{position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--wheat) 40%,transparent);box-shadow:0 1px 0 #ffffffa6,inset 0 1px 0 #ffffff69;transition:transform .65s var(--ease-out),box-shadow .65s var(--ease-out),border-color .5s}
.model-card:before{content:"";position:absolute;inset:-40% auto -40% -65%;width:44%;background:linear-gradient(105deg,transparent,#ffffff8c 48%,transparent);transform:skewX(-18deg) translateX(-180%);transition:transform 1s var(--ease-out);pointer-events:none;z-index:0}
.model-card>*{position:relative;z-index:1}
.model-card:hover{border-color:color-mix(in srgb,var(--khaki) 62%,transparent);box-shadow:0 20px 45px color-mix(in srgb,var(--mocha) 10%,transparent),0 2px 6px color-mix(in srgb,var(--mocha) 5%,transparent)}
.model-card:hover:before{transform:skewX(-18deg) translateX(590%)}
.model-card h3{overflow-wrap:anywhere}
.model-card .model-logo{transition:transform .7s var(--ease-out),filter .7s}
.model-card:hover .model-logo{transform:translateY(-3px) rotate(-7deg) scale(1.08);filter:drop-shadow(0 5px 6px color-mix(in srgb,var(--cocoa) 14%,transparent))}
.model-card-bottom button{position:relative}
.model-card-bottom button span,.button span,.text-link span,.nav-console span{display:inline-block;transition:transform .4s var(--ease-out)}
.model-card-bottom button:hover span,.button:hover span,.text-link:hover span,.nav-console:hover span{transform:translate(3px,-3px)}
.catalog-footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:4px}
.catalog-footnote .collection-note{margin:0;max-width:760px}
.catalog-account-link{flex:none;font-size:10px;color:var(--mocha);padding-bottom:5px;border-bottom:1px solid var(--wheat);transition:color .3s,border-color .3s}
.catalog-account-link:hover{color:var(--tea);border-color:var(--tea)}
.creation-panel{position:relative;transform-style:preserve-3d}
.creation-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff61;opacity:0;transition:opacity .6s;pointer-events:none}
.creation-panel:hover:after{opacity:1}
.creation-panel .panel-art img{transition:transform 1.2s var(--ease-out),filter 1.2s}
.creation-panel:hover .panel-art img{filter:saturate(1.06) contrast(1.015)}
.feature{position:relative;overflow:hidden}
.feature:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--khaki),transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out)}
.feature:hover:after{transform:scaleX(1)}
.feature h3{transition:transform .65s var(--ease-out),color .4s}
.feature:hover h3{transform:translateY(-4px);color:var(--tea)}
.code-window{position:relative;overflow:hidden}
.code-window:after{content:"";position:absolute;left:0;right:0;top:-30%;height:25%;background:linear-gradient(transparent,#ffffff0b,transparent);transform:translateY(-150%);animation:hoya-code-light 9s ease-in-out infinite;pointer-events:none}
.plan{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--wheat) 36%,transparent)}
.plan:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--khaki),transparent);transform:scaleX(.25);opacity:.45;transition:transform .8s var(--ease-out),opacity .5s}
.plan:hover:before{transform:scaleX(1);opacity:1}
.plan .button{position:relative;overflow:hidden}
.plan .button:after,.nav-console:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff30 48%,transparent 75%);transform:translateX(-130%);transition:transform .8s var(--ease-out);pointer-events:none}
.plan .button:hover:after,.nav-console:hover:after{transform:translateX(130%)}
.nav-console{position:relative;overflow:hidden}
.showcase-frame{box-shadow:0 28px 70px color-mix(in srgb,var(--mocha) 9%,transparent)}
.showcase-slide .showcase-brand-mark{animation:hoya-brand-breathe 6s ease-in-out infinite}
.model-thumb-preview{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wheat) 16%,transparent)}
.model-thumb:hover .model-thumb-name{transform:translateX(3px)}
.model-thumb-name{transition:transform .45s var(--ease-out)}
#toast{box-shadow:0 18px 55px color-mix(in srgb,var(--mocha) 18%,transparent);border:1px solid var(--border)}
@keyframes hoya-aura{from{opacity:.6;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}
@keyframes hoya-star-drift{to{transform:rotate(360deg)}}
@keyframes hoya-code-light{0%,35%{transform:translateY(-150%)}75%,100%{transform:translateY(650%)}}
@keyframes hoya-brand-breathe{50%{transform:scale(1.035);filter:drop-shadow(0 10px 16px #ffffff20)}}
body.motion-off .model-card:before,body.motion-off .code-window:after{display:none}
body.motion-off .hero-copy:after,body.motion-off .models-section:before,body.motion-off .showcase-brand-mark{animation:none}
body.hoya-motion-off *,body.hoya-motion-off *:before,body.hoya-motion-off *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-copy:after,.models-section:before,.showcase-brand-mark,.code-window:after{animation:none}.model-card:before{display:none}.model-card,.feature h3,.creation-panel,.creation-panel .panel-art img{transition:none}}
@media(max-width:800px){.catalog-footnote{flex-direction:column;gap:13px}.models-section:before{font-size:250px;right:-80px;top:140px}.code-window:after{display:none}}
@media(max-width:540px){.catalog-account-link{font-size:9px}.section-top .eyebrow{font-size:7px;letter-spacing:1.7px}.showcase-frame{box-shadow:0 15px 35px color-mix(in srgb,var(--mocha) 8%,transparent)}.model-card:hover{transform:none}.creation-panel:hover{translate:0 0}}
@media(pointer:coarse){.model-card:before,.plan .button:after,.nav-console:after{display:none}}