.project-selector{padding-bottom:70px}.selector-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.selector-heading h2{max-width:760px;margin:0;font-size:clamp(40px,6vw,76px);line-height:.96;letter-spacing:-.06em}.project-grid-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-tile{position:relative;min-height:250px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:2px solid var(--navy);border-radius:22px;color:var(--navy);cursor:pointer;overflow:hidden;box-shadow:6px 8px 0 rgba(7,26,53,.1);transition:transform .28s ease,box-shadow .28s ease}.project-tile:before{content:"";position:absolute;inset:46px 18px 18px;border:2px solid rgba(7,26,53,.16);border-radius:12px;pointer-events:none}.project-tile:after{content:"•••";position:absolute;top:17px;right:22px;font:700 18px/1 var(--mono);letter-spacing:3px}.project-tile span,.project-tile small{position:relative;z-index:1;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.project-tile strong{position:relative;z-index:1;margin:auto 0 10px;font-size:clamp(27px,3vw,42px);line-height:.95;letter-spacing:-.05em}.project-tile b{position:relative;z-index:1;margin-top:18px;font:650 12px var(--mono)}.project-tile:hover,.project-tile.is-active{transform:translateY(-8px);box-shadow:10px 14px 0 rgba(7,26,53,.15)}.project-tile.is-active{outline:4px solid #fff;outline-offset:-8px}.lawtie-tile{background:linear-gradient(135deg,#d9cff8,#f8df84)}.project-detail-area{max-width:1320px;margin:0 auto;padding:0 5vw 130px}.project-panel{display:none;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:6vw;align-items:center;padding:58px;border:2px solid rgba(7,26,53,.13);border-radius:30px;background:#fff;box-shadow:0 25px 70px rgba(36,38,70,.1)}.project-panel.is-active{display:grid;animation:panel-open .48s cubic-bezier(.2,.8,.2,1)}.lawtie-panel.is-active{display:block;background:#f5f1e8}.lawtie-panel .laptop-project{padding:0}.project-window{min-height:440px;border:3px solid var(--navy);border-radius:18px;overflow:hidden;box-shadow:10px 12px 0 rgba(7,26,53,.14)}.window-canvas{min-height:388px;padding:42px 34px;display:flex;flex-direction:column;justify-content:space-between}.window-canvas small{font:600 9px var(--mono);letter-spacing:.08em}.window-canvas h2{margin:35px 0;font-size:clamp(40px,5vw,70px);line-height:.9;letter-spacing:-.06em}.window-canvas>div{font:650 30px var(--mono);letter-spacing:.1em}.project-description h2{font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:-.055em;margin:20px 0}.project-description p{font-size:17px;line-height:1.75;margin-bottom:32px}.space-symbols{animation:space-float 3.5s ease-in-out infinite}@keyframes panel-open{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes space-float{50%{transform:translateY(-9px) rotate(4deg)}}@media(max-width:950px){.project-grid-menu{grid-template-columns:repeat(2,1fr)}.project-panel{grid-template-columns:1fr;padding:36px}.selector-heading{display:block}.selector-heading .eyebrow{display:block;margin-bottom:16px}}@media(max-width:620px){.project-grid-menu{grid-template-columns:1fr}.project-tile{min-height:210px}.project-panel{padding:22px}.project-window{min-height:350px}.window-canvas{min-height:298px;padding:30px 24px}}@media(prefers-reduced-motion:reduce){.project-panel.is-active,.space-symbols{animation:none}}