/* ========================================================================== deorsidesign — Components Buttons,filter bar,cards,footer,helpers ========================================================================== */ .skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:calc(var(--z-modal) 1);background:var(--color-brand);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-subtle);transform:translateY(-200%);transition:transform var(--transition-fast);text-decoration:none;}.skip-link:focus{transform:translateY(0);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;text-decoration:none;border:var(--border-width-thin) solid transparent;transition:all var(--transition-normal);cursor:pointer;}.btn--primary{background:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand);}.btn--primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);}.btn--inverse{background:var(--color-white);color:var(--color-black);border-color:var(--color-white);}.btn--inverse:hover{background:transparent;color:var(--color-text-inverse);}.section__header{text-align:center;margin-bottom:var(--space-12);max-width:var(--measure);margin-left:auto;margin-right:auto;}.section__header h2{margin-bottom:var(--space-3);}.section__header .lead{color:var(--color-text-muted);}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-10);}.filter-btn{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:2px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);}.filter-btn:hover{border-color:var(--color-brand);color:var(--color-brand);}.filter-btn--active,.filter-btn[aria-pressed="true"]{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse);}.portfolio-item__placeholder{position:absolute;inset:0;z-index:0;background-image:linear-gradient(135deg,var(--color-purple-50),var(--color-purple-900-10)),repeating-linear-gradient( 45deg,transparent,transparent var(--space-3),var(--color-purple-900-20) var(--space-3),var(--color-purple-900-20) var(--space-4) );display:flex;align-items:center;justify-content:center;}.portfolio-item__placeholder::before{content:"[ ]";font-family:var(--font-family-heading);letter-spacing:var(--letter-spacing-wider);color:var(--color-brand);opacity:0.2;}.inline-link{color:var(--color-brand);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:color var(--transition-fast);}.inline-link:hover{color:var(--color-brand-hover);}.inline-link span{transition:transform var(--transition-fast);}.inline-link:hover span{transform:translateX(var(--space-1));}.section--dark .inline-link{color:var(--color-white);}.section--dark .inline-link:hover{color:rgb(var(--color-white-rgb) / 0.8);}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);align-items:center;}.split h2{margin-bottom:var(--space-4);}.media-placeholder{aspect-ratio:4 / 3;background:var(--color-bg-subtle);border-radius:var(--card-radius);border:var(--border-width-thin) solid var(--color-border);object-fit:cover;width:100%;height:auto;}.card{padding:var(--space-8);border:var(--border-width-thin) solid var(--color-border-inverse);border-radius:var(--card-radius);transition:border-color var(--transition-normal);background:var(--color-surface-dark);}.card h3{font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--color-text-inverse);margin-bottom:var(--space-3);}.card p{font-size:var(--font-size-md);color:rgb(var(--color-white-rgb) / 0.65);line-height:var(--line-height-relaxed);}.card:hover{border-color:rgb(var(--color-purple-900-rgb) / 0.6);}.footer{background:var(--color-black);padding:var(--space-16) 0 var(--space-8);border-top:var(--border-width-thin) solid var(--color-border-inverse);}.footer__grid{display:grid;gap:var(--space-12);}.footer__logo{height:var(--space-8);width:auto;margin-bottom:var(--space-4);}.footer__brand p{color:rgb(var(--color-white-rgb) / 0.56);font-size:var(--font-size-sm);}.footer__links{display:flex;flex-direction:column;gap:0.4rem;}.footer__links a{color:rgb(var(--color-white-rgb) / 0.65);font-size:var(--font-size-sm);text-decoration:none;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;transition:color var(--transition-fast);}.footer__links a:hover{color:var(--color-white);}.footer__social-list{display:flex;flex-direction:row;gap:var(--space-6);list-style:none;padding:0;margin:0;}.footer__social-list li{margin:0;padding:0;}.footer__social .text-uppercase-label{margin-bottom:var(--space-4);display:block;}.footer__social-list a{color:rgb(var(--color-white-rgb) / 0.65);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast);}.footer__social-list a:hover{color:var(--color-brand);}.footer__bottom{border-top:var(--border-width-thin) solid var(--color-border-inverse);margin-top:var(--space-12);padding-top:var(--space-6);color:rgb(var(--color-white-rgb) / 0.4);font-size:var(--font-size-xs);text-align:center;}.nav__panel{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:calc(var(--z-nav) - 1);background:var(--color-black);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);}.nav__panel[data-open="true"]{opacity:1;pointer-events:auto;}.nav__panel ul{list-style:none;text-align:center;display:flex;flex-direction:column;gap:var(--space-8);}.nav__panel a{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);color:var(--color-white);text-decoration:none;transition:color var(--transition-fast);}.nav__panel a:hover{color:var(--color-brand);}.project-modal{position:fixed;inset:0;z-index:calc(var(--z-nav) 10);display:none;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);}.project-modal[data-open="true"]{display:flex;opacity:1;pointer-events:auto;}.project-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.85);}.project-modal__content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;margin:0 auto;background:var(--color-black);color:var(--color-text-inverse);padding:var(--space-8);overflow-y:auto;}.project-modal__close{position:absolute;top:var(--space-6);right:var(--space-6);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-white);cursor:pointer;transition:color var(--transition-fast);}.project-modal__close:hover{color:var(--color-brand);}.project-modal__close svg{width:24px;height:24px;}.project-modal__header{margin-bottom:var(--space-12);}.project-modal__title{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--space-4);}.project-modal__meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);}.project-modal__client,.project-modal__year{font-size:var(--font-size-md);color:rgb(var(--color-white-rgb) / 0.72);margin:0;}.project-modal__disciplines{display:flex;gap:var(--space-2);flex-wrap:wrap;}.project-modal__disciplines .portfolio-item__tag{background:var(--color-brand);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--color-text-inverse);}.project-modal__client strong,.project-modal__year strong,.project-modal__website strong{font-weight:700;color:var(--color-white);}.project-modal__website a{color:var(--color-brand);font-weight:700;text-decoration:none;transition:color var(--transition-fast);}.project-modal__website a:hover{color:var(--color-white);text-decoration:underline;}.project-modal__collaboration strong{font-weight:700;color:var(--color-white);}.project-modal__collaboration a{color:var(--color-brand);font-weight:700;text-decoration:none;transition:color var(--transition-fast);}.project-modal__collaboration a:hover{color:var(--color-white);text-decoration:underline;}.project-modal__description{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:rgb(var(--color-white-rgb) / 0.8);margin:0;white-space:pre-wrap;word-wrap:break-word;}.project-modal__gallery{display:flex;align-items:center;gap:var(--space-6);flex:1;min-height:400px;}.project-modal__image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;}.project-modal__image{max-width:100%;max-height:500px;object-fit:contain;border-radius:var(--card-radius);}.project-modal__video{max-width:100%;max-height:500px;border-radius:var(--card-radius);background:#000;}.project-modal__image-counter{position:absolute;bottom:var(--space-4);left:var(--space-4);font-size:var(--font-size-sm);color:rgb(var(--color-white-rgb) / 0.72);background:rgba(0,0,0,0.6);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);}.project-modal__prev,.project-modal__next{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-inverse);background:transparent;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);}.project-modal__prev:hover,.project-modal__next:hover{background:var(--color-brand);border-color:var(--color-brand);}.project-modal__prev svg,.project-modal__next svg{width:20px;height:20px;}@media (max-width:767px){.project-modal__content{padding:var(--space-6);}.project-modal__gallery{flex-direction:column;gap:var(--space-4);min-height:auto;}.project-modal__image{max-height:300px;}.project-modal__prev,.project-modal__next{width:36px;height:36px;}}@media (min-width:768px){.split{grid-template-columns:repeat(2,minmax(0,1fr));}.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3px;margin-bottom:var(--space-12);}.blog-post{border-radius:0;overflow:hidden;cursor:pointer;background:var(--color-bg-subtle);border:1px solid var(--color-border);transition:border-color var(--transition-normal);}.blog-post:hover{border-color:var(--color-brand);}.blog-post__image{width:100%;height:200px;object-fit:cover;display:block;}.blog-post__content{padding:var(--space-6);}.blog-post__category{display:inline-block;background:var(--color-brand);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-3);}.blog-post__date{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);display:block;}.blog-post__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);}.blog-post__excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;min-height:4.33rem !important;}.blog-post__read-more{color:var(--color-brand);font-weight:600;text-decoration:none;transition:color var(--transition-fast);font-size:var(--font-size-sm);}.blog-post__read-more:hover{color:var(--color-brand-hover);}.blog-modal{position:fixed;inset:0;z-index:calc(var(--z-nav) 10);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:rgba(0,0,0,0.85);overflow-y:auto;}.blog-modal[style*="display:flex"],.blog-modal[style*="display:block"]{opacity:1;pointer-events:auto;display:flex !important;align-items:flex-start;padding-top:var(--space-8);}.blog-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.85);}.blog-modal__content{position:relative;z-index:1;width:100%;max-width:800px;margin:0 auto;background:var(--color-white);color:var(--color-text);display:flex;flex-direction:column;}.blog-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-white);color:var(--color-text);cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-full);}.blog-modal__close:hover{color:var(--color-brand);}.blog-modal__close svg{width:24px;height:24px;}.blog-modal__article{padding:var(--space-8);}.blog-modal__header{margin-bottom:var(--space-6);}.blog-modal__title{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);}.blog-modal__meta{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;}.blog-modal__date{font-size:var(--font-size-sm);color:var(--color-text-muted);}.blog-modal__category{display:inline-block;background:var(--color-brand);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.blog-modal__image{width:100%;max-height:400px;object-fit:cover;margin-bottom:var(--space-6);border-radius:var(--card-radius);}.blog-modal__body{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--space-8);}.blog-modal__body p{margin-bottom:var(--space-4);}.blog-modal__body p:last-child{margin-bottom:0;}.blog-modal__footer{border-top:1px solid var(--color-border);padding-top:var(--space-6);}.blog-modal__author{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;}