@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--black:#111;--coal:#f4f4f2;--paper:#fff;--muted:#6d6a65;--line:#1111111a;--orange:#f98824;--coral:#f9c05a;--accent:linear-gradient(125deg, var(--orange), var(--coral));--font-sans:"Poppins";--font-display:"Poppins";--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:clamp(2.75rem, 4vw, 3.5rem);--font-size-6xl:clamp(3.5rem, 6vw, 4.5rem);--line-height-body:1.7;--line-height-heading:1.08;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--font-weight-black:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;overflow-x:clip}body{color:var(--black);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;background:#fff;margin:0}img,iframe{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);letter-spacing:-.03em;color:var(--black);margin:0}p{margin:0}small{font-size:inherit}body:before{z-index:20;opacity:.035;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.skipLink{z-index:1000;color:#fff;background:#111;border-radius:999px;padding:.75rem 1rem;transition:transform .2s;position:fixed;top:0;left:1rem;transform:translateY(calc(-100% - 1rem))}.skipLink:focus{transform:translateY(1rem)}.visuallyHidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{overflow:hidden}.siteHeader{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 4vw;display:grid;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brandMark{background:var(--accent);color:#101010;letter-spacing:-.08em;border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:600;display:grid}.brandLogo{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:3px;transition:transform .25s,box-shadow .25s;box-shadow:0 2px 8px #00000026}.brand:hover .brandLogo{transform:scale(1.05);box-shadow:0 4px 14px #e6510059}.brandWords{flex-direction:column;line-height:1;display:flex}.brandWords strong{font-size:var(--font-size-base);letter-spacing:.04em;color:#ffffffd9;font-weight:600}.brandWords small{color:#ffffffd9;letter-spacing:.34em;margin-top:5px;font-size:.7rem;font-weight:600}.desktopNav{gap:clamp(22px,3vw,48px);display:flex}.desktopNav a{color:var(--paper);font-size:var(--font-size-sm);font-weight:500;transition:color .2s}.desktopNav a:hover{color:#fff}.headerCta{font-size:var(--font-size-sm);color:var(--paper);border:1px solid #ffffff2e;border-radius:999px;justify-self:end;padding:11px 17px;font-weight:600;transition:color .25s,background .25s}.headerCta:hover{background:var(--paper);color:var(--black)}.mobileNav{display:none}.hero{--hero-ink:#0b0b0f;--hero-warm:#b98a5c;--hero-ember:#8f4f45;--hero-fog:#f8ecdddb;color:#fff;justify-content:center;align-items:center;height:100svh;min-height:760px;display:flex;position:relative}.heroWall{background:#050507;grid-template-rows:1fr 1fr;grid-template-columns:1.65fr .7fr .7fr;gap:2px;display:grid;position:absolute;inset:0}.heroFrame{position:relative;overflow:hidden}.heroFrameMain{grid-row:1/3}.heroFrame img{object-fit:cover;animation:16s ease-in-out infinite alternate drift;transform:scale(1.04)}.heroFrame:nth-child(2) img{animation-delay:-3s}.heroFrame:nth-child(3) img{animation-delay:-7s}.heroFrame:nth-child(4) img{animation-delay:-10s}.heroFrame:nth-child(5) img{animation-delay:-13s}.heroFrame:nth-child(2) img{transform:scale(1.06)rotate(-.6deg)}.heroFrame:nth-child(3) img{transform:scale(1.03)rotate(.5deg)}.heroFrame:nth-child(4) img{transform:scale(1.08)rotate(-.35deg)}.heroFrame:nth-child(5) img{transform:scale(1.05)rotate(.4deg)}@keyframes drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.14)translate(-1.5%,-1%)}}.heroShade{background:radial-gradient(circle at 28% 30%,#b98a5c38,#0000 34%),radial-gradient(circle at 78% 18%,#8f4f452e,#0000 28%),linear-gradient(102deg,#08080cc2 0%,#08080c52 44%,#08080cb3 100%),linear-gradient(#0505072e,#0000 48%,#050507b8);position:absolute;inset:0}.heroContent{z-index:2;text-align:center;width:min(1120px,90vw);padding-top:70px;padding-inline:max(0px, env(safe-area-inset-left));position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.heroContent>*{opacity:0;animation:.7s cubic-bezier(.2,.9,.2,1) both fadeUp}.heroContent .kicker{animation-delay:80ms}.heroContent h1{animation-delay:.18s}.heroContent .heroCopy{animation-delay:.32s}.heroContent .heroDetails{animation-delay:.42s}.heroContent .heroActions{animation-delay:.56s}@keyframes hintBounce{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.scrollNote span{animation:2.2s ease-in-out infinite hintBounce;display:inline-block}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatLogo{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-.6deg)}to{transform:translateY(0)rotate(0)}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.siteHeader{opacity:0;animation:.62s cubic-bezier(.2,.9,.2,1) 40ms both fadeDown}.brandLogo{animation:6s ease-in-out infinite floatLogo}.desktopNav a{opacity:0;animation:.52s cubic-bezier(.2,.9,.2,1) both fadeUp}.desktopNav a:first-child{animation-delay:80ms}.desktopNav a:nth-child(2){animation-delay:.14s}.desktopNav a:nth-child(3){animation-delay:.2s}.desktopNav a:nth-child(4){animation-delay:.26s}.section{opacity:0;animation:.7s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translateY(8px)}.section:first-of-type{animation-delay:.12s}.section:nth-of-type(2){animation-delay:.18s}.section:nth-of-type(3){animation-delay:.24s}.section:nth-of-type(4){animation-delay:.3s}.serviceCard{opacity:0;animation:.64s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translateY(10px)}.serviceCard:first-child{animation-delay:.12s}.serviceCard:nth-child(2){animation-delay:.16s}.serviceCard:nth-child(3){animation-delay:.2s}.serviceCard:nth-child(4){animation-delay:.24s}.serviceCard:nth-child(5){animation-delay:.28s}.serviceCard:nth-child(6){animation-delay:.32s}.videoGrid .videoCard{opacity:0;animation:.68s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translateY(10px)}.videoGrid .videoCard:first-child{animation-delay:.14s}.videoGrid .videoCard:nth-child(2){animation-delay:.18s}.videoGrid .videoCard:nth-child(3){animation-delay:.22s}.videoGrid .videoCard:nth-child(4){animation-delay:.26s}.videoGrid .videoCard:nth-child(5){animation-delay:.3s}.videoGrid .videoCard:nth-child(6){animation-delay:.34s}.marqueeTrack{animation:18s linear infinite marqueeScroll}footer{opacity:0;animation:.62s cubic-bezier(.2,.9,.2,1) .9s both fadeUp}@media (prefers-reduced-motion:reduce){.siteHeader,.heroContent>*,.brandLogo,.desktopNav a,.section,.serviceCard,.videoGrid .videoCard,.marqueeTrack,footer,.scrollNote span{transition:none!important;animation:none!important}}@keyframes floatImage{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.aboutImage img{animation:8s ease-in-out infinite alternate floatImage}.aboutImage span{opacity:0;animation:.64s cubic-bezier(.2,.9,.2,1) .18s both fadeUp;transform:translateY(8px)}.serviceNumber{opacity:0;animation:.52s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translate(-6px)}.workCard{opacity:0;animation:.64s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translateY(10px)}.workCard:first-child{animation-delay:.12s}.workCard:nth-child(2){animation-delay:.16s}.workCard:nth-child(3){animation-delay:.2s}.workCard:nth-child(4){animation-delay:.24s}.workCard:nth-child(5){animation-delay:.28s}.workCard:nth-child(6){animation-delay:.32s}footer>div a{opacity:0;animation:.52s cubic-bezier(.2,.9,.2,1) both fadeUp;transform:translateY(6px)}footer>div a:first-child{animation-delay:60ms}footer>div a:nth-child(2){animation-delay:.12s}footer>div a:nth-child(3){animation-delay:.18s}.contact h2{opacity:0;animation:.64s cubic-bezier(.2,.9,.2,1) .12s both fadeUp;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.aboutImage img,.aboutImage span,.serviceNumber,.workCard,footer>div a,.contact h2{transition:none!important;animation:none!important}}.kicker{color:#fff;font-size:var(--font-size-xs);letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;font-weight:600}.hero h1{letter-spacing:-.04em;text-wrap:balance;color:#fff;max-width:1100px;margin:0 auto;font-size:clamp(2.4rem,5.8vw,3.8rem);font-weight:500;line-height:1.03}.hero h1 span{color:#fff;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.heroCopy{color:#fff;max-width:610px;margin:30px auto 0;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.7}.heroCopy strong{font-weight:700}.heroDetails{color:#fff;grid-template-columns:repeat(4,1fr);width:min(760px,100%);margin:22px auto 0;padding:0;list-style:none;display:grid}.heroDetails li{border-left:1px solid #ffffff4d;gap:3px;padding:0 16px;display:grid}.heroDetails li:first-child{border-left:0}.heroDetails strong{font-size:var(--font-size-sm);font-weight:700}.heroDetails span{color:#ffffffbd;font-size:var(--font-size-xs);line-height:1.35}.heroActions{justify-content:center;gap:10px;margin-top:32px;display:flex}.button{min-height:49px;font-size:var(--font-size-sm);border-radius:999px;justify-content:center;align-items:center;padding:0 23px;font-weight:600;transition:transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.buttonPrimary{background:var(--accent);color:#fff}.hero .buttonPrimary{background:var(--accent);color:#fff;box-shadow:0 4px 20px #f9802459}.hero .buttonPrimary:hover{box-shadow:0 6px 28px #f980248c}.buttonQuiet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff5c}.hero .buttonQuiet{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.buttonQuiet:hover,.hero .buttonQuiet:hover{color:#fff;background:#fff3;border-color:#ffffffd9}.scrollNote{z-index:2;color:#fff5ea8f;font-size:var(--font-size-xs);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;font-weight:600;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.scrollNote i{background:#fff5ea3d;width:42px;height:1px;display:block;position:relative;overflow:hidden}.scrollNote i:after{content:"";background:linear-gradient(90deg, transparent, var(--hero-warm), transparent);animation:2s ease-in-out infinite lineMove;position:absolute;inset:0}@keyframes lineMove{0%{transform:translate(-110%)}to{transform:translate(110%)}}.marquee{border-block:1px solid var(--line);background:#fff;padding:19px 4vw;overflow:hidden}.marqueeTrack{width:max-content;display:flex}.marqueeGroup{align-items:center;gap:34px;padding:0;display:flex}.marquee span{color:#111111bd;font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600}.marquee b{color:var(--orange);font-weight:600}.marquee b,.marquee b:before,.marquee span+b,.marquee span+span:before{content:none!important;display:none!important}.section{padding:clamp(40px,6vw,70px) 6vw}.section>*,.sectionIntro>*,.serviceGrid>*,.videoGrid>*,.about>*{min-width:0}.sectionIntro{grid-template-columns:.9fr 1.3fr 1fr;align-items:end;gap:4vw;margin-bottom:40px;display:grid}.sectionIntro .kicker{align-self:start}.sectionIntro h2,.workHead h2,.about h2,.contact h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:500;line-height:1.08}.sectionIntro>p:last-child,.workHead>p,.aboutCopy>p,.contact>p{color:var(--muted);font-size:var(--font-size-base);margin:0;line-height:1.75}.services{background:#fff}.serviceGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.serviceCard{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:410px;padding:22px 22px 28px;transition:background .25s;position:relative}.serviceCard:hover{background:#f7f7f5}.serviceCard:first-child,.serviceCard:nth-child(4){background:linear-gradient(#11111105,#0000 34%)}.serviceMedia{background:#f0efeb;border-radius:18px;height:210px;margin-bottom:22px;display:block;position:relative;overflow:hidden}.serviceMedia img{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.1,1),filter .35s}.serviceCard:hover .serviceMedia img{filter:saturate(1.08);transform:scale(1.07)}.serviceNumber{color:var(--orange);font-size:var(--font-size-xs);letter-spacing:.18em;margin-bottom:20px;font-weight:600;display:block}.serviceCard h3{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:500}.serviceCard p{max-width:37ch;color:var(--muted);font-size:var(--font-size-sm);margin:0;line-height:1.7}.whyPana{background:var(--paper);color:var(--black);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:clamp(48px,8vw,120px);display:grid}.whyPanaIntro{padding-left:22px;position:relative}.whyPanaIntro .kicker{color:var(--orange)}.whyPanaIntro:before{content:"";background:var(--orange);border-radius:99px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.whyPanaIntro h2{font-family:var(--font-display);letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(2.2rem,4vw,4.6rem);font-weight:500;line-height:.98}.whyPanaIntro>p:last-child{max-width:42ch;color:var(--muted);font-size:var(--font-size-base);margin:0;line-height:1.75}.whyPanaGrid{border-top:1px solid var(--line)}.whyPanaGrid article{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(150px,.75fr) minmax(220px,1fr);align-items:start;gap:24px;padding:28px 0;transition:padding-left .25s;display:grid}.whyPanaGrid article:hover{padding-left:10px}.whyPanaGrid span{color:var(--orange);font-size:var(--font-size-xs);letter-spacing:.18em;font-weight:600}.whyPanaGrid h3{letter-spacing:-.025em;margin:0;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:500}.whyPanaGrid p{color:var(--muted);font-size:var(--font-size-sm);margin:0;line-height:1.7}.work{background:var(--paper);color:var(--black)}.work .kicker{color:#d7472d}.workHead{justify-content:space-between;align-items:end;gap:50px;margin-bottom:62px;display:flex}.workHead>p{color:#68635d;max-width:420px}.videoGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.videoCard{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.videoCardFrame{aspect-ratio:16/10;background:#f3f2ef;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000014}.videoCardFrame iframe,.videoPoster{width:100%;height:100%;position:absolute;inset:0}.videoCardFrame iframe{pointer-events:none}.videoPoster{object-fit:cover;transition:opacity .2s,transform .9s cubic-bezier(.2,.7,.1,1)}.videoPoster.is-hidden{opacity:0;transform:scale(1.02)}.videoCardWash{background:linear-gradient(#ffffff1f,#0000 52%,#ffffffe6);position:absolute;inset:0}.videoCardFullScreen{z-index:3;cursor:pointer;background:#ffffffeb;border:0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 18px #0000001f}.videoCardMeta{flex-direction:column;padding-top:14px;display:flex}.videoCardMeta small{color:#c64f31;font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:600}.videoCardMeta strong{font-family:var(--font-display);letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:500;line-height:1.02}.videoCardMeta em{color:#716b63;font-size:var(--font-size-sm);margin-top:8px;font-style:normal;line-height:1.6}.videoPlayGlyph{z-index:2;color:#111;pointer-events:none;background:#ffffffe0;border-radius:999px;place-items:center;width:42px;height:42px;font-size:16px;font-weight:600;line-height:1;transition:transform .25s,opacity .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoCard:hover .videoPlayGlyph,.videoCard:focus-visible .videoPlayGlyph,.videoCard.is-active .videoPlayGlyph{transform:translate(-50%,-50%)scale(1.06)}.videoPlayGlyph.is-active{color:#fff;background:#111111d9}.videoModalBackdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060609db;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.videoModal{aspect-ratio:16/9;border:1px solid #ffffff24;border-radius:14px;width:min(100%,1080px);position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073}.videoModalFrame{border:0;width:100%;height:100%}.videoModalClose{color:#111;cursor:pointer;background:#fffffff2;border:0;border-radius:999px;width:40px;height:40px;font-size:11px;font-weight:600;transition:transform .2s;position:absolute;top:12px;right:12px}.videoModalClose:hover{transform:scale(1.03)}.videoCard:hover .videoCardFrame,.videoCard:focus-visible .videoCardFrame,.videoCard.is-active .videoCardFrame{transform:translateY(-2px)}.videoCard:hover .videoCardWash,.videoCard:focus-visible .videoCardWash,.videoCard.is-active .videoCardWash{background:linear-gradient(#ffffff1f,#0000 45%,#ffffffeb)}.videoCard:hover .videoPoster,.videoCard:focus-visible .videoPoster{transform:scale(1.06)}.videoCard:focus-visible{outline:none}.videoCard:focus-visible .videoCardFrame{box-shadow:0 0 0 2px #ffae385c,0 18px 40px #0000001f}.workGrid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.workCard{aspect-ratio:4/5;background:#f4f4f2;grid-column:span 4;position:relative;overflow:hidden}.workCard:nth-child(2),.workCard:nth-child(5){transform:translateY(34px)}.workCard img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.1,1),filter .4s}.workCard:hover img{filter:saturate(1.1);transform:scale(1.055)}.workWash{background:linear-gradient(#0000 42%,#ffffffe6);position:absolute;inset:0}.workIndex{color:#111111b8;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:600;position:absolute;top:17px;left:18px}.workMeta{color:#111;flex-direction:column;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.workMeta small{color:var(--orange);letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:600}.workMeta strong{letter-spacing:-.045em;max-width:17ch;font-size:clamp(1.125rem,2vw,1.75rem);font-weight:600;line-height:1.05}.workMeta em{opacity:0;max-height:0;font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;margin-top:0;font-style:normal;font-weight:600;transition:all .3s;overflow:hidden}.workCard:hover .workMeta em{opacity:.75;max-height:20px;margin-top:16px}.about{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,9vw,140px);display:grid}.aboutImage{min-height:680px;position:relative}.aboutImage img{object-fit:cover;filter:saturate(.82)}.aboutImage:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1111111a}.aboutImage span{z-index:1;background:var(--accent);color:#111;font-size:var(--font-size-xs);letter-spacing:.13em;text-transform:uppercase;padding:18px 23px;font-weight:600;line-height:1.6;position:absolute;bottom:34px;right:-28px}.aboutCopy h2{max-width:11ch;margin-bottom:30px;font-size:clamp(1.9rem,2.8vw,2.5rem);line-height:1.08}.aboutCopy>p{max-width:56ch}.aboutCopy dl{margin:48px 0 0}.aboutCopy dl div{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:18px;padding:18px 0;display:grid}.aboutCopy dt{color:#111;font-size:var(--font-size-xs);font-weight:600}.aboutCopy dd{color:var(--muted);font-size:var(--font-size-sm);margin:0;line-height:1.6}.contact{text-align:center;background:#fff;position:relative}.contact h2{margin:0 auto;font-size:clamp(2.1rem,5vw,3rem);line-height:1.02}.contact>p:not(.kicker){max-width:500px;margin:28px auto 34px}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1);transform:translateY(22px);animation:none!important}.reveal.is-visible{opacity:1;transform:translateY(0)}.serviceCard.reveal,.videoCard.reveal{transition-delay:calc((var(--reveal-order,0)) * 55ms)}.serviceCard:nth-child(2),.videoCard:nth-child(2){--reveal-order:1}.serviceCard:nth-child(3),.videoCard:nth-child(3){--reveal-order:2}.serviceCard:nth-child(4),.videoCard:nth-child(4){--reveal-order:3}.serviceCard:nth-child(5),.videoCard:nth-child(5){--reveal-order:4}.serviceCard:nth-child(6),.videoCard:nth-child(6){--reveal-order:5}@media (prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none!important}}.siteFooter{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(150px,1fr) auto minmax(0,1fr);align-items:center;gap:30px;padding:34px 4vw;display:grid}.siteFooter>p{color:var(--muted);font-size:var(--font-size-xs);letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:0}.siteFooter>div{color:var(--muted);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:12px 24px;display:flex}.siteFooter a:hover{color:#111}@media (max-width:920px){.sectionIntro{grid-template-columns:1fr 1.4fr}.sectionIntro>p:last-child{grid-column:2}.serviceGrid{grid-template-columns:repeat(2,1fr)}.whyPana{grid-template-columns:1fr;gap:44px}.serviceCard{min-height:380px}.serviceCard:nth-child(2),.serviceCard:nth-child(5),.videoCard:nth-child(2n){transform:none}.workCard{grid-column:span 6}.workCard:nth-child(2),.workCard:nth-child(5){transform:none}.about{gap:60px}.aboutImage{min-height:560px}.videoGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.about{grid-template-columns:1fr;gap:48px}.aboutImage{min-height:clamp(420px,72vw,560px)}.aboutImage span{right:0}}@media (max-width:700px){.siteHeader{min-height:72px;padding-right:max(20px, env(safe-area-inset-right));padding-left:max(20px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto}.desktopNav,.headerCta{display:none}.mobileNav{justify-self:end;display:block;position:relative}.mobileNav summary{cursor:pointer;color:#fff;min-width:48px;min-height:48px;font-size:var(--font-size-xs);letter-spacing:.15em;text-transform:uppercase;place-items:center;font-weight:600;list-style:none;display:grid}.mobileNav summary::-webkit-details-marker{display:none}.mobileNav nav{border:1px solid var(--line);background:#fffffffa;border-radius:14px;flex-direction:column;width:min(220px,100vw - 40px);padding:10px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 20px 50px #0000001f}.mobileNav nav a{border-bottom:1px solid var(--line);color:#111;min-height:46px;font-size:var(--font-size-sm);align-items:center;padding:10px 12px;font-weight:600;display:flex}.mobileNav nav a:last-child{border:0}.hero{height:max(620px,100svh);min-height:min(700px,100svh)}.heroWall{grid-template-rows:1.3fr .7fr;grid-template-columns:1fr 1fr}.heroFrameMain{grid-area:auto/1/auto/3}.heroFrame:nth-child(4),.heroFrame:nth-child(5){display:none}.heroShade{background:linear-gradient(#00000040,#00000029 28%,#000000d4)}.heroContent{width:100%;padding:72px max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.hero h1{font-size:clamp(2.15rem,11vw,3rem);line-height:1}.heroCopy{max-width:38ch;font-size:var(--font-size-sm)}.heroDetails{grid-template-columns:repeat(2,1fr);row-gap:16px;width:min(100%,440px)}.heroDetails li:nth-child(3){border-left:0}.heroActions{flex-direction:column;align-items:stretch;width:min(100%,320px);margin-inline:auto}.button{width:100%;min-width:0}.scrollNote{display:none}.marquee div{justify-content:flex-start;overflow:hidden}.marquee span:nth-of-type(n+4),.marquee span:nth-of-type(n+4)+b{display:none}.section{padding:clamp(68px, 18vw, 88px) max(20px, env(safe-area-inset-right)) clamp(68px, 18vw, 88px) max(20px, env(safe-area-inset-left))}.sectionIntro{margin-bottom:42px;display:block}.sectionIntro h2{margin-bottom:24px}.serviceGrid{grid-template-columns:1fr}.whyPanaGrid article{grid-template-columns:38px 1fr;gap:12px 18px}.whyPanaGrid p{grid-column:2}.serviceCard{min-height:0;padding:20px}.serviceCard:nth-child(2),.serviceCard:nth-child(5),.videoCard:nth-child(2n){transform:none}.serviceMedia{height:180px}.serviceNumber{margin-bottom:20px}.workHead{margin-bottom:38px;display:block}.workHead h2{margin-bottom:22px}.videoGrid{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;display:flex;overflow-x:auto}.videoGrid::-webkit-scrollbar{display:none}.videoCard{scroll-snap-align:start;min-width:min(82vw,440px)}.videoCard:last-child{margin-right:20px}.about{gap:48px}.aboutImage{min-height:clamp(380px,118vw,500px)}.aboutImage span{bottom:22px;right:-1px}.aboutCopy dl div{grid-template-columns:95px 1fr}.contact h2{font-size:clamp(2.1rem,10vw,2.9rem);line-height:1}.siteFooter{grid-template-columns:1fr auto;padding:28px 20px}.siteFooter>p{display:none}.siteFooter>div{text-align:right;flex-direction:column;align-items:flex-end;gap:6px}}@media (max-width:480px){.brand{gap:8px}.brandLogo{width:40px;height:40px}.brandWords strong{font-size:.9rem}.brandWords small{letter-spacing:.28em;font-size:.62rem}.heroCopy{line-height:1.55}.serviceMedia{height:clamp(160px,52vw,210px)}.aboutCopy dl div{grid-template-columns:1fr;gap:5px}.siteFooter>div{align-items:flex-start}.videoModalBackdrop{padding:10px}.videoModal{border-radius:10px}}@media (max-height:620px) and (orientation:landscape){.hero{height:auto;min-height:520px}.heroContent{padding-top:88px;padding-bottom:56px}.hero .kicker{margin-bottom:10px}.hero h1{font-size:clamp(2rem,7vw,3rem)}.heroCopy{margin-top:16px;line-height:1.5}.heroActions{flex-direction:row;margin-top:20px}.heroActions .button{width:auto}.scrollNote{display:none}.videoModal{width:auto;max-width:calc(100vw - 32px);height:min(90dvh,560px)}}@media (max-width:420px){.siteFooter{padding:30px 20px calc(30px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:24px}.siteFooter>.brand{justify-self:start}.siteFooter>div{text-align:left;flex-direction:row;justify-content:flex-start;justify-self:stretch;align-items:center;gap:10px 14px;width:100%}.siteFooter>div>span{flex-basis:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.contactPageContainer{color:#111;background:#fff;flex-direction:column;min-height:100vh;display:flex}.contactHeader{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.contactHeader .brandMark{background:var(--accent);color:#101010}.contactHeader .brandWords strong{color:#111}.contactHeader .brandWords small{color:var(--muted)}.contactHeader .desktopNav a{color:#111}.contactHeader .desktopNav a:hover{color:var(--orange)}.contactHeader .headerCta{color:#111;border-color:var(--line)}.contactHeader .headerCta:hover{color:#fff;background:#111}.activeNavLink{font-weight:600;color:#c64f31!important}.contactMain{flex:1;width:min(1140px,90vw);margin:0 auto;padding:80px 0 90px}.contactHeroGrid{grid-template-columns:1fr 1.15fr;align-items:start;gap:6vw;display:grid}.contactKicker{align-items:center;gap:10px;margin-bottom:20px;display:inline-flex}.contactKickerBadge{background:var(--accent);color:#101010;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;font-weight:600;display:inline-grid}.contactKickerText{color:#c64f31;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:600}.contactTitle{font-family:var(--font-display);letter-spacing:normal;color:#111;margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.08}.contactTitle span{color:#111;font-style:italic}.contactSubtitle{color:var(--muted);font-size:var(--font-size-base);max-width:480px;margin-bottom:36px;line-height:1.7}.contactList{flex-direction:column;gap:14px;display:flex}.contactCard{border:1px solid var(--line);background:#fbfbf9;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.contactCard:hover{background:#f4f4f0;border-color:#11111140}.contactIconWrapper{color:#111;background:#1111110f;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.contactCardText{flex-direction:column;display:flex}.contactCardText small{color:var(--muted);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.contactCardText strong{color:#111;font-size:var(--font-size-base);margin-top:3px;font-weight:400}.contactFormCard{border:1px solid var(--line);background:#fff;border-radius:20px;padding:38px;box-shadow:0 12px 36px #0000000a}.formHeader{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:18px}.formHeader h2{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:-.03em;color:#111;margin:0 0 6px;font-weight:600}.formHeader p{color:var(--muted);font-size:var(--font-size-sm);margin:0}.formSuccessAlert{color:#166534;font-size:var(--font-size-sm);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-weight:600;display:flex}.formErrorAlert{color:#991b1b;font-size:var(--font-size-sm);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:24px;padding:14px 18px;font-weight:600}.honeypotField{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contactForm{flex-direction:column;gap:18px;display:flex}.formRow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.formGroup{flex-direction:column;gap:6px;display:flex}.formGroup label{color:#111;font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.formGroup label span{color:#c64f31}.formGroup input,.formGroup select,.formGroup textarea{color:#111;width:100%;font-family:inherit;font-size:var(--font-size-sm);background:#fcfcfb;border:1px solid #11111129;border-radius:10px;outline:none;padding:12px 16px;transition:all .2s}.formGroup textarea{resize:none;border-radius:12px}.formGroup select{cursor:pointer}.formGroup select option{color:#111;background:#fff}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{background:#fff;border-color:#111;box-shadow:0 0 0 2px #1111111a}.formGroup input.inputError,.formGroup select.inputError,.formGroup textarea.inputError{border-color:#dc2626}.fieldError{color:#dc2626;font-size:var(--font-size-xs);margin-top:2px;font-weight:600}.contactSubmitBtn{color:#fff;height:50px;font-family:inherit;font-size:var(--font-size-sm);letter-spacing:.06em;cursor:pointer;background:#111;border:none;border-radius:999px;margin-top:6px;font-weight:600;transition:all .25s}.contactSubmitBtn:hover:not(:disabled){background:#2b2b2b;transform:translateY(-1px)}.contactSubmitBtn:disabled{opacity:.7;cursor:not-allowed}.btnContent,.btnLoading{justify-content:center;align-items:center;width:100%;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contactMapSection{border-top:1px solid var(--line);margin-top:90px;padding-top:60px}.mapSectionHeader{margin-bottom:36px}.mapSectionHeader h2{font-family:var(--font-display);letter-spacing:-.02em;color:#111;margin:6px 0 8px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;line-height:1.08}.mapSectionHeader p{color:var(--muted);font-size:var(--font-size-base);margin:0}.mapGrid{grid-template-columns:.8fr 1.2fr;gap:24px;display:grid}.mapInfoCard{border:1px solid var(--line);background:#fbfbf9;border-radius:20px;flex-direction:column;padding:32px;display:flex}.mapIconBadge{color:#111;background:#1111110f;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:20px;display:grid}.mapInfoCard h3{font-size:var(--font-size-xl);color:#111;margin:0 0 8px;font-weight:500}.mapAddress{color:#111;font-size:var(--font-size-base);margin:0 0 14px;line-height:1.6}.mapNote{color:var(--muted);font-size:var(--font-size-sm);margin:0 0 28px;line-height:1.6}.googleMapsLink{color:#c64f31;font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;font-weight:600;transition:gap .2s;display:inline-flex}.googleMapsLink:hover{gap:12px}.mapFrameWrapper{border:1px solid var(--line);background:#f4f4f2;border-radius:20px;min-height:380px;overflow:hidden}.mapIframe{border:0;width:100%;height:100%}.contactFooter{border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-size-xs);letter-spacing:.12em;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:30px 4vw;display:flex}.contactFooter div{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.contactFooter a.footerLink,footer a.footerLink{color:#111;background:#1111110d;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.contactFooter a.footerLink svg,footer a.footerLink svg{flex:none;width:1rem;height:1rem}.contactFooter a.footerLink:hover,footer a.footerLink:hover{color:#fff;background:#111;transform:translateY(-1px)}.contactFooter a:hover{color:#111}@media (max-width:920px){.contactHeroGrid{grid-template-columns:1fr;gap:40px}.mapGrid{grid-template-columns:1fr}.contactFormCard{padding:24px 20px}.formRow{grid-template-columns:1fr}.contactFooter{align-items:flex-start;padding-inline:24px}.contactFooter>p{flex-basis:100%;margin:0}.contactFooter>div{width:100%}}@media (max-width:560px){.contactFooter{padding:26px 20px calc(26px + env(safe-area-inset-bottom));letter-spacing:.08em}.contactFooter>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.contactFooter>div>a{align-items:center;min-height:44px;display:inline-flex}.contactFooter a.footerLink{justify-content:center}}@media (max-width:340px){.contactFooter>div{grid-template-columns:1fr}}
