.projects-page{--pp-navy:#0a2540;--pp-sky:#87ceeb;--pp-sky-deep:#5eb3e0;--pp-muted:#64748b;--pp-surface:#f4f9fc;min-height:100vh;background:var(--pp-surface);color:#1e293b}.projects-hero{position:relative;overflow:hidden;background-color:#071a2e;background-image:linear-gradient(115deg,rgba(5,22,42,.92) 0,rgba(10,37,64,.55) 45%,rgba(5,40,70,.65) 100%),var(--projects-hero-bg);background-position:50%;background-size:cover;background-repeat:no-repeat;min-height:min(52vh,480px);min-height:min(52dvh,480px);display:flex;align-items:flex-end;padding:clamp(5.75rem,11vw,7.5rem) clamp(1rem,4vw,2rem) clamp(2.5rem,6vw,3.5rem);color:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 88%,0 100%);clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.projects-hero__mesh{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.projects-hero__glow{position:absolute;border-radius:50%;filter:blur(.5px);pointer-events:none}.projects-hero__glow--a{width:min(380px,50vw);height:min(380px,50vw);top:-15%;right:-5%;background:radial-gradient(circle at 40% 40%,rgba(135,206,235,.35) 0,transparent 65%)}.projects-hero__glow--b{width:min(220px,35vw);height:min(220px,35vw);bottom:15%;left:5%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0,transparent 70%)}.projects-hero__inner{position:relative;z-index:1;width:100%;max-width:min(1120px,92vw);margin:0 auto}.projects-hero__eyebrow{margin:0 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(135,206,235,.95)}.projects-hero__title{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.85),0 8px 32px rgba(0,0,0,.45)}.projects-hero__sub{margin:1rem 0 0;max-width:40rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55;font-weight:500;color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(0,0,0,.55)}.projects-body{padding:clamp(2.5rem,7vw,4.5rem) clamp(1rem,4vw,2rem);margin-top:-2rem;position:relative;z-index:2}.projects-body__inner{max-width:min(1120px,92vw);margin:0 auto}.projects-head{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}.projects-head__kicker{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pp-sky-deep);margin:0 0 .5rem}.projects-head__title{margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2.15rem);font-weight:800;color:var(--pp-navy);letter-spacing:-.03em}.projects-head__lead{margin:0 auto;max-width:40rem;font-size:1.0625rem;line-height:1.65;color:var(--pp-muted)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(1.25rem,3vw,1.75rem);gap:clamp(1.25rem,3vw,1.75rem)}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){.projects-hero{-webkit-clip-path:none;clip-path:none;padding-bottom:clamp(2rem,6vw,2.75rem)}.projects-hero__glow--a,.projects-hero__glow--b,.projects-hero__mesh{display:none}.projects-body{margin-top:0}}.projects-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(10,37,64,.08);box-shadow:0 2px 4px rgba(10,37,64,.04),0 16px 40px rgba(10,37,64,.07);transition:transform .28s ease,box-shadow .28s ease;display:flex;flex-direction:column;height:100%}.projects-card:hover{transform:translateY(-6px);box-shadow:0 8px 16px rgba(10,37,64,.08),0 28px 56px rgba(10,37,64,.12)}.projects-card__media{position:relative;aspect-ratio:16/10;background:linear-gradient(145deg,#e8f4fc,rgba(135,206,235,.2));overflow:hidden}.projects-card__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.projects-card__media-placeholder{width:100%;height:100%;min-height:140px;background:linear-gradient(120deg,rgba(10,37,64,.06),rgba(135,206,235,.12))}.projects-card--arch .projects-card__media,.projects-card--blob .projects-card__media,.projects-card--slant .projects-card__media{-webkit-clip-path:none;clip-path:none}.projects-card__body{padding:clamp(1.1rem,3vw,1.5rem);display:flex;flex-direction:column;gap:.65rem;flex:1 1}.projects-card__name{margin:0;font-size:1.0625rem;font-weight:800;color:var(--pp-navy);letter-spacing:-.02em;line-height:1.3}.projects-card__desc{margin:0;flex:1 1;font-size:.9rem;line-height:1.7;color:#334155}.projects-card__link{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;color:var(--pp-sky-deep);text-decoration:none;align-self:flex-start;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.projects-card__link:hover{color:var(--pp-navy);border-bottom-color:var(--pp-sky)}.projects-card__link-arrow{font-weight:600;transition:transform .2s ease}.projects-card__link:hover .projects-card__link-arrow{transform:translateX(3px)}.projects-card__link--disabled{color:var(--pp-muted);cursor:default;border-bottom:none}.projects-card__link--disabled:hover{color:var(--pp-muted)}.projects-hero__book-wrap{position:absolute;top:max(4.65rem,calc(env(safe-area-inset-top, 0px) + 4.15rem));right:max(1rem,env(safe-area-inset-right,0px));z-index:15}.projects-book-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.35rem;border-radius:999px;border:1px solid rgba(135,206,235,.55);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(135,206,235,.22));color:#fff;font-size:.8125rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.projects-book-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.45);box-shadow:0 8px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.28)}.projects-book-btn:focus-visible{outline:2px solid rgba(135,206,235,.95);outline-offset:3px}.projects-book-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem)}.projects-book-modal__backdrop{position:absolute;inset:0;margin:0;padding:0;border:none;background:rgba(7,18,32,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.projects-book-modal__panel{position:relative;z-index:1;width:100%;max-width:26rem;padding:clamp(1.35rem,4vw,1.85rem);border-radius:20px;background:linear-gradient(165deg,#ffffff,#f0f9ff 55%,#e8f6fc);border:1px solid rgba(10,37,64,.1);box-shadow:0 24px 64px rgba(10,37,64,.2),inset 0 0 0 1px rgba(255,255,255,.6);animation:projects-book-pop .35s ease}@keyframes projects-book-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.projects-book-modal__panel{animation:none}}.projects-book-modal__accent{position:absolute;top:0;left:1.5rem;right:1.5rem;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--pp-navy) 0,var(--pp-sky-deep) 100%)}.projects-book-modal__close{position:absolute;top:.65rem;right:.65rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:rgba(10,37,64,.06);color:var(--pp-navy);font-size:1.35rem;line-height:1;cursor:pointer;transition:background .2s}.projects-book-modal__close:hover{background:rgba(10,37,64,.12)}.projects-book-modal__title{margin:.35rem 0 .5rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;color:var(--pp-navy);letter-spacing:-.03em}.projects-book-modal__lead{margin:0 0 1.25rem;font-size:.9rem;line-height:1.55;color:var(--pp-muted)}.projects-book-form{display:flex;flex-direction:column;gap:1rem}.projects-book-form__field{display:flex;flex-direction:column;gap:.35rem}.projects-book-form__field span{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-navy)}.projects-book-form__field input,.projects-book-form__field textarea{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid rgba(10,37,64,.12);background:rgba(255,255,255,.95);font-size:.9375rem;color:#1e293b;transition:border-color .2s,box-shadow .2s}.projects-book-form__field textarea{resize:vertical;min-height:7rem}.projects-book-form__field input:focus,.projects-book-form__field textarea:focus{outline:none;border-color:rgba(94,179,224,.85);box-shadow:0 0 0 3px rgba(135,206,235,.25)}.projects-book-form__msg{margin:0;font-size:.875rem;font-weight:600}.projects-book-form__msg--ok{color:#0f766e}.projects-book-form__msg--err{color:#b91c1c}.projects-book-form__actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;margin-top:.25rem}.projects-book-form__ghost{padding:.55rem 1rem;border-radius:10px;border:1px solid rgba(10,37,64,.15);background:transparent;color:var(--pp-muted);font-size:.875rem;font-weight:600;cursor:pointer}.projects-book-form__ghost:hover{background:rgba(10,37,64,.05)}.projects-book-form__submit{padding:.55rem 1.35rem;border-radius:10px;border:none;background:linear-gradient(145deg,var(--pp-navy) 0,#0d3558 100%);color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(10,37,64,.25);transition:transform .2s,opacity .2s}.projects-book-form__submit:hover:not(:disabled){transform:translateY(-1px)}.projects-book-form__submit:disabled{opacity:.65;cursor:not-allowed}