:root{color-scheme:light;--paper:#f7f7f4;--ink:#1e2327;--muted:#5c666d;--blue:#0097d4;--line:#d9dddc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.site{min-height:100svh;display:flex;flex-direction:column;max-width:1600px;margin:auto;padding:0 clamp(22px,5vw,84px)}
header{height:112px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.wordmark{font-size:clamp(26px,2.4vw,34px);font-weight:800;letter-spacing:-.09em;text-decoration:none;line-height:1}.wordmark span{color:var(--blue)}
.top-note,.eyebrow,.section-label,.folio,.footer-right{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.top-note{text-align:right;color:var(--muted)}
main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vh,72px) 0}
.eyebrow{display:flex;align-items:center;gap:11px;color:var(--muted);margin:0 0 clamp(20px,3vh,38px)}.eyebrow::before{content:"";width:28px;height:3px;background:var(--blue)}
h1{font-size:clamp(54px,7.5vw,120px);line-height:.93;letter-spacing:-.082em;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--blue)}
.deck{font-size:clamp(19px,2.1vw,31px);line-height:1.25;letter-spacing:-.035em;margin:clamp(18px,3vh,32px) 0 0;max-width:760px}
footer{border-top:1px solid var(--line);min-height:86px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer strong{color:var(--ink)}.footer-right{font-size:11px;letter-spacing:.1em}.legal-links{display:flex;gap:18px;margin-left:auto}.legal-links a{text-decoration:none}.legal-links a:hover{color:var(--blue)}
.projects{margin-top:clamp(28px,5vh,62px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.projects--software{grid-template-columns:repeat(4,minmax(0,1fr))}.projects--software .navigator{grid-column:span 2}
.project{min-height:clamp(70px,10vh,100px);padding:16px clamp(15px,2vw,30px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:8px}.project b{font-size:clamp(22px,2.5vw,38px);line-height:1;letter-spacing:-.065em}.project span{color:var(--muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.project.featured{background:var(--ink);color:var(--paper)}.project.featured span{color:#b8c4c8}.project b::after{content:".";color:var(--blue)}
.note-line{margin-top:clamp(18px,3vh,32px);display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.note-line::before{content:"";width:23px;height:2px;background:var(--blue)}
.woid-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:center;gap:clamp(40px,8vw,140px)}
.woid h1{font-size:clamp(62px,9vw,145px)}.woid .deck{font-size:clamp(21px,2.6vw,38px);max-width:640px}.woid-copy{margin:clamp(28px,5vh,55px) 0 0;font-family:Georgia,serif;font-size:clamp(19px,2.15vw,30px);line-height:1.45;max-width:570px}.woid-art{height:clamp(280px,49vh,550px);border-left:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center}.woid-art::before,.woid-art::after{content:"";position:absolute;left:16%;width:68%;height:1px;background:var(--line)}.woid-art::before{top:14%}.woid-art::after{bottom:14%}.woid-motif{display:block;width:min(100%,clamp(250px,32vw,470px));height:auto;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.woid-art .folio{position:absolute;right:2%;top:10%;color:var(--blue);writing-mode:vertical-rl}.woid-art .caption{position:absolute;bottom:7%;left:16%;color:var(--muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.donauwald{--paper:#1e2327;--ink:#f7f7f4;--muted:#abb4b8;--line:#454d51;background:var(--paper);color:var(--ink)}.donauwald .site{position:relative}.donauwald h1{font-size:clamp(52px,7.8vw,122px);max-width:1020px}.donauwald .deck{max-width:710px}.donauwald .top-note{color:var(--muted)}.donauwald footer strong{color:var(--ink)}
.donauwald main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,68px);align-items:center}.donauwald .donauwald-copy{min-width:0}.donauwald h1{font-size:clamp(52px,5.25vw,86px);max-width:none}.donauwald .eyebrow{color:var(--muted)}.donauwald .deck{max-width:710px;line-height:1.35}.donauwald .closing{margin-top:clamp(25px,5vh,60px);border-top:1px solid var(--line);padding-top:18px;max-width:710px;color:var(--blue);font-size:clamp(16px,1.8vw,24px);font-weight:700;letter-spacing:-.03em}.donauwald .future-note{margin:clamp(18px,3vh,30px) 0 0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.donauwald .ship-plate{margin:0;min-width:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(18px,3vh,34px) 0 12px}.donauwald .ship-plate img{display:block;width:100%;height:auto;mix-blend-mode:screen}.donauwald .ship-plate figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.16em}.donauwald .ship-plate figcaption span{color:var(--blue)}
@media(max-height:750px) and (min-width:851px){main{padding:22px 0}.eyebrow{margin-bottom:18px}.projects{margin-top:24px}.project{min-height:62px}.woid-art{height:300px}.woid-copy{margin-top:22px}}
@media(max-width:850px){header{height:82px}main{padding:48px 0}.woid-layout{grid-template-columns:1fr;gap:36px}.woid-art{height:180px;border-left:0;border-top:1px solid var(--line)}.woid-motif{width:220px}.woid-art::before,.woid-art::after{display:none}.woid-art .caption{bottom:0}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.projects--software{grid-template-columns:repeat(2,minmax(0,1fr))}.projects--software .navigator{grid-column:span 1}.donauwald main{grid-template-columns:1fr}.donauwald .ship-plate{max-width:680px}}
@media(max-width:590px){.top-note{font-size:10px;max-width:150px;line-height:1.5}h1{font-size:clamp(52px,13vw,78px)}.woid h1{font-size:clamp(56px,14vw,82px)}.donauwald h1{font-size:clamp(49px,11.5vw,70px)}.projects{margin-top:30px}.project{min-height:72px;padding:13px}.project b{font-size:clamp(22px,6vw,31px)}.project span{font-size:9px}.woid-art{height:150px}.woid-motif{width:180px}.donauwald .ship-plate{padding-top:14px}.donauwald .ship-plate figcaption{font-size:9px;flex-wrap:wrap}footer{min-height:74px;flex-wrap:wrap;padding:17px 0;gap:6px}.legal-links{order:3;width:100%;margin-left:0}.footer-right{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}