/* RINO.ART.3D — AURORA 2026 — graphic identity inspired by the white business card.
   Preserves all HTML content, real photos, filtered gallery and native links. */
:root {
  --paper:#fff;
  --soft:#f5f8ff;
  --ink:#17152b;
  --text:#212037;
  --muted:#5b6074;
  --cyan:#00d9ce;
  --sky:#078ff3;
  --violet:#692cf0;
  --magenta:#d000d9;
  --gradient:linear-gradient(110deg,#00d4c8 0%,#06a6ee 29%,#5741ef 62%,#d100d4 100%);
  --gradient-soft:linear-gradient(115deg,#e6fffc 0%,#e9f6ff 35%,#f0eaff 76%,#fde8ff 100%);
  --dark:#17152b; --dark2:#24213e;--cream:#fff;--acid:#06cfc8;--coral:#cf20dc;--violet:#682ff0;--lilac:#b084fc;
}
html{scroll-padding-top:90px}
body{background:#fff;color:var(--ink)}
::selection{background:#a6f7f0;color:#151527}
a:focus-visible,button:focus-visible{outline:3px solid #0c9ddf;outline-offset:4px}
.announcement{background:var(--gradient);color:#fff;border:0;height:35px;font-weight:800;letter-spacing:.16em;font-size:.66rem}
.announcement-star{color:white;opacity:.86}
.announcement a{color:#fff;text-decoration-color:#ffffff95}
.header{background:#ffffffef;color:#16152b;border-bottom:1px solid #e9e6f6;box-shadow:0 8px 35px #1017310b;min-height:81px}
.logo img{filter:drop-shadow(0 4px 9px #602beb30)}
.logo strong{color:#15132b;letter-spacing:-.075em}
.logo .period{color:#873af0}
.logo small{color:#60647a}
.nav a{color:#27243a}
.nav a:hover{color:#672de8}
.nav a:after{background:var(--gradient);height:3px;border-radius:8px}
.header-call{border:1px solid #c9d4e9;color:#3a3b4f}
.header-call:hover{border-color:#15a9ec;background:#effbff}
.header-quote,.action-primary{background:var(--gradient);color:white;box-shadow:0 10px 28px #5042d72e;border:1px solid #6a5bf222}
.header-quote:hover,.action-primary:hover{background:linear-gradient(110deg,#00bcb6,#176cf3 54%,#a310d8);color:white;box-shadow:0 14px 34px #6145de36}
.menu-toggle{background:white;border:1px solid #d9e0ed}
.menu-toggle span{background:#261841}
/* Pure white business-card canvas with aurora-wave corners */
.hero{color:#18152a;min-height:708px;overflow:hidden;background:
 radial-gradient(ellipse at 91% 10%,#dfd2ffae 0%,transparent 43%),
 radial-gradient(ellipse at -3% -17%,#a7fff4ab 0%,transparent 47%),
 linear-gradient(130deg,#fff 17%,#fafbff 61%,#fff 100%);
 padding-top:72px;padding-bottom:76px}
.hero:before{content:"";position:absolute;inset:auto -9% -41% 50%;width:78%;height:80%;background:var(--gradient);border-radius:54% 46% 0 0;transform:rotate(-17deg);opacity:.12;z-index:-1;filter:blur(1px);mask-image:none}
.hero:after{content:"";position:absolute;z-index:-1;top:-355px;left:-210px;width:760px;height:540px;transform:rotate(-29deg);border:none;border-radius:50%;background:linear-gradient(160deg,#00e2d6 20%,#24caff 47%,#9639f5 88%);opacity:.15}
.hero-noise{opacity:.12}
.hero-content{padding-top:12px}
.hero-logo-mark{display:flex;align-items:center;justify-content:center;position:absolute;right:-22px;top:-12px;width:90px;height:90px;border-radius:22px;background:linear-gradient(142deg,#fff,#f2f7ff);border:1px solid #e7eaf8;box-shadow:0 15px 38px #4a66b223;transform:rotate(8deg);opacity:.95}
.hero-logo-mark img{width:77%;height:77%;object-fit:contain}
.eyebrow{color:#493c83;background:#ffffffc9;border:1px solid #e2dafa;box-shadow:0 3px 16px #837de713}
.spark{color:#009eaf}
.hero h1{font-size:clamp(4rem,6.55vw,7.8rem);color:#18152d;letter-spacing:-.095em;margin:28px 0 26px}
.h1-outline{color:transparent;-webkit-text-stroke:2px #2a254c}
.h1-gradient{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{color:#565872;max-width:525px;line-height:1.77}
.hero-lead strong{color:#292441}
.hero .action-ghost{border:1px solid #cbd3e6;color:#28253f;background:#ffffffaa}
.hero .action-ghost:hover{background:#f4f0ff;border-color:#9870ea}
.hero-cta{gap:12px}
.hero-brand-signature{display:flex;align-items:center;gap:13px;margin-top:30px;color:#625d7e;font-size:.64rem;font-weight:900;letter-spacing:.16em;white-space:nowrap}
.signature-line{display:inline-block;width:58px;height:3px;border-radius:5px;background:var(--gradient)}
.signature-cube{font-size:1.55rem;color:#762eea;line-height:1}
.hero-social{color:#646179;margin-top:23px}
.hero-social a{color:#6029ca}
.hero-social a:hover{color:#04a9cd}
.little-line{background:var(--gradient)}
.hero-art{min-height:550px}
.hero-art:before{background:radial-gradient(circle,#41e2d270,#6a43ec57 48%,transparent 70%);width:620px;height:590px;left:-2%;top:0;opacity:.85;filter:blur(45px)}
.hero-frame{border:9px solid white;box-shadow:13px 15px 0 #8c65e329,0 23px 58px #293e6937}
.hero-frame-one{transform:rotate(-7deg);border-radius:145px 145px 30px 30px}
.hero-frame-two{border-color:#fff;transform:rotate(7deg);box-shadow:12px 15px 0 #02cbc52f,0 23px 60px #354a9d35}
.hero-circle{background:var(--gradient);color:white;border:3px solid white;box-shadow:0 8px 24px #5443d54b,0 0 0 8px #fff8}
.hero-star{color:#6a38f1;text-shadow:4px 7px 0 #52d9d859;opacity:.85}
.hero-sticker{background:#fff;color:#5832b7;border:2px dashed #a896f4;box-shadow:0 15px 35px #3d1a942c}
.hero-bottom{border-color:#dfdfef;color:#747188}
.hero-bottom span:nth-child(2){color:#7327e4}
.ticker{height:60px;background:var(--gradient);border:0}
.ticker span{color:#fff;text-shadow:0 1px 5px #15236922}
.ticker i{color:#e9e9ff}
/* Content chapters */
.categories{background:#fff}
.section-top>.overline,.overline{color:#6b3ec4}
.section-top h2,.portfolio-head h2,.process-intro h2{color:#1b1931}
.section-top h2 em,.portfolio-head h2 em,.process-intro h2 em,.spotlight-copy h2 i,.extra-text h2 em,.gadget-copy h2 em,.about-copy h2 em,.social-heading h2 em,.contact h2 em{font-style:normal;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.section-top>p:last-child{color:#696b7e}
.bento-card{border-radius:26px;border:1px solid #eaebf8;box-shadow:0 13px 35px #24204d14}
.bento-card:hover{box-shadow:0 22px 44px #5944d22e}
.bento-one{background:#d8fbf5;color:#162b33}
.bento-one:after{background:linear-gradient(90deg,#d8fbf5 13%,#d8fbf598 49%,transparent 76%)}
.bento-two{background:#251b45;color:#fff}
.bento-two:after{background:linear-gradient(95deg,#251b45 22%,#251b45df 40%,transparent 83%)}
.bento-three{background:#ece6ff;color:#201b3b}
.bento-three:after{background:linear-gradient(90deg,#ece6ff 20%,#ece6ffa9 50%,transparent 88%)}
.bento-four{background:#e5f6ff;color:#1b2641}
.bento-four:after{background:linear-gradient(90deg,#e5f6ff 19%,#e5f6ffce 42%,transparent 92%)}
.bento-arrow{background:#ffffffbf;border-color:#ffffffbd;color:#38215e}
.bento-two .bento-arrow{background:#ffffff2b;color:#fff}
.spotlight{background:linear-gradient(122deg,#e2f8ff 0%,#eef1ff 52%,#f5e8ff 100%);color:#19172c}
.spotlight-photo{background:#151227}
.spotlight-photo-label{background:#211b39;color:white}
.spotlight-copy h2{color:#16142c}
.spotlight-doodle{color:#905bf77e}
.text-action{color:#5826c8;border-color:#5826c8}
/* Gallery now light, to match the visiting card; image overlays remain dark for readability */
.portfolio{background:linear-gradient(175deg,#f8faff,#fff 44%,#f7f2ff 100%);color:#17172a}
.portfolio:before{border-color:#a39aff35;box-shadow:0 0 0 72px #5a47e506,0 0 0 154px #06b8ec09}
.portfolio-head .overline{color:#5c34b4}
.portfolio-intro{color:#5f637b}
.portfolio-intro strong{color:#2d2852}
.portfolio-seal{color:#0bbdcc}
.filter{background:white;color:#3e3a62;border:1px solid #dde1f0}
.filter:hover,.filter.is-active{background:var(--gradient);border-color:#7760ec;color:#fff}
.gallery-card{border:2px solid #fff;background:#241936;box-shadow:0 10px 24px #3b316e1b}
.gallery-card:hover{border-color:#3acede}
.gallery-info small{color:#a2fff3}
.gallery-media:after{background:linear-gradient(transparent 20%,#0b0b22e6)}
.portfolio-footer p{color:#626077}
.process{background:#fff;color:#1b1931}
.process-intro>p:last-child,.step p{color:#616276}
.process-steps{border-color:#27223d}
.step{border-color:#e4e3ee}
.step>span{color:#6536df}
.services-extra{background:#edf4ff;color:#212039}
.extra-image{background:#d1e9fb}
.extra-image>span{background:#1d173acb}
.gadget-feature{background:#f3edff;color:#23203a}
.gadget-photo{background:#221735}
.gadget-copy .action-ghost{color:#4830a1;border:1px solid #9b84de;background:#fff7}
.gadget-copy .action-ghost:hover{background:white}
.tiny-stamp{color:#6035c6;border-color:#a28bdf}
.round-sticker{background:var(--gradient);color:white}
.about{background:linear-gradient(130deg,#191831,#242147 63%,#291a51);color:white}
.about-visual{background:radial-gradient(circle at 45% 35%,#6a47b9a8,#1b1935 66%)}
.about-copy h2{color:#fff}
.about-copy p:not(.overline){color:#d9d9eb}
.about-copy .overline{color:#6eece7}
.about .text-action{color:#89edff;border-color:#89edff}
.social{background:#fff;color:#1c1b33}
.social-heading>p:last-child{color:#64657c}
.social-scribble{color:#03c9cd}
.social-insta{background:#e9e4ff;color:#2a2052}
.social-tiktok{background:#e4faff;color:#173353}
.social-icon,.social-tiktok .social-icon{background:#ffffffaa}
.social-card{border:1px solid #dfdef4}
.contact{background:linear-gradient(120deg,#dffbf9,#edf2ff 48%,#f6e8ff);color:#1b1934}
.contact-star{color:#ffffff85}
.action-phone{background:#211a42;color:#fff}
.footer{background:#15172a;color:#fff;border-top:5px solid transparent;border-image:var(--gradient) 1}
.footer-links{color:#89eaf1}
.footer-bottom{color:#afbdd3}
.float-phone{background:linear-gradient(130deg,#007fdc,#6827ef);border-color:#d8d9ff}
.float-wa{box-shadow:0 8px 24px #12272945}
.lightbox-count{color:#6cf0df}
/* Mobile: retain the responsive architecture of the base CSS */
@media(max-width:1020px){
 .nav{background:#fffffff8;box-shadow:0 15px 35px #241b5b29;border-bottom:1px solid #e1d9f4}
 .nav a{color:#252038;border-color:#e6e0f4}
 .nav a:hover{color:#7433dc}
 .hero-logo-mark{width:64px;height:64px;top:-1px;right:0}
}
@media(max-width:760px){
 .announcement{height:33px;letter-spacing:.09em;font-size:.56rem}
 .hero{padding-top:43px;padding-bottom:62px;min-height:0}
 .hero h1{font-size:clamp(3.65rem,12vw,5.9rem)}
 .hero-logo-mark{right:0;top:-5px;width:54px;height:54px;opacity:.85}
 .hero-art{min-height:440px}
 .hero-brand-signature{font-size:.55rem;gap:9px;letter-spacing:.11em;margin-top:25px}
 .signature-line{width:34px}
 .hero-circle{width:100px;height:100px}
 .hero-star{opacity:.6}
 .hero-bottom{border-color:#e8ddf6}
 .bento-two:after{background:linear-gradient(#251b45 26%,#251b45bf 48%,transparent 80%)}
 .bento-three:after{background:linear-gradient(#ece6ff 30%,#ece6ffc4 49%,transparent 80%)}
 .bento-four:after{background:linear-gradient(90deg,#e5f6ff,#e5f6ffb8 56%,transparent 89%)}
}
@media(max-width:430px){
 .hero-logo-mark{display:none}
 .hero-brand-signature{font-size:.48rem}
 .hero h1{font-size:clamp(3.25rem,12.1vw,5rem)}
}
@media(prefers-reduced-motion:reduce){
 .ticker-track{animation:none}
 .action,.gallery-card,.bento-card{transition:none}
}