/* NaiLish About page — Nailish2026V2 */
.about-page{padding-bottom:24px}
.nav a[aria-current="page"]{background:var(--tint);color:var(--caramel-deep)}
.about-page .about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(18px,3vw,36px);align-items:stretch;max-width:1120px;margin:0 auto;padding-top:40px}
.about-page .pic{position:relative;border-radius:220px 220px 28px 28px;background:radial-gradient(rgba(255,255,255,.35) 1.4px,transparent 1.5px) 0 0/20px 20px,radial-gradient(circle at 50% 30%,#fff3d2 0,#ffc47a 55%,#f28a23 100%);border:3px solid #fff;box-shadow:0 0 0 2px var(--caramel),0 18px 30px -20px #5b1a108c;padding:56px 28px 40px;min-height:440px;display:grid;align-items:center}
.about-page .pic-in{display:grid;justify-items:center}
.about-page .pic img{width:min(100%,400px);height:auto}
.about-page .sp{position:absolute;width:26px;height:26px;fill:#fff;animation:twinkle 3.2s ease-in-out infinite;z-index:2}
.about-page .s1{top:9%;left:12%}.about-page .s2{top:16%;right:12%;width:18px;height:18px;fill:#ffe1f1;animation-delay:-1.1s}.about-page .s3{bottom:12%;right:8%;width:22px;height:22px;animation-delay:-2.2s}.about-page .s4{bottom:22%;left:7%;width:14px;height:14px;fill:#ffe1f1;animation-delay:-.6s}
@keyframes twinkle{0%,100%{opacity:.95;scale:1}50%{opacity:.35;scale:.7}}
.about-page .text{text-align:center;border-radius:28px;padding:clamp(24px,4.5vw,52px);background:radial-gradient(circle at 50% 14%,#fffaf2 0,#ffe2c2 82%);border:3px solid #fff;box-shadow:0 0 0 2px var(--caramel),0 22px 40px -22px #5b1a108c;display:grid;gap:18px;align-content:center;justify-items:center}
.about-page .text p{font-weight:500;font-size:1.0625rem;line-height:1.8;max-width:56ch;text-wrap:pretty}
.about-page .text .about-lede{font:800 clamp(1.45rem,2.6vw,1.95rem)/1.35 var(--f-sans);max-width:22ch;text-wrap:balance;margin-bottom:4px}
.about-page .text .about-lede b{color:var(--caramel-deep);font-weight:800}
.about-page .signoff{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:10px}
.about-page .sig{display:flex;align-items:center;gap:4px}
.about-page .sig span{font:400 clamp(1.8rem,4vw,2.4rem)/1 var(--f-script);color:var(--caramel-deep)}
.about-page .sig img{width:clamp(200px,24vw,260px);height:auto;display:block}
.about-page .text .founder{margin:0;max-width:none;padding:6px 0 6px 22px;border-left:2px solid var(--caramel);font:700 .78rem/1.6 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.about-page .founder span{display:block;white-space:nowrap}.about-page .founder .dot{display:none}
.about-page .framed{width:100%;height:auto;display:block;border-radius:22px;border:4px solid #fff;box-shadow:0 0 0 2px var(--caramel-deep),0 18px 30px -16px #c4540b8c;background:var(--tint)}
.about-page .spot{padding-block:72px 24px}
.about-page .spot-in{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20px,4vw,48px);align-items:center;max-width:1100px;margin:0 auto;border-radius:36px;padding:clamp(28px,5vw,64px);background:radial-gradient(circle at 30% 50%,#fff3d2 0,#ffd29a 30%,#ffb15e 52%,#ffe7cf 82%);border:3px solid #fff;box-shadow:0 0 0 2px var(--caramel),0 28px 50px -28px #c4540bb3}
.about-page .pair{position:relative;justify-self:center;width:100%;max-width:620px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"hand bottle" "pen pen";gap:clamp(10px,2vw,22px) clamp(14px,3vw,32px);align-items:end}
.about-page .rays{position:absolute;inset:-18%;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.45) 0 7deg,transparent 7deg 20deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%)}
.about-page .pair img{display:block;width:100%;height:auto;position:relative;z-index:1}
.about-page .hand{grid-area:hand;max-width:320px;justify-self:center;position:relative;z-index:1}
.about-page .bottle{grid-area:bottle;position:relative;width:100%;max-width:150px;justify-self:center}
.about-page .penx{grid-area:pen;position:relative;width:82%;max-width:450px;justify-self:center}
.about-page .pshadow{position:absolute;left:6%;right:6%;bottom:-10%;height:18%;z-index:0;background:radial-gradient(closest-side,rgba(91,26,16,.3),transparent)}
.about-page .bottle .pshadow{bottom:-4%;height:7%;left:0;right:0}
.about-page .spot-text{position:relative;display:grid;gap:18px;justify-items:start}
.about-page .spot-text h2{font-size:clamp(2.2rem,5vw,3.4rem)}
.about-page .spot-sub{font-weight:700;font-size:1.1rem;max-width:30ch}
.about-page .spot-text .ctas{display:grid;width:min(100%,320px);gap:12px}.about-page .spot-text .btn{white-space:nowrap}.about-page .btn.soon{font-size:.78rem}.about-page .spot-text .btn{width:100%}
.about-page .reel-sec{padding-block:72px 40px;overflow:hidden}
.about-page .film{position:relative;rotate:-2deg;margin:24px -16px 0;background:#24110c;box-shadow:0 26px 40px -22px #2a110cb3;overflow:hidden}
.about-page .film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,140,50,.22),transparent 22%,transparent 78%,rgba(255,90,165,.2))}
.about-page .track{display:flex;width:max-content;animation:roll 84s linear infinite}
.about-page .film:hover .track{animation-play-state:paused}
@keyframes roll{to{translate:-50% 0}}
.about-page .frame{position:relative;padding:34px 9px 40px;background:#24110c}
.about-page .frame::before,.about-page .frame::after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(90deg,transparent 5px,#fff3e4 5px 17px,transparent 17px) 0 0/22px 12px repeat-x;opacity:.92}
.about-page .frame::before{top:10px}.about-page .frame::after{bottom:10px}
.about-page .shot{width:clamp(150px,17vw,200px);aspect-ratio:9/14;overflow:hidden;border-radius:4px}
.about-page .shot video,.about-page .shot img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04) sepia(.08)}
.about-page .shot img{animation:kb 6s ease-in-out infinite alternate}
@keyframes kb{0%{scale:1;translate:0 0}100%{scale:1.14;translate:-3% -3%}}
.about-page .edge{position:absolute;left:12px;bottom:23px;font:800 .58rem/1 var(--f-sans);letter-spacing:.14em;color:#f28a23;white-space:nowrap}
.about-page .contact{font-weight:500;color:var(--ink-soft)}
.about-page .contact a{color:var(--pink-deep);font-weight:700;text-underline-offset:3px;overflow-wrap:anywhere}
.about-page .btn.soon{background:linear-gradient(180deg,#f3eeea,#e2d9d2);color:#9b8d85;box-shadow:0 0 0 2px #dacfc7;text-shadow:none;cursor:not-allowed;pointer-events:none}
.about-page .btn.soon::after{display:none}
.about-page .soon-link{font:800 .8rem/1 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;padding:13px 12px;color:#b3a59c;cursor:not-allowed}
.about-page .soon-link small{font-size:.62rem;letter-spacing:.06em;background:#ece4de;border-radius:999px;padding:2px 6px;margin-left:2px;vertical-align:1px}
.about-page footer .soon-link{font:600 .95rem/1.4 var(--f-sans);letter-spacing:0;text-transform:none;padding:9px 0;color:#ffe9cf;opacity:.5}
.about-page footer .soon-link small{background:#ffe9cf33}
@media(prefers-reduced-motion:reduce){.about-page .film{overflow-x:auto}.about-page .track{animation:none}}
@media(max-width:820px){
.about-page .about{grid-template-columns:1fr;padding-top:24px}
.about-page .pic{min-height:0;padding:44px 24px 28px;border-radius:180px 180px 28px 28px}
.about-page .pic img{width:min(100%,280px)}
.about-page .text{justify-items:center;text-align:center}
.about-page .spot-in{grid-template-columns:1fr;text-align:center}
.about-page .spot-text{justify-items:center}
.about-page .pair{max-width:420px}.about-page .bottle{max-width:120px}
}
@media(max-width:560px){.about-page .signoff{flex-direction:column;gap:6px}.about-page .text .founder{border-left:0;padding:0;text-align:center}}
.about-page .reel-sec .head h2{font-size:clamp(2.8rem,7vw,4.4rem)}