:root{--paper:#f5f4f0;--ink:#181816;--yellow:#f1d900;--line:#d1d0ca;--muted:#686861}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8c7c00;outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;gap:8px;align-items:flex-start}.brand i{width:7px;height:7px;background:var(--yellow);margin-top:4px}.brand span{font-size:25.76px;font-weight:400;letter-spacing:.02em}.brand small{display:block;font-size:8.96px;letter-spacing:.2em;margin-bottom:2px}.head-actions{display:flex;align-items:center;gap:40px}.start-link{font-size:14.56px;border-bottom:1px solid;padding-bottom:5px}#menu-button{width:35px;height:40px;border:0;background:none;display:grid;align-content:center;gap:7px;padding:4px}#menu-button span{height:1px;background:var(--ink);width:27px}.eyebrow{font-size:13.44px;letter-spacing:.1em;text-transform:uppercase;display:block;line-height:1.5}h1,h2,h3,p{margin:0;font-weight:400}h1{font-size:clamp(71.68px,10.08vw,172.48px);line-height:.96;letter-spacing:-.065em}h2{font-size:clamp(44.8px,5.82vw,98.56px);letter-spacing:-.05em;line-height:1.05}h3{font-size:25.76px;line-height:1.25}p{font-size:17.92px;line-height:1.65}.dot{color:var(--yellow)}.hero{min-height:calc(100svh - 96px);padding:60px 3.2vw 32px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{margin:90px 0 100px;font-size:clamp(78.4px,11.2vw,190.4px)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:340px;font-size:16.8px}.line-link{border-bottom:1px solid;display:inline-flex;gap:40px;padding-bottom:7px;font-size:15.68px}.page-head{padding:85px 3.2vw 70px}.page-head h1{margin-top:35px}.page-head p{max-width:480px;margin:55px 10% 0 auto}.project-list{padding:50px 3.2vw 100px;background:white}.section-heading{display:grid;grid-template-columns:34% 1fr;gap:20px;margin-bottom:60px;align-items:start}.project{display:block;margin-bottom:60px}.crop{position:relative;overflow:hidden;aspect-ratio:var(--ratio);background:#deded8}.crop img{position:absolute;width:var(--w);height:auto;max-width:none;left:var(--x);top:var(--y);transition:filter .6s,transform .8s}.project:hover .crop img{filter:grayscale(0)}.project-meta{display:grid;grid-template-columns:8% 34% 1fr 20px;padding:16px 0;font-size:14.56px;align-items:center}.project-meta strong{font-size:21.28px;font-weight:400}.project-meta span:last-child{color:#8c810b}.split{padding:110px 3.2vw;display:grid;grid-template-columns:34% 1fr;gap:20px}.split .copy{max-width:460px;margin:55px 0 0 auto}.split .copy .line-link{margin-top:28px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#b6b5ad}.rows{margin-top:60px}.row{display:grid;grid-template-columns:9% 39% 1fr;gap:20px;padding:28px 0;border-top:1px solid #484844}.row .num{font-size:13.44px;color:var(--yellow)}.row p{font-size:15.68px;color:#b8b8af}.row h3{font-size:23.52px}footer{background:var(--yellow);padding:75px 3.2vw 35px}.footer-title{font-size:clamp(61.6px,7.84vw,123.2px);line-height:.95;letter-spacing:-.055em;display:inline-block;margin:40px 0 75px;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:12px}.footer-grid{border-top:1px solid #9e8f00;padding-top:25px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;font-size:14.56px;line-height:1.7}.footer-grid .eyebrow{font-size:11.2px;margin-bottom:18px}.footer-grid a{display:block}.footer-grid>div:last-child{text-align:right}dialog#menu{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:#272725ed;color:white;padding:0;backdrop-filter:blur(7px)}#menu::backdrop{background:transparent}#menu nav{min-height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}#menu nav a{font-size:clamp(35.84px,5.6vw,85.12px);letter-spacing:-.045em;line-height:1.25;text-align:center}#menu nav a:hover{color:var(--yellow)}#menu>small{display:block;text-align:center;letter-spacing:.12em}.close{position:absolute;right:3.2vw;top:18px;color:var(--yellow);font-size:53.76px;background:none;border:0;font-weight:400}.skip{position:fixed;top:-100px;z-index:100;background:var(--yellow);padding:15px}.skip:focus{top:10px}.grid-projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 24px;padding:0 3.2vw 120px}.grid-projects .project:nth-child(even){transform:translateY(90px)}.grid-projects .project-meta{grid-template-columns:8% 1fr auto;gap:10px}.grid-projects .project-meta small{font-size:13.44px}.grid-projects .crop img{filter:grayscale(1)}.office-photo{margin:0 3.2vw}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 22px}.person h3{font-size:25.76px;margin:12px 0}.person .eyebrow{font-size:11.2px;margin-top:22px;color:var(--muted)}.person p{font-size:15.68px;color:var(--muted)}.white{background:white}.history-date{font-size:clamp(33.6px,3.92vw,60.48px);color:var(--yellow);letter-spacing:-.05em}.two-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:55px 0 0 20%}.two-copy p{font-size:16.8px;color:#bebeb6}.service-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-grid details{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px}.service-grid summary{list-style:none;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;font-size:25.76px}.service-grid summary:before{content:'↘';font-size:19.04px;color:#8c810b}.service-grid details[open] summary:before{content:'↖'}.service-grid details[open] summary{padding-bottom:24px}.service-grid details p{font-size:16.8px;margin:20px 0}.service-grid .empty-cell{background:#c0c0be}.cta-band{background:var(--yellow);padding:65px 3.2vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band p{max-width:430px;font-size:28px}.cta-band a{font-size:clamp(28px,3.36vw,49.28px);border-bottom:1px solid}.inquiry{max-width:1240px;margin:auto;padding:80px 30px 100px}.inquiry h1{font-size:clamp(61.6px,7.84vw,123.2px);line-height:1.02}.inquiry .intro{max-width:540px;margin-top:35px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.category{display:flex;flex-direction:column;text-align:left;background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 20px;min-height:255px;transition:background .2s}.category:hover{background:var(--yellow)}.category .category-num{display:flex;justify-content:space-between;color:#918207;margin-bottom:85px;font-size:15.68px}.category h3{font-size:22.4px;margin-bottom:10px}.category p{font-size:15.68px;color:var(--muted)}.form-shell{max-width:850px;margin:auto;padding:60px 30px 110px}.back{border:0;background:none;padding:0;font-size:14.56px;color:var(--muted);margin-bottom:32px}.form-shell h1{font-size:clamp(42.56px,5.04vw,72.8px);line-height:1.06}.form-sub{margin:14px 0 42px;color:var(--muted);font-size:16.8px}.progress{display:flex;gap:8px;margin:20px 0 35px}.progress span{height:2px;flex:1;background:var(--line)}.progress span.active{background:#a28f00}fieldset{border:0;margin:0 0 30px;padding:0}legend{font-size:17.92px;margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip span{border:1px solid var(--line);padding:11px 17px;border-radius:30px;background:white;font-size:15.68px;cursor:pointer}.chip input:checked+span{background:var(--yellow);border-color:var(--yellow)}.chip input:focus-visible+span{outline:2px solid #837400;outline-offset:2px}.fields{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.field{display:block;margin-bottom:20px;font-size:15.68px}.field input,.field textarea{display:block;width:100%;padding:14px;margin-top:9px;border:1px solid var(--line);border-radius:0;background:white;color:var(--ink);font-size:17.92px}.field textarea{min-height:150px;resize:vertical}.yellow-button{display:inline-flex;gap:35px;align-items:center;background:var(--yellow);padding:14px 25px;border:0;border-radius:30px;font-size:16.8px}.form-actions{display:flex;gap:20px;align-items:center;margin-top:25px}.form-note{font-size:15.68px;color:var(--muted);margin:20px 0}.review{margin:25px 0}.review div{display:grid;grid-template-columns:35% 1fr;gap:20px;border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.review dt{font-size:15.68px;color:var(--muted)}.review dd{margin:0;white-space:pre-wrap;font-size:17.92px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid a{font-size:clamp(26.88px,3.36vw,50.4px);display:block;margin-bottom:15px;letter-spacing:-.03em}.legal{max-width:850px;margin:auto;padding:80px 25px 100px}.legal h1{font-size:67.2px;margin-bottom:40px}.legal h2{font-size:31.36px;margin:35px 0 18px}.detail-hero{padding:0 3.2vw}.detail-data{display:flex;gap:60px;flex-wrap:wrap;margin:35px 0}.detail-data dt{font-size:13.44px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.detail-data dd{margin:0;font-size:22.4px}.detail-nav{display:flex;justify-content:space-between;padding:60px 3.2vw;font-size:24.64px}.notice{font-size:14.56px;color:var(--muted);margin-top:25px}.contact-panel{padding:90px 3.2vw}.contact-panel h2{margin-bottom:50px}.form-error{color:#a02119;font-size:15.68px;margin-bottom:20px}@media(max-width:800px){header{height:80px;padding:0 22px}.brand span{font-size:19.04px}.brand small{font-size:7.84px}.start-link{display:none}.hero{min-height:calc(100svh - 80px);padding:35px 22px}.hero h1{font-size:clamp(69.44px,13.44vw,106.4px);margin:90px 0}.hero-bottom{align-items:start;flex-direction:column}.page-head{padding:65px 22px 45px}.page-head p{margin:35px 0 0}.project-list{padding:55px 22px}.section-heading,.split{grid-template-columns:1fr;gap:30px}.split{padding:70px 22px}.split .copy{margin-top:35px}.section-heading{margin-bottom:35px}.project-meta{grid-template-columns:10% 1fr auto;gap:8px}.project-meta strong{font-size:19.04px}.project-meta span:nth-child(3){font-size:12.32px}.project-meta span:last-child{display:none}.grid-projects{padding:0 22px 65px;gap:30px;grid-template-columns:1fr}.grid-projects .project:nth-child(even){transform:none}.grid-projects .project{margin-bottom:10px}.office-photo{margin:0 22px}.team-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}.person h3{font-size:23.52px}.two-copy{margin:25px 0 0;gap:25px}.row{grid-template-columns:8% 1fr;gap:12px}.row p{grid-column:2}.rows{margin-top:35px}.service-grid{margin-top:10px}.service-grid summary{min-height:120px;font-size:22.4px}.service-grid details{padding:18px}.cta-band{padding:40px 22px;align-items:start;flex-direction:column}.category-grid{grid-template-columns:repeat(2,1fr);margin-top:45px}.category{min-height:220px}.category .category-num{margin-bottom:50px}.inquiry{padding:55px 22px 70px}.inquiry h1{font-size:clamp(50.4px,8.96vw,72.8px)}footer{padding:55px 22px 30px}.footer-title{margin-bottom:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:last-child{text-align:left}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-panel{padding:55px 22px}.form-shell{padding:40px 22px 70px}.detail-nav{font-size:19.04px}.detail-data{gap:30px}#menu nav a{font-size:clamp(33.6px,6.72vw,53.76px)}#menu nav{padding:30px}.close{right:20px}.review div{grid-template-columns:1fr;gap:6px}}@media(max-width:440px){.team-grid{grid-template-columns:1fr}.person .crop{max-width:340px}.two-copy{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.empty-cell{display:none}.category{padding:18px 12px}.category h3{font-size:20.16px}.category p{font-size:14.56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category{min-width:0;overflow-wrap:anywhere}@media(max-width:800px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif}
/* Readability and brand refinement */
#menu-button{width:42px;gap:8px}#menu-button span{height:3px;width:32px;background:var(--yellow)}.eyebrow,.brand small,.start-link,.line-link{font-weight:500}.brand small{font-size:10px}.footer-grid .eyebrow,.person .eyebrow{font-size:12px}@media(max-width:800px){.brand small{font-size:9px}.brand span{font-size:20px}}

/* Architectural image beside the introductory title */
.hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3vw;margin:55px 0}.hero-stage h1{font-size:clamp(64px,7.3vw,132px);margin:0;line-height:1.02}.hero-photo{margin:0;overflow:hidden;background:var(--paper)}.hero-photo img{display:block;width:100%;height:auto;filter:saturate(.22) contrast(.91) brightness(1.035)}@media(max-width:800px){.hero-stage{grid-template-columns:1fr;gap:35px;margin:48px 0 35px}.hero-stage h1{font-size:clamp(62px,12vw,106px)}.hero-photo{width:100%}.hero{min-height:calc(100svh - 80px)}}

/* Full-height right image panel with a muted film surface. */
.hero{position:relative;isolation:isolate;overflow:hidden;padding-right:53.2%;min-height:calc(100svh - 96px)}
.hero-stage{display:block;margin:55px 0}
.hero-stage h1{position:relative;z-index:1;font-size:clamp(60px,6.5vw,118px)}
.hero-photo{position:absolute;inset:0 0 0 50%;width:50%;height:100%;overflow:hidden;background:#d8d6cf}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:42% center;filter:saturate(.16) contrast(.77) brightness(1.13)}
.hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.21;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888888' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hero-bottom{position:relative;z-index:1;flex-wrap:wrap;gap:25px}
@media(max-width:800px){.hero{padding:35px 22px;min-height:auto}.hero-stage{display:flex;flex-direction:column;gap:35px;margin:45px 0 30px}.hero-stage h1{align-self:flex-start;font-size:clamp(60px,12vw,106px)}.hero-photo{position:relative;inset:auto;width:calc(100% + 44px);height:65svh;min-height:380px}.hero-photo img{object-position:42% center}.hero-bottom{padding-bottom:12px}}

/* Reveal the left facade and soften the photographic tone. */
.hero-photo img{object-position:0% center;filter:saturate(.32) contrast(.64) brightness(1.18)}
.hero-photo:after{opacity:.24}

/* Project caption beneath the homepage image. */
.hero-photo{display:flex;flex-direction:column}.hero-photo img{flex:1;min-height:0;height:calc(100% - 52px);object-fit:cover}.hero-photo figcaption{flex:0 0 52px;display:flex;align-items:center;padding:0 24px;background:var(--paper);font-size:16px;font-weight:400;position:relative;z-index:1}.hero-photo:after{bottom:52px}

/* Natural original project photography with restrained color. */
.crop img[src="assets/bsk-technikum-original.jpg"],.project:hover .crop img[src="assets/bsk-technikum-original.jpg"]{filter:saturate(.65) contrast(.95) brightness(1.06)}

/* Projects: image on the left, project information on the right. */
.grid-projects{display:block}
.project-list .project,.grid-projects .project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch;margin-bottom:64px}
.grid-projects .project:nth-child(even){transform:none}
.project-list .project-meta,.grid-projects .project-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px clamp(28px,5vw,80px);gap:22px}
.project-list .project-meta small,.grid-projects .project-meta small{font-size:13px;color:var(--muted)}
.project-list .project-meta strong,.grid-projects .project-meta strong{font-size:clamp(28px,3vw,46px);line-height:1.15;letter-spacing:-.035em}
.project-list .project-meta span,.grid-projects .project-meta span{font-size:17px}
.project-list .project-meta span:last-child,.grid-projects .project-meta span:last-child{display:block;margin-top:12px;font-size:26px}
@media(max-width:800px){.project-list .project,.grid-projects .project{grid-template-columns:1fr;margin-bottom:45px}.project-list .project-meta,.grid-projects .project-meta{padding:25px 0;gap:14px}.project-list .project-meta strong,.grid-projects .project-meta strong{font-size:30px}}

/* Preserve supplied illustration colors. */
.hero-photo img{filter:none}.hero-photo:after{display:none}

.wald-gallery{min-width:0}.wald-image{position:relative;height:clamp(260px,36vw,560px);background:#eeede8}.wald-image img{width:100%;height:100%;object-fit:contain;display:block}
.wald-image button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ccc;background:#f5f4f0ee;font-size:24px}.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-info{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding:16px 0 8px;font-size:15px;line-height:1.5;background:var(--paper)}.gallery-info strong{font-weight:500}.gallery-position{font-size:13px;padding:0 0 14px;color:var(--muted)}
.wald-project .project-meta h3{font-size:clamp(28px,3vw,46px);letter-spacing:-.035em}.wald-project .project-meta p{font-size:17px;line-height:1.7}.wald-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5vw;padding:0 3.2vw 70px}.wald-description h2{font-size:clamp(32px,3.5vw,52px);margin-bottom:30px}.wald-description p{font-size:18px}.wald-description .detail-data{gap:25px 40px}
@media(max-width:800px){.wald-detail{grid-template-columns:1fr;padding:0 22px 50px;gap:32px}.wald-image{height:min(55svh,430px)}.gallery-info{font-size:14px}.wald-project .project-meta p{font-size:16px}}

.wald-project .project-meta p strong{font-size:inherit;letter-spacing:normal}

.page-head h1{overflow-wrap:anywhere}.wald-description{min-width:0}.wald-description .detail-data dd{overflow-wrap:anywhere}


.team-portrait{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;margin-bottom:24px}.team-email{display:inline-block;font-size:16px;margin:12px 0 18px;text-decoration:underline;text-underline-offset:4px}

.team-portrait[src*="team-ad.png"]{filter:grayscale(1)}

.history-founder{min-width:0}.founder-portrait{margin:36px 0 0;max-width:320px}.founder-portrait img{display:block;width:100%;height:auto;filter:grayscale(1)}.founder-portrait figcaption{font-size:16px;line-height:1.6;margin-top:20px;color:var(--paper)}.founder-portrait figcaption strong{display:block;font-size:24px;font-weight:500}.founder-portrait figcaption span{display:block;margin-top:8px}

.founder-photo{position:relative;overflow:hidden;aspect-ratio:1084/1445}.founder-photo img{position:absolute;width:125.1%;max-width:none;height:auto;left:-12.55%;top:-13.15%}

.founder-portrait figcaption{color:#bebeb6}

.office-real{display:block;width:100%;aspect-ratio:25/9;object-fit:cover;object-position:50% 60%;filter:saturate(.55) contrast(.95)}@media(max-width:800px){.office-real{aspect-ratio:4/3;object-position:50% 55%}}

.current-projects-note{max-width:640px;margin:0 0 48px auto}

.footer-grid .instagram-link{display:inline-flex;align-items:center;gap:9px}.instagram-link svg{flex:none}

/* Uniform, edge-to-edge cover images in the project overview. */
.grid-projects .wald-image{background:transparent;overflow:hidden}.grid-projects .wald-image img{object-fit:cover;object-position:center}

/* Shared minimalist directional indicators. */
.nav-triangle{display:inline-block;width:10px;height:12px;flex:none;background:#efd900;clip-path:polygon(0 0,100% 50%,0 100%);vertical-align:middle;font-style:normal}.nav-triangle.left{transform:rotate(180deg)}.nav-triangle.down{transform:rotate(90deg)}.nav-triangle.up{transform:rotate(-90deg)}.wald-image button{display:flex;align-items:center;justify-content:center}

.additional-services .row{border-color:#d5d5ce}.additional-services .row p{color:var(--muted)}.services-cta{justify-content:flex-end}.services-cta>div{width:calc(75% - 20px)}.services-cta .eyebrow{display:block;margin-bottom:20px}.services-cta a{display:inline-block;border:0}.contact-only>.eyebrow,.contact-only>.footer-title{display:none}@media(max-width:800px){.services-cta>div{width:100%}}

.ramon-portrait-frame{aspect-ratio:3/4;overflow:hidden;margin-bottom:24px}.ramon-portrait-frame .team-portrait{margin:0;transform:scale(1.3);transform-origin:58% 20%}

.cms-prev{left:12px}.cms-next{right:12px}.cms-portrait-frame{aspect-ratio:3/4;overflow:hidden;margin-bottom:24px}.cms-portrait-frame .team-portrait{margin:0}#cms-preview-banner{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:1000;padding:12px 20px;background:#efd900;color:#181816;font-size:14px;box-shadow:0 2px 12px #0003;text-align:center;max-width:95vw}
