.work-section{background:#08151e;color:#f1f5f6;--work-accent:#c7ae79;overflow:hidden}.work-section .eyebrow{color:#85d8e6}.work-section .section-heading{margin-bottom:45px}.work-section .section-heading p{color:#a8bac5}.work-section .section-heading h2{font-size:clamp(40px,4.6vw,66px)}.work-heading-note{display:block;margin-top:20px;color:#8398a6;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.work-gallery{border-top:1px solid #ffffff26}.work-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;color:#9eb0bc;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.work-controls{display:flex;align-items:center;gap:10px}.work-controls button{border:1px solid #ffffff35;background:transparent;color:#dae5ea;padding:9px 12px;border-radius:3px;font-size:12px;letter-spacing:0}.work-controls button:hover{background:#1c3442}.work-controls #work-count{margin-right:15px;font-variant-numeric:tabular-nums}.work-panel{display:grid;grid-template-columns:.72fr 1.6fr;gap:60px;align-items:center;padding:20px 0 40px;animation:work-arrive .45s ease-out}.work-panel[hidden]{display:none}.work-category{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--work-accent)}.work-copy h3{font-size:clamp(28px,2.7vw,40px);line-height:1.16;letter-spacing:-1.4px;font-weight:500;margin:20px 0}.work-copy p{font-size:14px;color:#a6bac7;line-height:1.8}.work-features{list-style:none;padding:0;margin:27px 0}.work-features li{font-size:12px;color:#d4dfe5;padding:9px 0;border-bottom:1px solid #ffffff16}.work-visit{display:inline-flex;align-items:center;gap:15px;font-size:13px;color:var(--work-accent);padding:10px 0;border-bottom:1px solid var(--work-accent)}.work-visit .icon{filter:invert(1);width:17px;height:17px}.work-visual{min-width:0;perspective:1400px}.work-image-button{display:block;width:100%;padding:0;border:1px solid #ffffff2b;border-radius:8px;overflow:hidden;background:#13242d;color:#c4d5df;text-align:left;cursor:zoom-in;transform:rotateY(-3deg) rotateX(1deg);box-shadow:0 28px 50px #0005;transition:transform .4s,box-shadow .4s}.work-image-button:hover{transform:rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 35px 65px #0007}.work-address{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:10px;letter-spacing:.05em;border-bottom:1px solid #ffffff19}.work-address span:last-child{color:#91a7b4}.work-shot{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;display:block}.work-preview-note{font-size:10px;color:#829ba9;margin-top:18px;display:flex;justify-content:space-between;gap:12px}.work-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;border-top:1px solid #ffffff26}.work-tab{display:flex;align-items:center;gap:15px;padding:25px 0;background:transparent;color:#8197a6;border:0;border-top:2px solid transparent;text-align:left;cursor:pointer}.work-tab img{width:65px;height:46px;object-fit:cover;opacity:.5;transition:opacity .3s}.work-tab strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.4px}.work-tab small{font-size:10px;display:block;margin-top:5px}.work-tab[aria-selected=true]{border-top-color:var(--work-accent);color:#f5f8fa}.work-tab[aria-selected=true] img,.work-tab:hover img{opacity:1}.work-process{margin-top:65px;padding-top:40px;border-top:1px solid #ffffff26;display:grid;grid-template-columns:1.1fr 2fr;gap:60px}.work-process h3{font-size:28px;font-weight:500;letter-spacing:-.8px}.work-process>div>p{font-size:14px;color:#a6bac7;margin:15px 0 22px}.work-process .text-link{color:#b2e5eb;font-size:13px}.work-process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.work-process li>span{font-size:11px;color:#7a98a9;display:block;margin-bottom:18px}.work-process h4{font-size:17px;font-weight:500;margin-bottom:10px}.work-process li p{font-size:12px;line-height:1.8;color:#9eb2be}.work-section :focus-visible{outline:2px solid #82e2ef;outline-offset:5px}.work-dialog{width:min(1200px,94vw);max-width:94vw;max-height:94vh;padding:0;border:1px solid #4e626d;border-radius:8px;background:#0b1c28;color:#eaf4f8}.work-dialog::backdrop{background:#030b12e8}.work-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px}.work-dialog h2{font-size:15px;font-weight:500}.work-dialog header>div{display:flex;align-items:center;gap:20px}.work-dialog a{font-size:12px;color:#94d9e6}.work-dialog button{background:#233d4b;border:1px solid #58707d;color:white;padding:10px 14px;border-radius:4px}.work-dialog>img{width:100%;display:block;height:auto}.work-dialog-open{overflow:hidden}@keyframes work-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.work-panel{gap:30px;grid-template-columns:.85fr 1.3fr}.work-tab{gap:10px}.work-tab img{width:46px;height:34px}.work-tab strong{font-size:14px}.work-process{gap:35px}.work-process ol{gap:20px}}
@media(max-width:800px){.work-panel{grid-template-columns:1fr;gap:30px}.work-visual{grid-row:1}.work-image-button{transform:none}.work-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.work-category,.work-copy h3{grid-column:1}.work-copy p{grid-column:2;grid-row:1/3}.work-features{grid-column:2;margin:0}.work-visit{justify-self:start;align-self:start;grid-column:1;grid-row:3}.work-tabs{gap:15px}.work-tab img{display:none}.work-process{grid-template-columns:1fr;gap:30px}}
@media(max-width:500px){.work-section .section-heading h2{font-size:42px}.work-topline{font-size:9px}.work-controls #work-count{margin-right:3px}.work-controls{gap:6px}.work-controls button{font-size:10px;padding:10px 8px}.work-panel{padding-top:8px}.work-copy{display:block}.work-copy h3{font-size:32px}.work-features{margin:20px 0}.work-copy p{font-size:14px}.work-tabs{grid-template-columns:repeat(2,1fr);gap:0 20px}.work-tab{padding:18px 0}.work-tab img{display:block;width:48px;height:35px}.work-tab strong{font-size:14px}.work-tab small{font-size:9px}.work-process{margin-top:40px;padding-top:30px}.work-process ol{grid-template-columns:1fr;gap:25px}.work-process li>span{margin-bottom:8px}.work-process li p{font-size:13px}.work-dialog header{padding:12px;gap:10px}.work-dialog header>div{gap:10px}.work-dialog h2{font-size:12px}.work-dialog a{font-size:10px}.work-preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.work-panel{animation:none}.work-image-button,.work-tab img{transition:none}.work-image-button:hover{transform:none}}