/* Quiet glass surfaces with native, keyboard-accessible progressive disclosure. */
.glass-work{padding:95px 0 70px;max-width:960px;position:relative}.glass-work:before{content:"";position:absolute;inset:-65px -60px;background:linear-gradient(180deg,transparent,rgba(8,29,39,.28) 25%,rgba(8,29,39,.2) 80%,transparent);filter:blur(30px);z-index:-1;pointer-events:none}.quiet-heading{margin-bottom:46px;max-width:600px}.quiet-heading .eyebrow{font-size:13px;letter-spacing:1.4px;margin-bottom:22px;color:#dfebe7}.quiet-heading h2{font-size:48px;line-height:1.12;letter-spacing:-1.5px}.quiet-heading>p:last-child{font-size:14px;line-height:1.8;color:#e0e8e5;margin-top:22px}
.glass-collection{border:1px solid rgba(238,250,248,.25);border-radius:18px;background:linear-gradient(135deg,rgba(38,68,78,.69),rgba(13,38,47,.77));backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 48px rgba(4,19,26,.1);overflow:hidden}.collection-label{padding:25px 32px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.collection-label h3{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.2px}.collection-label>span{font-family:"VT323",monospace;font-size:12px;letter-spacing:1px;color:#c3d4d5}.glass-project{margin:0 32px;border-top:1px solid rgba(215,238,231,.18)}.glass-project summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px;padding:23px 0;transition:color .2s}.glass-project summary::-webkit-details-marker,.studio-details summary::-webkit-details-marker{display:none}.project-summary{display:block;min-width:0}.project-name{display:block;font-family:var(--serif);font-size:32px;letter-spacing:-.6px;line-height:1.15}.project-kind{display:block;font-size:11px;line-height:1.6;color:#c9d9d7;margin-top:8px}.name-secondary{font-family:var(--sans);font-size:10px;letter-spacing:1.4px;margin-left:13px;white-space:nowrap}.summary-end{display:flex;align-items:center;gap:40px;flex-shrink:0}.development-state{font-size:10px;color:#d5e4dc}.expand-sign{position:relative;width:24px;height:24px;flex-shrink:0;border:1px solid rgba(223,240,234,.38);border-radius:50%;transition:background .2s}.expand-sign:before,.expand-sign:after{content:"";position:absolute;left:7px;top:11px;width:8px;height:1px;background:#f3f7ee}.expand-sign:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .expand-sign:after{transform:rotate(0)}summary:hover .expand-sign{background:rgba(219,243,238,.14)}summary:hover .project-name{color:#d3e5ed}summary:focus-visible{outline:2px solid #dcebef;outline-offset:5px;border-radius:3px}.project-reveal{padding:0 64px 29px 0;max-width:620px}.project-reveal p{font-size:14px;line-height:1.75;color:#ebf0e9;margin:0 0 15px}.detail-note{font-size:11px;color:#c5d6d2}.glass-link{display:inline-flex;gap:30px;font-size:12px;padding:9px 0;border-bottom:1px solid #d5e5df66}.glass-link span{font-size:16px}.business-collection{margin-top:22px}.business-collection .glass-project summary{min-height:113px}.glass-project[open] .project-name{color:#e1edf0}.glass-project[open] .project-reveal{animation:detail-in .24s ease-out}
.glass-studio{max-width:960px;margin-top:10px;margin-bottom:90px;padding:0}.studio-glass-surface{position:relative;padding:40px 44px 29px;border-radius:18px;border:1px solid rgba(235,249,242,.28);background:linear-gradient(135deg,rgba(41,71,82,.75),rgba(11,37,47,.82));backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(30px) saturate(110%);box-shadow:inset 0 1px rgba(255,255,255,.14),0 15px 60px rgba(3,18,25,.1)}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px}.studio-header .eyebrow{font-size:13px;letter-spacing:1.2px}.studio-header img{width:115px;height:auto;opacity:.8}.studio-glass-surface h2{font-size:47px;line-height:1.14;letter-spacing:-1.3px}.studio-introduction{font-size:15px;max-width:435px;margin-top:24px;color:#e3ece7;line-height:1.8}.studio-details{margin-top:29px;max-width:610px}.studio-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:27px;font-size:12px;min-height:44px;width:fit-content}.studio-details .expand-sign{width:22px;height:22px}.studio-details .expand-sign:before,.studio-details .expand-sign:after{left:6px;top:10px}.studio-reveal{padding-top:19px;max-width:530px}.studio-reveal p{font-size:14px;line-height:1.8;color:#e0e9e4;margin-bottom:15px}.studio-disciplines{margin-top:32px;padding-top:22px;border-top:1px solid rgba(225,241,236,.2);font-size:10px;letter-spacing:.35px;color:#d2dfdc;line-height:1.8}.studio-disciplines span{margin:0 17px;color:#8facb0}.studio-details[open] .studio-reveal{animation:detail-in .24s ease-out}
@keyframes detail-in{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.name-secondary{display:block;margin:9px 0 0;font-size:9px}.summary-end{gap:22px}}
@media(max-width:700px){.glass-work{padding:66px 0 34px}.glass-work:before{inset:-30px -20px;filter:none}.quiet-heading{margin-bottom:30px}.quiet-heading .eyebrow{font-size:12px;margin-bottom:18px}.quiet-heading h2{font-size:37px;letter-spacing:-1px}.quiet-heading>p:last-child{font-size:13px;margin-top:18px}.glass-collection{border-radius:14px;background:linear-gradient(130deg,rgba(37,65,77,.8),rgba(12,37,48,.87))}.collection-label{padding:21px 21px 18px}.collection-label h3{font-size:11px}.collection-label>span{font-size:11px}.glass-project{margin:0 21px}.glass-project summary{position:relative;gap:12px;min-height:120px;padding:22px 0}.project-name{font-size:28px;letter-spacing:-.6px}.project-kind{font-size:10px;max-width:245px}.summary-end{align-self:stretch;align-items:center}.development-state{position:absolute;left:0;bottom:17px;font-size:9px;color:#c9dcce}.glass-work .glass-collection:not(.business-collection) summary{padding-bottom:41px}.glass-work .glass-collection:not(.business-collection) .project-kind{display:none}.name-secondary{font-size:9px;letter-spacing:1.2px;margin-top:7px}.expand-sign{width:23px;height:23px}.project-reveal{padding:0 0 23px}.project-reveal p{font-size:13px;line-height:1.8}.detail-note{font-size:10px}.business-collection{margin-top:18px}.business-collection .glass-project summary{min-height:116px}.business-collection .project-name{font-size:27px}.business-collection .project-kind{font-size:10px;line-height:1.7;max-width:240px}.glass-studio{margin-top:0;margin-bottom:54px}.studio-glass-surface{padding:26px 24px 23px;border-radius:14px}.studio-header{margin-bottom:31px;gap:15px}.studio-header .eyebrow{font-size:12px}.studio-header img{width:91px}.studio-glass-surface h2{font-size:36px;letter-spacing:-1px}.studio-introduction{font-size:14px;margin-top:21px}.studio-details{margin-top:21px}.studio-details summary{font-size:11px;gap:23px}.studio-reveal p{font-size:13px}.studio-disciplines{font-size:9px;margin-top:24px;letter-spacing:0}.studio-disciplines span{margin:0 6px}}
@media(max-width:360px){.project-name,.business-collection .project-name{font-size:24px}.quiet-heading h2{font-size:32px}.studio-glass-surface h2{font-size:32px}.studio-header img{width:75px}.studio-glass-surface{padding-inline:20px}.studio-disciplines span{margin:0 3px}}
@media(prefers-reduced-motion:reduce){.project-reveal,.studio-reveal{animation:none!important}.expand-sign,.expand-sign:after{transition:none}}
@media(prefers-reduced-transparency:reduce){.glass-collection,.studio-glass-surface{background:#193b48;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.glass-collection,.studio-glass-surface{background:rgba(20,49,62,.97)}}
/* Blur deepens down each surface, keeping the coastal light near its upper edge. */
.glass-collection,.studio-glass-surface{position:relative;isolation:isolate;backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%)}
.glass-collection:before,.studio-glass-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:linear-gradient(transparent,#000 85%);-webkit-mask-image:linear-gradient(transparent,#000 85%)}
@media(prefers-reduced-transparency:reduce){.glass-collection,.studio-glass-surface{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-collection:before,.studio-glass-surface:before{display:none}}
/* Mobile QA refinements: compact short-screen hero and comfortable touch targets. */
@media(max-width:700px){
 .header .brand{min-height:44px;justify-content:center}
 .header nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:12px}
 .hero-copy{min-height:min(570px,calc(100svh - 165px));gap:clamp(70px,17svh,150px)}
 .glass-link{min-height:44px;align-items:center}
 .back-top{min-height:44px;align-items:center;width:fit-content}
 .footer-bottom{font-size:10px;line-height:1.6;gap:8px}
 .footer nav{font-size:12px;gap:24px}
 .footer nav a{min-height:44px;display:inline-flex;align-items:center}
 .development-state,.project-kind,.business-collection .project-kind{font-size:11px}
 .detail-note,.studio-disciplines{font-size:10px}
}
@media(max-width:360px){.hero h1{font-size:48px;letter-spacing:-2px}.hero{padding-top:32px}.glass-project summary{gap:10px}.footer-bottom>p{max-width:100%}.studio-disciplines{line-height:2}}
/* Keep the soft backdrop within the viewport at intermediate tablet widths. */
.glass-work:before{left:max(-60px,calc((100vw - 100%)/-2));right:max(-60px,calc((100vw - 100%)/-2))}
@media(min-width:701px) and (max-width:1000px){.site-wallpaper img{object-position:80% center}}

/* A shared studio-width footer with two balanced columns and a quiet utility row. */
.footer{max-width:960px;padding-top:48px}
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-bottom:38px}
.footer-brand{display:block;width:fit-content}
.footer-brand img{width:240px;max-width:100%;height:auto}
.footer-identity p{font-size:12px;line-height:1.7;color:#d2dfdc;margin-top:20px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;font-style:normal;margin:0;padding-left:32px}
.contact-label{font-family:"VT323",monospace;font-size:14px;letter-spacing:1.2px;color:#c9d9d7;margin-bottom:5px}
.footer-contact a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;text-decoration:underline;text-decoration-color:rgba(225,241,236,.35);text-underline-offset:5px}
.footer-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding-top:16px;font-size:10px;line-height:1.6}
.footer nav{margin:0;gap:24px;font-size:12px}
.footer nav a,.footer .back-top{display:inline-flex;align-items:center;min-height:44px}
.footer .back-top{margin:0;gap:16px;font-size:12px;width:fit-content}
@media(max-width:700px){
 .footer{padding-top:36px}
 .footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:26px}
 .footer-brand img{width:215px}
 .footer-identity p{font-size:11px;margin-top:17px;max-width:260px}
 .footer-contact{padding-left:0}
 .footer-bottom{grid-template-columns:1fr auto;gap:8px 20px;padding-top:20px}
 .footer-bottom>p{grid-column:1/-1}
 .footer nav{gap:18px}
 .footer .back-top{gap:10px}
}
@media(max-width:360px){.footer nav,.footer .back-top{font-size:11px}.footer nav{gap:14px}.footer-bottom{column-gap:12px}}

/* Current app identities, sourced from each app's platform icon. */
.app-identity{display:flex;align-items:center;gap:18px;min-width:0}.app-icon{display:block;width:52px;height:52px;flex:0 0 52px;object-fit:contain;border-radius:12px}.app-identity .name-secondary{display:block;margin:7px 0 0}
@media(max-width:700px){.app-identity{gap:12px}.app-icon{width:42px;height:42px;flex-basis:42px;border-radius:10px}.app-identity .project-name{font-size:25px}.app-identity .name-secondary{font-size:9px}.glass-collection:not(.business-collection) .development-state{left:54px}}
@media(max-width:360px){.app-identity .project-name{font-size:22px}.app-icon{width:36px;height:36px;flex-basis:36px}.app-identity{gap:10px}.glass-collection:not(.business-collection) .development-state{left:46px}}