@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07110f;--surface:#0d1b18;--surface2:#122420;--text:#f3f7f5;--muted:#9bb0aa;--accent:#63e6be;--accent2:#b9fbc0;--line:rgba(255,255,255,.1);--shadow:0 30px 80px rgba(0,0,0,.35);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.7;overflow-x:hidden;background-image:radial-gradient(circle at 85% 5%,rgba(99,230,190,.1),transparent 24%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),var(--max));height:70px;padding:0 14px 0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:18px;background:rgba(7,17,15,.72);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{top:8px;background:rgba(7,17,15,.93);box-shadow:0 12px 35px rgba(0,0,0,.25)}.logo{font-size:1.35rem;font-weight:800;letter-spacing:-.05em}.logo span,h1 span{color:var(--accent)}.nav{display:flex;align-items:center;gap:28px}.nav>a:not(.button){color:var(--muted);font-size:.88rem;font-weight:600;transition:.2s}.nav>a:hover,.nav>a.active{color:var(--text)}.nav>a.active{position:relative}.nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--accent)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--text);transition:.3s}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:#06130f;font-weight:800;cursor:pointer;transition:.25s;box-shadow:0 12px 30px rgba(99,230,190,.12)}.button:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(99,230,190,.22)}.button-small{min-height:42px;padding:0 18px;border-radius:11px;font-size:.84rem}.button-ghost{background:transparent;color:var(--text);border-color:var(--line);box-shadow:none}.section{width:min(calc(100% - 40px),var(--max));margin:auto;padding:105px 0}.hero{min-height:100vh;padding-top:160px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}.eyebrow{margin:0 0 15px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.hero h1,.page-hero h1{margin:0;max-width:850px;font-size:clamp(3.6rem,8vw,7.2rem);line-height:.9;letter-spacing:-.07em}.hero h2{max-width:650px;margin:28px 0 16px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.3;letter-spacing:-.03em}.lead{color:var(--muted);font-size:1.08rem;max-width:650px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px}.text-link,.arrow-link{font-weight:700;transition:.2s}.text-link:hover,.arrow-link:hover{color:var(--accent)}.hero-proof{display:flex;gap:30px;margin-top:55px;color:var(--muted);font-size:.75rem}.hero-proof span{display:grid}.hero-proof strong{color:var(--text);font-size:1.3rem}.hero-visual{position:relative;height:580px;display:grid;place-items:center}.profile-card{position:relative;z-index:3;width:300px;padding:28px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02));backdrop-filter:blur(16px);box-shadow:var(--shadow);transform:rotate(3deg)}.avatar{aspect-ratio:1;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--accent),#245f51);color:#07110f;font-size:5rem;font-weight:800;letter-spacing:-.1em}.profile-card p{color:var(--muted);margin:20px 0 4px}.profile-card strong{font-size:.85rem}.profile-card strong:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.orbit{position:absolute;border:1px solid rgba(99,230,190,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:480px;height:480px}.orbit-two{width:370px;height:370px;animation-direction:reverse}.float-card{position:absolute;z-index:4;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(13,27,24,.9);box-shadow:var(--shadow);font-size:.8rem;font-weight:700;animation:float 4s ease-in-out infinite}.float-card span{color:var(--accent);margin-right:7px}.code-card{top:21%;left:0}.place-card{right:0;bottom:22%;animation-delay:-2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}.section-heading{max-width:710px;margin-bottom:45px}.section-heading h2,.split h2,.story-grid h2,.contact-info h2,.cta h2{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;letter-spacing:-.055em}.section-heading.row{max-width:none;display:flex;justify-content:space-between;align-items:end}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.mini-card,.service-card,.number-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025);transition:.3s}.mini-card:hover,.service-card:hover,.number-card:hover{transform:translateY(-7px);border-color:rgba(99,230,190,.4);background:rgba(99,230,190,.04)}.mini-card b,.number-card b,.service-card>b{color:var(--accent);font-size:.7rem}.mini-card h3,.service-card h3{margin:38px 0 8px}.mini-card p,.service-card p,.number-card p,.project-card>p,.story-grid p,.contact-info>p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{min-width:0;padding:14px 14px 25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.35s}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.project-card>*:not(.project-art){margin-left:10px;margin-right:10px}.project-art{height:240px;border-radius:17px;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#163b32,#67e8bf)}.project-art:before,.project-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.project-art:before{width:180px;height:180px}.project-art:after{width:110px;height:110px}.project-art span{font-size:3rem;font-weight:800;color:rgba(255,255,255,.8)}.art-hotel{background:linear-gradient(135deg,#3b2d18,#e1ae59)}.art-law{background:linear-gradient(135deg,#151c3a,#798cff)}.art-green{background:linear-gradient(135deg,#123221,#72c77e)}.art-training{background:linear-gradient(135deg,#321c46,#d77aff)}.art-care{background:linear-gradient(135deg,#16344a,#63bce6)}.art-foundation{background:linear-gradient(135deg,#4a2216,#f09266)}.kicker{margin-top:22px!important;color:var(--accent)!important;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;font-weight:800}.project-card h3{font-size:1.35rem;line-height:1.3}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tags span{padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:.68rem}.card-actions{display:flex;align-items:center;gap:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(99,230,190,.3);border-radius:13px;color:var(--accent);font-size:1.25rem}.service-grid.large{grid-template-columns:repeat(3,1fr)}.service-grid.large .service-card{padding:38px}.service-grid.large .service-card h2{font-size:1.35rem;margin-top:35px}.service-grid.large .service-card b{float:right}.cta{padding:70px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(99,230,190,.25);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(99,230,190,.14),transparent 42%),var(--surface)}.cta h2{max-width:670px}.footer{width:min(calc(100% - 40px),var(--max));margin:110px auto 0;padding:70px 0 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;color:var(--muted)}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer h3{margin:0 0 12px;color:var(--text);font-size:.8rem}.footer .logo{color:var(--text);font-size:1.6rem}.footer a:not(.logo):hover{color:var(--accent)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;font-size:.75rem}.back-top{position:fixed;z-index:40;right:24px;bottom:24px;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.page-hero{padding-top:210px;padding-bottom:80px}.page-hero .lead{margin-top:32px}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.portrait-block{min-height:470px;display:flex;flex-direction:column;justify-content:center;padding:50px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(99,230,190,.15),transparent)}.portrait-block .avatar{max-width:280px}.portrait-block span{margin-top:25px;color:var(--muted)}.skills-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px;padding:45px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.skill-bar>div{display:flex;justify-content:space-between;margin-bottom:10px}.skill-bar b{color:var(--accent)}.skill-bar i{height:6px;display:block;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.skill-bar em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.number-card h3{margin-top:65px;font-size:1.5rem}.timeline{max-width:850px;margin-left:auto}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:0 0 55px;position:relative}.timeline article:before{content:"";position:absolute;left:108px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.timeline article:after{content:"";position:absolute;left:112px;top:22px;bottom:0;width:1px;background:var(--line)}.timeline time{color:var(--accent);font-weight:800}.timeline article div{padding-left:15px}.timeline h3{margin:0}.timeline p{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filters button{padding:10px 18px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);cursor:pointer}.filters button.active,.filters button:hover{background:var(--accent);border-color:var(--accent);color:#07110f}.project-card.hidden{display:none}.process-band{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:flex;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.process-list b{color:var(--accent)}.process-list h3,.process-list p{margin:0}.process-list p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-cards{display:grid;gap:12px;margin-top:35px}.contact-cards>*{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;transition:.2s}.contact-cards a:hover{border-color:var(--accent);transform:translateX(4px)}.contact-cards small{color:var(--accent);text-transform:uppercase;letter-spacing:.13em}.contact-cards span{color:var(--muted);font-size:.78rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.field{display:grid;gap:8px}.field.full,.contact-form>.full,.form-status,.form-note{grid-column:1/-1}.field label{font-size:.78rem;font-weight:700}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#091411;color:var(--text);padding:14px;outline:none;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,230,190,.1)}.field.invalid input,.field.invalid textarea{border-color:#ff7c7c}.error{min-height:16px;color:#ff9b9b;font-size:.7rem}.form-status{display:none;padding:15px;border-radius:12px;background:rgba(99,230,190,.1);color:var(--accent)}.form-status.show{display:block}.form-note{margin:0;color:var(--muted);font-size:.73rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){.nav-toggle{display:block;z-index:2}.nav{position:absolute;top:78px;left:0;right:0;padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:4px;border:1px solid var(--line);border-radius:18px;background:#0a1714;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.nav.open{opacity:1;visibility:visible;transform:none}.nav>a:not(.button){padding:12px}.nav>a.active:after{display:none}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:150px;gap:20px}.hero-visual{height:480px}.skill-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.service-grid.large{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.split,.story-grid,.process-band,.contact-layout{grid-template-columns:1fr;gap:45px}.footer{grid-template-columns:2fr 1fr 1fr}.footer>div:nth-child(4){grid-column:2}.cta{padding:45px;align-items:flex-start;flex-direction:column}.skills-panel{grid-template-columns:1fr}.page-hero{padding-top:175px}.story-grid .portrait-block{max-width:520px}}
@media(max-width:600px){.section{width:min(calc(100% - 28px),var(--max));padding:75px 0}.site-header{width:calc(100% - 20px);top:10px}.hero{padding-top:130px}.hero h1,.page-hero h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-proof{gap:15px;justify-content:space-between}.hero-visual{height:410px}.profile-card{width:240px}.profile-card .avatar{font-size:4rem}.orbit-one{width:340px;height:340px}.orbit-two{width:280px;height:280px}.code-card{left:-5px}.place-card{right:-5px}.section-heading.row{display:block}.section-heading.row .arrow-link{display:inline-block;margin-top:20px}.skill-grid,.project-grid,.service-grid,.service-grid.large,.approach-grid{grid-template-columns:1fr}.mini-card h3{margin-top:18px}.project-art{height:220px}.split{gap:25px}.cta{width:calc(100% - 28px);padding:30px}.cta .actions,.actions{width:100%}.actions .button{flex:1}.footer{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:35px}.footer>div:first-child{grid-column:1/-1}.footer>div:nth-child(4){grid-column:auto}.portrait-block{min-height:350px;padding:30px}.skills-panel,.contact-form{padding:24px}.timeline article{grid-template-columns:64px 1fr;gap:18px}.timeline article:before{left:70px}.timeline article:after{left:74px}.contact-form{grid-template-columns:1fr}.field{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* PK monogram used consistently in the header and footer. */
.logo{display:inline-flex;align-items:center;gap:11px;font-size:0;letter-spacing:0}
.logo::before{content:"PK";display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(99,230,190,.48);border-radius:12px;background:linear-gradient(145deg,rgba(99,230,190,.2),rgba(99,230,190,.04));color:var(--accent);font-size:1rem;font-weight:800;letter-spacing:-.06em;box-shadow:inset 0 0 18px rgba(99,230,190,.08),0 8px 24px rgba(0,0,0,.2)}
.logo::after{content:"Prankrishna";color:var(--text);font-size:.95rem;font-weight:800;letter-spacing:-.03em}
.logo>span{display:none}
.footer .logo{font-size:0}
.footer .logo::before{width:48px;height:48px;font-size:1.08rem}
.footer .logo::after{font-size:1.05rem}
@media(max-width:420px){.site-header .logo::after{display:none}}
.skill-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.skill-grid{grid-template-columns:1fr}}
.portrait-block{margin:0;padding:16px;overflow:hidden;position:relative;min-height:0;background:linear-gradient(145deg,rgba(99,230,190,.18),rgba(10,25,29,.8));box-shadow:var(--shadow)}
.portrait-block img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:20px;filter:saturate(1.06) contrast(1.02)}
.portrait-block figcaption{position:absolute;left:32px;right:32px;bottom:28px;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(7,17,15,.72);backdrop-filter:blur(14px);color:var(--text);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-align:center}
.hero-photo-card{padding:12px 12px 22px;width:min(500px,92vw);transform:rotate(1.5deg)}
.hero-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:23px}
.hero-photo-card p,.hero-photo-card strong{margin-left:12px;margin-right:12px}
@media(max-width:600px){
  body[data-page="about"] .page-hero{padding-top:135px;padding-bottom:48px}
  body[data-page="about"] .page-hero h1{font-size:clamp(2.85rem,14vw,4.3rem);line-height:.95;overflow-wrap:anywhere}
  body[data-page="about"] .page-hero .lead{margin-top:24px;font-size:.98rem}
  body[data-page="about"] .story-grid{padding-top:28px;gap:38px}
  body[data-page="about"] .portrait-block{width:100%;padding:10px;border-radius:22px}
  body[data-page="about"] .portrait-block img{aspect-ratio:4/5;border-radius:16px}
  body[data-page="about"] .portrait-block figcaption{left:22px;right:22px;bottom:20px;padding:10px;font-size:.66rem}
  .hero-photo-card{width:min(350px,88vw);padding:9px 9px 18px}
  .hero-photo-card img{border-radius:18px}
}
.hero-visual .orbit-one{width:590px;height:590px}
.hero-visual .orbit-two{width:470px;height:470px}
.project-art.project-image::before,.project-art.project-image::after{display:none}
.project-art.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s ease}
.project-card:hover .project-art.project-image img{transform:scale(1.035)}
.hero .hero-visual{min-width:0;max-width:100%;overflow:visible}
.hero .hero-photo-card{box-sizing:border-box;width:440px;max-width:calc(100vw - 48px);overflow:hidden}
.hero .hero-photo-card>img{display:block;width:100%;max-width:100%;height:auto;max-height:330px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:900px){
  .hero .hero-visual{width:100%;height:430px}
  .hero .hero-photo-card{width:400px;max-width:calc(100vw - 56px)}
  .hero .hero-photo-card>img{max-height:300px}
}
@media(max-width:600px){
  .hero .hero-visual{height:360px}
  .hero .hero-photo-card{width:310px;max-width:calc(100vw - 36px)}
  .hero .hero-photo-card>img{max-height:225px}
}
body[data-page="about"] .story-grid{min-width:0}
body[data-page="about"] .portrait-block{box-sizing:border-box;width:380px;max-width:100%;min-height:0;justify-self:center;overflow:hidden}
body[data-page="about"] .portrait-block>img{display:block;width:100%;max-width:100%;height:auto;max-height:510px;aspect-ratio:3/4;object-fit:cover;object-position:center top}
@media(max-width:900px){
  body[data-page="about"] .portrait-block{width:360px;max-width:calc(100vw - 48px)}
  body[data-page="about"] .portrait-block>img{max-height:480px}
}
@media(max-width:600px){
  body[data-page="about"] .portrait-block{width:290px;max-width:calc(100vw - 36px)}
  body[data-page="about"] .portrait-block>img{max-height:365px;aspect-ratio:4/5}
}
@media(max-width:600px){
  .hero-visual .orbit-one{width:400px;height:400px}
  .hero-visual .orbit-two{width:325px;height:325px}
}

/* Final responsive header and hero refinements. */
@media(max-width:900px){
  .site-header{padding:0 14px;height:66px}
  .site-header .logo::after{display:block}
  .nav-toggle{display:block!important;position:absolute;right:12px;top:50%;z-index:60;width:44px;height:44px;padding:9px;transform:translateY(-50%);border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}
  .nav-toggle span{display:block!important;width:24px;height:2px;margin:5px auto;background:var(--text);border-radius:4px;opacity:1}
  .nav{top:74px;left:0;right:0;max-height:calc(100vh - 100px);overflow-y:auto;padding:14px;border-radius:16px;box-shadow:var(--shadow)}
  .nav.open{display:flex;opacity:1;visibility:visible;transform:none}
  .nav>a:not(.button){padding:11px 12px;border-radius:9px}
  .nav>a:not(.button):hover,.nav>a.active:not(.button){background:rgba(99,230,190,.08)}
}
@media(max-width:600px){
  .site-header{width:calc(100% - 20px);padding-left:12px;padding-right:62px}
  .site-header .logo{gap:9px;min-width:0}
  .site-header .logo::before{width:38px;height:38px;border-radius:10px;font-size:.9rem;flex:0 0 38px}
  .site-header .logo::after{display:block!important;content:"Prankrishna";font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero{padding-top:118px;padding-bottom:52px;gap:34px}
  .hero h1{font-size:clamp(2.75rem,13.5vw,4rem);line-height:.92;overflow-wrap:normal}
  .hero h2{margin-top:24px;font-size:clamp(1.25rem,5.8vw,1.65rem)}
  .hero .lead{font-size:.98rem;line-height:1.7}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
  .hero .actions .button{width:100%;min-width:0;padding:0 14px;white-space:normal;text-align:center}
  .hero .actions .text-link{grid-column:1/-1;padding-top:6px}
  .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;width:100%;margin-top:42px;text-align:center}
  .hero-proof span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;line-height:1.35}
  .hero-proof strong{font-size:1.35rem}
  .hero .hero-visual{height:410px;margin-top:0;overflow:visible}
  .hero .hero-photo-card{width:292px;max-width:calc(100vw - 54px);padding:9px 9px 17px;transform:none;border-radius:25px}
  .hero .hero-photo-card>img{height:202px;max-height:202px;aspect-ratio:4/3;border-radius:17px}
  .hero-photo-card p,.hero-photo-card strong{margin-left:8px;margin-right:8px}
  .hero-photo-card p{margin-top:14px}
  .hero-visual .orbit-one{width:350px;height:350px}
  .hero-visual .orbit-two{width:285px;height:285px}
  .hero .code-card{top:10px;right:0;left:auto}
  .hero .place-card{right:auto;left:0;bottom:12px}
  .hero .float-card{padding:10px 13px;font-size:.73rem}
}
@media(max-width:360px){
  .site-header .logo::after{font-size:.74rem}
  .hero .actions{grid-template-columns:1fr}
  .hero .actions .text-link{grid-column:auto}
  .hero-proof{gap:10px;font-size:.68rem}
  .hero .hero-photo-card{width:270px}
}
.hero{overflow:hidden}
.logo::after{font-size:1.04rem}
@media(max-width:600px){
  .site-header .logo::after{font-size:.92rem}
  .hero .actions .text-link{display:inline-flex;align-items:center;justify-content:center;width:100%;text-align:center}
}
@media(max-width:360px){.site-header .logo::after{font-size:.84rem}}