.work-canvas{min-height:100vh;background:var(--canvas);display:flex;align-items:flex-start;justify-content:center;padding:10rem 2rem 6rem;position:relative;overflow:clip}.work-clouds{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:0;background:radial-gradient(ellipse 70% 65% at 3% 42%,rgba(139,170,191,.58) 0%,transparent 65%),radial-gradient(ellipse 60% 52% at 80% 30%,rgba(139,170,191,.5) 0%,transparent 58%),radial-gradient(ellipse 50% 40% at 58% 72%,rgba(139,170,191,.38) 0%,transparent 52%),radial-gradient(ellipse 45% 38% at 98% 22%,rgba(139,170,191,.45) 0%,transparent 55%)}.work-inner{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:4rem;position:relative;z-index:1}.work-eyebrow{color:var(--ink);margin-bottom:.75rem;max-width:none}.work-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:1.25rem}.work-title em{font-family:Shorelines Script,cursive;font-style:normal;font-size:clamp(1.4rem,2.8vw,2rem);color:var(--sage)}.work-sub{font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--ink);line-height:1.7;max-width:52ch}.work-section-label{display:block;font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:var(--space-xl);padding-bottom:.6rem;border-bottom:1px solid var(--sage-deep)}.work-section-intro{font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--ink);line-height:1.7;letter-spacing:.02em;max-width:62ch;margin:-.5rem 0 var(--space-xl)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.work-grid--design{grid-template-columns:repeat(3,1fr)}.work-card{display:block;width:100%;background:none;border:0;padding:0;text-decoration:none;color:inherit;text-align:left;cursor:pointer}.work-card-image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cream);margin-bottom:1.2rem;transition:transform .5s var(--ease-out)}.work-card:hover .work-card-image{transform:translateY(-6px)}.work-card-wash{position:absolute;inset:8%;background:radial-gradient(circle at 30% 35%,var(--accent, var(--water-mist)),transparent 60%),radial-gradient(circle at 70% 65%,var(--card-color, var(--sage-pale)),transparent 55%);opacity:.5;filter:blur(20px);transition:opacity .5s ease,transform .6s ease;z-index:1}.work-card:hover .work-card-wash{opacity:.7;transform:scale(1.1) rotate(2deg)}.work-card-number{position:relative;z-index:2;font-size:.85rem;color:var(--ink-muted);opacity:.25}.work-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;position:relative;z-index:1}.work-card-image img+.work-card-overlay{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 90% 80% at 50% 40%,rgba(247,244,235,.6),transparent 70%),#f7f4eb59;pointer-events:none;transition:opacity .6s var(--ease-out)}.work-card:hover .work-card-overlay{opacity:0}.work-card-info{padding:0 .15rem}.work-card-type{font-size:.72rem;color:var(--ink-muted);display:block;margin-bottom:.55rem}.work-card-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;line-height:1.15;color:var(--ink);margin:0 0 .35rem;transition:color .3s ease}.work-card:hover .work-card-title{color:var(--sage-deep)}.work-card-subtitle{font-size:1.15rem;color:var(--ink);opacity:.65;margin:0;line-height:1.45}.work-modal-backdrop{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f2ede3c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.work-modal-panel{width:min(100%,920px);max-height:min(88vh,900px);overflow-y:auto;background:var(--cream);padding:clamp(1.5rem,3vw,2.5rem);position:relative;border:1px solid rgba(55,53,30,.08);box-shadow:0 24px 48px #2a1f1424}.work-modal-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--project-accent),var(--project-color))}.work-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:0;background:transparent;color:var(--ink-muted);font-family:var(--font-display);font-size:2rem;line-height:1;cursor:pointer}.work-modal-header{margin-bottom:1.5rem;padding-right:3rem}.work-modal-meta{color:var(--ink-muted);display:block;margin-bottom:.6rem}.work-modal-title{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 .45rem}.work-modal-subtitle{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--ink-muted);margin:0}.work-modal-shot{margin-bottom:1.5rem}.work-modal-shot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start;perspective:1200px}.work-modal-shot-frame{border:1px solid rgba(55,53,30,.08);background:#ffffff80;overflow:hidden;aspect-ratio:9 / 18;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);box-shadow:0 4px 16px #2a1f1414}.work-modal-shot-frame:nth-child(1){transform:rotate(-2deg) translateY(4px)}.work-modal-shot-frame:nth-child(2){transform:scale(1.04) translateY(-2px);z-index:1;box-shadow:0 8px 28px #2a1f141f}.work-modal-shot-frame:nth-child(3){transform:rotate(2deg) translateY(4px)}.work-modal-shot-frame:hover{transform:scale(1.03) translateY(-4px);z-index:2;box-shadow:0 12px 32px #2a1f1426}.work-modal-shot-frame:nth-child(n+4){display:none}.work-modal-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-modal-shot-placeholder{position:relative;min-height:clamp(320px,62vh,620px);background:linear-gradient(180deg,#fff9,#e8e0cfc7),linear-gradient(90deg,rgba(55,53,30,.05) 1px,transparent 1px),linear-gradient(rgba(55,53,30,.05) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;overflow:hidden;border:1px solid rgba(55,53,30,.08)}.work-modal-shot-wash{position:absolute;inset:10%;background:radial-gradient(circle at 24% 28%,var(--project-accent),transparent 34%),radial-gradient(circle at 72% 34%,var(--project-color),transparent 36%),radial-gradient(circle at 56% 70%,rgba(255,255,255,.55),transparent 28%);filter:blur(22px);opacity:.22}.work-modal-shot-label{position:absolute;top:1.1rem;left:1.1rem;color:var(--ink-muted)}.work-modal-shot-ui{position:absolute;left:1.1rem;right:1.1rem;bottom:1.1rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.9rem}.work-modal-shot-ui span{display:block;height:clamp(72px,14vw,120px);border:1px solid rgba(55,53,30,.08);background:#ffffff80}.work-modal-footer{display:flex;flex-direction:column;gap:1rem}.work-modal-tags{display:flex;flex-wrap:wrap;gap:.55rem}.work-modal-tag{padding:.35rem .7rem;background:var(--parchment);color:var(--ink-muted)}.work-modal-note{max-width:none;font-size:.92rem;color:var(--ink-muted)}@media(max-width:900px){.work-grid--design{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.work-canvas{padding:7rem 1.5rem 4rem}.work-grid,.work-grid--design{grid-template-columns:1fr;gap:2.5rem}.work-card-image{aspect-ratio:16 / 9}.work-modal-backdrop{padding:1rem}.work-modal-shot-gallery{gap:.75rem}.work-modal-shot-frame:nth-child(1){transform:rotate(-1.5deg) translateY(2px)}.work-modal-shot-frame:nth-child(2){transform:scale(1.02)}.work-modal-shot-frame:nth-child(3){transform:rotate(1.5deg) translateY(2px)}.work-modal-shot-ui{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.work-card{opacity:1;transform:none;transition:none}.work-card-image,.work-card-wash{transition:none}}