
#fronten-gallery{--paper:#fff;--ink:#242424;--muted:#606060;--line:#dedede;--green:#b5242d}#fronten-gallery *{box-sizing:border-box}#fronten-gallery{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}#fronten-gallery button,#fronten-gallery a{-webkit-tap-highlight-color:transparent}#fronten-gallery button{font:inherit}#fronten-gallery header,#fronten-gallery,#fronten-gallery footer{max-width:1400px;margin:auto;padding-left:5%;padding-right:5%}#fronten-gallery header{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}#fronten-gallery .brand{font-size:25px;font-weight:bold;letter-spacing:4px;text-decoration:none;color:var(--ink)}#fronten-gallery .preview{font-size:11px;letter-spacing:1px;color:var(--muted)}#fronten-gallery .intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;padding:62px 0 44px}#fronten-gallery .kicker{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--green)}#fronten-gallery h1{font:clamp(44px,6vw,78px)/1.05 Arial,sans-serif;margin:18px 0 0;letter-spacing:-2px}#fronten-gallery h2{font:32px/1.15 Arial,sans-serif;margin:0 0 16px}#fronten-gallery p{color:var(--muted);margin:0}#fronten-gallery .count{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0 28px;font-size:12px;color:var(--muted)}#fronten-gallery .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}#fronten-gallery .card{display:block;border:0;padding:0;background:none;text-align:left;cursor:pointer;width:100%;color:inherit}#fronten-gallery .card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;background:#f5f5f5}#fronten-gallery .card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:filter .2s}#fronten-gallery .card:hover img{filter:brightness(1.045)}#fronten-gallery .card.featured img{aspect-ratio:4/3}#fronten-gallery .card .copy{padding:24px 0 0}#fronten-gallery .card.featured .copy{padding:38px}#fronten-gallery .meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}#fronten-gallery .card h2{font-size:34px}#fronten-gallery .card p{font-size:15px}#fronten-gallery .view{display:inline-block;margin-top:22px;border-bottom:1px solid var(--green);padding-bottom:4px;font-size:13px}#fronten-gallery .contact{margin:65px 0 45px;padding:36px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;align-items:center}#fronten-gallery .contact h2{font-size:32px;margin-bottom:10px}#fronten-gallery .cta{background:var(--green);color:white;text-decoration:none;padding:15px 24px;white-space:nowrap;font-size:14px}#fronten-gallery footer{padding-top:20px;padding-bottom:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#fronten-gallery dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1180px,96vw);max-height:94vh}#fronten-gallery dialog::backdrop{background:#161616d9}#fronten-gallery .dialog-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:16px 25px;border-bottom:1px solid var(--line)}#fronten-gallery .close{border:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 15px;cursor:pointer}#fronten-gallery .project{padding:30px}#fronten-gallery .project h2{font-size:clamp(30px,4vw,50px);margin-top:12px}#fronten-gallery .project>p{max-width:760px;margin-bottom:28px}#fronten-gallery .project figure{margin:0 0 28px}#fronten-gallery .project img{width:100%;height:auto;display:block}#fronten-gallery .project figcaption{font-size:12px;color:var(--muted);padding:9px 0}#fronten-gallery .project .cta{display:inline-block;margin:0 0 10px}#fronten-gallery :focus-visible{outline:3px solid #b5242d;outline-offset:5px}body#page105.modal-open{overflow:hidden}@media(max-width:700px){#fronten-gallery header,#fronten-gallery,#fronten-gallery footer{padding-left:6%;padding-right:6%}#fronten-gallery header{padding-top:18px;padding-bottom:18px}#fronten-gallery .brand{font-size:21px}#fronten-gallery .preview{font-size:9px;max-width:130px;text-align:right}#fronten-gallery .intro{grid-template-columns:1fr;gap:25px;padding:38px 0 30px}#fronten-gallery h1{letter-spacing:-1px}#fronten-gallery .grid{grid-template-columns:1fr;gap:35px}#fronten-gallery .card.featured{display:block;grid-column:auto}#fronten-gallery .card.featured .copy{padding:24px}#fronten-gallery .card h2{font-size:30px}#fronten-gallery .contact{display:block;margin-top:40px}#fronten-gallery .contact .cta{display:inline-block;margin-top:22px}#fronten-gallery .project{padding:20px}#fronten-gallery .dialog-top{padding:12px 20px}#fronten-gallery .count{font-size:11px}#fronten-gallery .project h2{font-size:34px}}

body#page105{background:#fff}body#page105 #page{padding:0;margin:0;background:transparent}body#page105 #body,body#page105 #body>.container,body#page105 #content{width:100%;max-width:none;padding:0;margin:0}#fronten-gallery{display:block;width:100%;max-width:1400px;margin:auto;padding:0 5%;background:#fff;color:#242424;font:16px/1.65 Arial,sans-serif;text-align:left}#fronten-gallery h1,#fronten-gallery h2{background:none;border:0;padding:0;color:#242424;text-transform:none}#fronten-gallery h1{font:clamp(44px,6vw,78px)/1.05 Arial,sans-serif;margin:18px 0 0;letter-spacing:-2px}#fronten-gallery dialog{position:fixed;inset:0;margin:auto;z-index:10000}#fronten-gallery dialog:not([open]){display:none}@media(max-width:700px){#fronten-gallery{padding:0 6%}}
/* WWW37 brand continuity; existing project dialog preserved. */
#fronten-gallery h1,#fronten-gallery h2{font-weight:600;letter-spacing:-.8px}#fronten-gallery .cta:hover{background:#941b23}#fronten-gallery .view{color:#a81e27}@media(max-width:800px){#fronten-gallery .intro{grid-template-columns:1fr;gap:25px}#fronten-gallery .card.featured{display:block;grid-column:auto}}@media(max-width:380px){#fronten-gallery h1{font-size:36px}#fronten-gallery .card h2,#fronten-gallery .contact h2{font-size:26px}}

/* WWW41 first project links to its complete story. */
#fronten-gallery a.card{font:inherit;text-decoration:none}
