.project-hero{min-height:clamp(22rem,58svh,40rem);padding:8.75rem var(--section-padding-x) 3.25rem;position:relative;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:flex-start}.project-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 48px,rgba(10,10,10,.018) 48px,rgba(10,10,10,.018) 49px);pointer-events:none}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.97) 0%,rgba(255,255,255,.78) 26%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.06) 58%,transparent 80%),linear-gradient(to bottom,rgba(255,255,255,.88) 0%,transparent 22%,transparent 78%,rgba(255,255,255,.82) 100%);pointer-events:none}.project-hero-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:clamp(5.5rem,17vw,15rem);line-height:.85;letter-spacing:.05em;color:#1a3aaa0f;-webkit-text-stroke:1.5px rgba(26,58,170,.38);text-stroke:1.5px rgba(26,58,170,.38);paint-order:stroke fill;opacity:1;white-space:nowrap;max-width:min(100vw,68rem);overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;z-index:0;text-align:center}.project-hero-inner{position:relative;z-index:1;width:100%;max-width:min(44rem,100%);display:flex;flex-direction:column;align-items:flex-start;text-align:left}.project-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.project-cat{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-ring);padding:.4rem 1rem;border-radius:2rem}.project-year{font-size:.8rem;color:var(--gray)}.project-title{font-family:var(--serif);font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--ink)}.project-title em{font-style:italic;color:var(--accent)}.project-tagline{font-size:1.0625rem;color:var(--gray);line-height:1.7;max-width:40rem;margin-bottom:1.75rem}.project-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.link-live{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);padding-bottom:.4rem;transition:gap .3s,border-color .3s}.link-live:hover{gap:1.1rem;border-color:var(--accent)}.link-live span{color:var(--accent)}.project-detail>section:nth-of-type(2n):not(.project-hero):not(.cta-section){background:var(--bg2)}.project-detail>section.cta-section{background:var(--bg)}.section{padding:var(--section-padding-y) var(--section-padding-x)}.section-split{padding:var(--section-padding-y) var(--section-padding-x);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.92fr);gap:3rem 4rem;align-items:start}.section-split-left{display:flex;flex-direction:column;gap:2rem;min-width:0}.section-split-right{position:sticky;top:6rem;min-width:0}.section-split-right figure{margin:0}.section-split-right .visual-frame{position:relative;width:100%;height:min(26rem,46svh);border-radius:.875rem;overflow:hidden;border:1px solid var(--border);background:var(--bg2)}.section-split-right .visual-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.section-split-right figcaption{margin-top:.75rem;font-size:.8rem;color:var(--faint);line-height:1.5}.section-full{padding:var(--section-padding-y) var(--section-padding-x)}.section-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.section-title{font-family:var(--serif);font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem;color:var(--ink)}.section-title em{font-style:italic;color:var(--accent)}.section-body{font-size:.9375rem;color:var(--gray);line-height:1.75;max-width:52rem}.section-body p{margin-bottom:1rem}.section-body p:last-child{margin-bottom:0}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.context-before{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:2rem}.context-before-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:1rem;opacity:.6}.context-before ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.context-before li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--gray);line-height:1.55}.context-before li:before{content:"✗";color:var(--negative);font-size:.8rem;margin-top:.1rem;flex-shrink:0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:1rem;overflow:hidden;margin-top:2.5rem}.solution-item{background:var(--surface);padding:2rem 1.75rem;transition:background .3s}.solution-item:hover{background:var(--surface)}.solution-num{font-size:.65rem;letter-spacing:.15em;color:var(--accent);margin-bottom:1.25rem;opacity:.6}.solution-title{font-family:var(--serif);font-size:1.1rem;margin-bottom:.625rem;line-height:1.2;color:var(--ink)}.solution-desc{font-size:.85rem;color:var(--gray);line-height:1.65}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.tech-tag{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--divider-strong);padding:.25rem .6rem;border-radius:2rem;color:var(--gray)}.results-grid{display:flex;flex-direction:column;margin-top:2.5rem}.result-card{display:grid;grid-template-columns:minmax(0,1fr) 12rem;align-items:center;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--border);color:inherit;transition:background .2s;cursor:default}.result-card:first-child{border-top:1px solid var(--border)}.result-card:hover{background:var(--bg);padding-left:1rem;padding-right:1rem;margin:0 -1rem;border-radius:.5rem;border-color:transparent}.result-card:hover+.result-card{border-top-color:transparent}.result-value{grid-column:1;font-family:var(--serif);font-size:1.25rem;color:var(--ink);letter-spacing:-.01em;line-height:1.2;margin:0}.result-label{grid-column:2;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);line-height:1.45;margin:0}.results-grid--labels .result-card{grid-template-columns:1fr;gap:0}.results-grid--labels .result-label{grid-column:1;font-size:.95rem;letter-spacing:.01em;text-transform:none;color:var(--ink);line-height:1.6;padding-left:1.1rem;position:relative}.results-grid--labels .result-label:before{content:"";position:absolute;left:0;top:.72em;width:.38rem;height:.38rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 68%,transparent)}.visuals-grid{display:grid;gap:clamp(1rem,2.2vw,1.5rem);margin-top:clamp(2rem,4vw,2.75rem);grid-template-columns:1fr}.visual-item{position:relative;border-radius:.875rem;overflow:hidden;min-width:0;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent);box-shadow:0 1px 6px color-mix(in srgb,var(--ink) 4%,transparent);transition:border-color .3s ease,box-shadow .3s ease}.visual-item:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 6%,transparent)}.visual-item:hover .visual-thumb img{transform:scale(1.03)}.visual-thumb{position:relative;width:100%;aspect-ratio:16 / 10;background:linear-gradient(145deg,var(--bg3),var(--bg2));overflow:hidden}.visual-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .55s ease}.visual-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:2.5rem 1.125rem .85rem;font-size:.8125rem;line-height:1.45;color:#fffffffa;letter-spacing:.02em;font-weight:400;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.2),0 0 1px rgba(0,0,0,.35);background:linear-gradient(to top,rgba(10,10,10,.32) 0%,rgba(10,10,10,.1) 52%,transparent 88%);pointer-events:none}@media(prefers-reduced-motion:reduce){.visual-thumb img{transition:none}.visual-item:hover .visual-thumb img{transform:none}}@media(min-width:1025px){.visuals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visuals-grid:has(>.visual-item:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.visuals-grid:has(>.visual-item:only-child){grid-template-columns:1fr;max-width:min(56rem,100%);margin-inline:auto}}.cta-section{padding:var(--section-padding-y) var(--section-padding-x);text-align:center}.cta-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;color:var(--ink)}.cta-title em{font-style:italic;color:var(--accent)}.cta-sub{font-size:1rem;color:var(--gray);max-width:32rem;margin-inline:auto;margin-bottom:2.5rem}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:var(--ink);color:var(--white);border-radius:.5rem;transition:background .25s,gap .25s,color .25s}.cta-btn:hover{background:var(--accent);color:var(--white);gap:1.25rem}.cta-btn span{font-size:1rem}.project-nav{padding:2rem var(--section-padding-x);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.proj-nav-link{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:color .3s}.proj-nav-link:hover{color:var(--accent)}.proj-nav-link strong{font-family:var(--serif);font-size:1rem;font-weight:400;color:var(--ink);letter-spacing:0;text-transform:none}.proj-nav-link.next{text-align:right}@media(max-width:768px){.project-hero{min-height:unset;padding:7.5rem var(--section-padding-x) var(--section-padding-y-mobile);align-items:flex-start}.project-hero-wordmark{font-size:clamp(2.75rem,16vw,4.5rem);-webkit-text-stroke:1.15px rgba(26,58,170,.24);text-stroke:1.15px rgba(26,58,170,.24);color:#1a3aaa0a;max-width:min(100vw - 2rem,100%)}.section{padding:var(--section-padding-y-mobile) var(--section-padding-x)}.section-split{grid-template-columns:1fr;gap:2.5rem;padding:var(--section-padding-y-mobile) var(--section-padding-x)}.section-split-right{position:static}.section-split-right .visual-frame{height:min(20rem,42svh)}.section-full{padding:var(--section-padding-y-mobile) var(--section-padding-x)}.context-grid{grid-template-columns:1fr;gap:2rem}.solution-grid{grid-template-columns:1fr}.result-card{grid-template-columns:1fr;gap:.5rem}.result-label{grid-column:1}.cta-section{padding:var(--section-padding-y-mobile) var(--section-padding-x)}.project-nav{flex-direction:column;align-items:flex-start}.proj-nav-link.next{text-align:left}}@media(min-width:769px)and (max-width:1024px){.project-hero{min-height:clamp(20rem,52svh,34rem);padding-top:8.25rem;padding-bottom:2.75rem}.project-hero-wordmark{font-size:clamp(4.5rem,14vw,12rem);-webkit-text-stroke:1.35px rgba(26,58,170,.24);color:#1a3aaa09}.section,.section-split,.section-full,.cta-section{padding-top:var(--section-padding-y-tablet);padding-bottom:var(--section-padding-y-tablet)}.section-split{grid-template-columns:minmax(0,1.12fr) minmax(0,.9fr);gap:2.5rem 3rem}.solution-grid{grid-template-columns:repeat(2,1fr)}.visuals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1.25rem}.visuals-grid:has(>.visual-item:nth-child(3):last-child){grid-template-columns:1fr;gap:1.15rem}.visual-item:last-child:nth-child(odd){grid-column:1 / -1;max-width:44rem;justify-self:center;width:100%}.visuals-grid:has(>.visual-item:nth-child(3):last-child) .visual-item:last-child:nth-child(odd){grid-column:auto;max-width:none;justify-self:stretch;width:auto}}@media(min-width:900px)and (max-width:1024px){.visuals-grid:has(>.visual-item:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem 1rem}}