/* PEPTALIA / motion and editorial system, second edition. */
:root{--ease-sculpt:cubic-bezier(.16,1,.3,1)}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-leave .22s ease both}::view-transition-new(root){animation:page-enter .45s var(--ease-sculpt) both}@keyframes page-leave{to{opacity:0;transform:translateY(-12px)}}@keyframes page-enter{from{opacity:0;transform:translateY(20px)}}
.ambient-halo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-halo:before,.ambient-halo:after{content:'';position:absolute;width:65%;aspect-ratio:1;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,#b689c64d,transparent 65%);left:-20%;top:-25%;animation:halo-drift 15s ease-in-out infinite alternate}.ambient-halo:after{left:auto;right:-20%;top:30%;background:radial-gradient(circle,#acc8d32b,transparent 65%);animation-delay:-7s}@keyframes halo-drift{to{transform:translate(25%,20%) scale(1.3)}}
.peptalia-hero .cinema-content{animation:hero-arrival 1s var(--ease-sculpt) both}@keyframes hero-arrival{from{transform:translateY(18px)}to{transform:translateY(0)}}
.art-gallery{position:relative;background:#e9e1ec;overflow:hidden;padding:100px 0 70px;isolation:isolate}.art-gallery:before{content:'';position:absolute;inset:0;background:url('/assets/peptalia-contours.svg') center/cover;opacity:.3;z-index:-1}.gallery-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.gallery-heading h2{max-width:680px;line-height:1.02;margin-top:22px}.gallery-heading>p{max-width:300px;font-size:14px;line-height:1.8;color:#66596b}.art-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;perspective:1400px}.art-card{position:relative;border-radius:8px;background:#30253b;color:#f8f1e8;min-height:460px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .65s var(--ease-sculpt),box-shadow .65s}.art-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1f142140,transparent 45%,#231628e8);z-index:-1}.art-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:translateY(var(--asset-y,0px)) scale(1.13);transition:filter .6s}.art-card:nth-child(2){background:#c2b2cf}.art-card:nth-child(3){background:#292b37}.art-card:hover,.art-card:focus-visible{transform:translateY(-12px) rotateX(3deg);box-shadow:0 25px 50px #37223a30}.art-card:hover img{filter:brightness(1.16)}.art-card .mono{font-size:9px;letter-spacing:1.5px}.art-card h3{font-family:var(--display);font-size:46px;line-height:1;max-width:280px;margin-bottom:12px}.art-card p{font-size:12px;line-height:1.7;max-width:250px}.art-arrow{position:absolute;right:25px;bottom:25px;font-size:25px}.gallery-caption{font-size:10px;color:#716578;margin-top:24px}.gallery-controls{display:flex;gap:8px;margin-top:25px}.gallery-controls button{border:1px solid #95849f;background:transparent;padding:12px 18px;border-radius:30px;font:12px var(--font);cursor:pointer}.gallery-controls button[aria-pressed=true]{background:#30253b;color:#fff;border-color:#30253b}.art-gallery[data-light=ivory] .art-card{filter:sepia(.25) brightness(1.12)}.art-gallery[data-light=slate] .art-card{filter:saturate(.35)}
.signal-bridge{background:#272131;color:#f4eafa;overflow:hidden;position:relative;isolation:isolate;padding:115px 0}.signal-bridge:before{content:'';position:absolute;inset:0;background:url('/assets/peptalia-network.svg') right center/65% auto no-repeat;opacity:.45;transform:translateX(var(--signal-shift,0px));z-index:-1}.signal-bridge .eyebrow{color:#c8b4d8}.signal-bridge h2{font-size:clamp(54px,6.6vw,96px);max-width:880px;line-height:1.02;margin:30px 0}.signal-bridge h2 em{color:#c6a8d8}.signal-bridge p:not(.eyebrow){max-width:540px;line-height:1.9;font-size:14px;color:#d7cbdc}.signal-links{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.signal-links a{padding:14px 20px;border:1px solid #a88ab960;border-radius:40px;font-size:12px;background:#ffffff08;transition:background .3s,transform .3s}.signal-links a:hover{background:#805f92;transform:translateY(-4px)}
.quick-answers{padding:100px 0;background:linear-gradient(135deg,#f8f5ef,#e8dfeb);position:relative;isolation:isolate;overflow:hidden}.quick-answers h2{margin:22px 0 40px}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.answer-grid article{padding:28px 0;border-top:1px solid #b9aabd}.answer-grid h3{font-size:17px;margin-bottom:13px}.answer-grid p{font-size:13px;line-height:1.9;color:#655b69}.answer-grid a{display:inline-block;font-size:12px;color:#69447d;margin-top:15px;text-decoration:underline;text-underline-offset:4px}.section-portal{border-top:1px solid #b9aabd;margin-top:35px;padding-top:25px;display:flex;gap:30px;flex-wrap:wrap;font-size:13px}
.catalog-section{background-image:url('/assets/peptalia-contours.svg');background-position:right top;background-size:1000px;background-repeat:no-repeat}.catalog-section .container{position:relative}.product{transition:background .3s,box-shadow .3s}.product:hover{background:#ebe2ef;box-shadow:inset 3px 0 #9273a3}.product summary{transition:color .25s}.product[open],.product details[open]{background:#f2ebf4}.process{position:relative;overflow:hidden;isolation:isolate}.process:before{content:'';position:absolute;inset:0;background:url('/assets/peptalia-network.svg') center/cover;opacity:.1;z-index:-1}.quote-form-wrap{box-shadow:0 25px 70px #5940630a;transition:box-shadow .4s}.quote-form-wrap:focus-within{box-shadow:0 25px 70px #59406322}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:2px solid #876095;outline-offset:3px}.location-section{background-image:url('/assets/peptalia-contours.svg');background-position:center;background-size:cover}.closing-scene:after{content:'';position:absolute;inset:0;background:url('/assets/peptalia-contours.svg') center/cover;opacity:.08;pointer-events:none;z-index:-1}
.editorial-page main{padding-top:75px}.editorial-heading{padding:60px 0 65px;position:relative}.editorial-heading h1{font-family:var(--display);font-weight:400;font-size:clamp(58px,7.2vw,100px);line-height:1.02;letter-spacing:-.035em;max-width:1000px;margin:30px 0}.editorial-heading .lead{font-size:18px;line-height:1.8;max-width:780px;color:#675e6c}.editorial-art{width:100%;height:310px;object-fit:cover;border-radius:8px;margin-top:40px}.editorial-body{max-width:940px;padding-bottom:80px}.editorial-body section{padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.editorial-body h2{font-size:48px;margin-bottom:24px;line-height:1.1}.editorial-body h3{font-size:20px;margin:28px 0 12px}.editorial-body p,.editorial-body li{font-size:15px;line-height:1.9;color:#655b69}.editorial-body p+p{margin-top:15px}.editorial-body ol,.editorial-body ul{padding-left:25px;margin:20px 0}.editorial-body a,.library-intro a{color:#704a84;text-decoration:underline;text-underline-offset:4px}.editorial-toc{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.editorial-toc a{font-size:12px;padding:12px 18px;background:#e9e0ec;border-radius:30px}.reference-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:30px 0 70px}.reference-index a{display:flex;flex-direction:column;padding:24px;border:1px solid #d6cbdc;border-radius:6px;min-height:170px;background:#f9f5fa;transition:transform .35s,background .35s;position:relative}.reference-index a:hover{transform:translateY(-5px);background:#e5d9ec}.reference-index strong{font:25px var(--display);line-height:1.15;margin:17px 0 12px;overflow-wrap:anywhere}.reference-index small{font-size:11px;color:#756a7e;line-height:1.6}.reference-index .mono{font-size:9px;color:#80618e}.editorial-nav{display:flex;gap:25px;flex-wrap:wrap;padding:25px 0;font-size:12px}.editorial-meta{font-size:11px;color:#786c80;margin-top:25px}.detail-resource-nav{display:flex;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);font-size:12px}.detail-resource-nav a{color:#775187;text-decoration:underline}.answer-strip{background:#eae0ef;padding:22px 25px;border-left:3px solid #876395;margin:25px 0;font-size:14px;line-height:1.8}
[data-motion=on] .art-card.in-view img{animation:art-breathe 14s ease-in-out infinite alternate}@keyframes art-breathe{from{transform:translateY(var(--asset-y,0px)) scale(1.13) rotate(-2deg)}to{transform:translateY(var(--asset-y,0px)) scale(1.22) rotate(2deg)}}
[data-motion=off] .ambient-halo:before,[data-motion=off] .ambient-halo:after{animation:none}[data-motion=off] .art-card,[data-motion=off] .signal-bridge:before{transform:none!important}[data-motion=off] .peptalia-hero .cinema-content{animation:none}
@media(max-width:900px){.art-grid{grid-template-columns:1fr 1fr 1fr}.art-card{padding:22px;min-height:390px}.art-card h3{font-size:37px}.gallery-heading{display:block}.gallery-heading>p{max-width:550px;margin-top:25px}.answer-grid{grid-template-columns:1fr 1fr}.reference-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.art-gallery,.quick-answers{padding:65px 0}.gallery-heading h2{font-size:48px}.art-grid{grid-template-columns:1fr}.art-card{min-height:380px}.art-card:nth-child(2),.art-card:nth-child(3){min-height:330px}.art-card h3{font-size:47px}.gallery-controls{flex-wrap:wrap}.signal-bridge{padding:75px 0}.signal-bridge:before{background-size:150%;opacity:.24}.signal-bridge h2{font-size:56px}.signal-links{gap:10px}.signal-links a{font-size:11px}.answer-grid{grid-template-columns:1fr;gap:0}.answer-grid h3{font-size:18px}.answer-grid p{font-size:14px}.quick-answers h2{font-size:47px}.editorial-heading{padding:35px 0}.editorial-heading h1{font-size:58px;overflow-wrap:anywhere}.editorial-heading .lead{font-size:16px}.editorial-art{height:230px}.editorial-body h2{font-size:40px}.reference-index{grid-template-columns:1fr}.reference-index a{min-height:140px}.editorial-nav{gap:18px}.editorial-page main{padding-top:65px}.ambient-halo:before,.ambient-halo:after{filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.ambient-halo:before,.ambient-halo:after,.peptalia-hero .cinema-content{animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}.art-card,.art-card img,.signal-bridge:before{transform:none!important;animation:none!important}.art-card,.reference-index a{transition:none}}

/* Light orbit remains decorative and never competes with the contact controls. */
.hero-scene:after{content:'';position:absolute;inset:13%;border:1px solid #d9b9ec30;border-top:2px solid #f0dfefa0;border-radius:50%;box-shadow:0 -8px 30px #c9a4d61a;transform:rotate(-25deg);animation:light-orbit 18s linear infinite;animation-play-state:paused;pointer-events:none}
@keyframes light-orbit{to{transform:rotate(335deg)}}
.ambient-halo:before,.ambient-halo:after{animation-play-state:paused}
[data-motion=on] .hero-visible .hero-scene:after,[data-motion=on] .hero-visible .peptalia-hero .ambient-halo:before,[data-motion=on] .hero-visible .peptalia-hero .ambient-halo:after,[data-motion=on] .signal-bridge.in-view .ambient-halo:before,[data-motion=on] .signal-bridge.in-view .ambient-halo:after{animation-play-state:running}
html[data-motion=off]::view-transition-old(root),html[data-motion=off]::view-transition-new(root){animation:none}
@media(prefers-reduced-motion:reduce){.hero-scene:after{animation:none!important}}

.promo-glass{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:8px 20px;color:#fff;background:linear-gradient(110deg,#35243f,#805991,#463054);border-bottom:1px solid #e8c7fa70;box-shadow:inset 0 1px #ffffff50,0 8px 24px #21102f22;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center}.promo-glass:before{content:"";position:absolute;z-index:-1;inset:-100% -25%;background:linear-gradient(110deg,transparent 35%,#ffffff65 49%,transparent 60%);animation:promo-shine 4s ease-in-out infinite}.promo-glass strong{font-size:16px;font-weight:800;letter-spacing:.06em}.promo-glass strong span{font-size:12px;letter-spacing:.09em}.promo-action{font-size:9px;font-weight:700;letter-spacing:.12em;border-bottom:1px solid #e7c8f3}.promo-spark{color:#efd4ff;font-size:17px;animation:promo-pulse 2.5s ease-in-out infinite alternate}@keyframes promo-shine{from{transform:translateX(-75%)}to{transform:translateX(75%)}}@keyframes promo-pulse{to{transform:scale(1.35) rotate(30deg);opacity:.55}}[data-motion=off] .promo-glass:before,[data-motion=off] .promo-spark{animation:none}@media(max-width:700px){.promo-glass{gap:8px;min-height:44px;padding:7px 9px}.promo-glass strong{font-size:13px;white-space:nowrap}.promo-glass strong span{font-size:10px}.promo-action{font-size:8px}.promo-spark{font-size:13px}.peptalia-hero .cinema-content{padding-top:120px}.editorial-page main{padding-top:95px}}@media(max-width:380px){.promo-glass{gap:5px}.promo-action{font-size:7px}.promo-glass strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.promo-glass:before,.promo-spark{animation:none!important}}
@media(max-width:700px){.peptalia-hero .cinema-content{animation:none!important;transform:none!important}}