/* The work wall begins immediately, with space reserved before each tile paints. */
.work-page .page-main{max-width:none;padding-top:94px}
.work-page .breadcrumbs{display:none}
.work-board-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:8px 0 25px}
.work-board-heading h1{font-size:40px!important;font-weight:600;letter-spacing:-1.7px;line-height:1.15}
.work-board-heading p{max-width:300px;font-size:11px;line-height:1.6;color:var(--muted)}
.work-page .work-filters{padding:0 0 24px;gap:8px}.work-page .work-filters button{min-height:40px;padding:10px 18px;font-size:11px}
.work-wall-note{margin-left:auto;font-size:10px;color:var(--muted)}
.masonry{--columns:5;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:16px;position:relative;isolation:isolate}
.work-tile{margin:0;min-width:0;aspect-ratio:calc(1 / var(--ratio));color:#131313;display:block;border-radius:12px;overflow:hidden;contain:layout paint}
.masonry-ready{display:block}.masonry-ready .work-tile{position:absolute;aspect-ratio:auto}.work-tile[hidden]{display:none}
.tile-surface{position:relative;height:100%;min-height:100%;background:var(--tile-bg);color:var(--tile-ink);overflow:hidden;border-radius:inherit;border:1px solid #88888816}
.tone-0{--tile-bg:#e9e9e7;--tile-ink:#202020}.tone-1{--tile-bg:#202020;--tile-ink:#ededeb}.tone-2{--tile-bg:#f4f4f2;--tile-ink:#363636}.tone-3{--tile-bg:#bfbfbd;--tile-ink:#f9f9f7}.tone-4{--tile-bg:#363636;--tile-ink:#c6c6c3}
.tone-3 .tile-top,.tone-3 .tile-bottom{color:#252525}
.tile-top,.tile-bottom{position:absolute;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;line-height:1.3}
.tile-top{top:17px;font-size:9px;letter-spacing:.7px}.tile-placeholder{font-size:7px;opacity:.6}.tile-bottom{bottom:17px;font-size:13px;letter-spacing:-.2px}.tile-bottom>span:last-child{font-size:19px}
.tile-art{position:absolute;inset:18%;display:flex;justify-content:center;align-items:center;transition:transform .65s cubic-bezier(.2,.8,.2,1);color:var(--tile-ink)}
a.work-tile:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
/* Feedback stays inside the tile: masonry bounds and image crops never move. */
.work-tile{-webkit-tap-highlight-color:transparent}
.work-tile .tile-surface:after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--tile-ink) 4%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile-ink) 35%,transparent);opacity:0;transition:opacity .2s ease,background .2s ease}
.work-tile .tile-art,.work-tile .tile-bottom>span:last-child{translate:0 0;transition:translate .2s cubic-bezier(.2,.65,.3,1)}
.work-tile .tile-bottom>span:last-child{display:block}
@media(hover:hover) and (pointer:fine){
 html:not(.visual-editing) .work-tile:hover .tile-surface:after{opacity:1}
 html:not(.visual-editing) .work-tile:hover .tile-art{translate:0 -2px}
 html:not(.visual-editing) a.work-tile:hover .tile-bottom>span:last-child{translate:2px -2px}
}
html:not(.visual-editing) .work-tile:is(.is-pressed,:focus-visible) .tile-surface:after{opacity:1}
html:not(.visual-editing) .work-tile.is-pressed .tile-surface:after{background:color-mix(in srgb,var(--tile-ink) 8%,transparent)}
html:not(.visual-editing) .work-tile.is-pressed .tile-art{translate:0 1px}
html:not(.visual-editing) a.work-tile:is(.is-pressed,:focus-visible) .tile-bottom>span:last-child{translate:2px -2px}
html[data-motion=off] .work-tile .tile-art,html[data-motion=off] .work-tile .tile-bottom>span:last-child{translate:none!important}
html[data-motion=off] .work-tile .tile-surface:after{transition:none}
@media(prefers-reduced-motion:reduce){.work-tile .tile-art,.work-tile .tile-bottom>span:last-child{translate:none!important}.work-tile .tile-surface:after{transition:none}}
.tile-art i{display:none;background:currentColor;position:absolute}
.shape-0 .tile-art i:first-child{display:block;width:83%;aspect-ratio:1;border-radius:50%}
.shape-0 .tile-art i:nth-child(2){display:block;width:43%;aspect-ratio:1;border-radius:50%;background:var(--tile-bg);transform:translateX(32%)}
.shape-1 .tile-art i:nth-child(-n+3){display:block;width:27%;height:80%;border-radius:100px;transform:rotate(32deg)}.shape-1 i:first-child{left:0}.shape-1 i:nth-child(3){right:0}
.shape-2 .tile-art{transform:rotate(-12deg)}.shape-2 .tile-art i:nth-child(-n+4){display:block;width:52%;height:38%;border:1px solid currentColor;background:transparent;border-radius:2px}.shape-2 i:nth-child(1){transform:translate(-18%,-35%)}.shape-2 i:nth-child(2){transform:translate(-6%,-12%)}.shape-2 i:nth-child(3){transform:translate(6%,12%)}.shape-2 i:nth-child(4){transform:translate(18%,35%)}
.shape-3 .tile-art i:first-child{display:block;width:75%;aspect-ratio:1;border-radius:50% 50% 0 0}.shape-3 .tile-art i:nth-child(2){display:block;width:31%;height:44%;bottom:13%;border-radius:70px 70px 0 0;background:var(--tile-bg)}
.shape-4 .tile-art i:first-child{display:block;width:85%;aspect-ratio:1;transform:rotate(45deg);border-radius:17%}
.shape-5 .tile-art i:nth-child(-n+4){display:block;width:48%;aspect-ratio:1;border-radius:50%}.shape-5 i:first-child{transform:translate(-40%,-40%)}.shape-5 i:nth-child(2){transform:translate(40%,-40%)}.shape-5 i:nth-child(3){transform:translate(-40%,40%)}.shape-5 i:nth-child(4){transform:translate(40%,40%)}
.shape-6 .tile-art{inset:22%;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 10px);border-radius:50%}
.shape-7 .tile-art i:nth-child(-n+3){display:block;width:83%;height:20%;border-radius:50%;transform:rotate(-22deg)}.shape-7 i:first-child{top:13%}.shape-7 i:nth-child(3){bottom:13%}
.shape-8 .tile-art i:first-child{display:block;width:80%;aspect-ratio:1;border:24px solid currentColor;background:transparent;border-radius:50%}
.shape-9 .tile-art i:first-child{display:block;width:80%;height:25%;border-radius:2px;transform:rotate(-45deg)}.shape-9 .tile-art i:nth-child(2){display:block;height:80%;width:25%;border-radius:2px;transform:rotate(-45deg)}
.feed-controls{display:flex;justify-content:center;gap:25px;align-items:center;margin:40px 0 20px}.feed-controls button{min-height:44px}.feed-controls .pill{font-size:11px;padding:13px 22px;gap:24px}.feed-controls .text-button{font-size:10px;color:var(--muted);border-color:var(--line)}.feed-sentinel{height:1px}.feed-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.work-page .site-footer{margin-top:30px}.home-work-wall .masonry{--columns:4}.home-work-wall .work-heading{margin-bottom:28px}.home-work-wall .section-meta{margin-bottom:24px}.home-work-wall .work-heading h2{font-size:40px}.home-work-wall .work-heading h2 br{display:none}

/* A compact contact composition; content can grow for zoom, keyboards and errors. */
.contact-page .page-main{width:100%;max-width:1384px;min-height:calc(100svh - 47px);padding:92px 32px 22px;display:flex;flex-direction:column}
.contact-page .breadcrumbs{font-size:9px}.contact-page .contact-hero{width:100%;flex:1;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:7vw;margin:24px auto 0;align-items:center}
.contact-page .contact-intro{padding:0}.contact-page .contact-intro h1{font-size:clamp(38px,4.2vw,64px);line-height:1.12}.contact-page .contact-intro .section-meta{margin-bottom:23px}
.contact-page .contact-lead{font-size:15px;margin-top:22px}.contact-page .contact-aside{margin-top:36px;display:grid;gap:20px}.contact-page .contact-aside>div{margin:0}.contact-page .contact-aside small{margin-bottom:8px}.contact-page .contact-aside a,.contact-page .contact-aside p{font-size:14px}
.social-links{display:flex;align-items:center;gap:8px;margin-top:22px}.social-links a,.social-links .social-pending{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s}.social-links svg{width:17px;height:17px;fill:currentColor}.social-links a:hover{background:var(--ink);color:var(--paper)}.social-pending{opacity:.35;cursor:default}.social-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.contact-page .contact-card{padding:27px;border-radius:18px;width:100%;max-width:610px;justify-self:end}
.contact-page .form-heading{margin-bottom:22px}.contact-page .form-heading h2{font-size:27px}.contact-page .form-heading p{font-size:12px;margin-top:7px}
.contact-page .inquiry-form label{margin-bottom:14px;gap:7px;font-size:11px}.contact-page .inquiry-form input,.contact-page .inquiry-form select,.contact-page .service-trigger{min-height:46px;padding:10px 12px}.contact-page .inquiry-form textarea{height:108px;min-height:88px;padding:12px;resize:none}.contact-page .service-field{margin-bottom:14px}.contact-page .service-field>label{margin-bottom:7px}.contact-page .form-note{margin:0 0 12px}.contact-page .send-button{min-height:48px;padding:12px 17px}.contact-page .form-privacy{margin-top:14px}.contact-page .form-status{margin-top:14px}
.contact-page .site-footer{height:47px;padding:0 32px;display:flex;justify-content:space-between;gap:15px}.contact-page .site-footer .brand-icon,.contact-page .site-footer nav{display:none}.contact-page .site-footer .motion-toggle{padding:10px 0}.contact-mobile-details{display:none!important}
@media(min-width:1600px){.masonry{--columns:6}}
@media(max-width:1100px){.masonry{--columns:4}.home-work-wall .masonry{--columns:3}}
@media(min-width:601px) and (max-width:1000px){
 .contact-page .page-main{padding:116px 26px 24px}.contact-page .contact-hero{grid-template-columns:1fr;gap:28px;align-content:center;margin-top:20px;flex:1}.contact-page .contact-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:35px}.contact-page .contact-intro .section-meta{grid-column:1/-1;margin-bottom:20px}.contact-page .contact-intro h1{font-size:42px;grid-column:1}.contact-page .contact-lead{grid-column:1;font-size:13px;margin-top:15px}.contact-page .contact-aside{grid-column:2;grid-row:2/4;margin:0;align-content:start;gap:17px}.contact-page .social-links{grid-column:2;margin-top:12px}.contact-page .contact-card{max-width:none;padding:25px}.contact-page .inquiry-form textarea{height:112px}.contact-page .site-footer{padding:0 26px}.masonry{--columns:3}.work-page .page-main{padding-top:115px}
}
@media(max-width:600px){
 .work-page .page-main{padding:100px 14px 0}.preview-embed .work-page .page-main{padding-top:124px}.work-board-heading{margin:0 0 20px;gap:15px}.work-board-heading h1{font-size:28px!important;letter-spacing:-.8px}.work-board-heading p{font-size:9px;max-width:145px}.work-page .work-filters{gap:6px;padding-bottom:18px}.work-page .work-filters button{font-size:9px;padding:8px 12px;min-height:36px}.work-wall-note{display:none}.masonry,.home-work-wall .masonry{--columns:2;gap:10px}.work-tile{border-radius:9px}.tile-top,.tile-bottom{left:12px;right:12px}.tile-top{top:12px;font-size:8px}.tile-placeholder{font-size:6px}.tile-bottom{bottom:10px;font-size:11px}.tile-bottom>span:last-child{font-size:16px}.shape-8 .tile-art i:first-child{border-width:17px}.feed-controls{gap:18px;flex-direction:column;margin:25px 0}.home-work-wall .work-heading h2{font-size:30px!important}.home-work-wall .work-heading p{margin-top:12px}
 .contact-page .page-main{padding:99px 16px 14px;min-height:calc(100svh - 38px)}.preview-embed .contact-page .page-main{padding-top:123px}.contact-page .breadcrumbs{display:none}.contact-page .contact-hero{grid-template-columns:1fr;gap:18px;align-content:center;margin:0}.contact-page .contact-intro{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:10px;align-items:center}.contact-page .contact-intro .section-meta,.contact-page .contact-lead{display:none}.contact-page .contact-intro h1,html[lang=hy] .contact-page .contact-intro h1{font-size:29px;letter-spacing:-.9px;line-height:1.14;grid-column:1}.contact-page .social-links{grid-column:2;grid-row:1;margin:0;gap:6px;flex-wrap:wrap;max-width:80px;justify-content:end}.contact-page .social-links a,.contact-page .social-pending{width:35px;height:35px}.contact-page .social-links svg{width:16px;height:16px}.contact-page .contact-aside{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;gap:4px 15px}.contact-page .contact-aside small{display:none}.contact-page .contact-aside a,.contact-page .contact-aside p{font-size:11px;line-height:1.4}.contact-page .contact-aside p{color:var(--muted)}
 .contact-page .contact-card{padding:18px 16px;border-radius:14px}.contact-page .form-heading{margin-bottom:17px}.contact-page .form-heading h2,html[lang=hy] .contact-page .form-heading h2{font-size:20px;letter-spacing:-.4px}.contact-page .form-heading p{display:none}.contact-page .form-row{grid-template-columns:1fr 1fr;gap:10px}.contact-page .inquiry-form label{font-size:10px;margin-bottom:13px;gap:7px}.contact-page .inquiry-form input,.contact-page .service-trigger{min-height:44px;font-size:16px;padding:10px}.contact-page .service-trigger{font-size:13px}.contact-page .service-field{margin-bottom:13px}.contact-page .service-field>label{margin-bottom:7px}.contact-page .inquiry-form textarea{height:88px;min-height:70px;padding:10px}.contact-page .form-note{font-size:9px;margin-bottom:12px}.contact-page .send-button{min-height:46px;padding:12px 14px;font-size:10px}.contact-page .form-privacy{margin-top:12px;font-size:9px}.contact-page .site-footer{height:38px;padding:0 16px}.contact-page .site-footer>span{font-size:7px}.contact-page .site-footer .motion-toggle{font-size:7px}.contact-page .form-status{font-size:12px;padding:12px}
}
@media(max-height:780px) and (min-width:1001px){.contact-page .page-main{padding-top:83px;padding-bottom:14px}.contact-page .contact-hero{margin-top:14px}.contact-page .contact-card{padding:22px}.contact-page .form-heading{margin-bottom:17px}.contact-page .contact-intro h1{font-size:46px}}