:root{--ink:#1f3150;--paper:#f3f4f1;--white:#fbfcfa;--red:#345684;--muted:#5c6875;--sage:#c7ccc4;--stone:#c8c2b8;--mist:#6c7d90;--gold:#b99349;--line:rgba(31,49,80,.2)}body{background-color:var(--paper);background-image:url("paper.svg");background-repeat:repeat;color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 10%,rgba(78,121,143,.08),transparent 35%),radial-gradient(ellipse at 5% 85%,rgba(67,113,130,.06),transparent 30%)}.site-header{height:76px;background:rgba(243,244,241,.9);backdrop-filter:blur(12px)}.monogram{width:42px;height:42px;font-size:14px;border-color:var(--gold)}.identity-name{font-size:12px}.main-nav{gap:27px}.main-nav a{font:500 11px var(--serif);letter-spacing:.07em;padding:29px 0}.main-nav a:after{background:var(--gold);bottom:19px}.lang,.menu{border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--ink);font:500 11px var(--serif);padding:7px 10px}.home-hero{min-height:calc(100vh - 76px);grid-template-columns:1fr .86fr;padding:4.5vw 8vw;gap:7vw}.hero-copy h1{font-size:clamp(58px,7.5vw,112px);margin:25px 0 20px}.hero-copy h1 small{font-size:clamp(16px,1.7vw,25px);margin-top:22px}.overline,.page-number{font:600 11px var(--serif);letter-spacing:.13em}.hero-quote{font-size:clamp(16px,1.35vw,20px);line-height:1.85;margin-top:36px;max-width:510px;border-color:var(--gold)}.hero-quote small{font-size:11px;line-height:1.7}.home-hero .hero-image img{content:url("ink-art.svg");height:min(72vh,700px);filter:none}.hero-image:before{border-color:var(--gold);inset:-12px 12px 12px -12px}.page{padding:68px 8vw 100px}.page-head{padding-bottom:30px;margin-bottom:55px}.page-head h1{font-size:clamp(44px,6vw,82px);margin-top:12px}.page-head p{max-width:430px;font-size:14px;line-height:1.9}.about-layout{gap:8vw}.about-photo img{max-height:680px}.about-text h2{font-size:clamp(30px,3.5vw,50px);margin-bottom:35px}.about-body{font-size:15px;line-height:2.15}.signature{font-size:13px;margin-top:40px;color:var(--gold)}.news-list{gap:40px 22px}.news-card h2,.work-card h2{font-size:20px}.news-card p,.work-card p{font-size:14px}.news-image{background:linear-gradient(145deg,var(--sage),#e8e9e3)}.meta{font-size:10px}.calendar-tabs button{font-size:14px}.event{grid-template-columns:145px 1.4fr 1fr 30px;padding:27px 0}.event time{font-size:15px}.event h2{font-size:21px}.event p{font-size:13px}.works-grid{gap:55px 26px}.work-card:nth-child(even){margin-top:70px}.work-image{background:linear-gradient(145deg,#344f73,var(--mist))}.project{grid-template-columns:80px 1.4fr .7fr 1.2fr;padding:28px 0}.project h2{font-size:21px}.project p{font-size:14px}.contact-page{min-height:calc(100vh - 76px);padding:7vw 8vw}.contact-page h1{font-size:clamp(45px,6vw,82px);margin:20px 0 42px}.contact-page .email{font-size:clamp(18px,2.3vw,30px);border-color:var(--gold)}.contact-side p{font-size:14px}.site-footer{min-height:120px;padding:30px 5vw;background:rgba(232,235,231,.45)}.footer-mark{font-size:20px}.socials a{width:34px;height:34px}.socials a:hover{background:var(--red);color:var(--white)}@media(max-width:950px){.site-header{height:70px}.main-nav{top:70px;background:rgba(243,244,241,.98)}.main-nav a{font-size:14px}.home-hero{padding:55px 7vw}.hero-image{width:70%}.page{padding:55px 7vw 80px}.page-head p{font-size:14px}.about-body{font-size:15px}}@media(max-width:560px){.hero-copy h1{font-size:17vw}.home-hero .hero-image img{height:48vh}.page-head h1{font-size:13vw}.event{grid-template-columns:75px 1fr 18px}.project{grid-template-columns:48px 1fr}}
/* Continuous landscape atmosphere across every public page */
body{background-image:url("paper.svg");background-repeat:repeat;background-attachment:fixed;isolation:isolate}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,rgba(247,248,245,.68) 0%,rgba(247,248,245,.34) 48%,rgba(247,248,245,.18) 100%),url("ink-wash-bg-v3.svg");background-position:center;background-size:cover;background-repeat:no-repeat}body:before{z-index:-1;background:linear-gradient(180deg,rgba(248,249,246,.24),transparent 35%,rgba(16,54,84,.07))}.page,.home-hero,.contact-page{position:relative}.page:before,.contact-page:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 24% 22%,rgba(248,249,246,.78),rgba(248,249,246,.38) 47%,transparent 72%);pointer-events:none}.news-card,.work-card,.project,.event,.about-text,.contact-side{position:relative}.news-card:after,.work-card:after{content:"";position:absolute;inset:-14px;z-index:-1;background:rgba(247,248,245,.34);backdrop-filter:blur(2px)}.site-footer{background:rgba(225,232,230,.7);backdrop-filter:blur(10px)}
@media(max-width:950px){body:after{background-image:linear-gradient(rgba(247,248,245,.66),rgba(247,248,245,.48)),url("ink-wash-bg-v3.svg");background-position:62% center}.page:before{background:rgba(247,248,245,.28)}}
/* Borderless editorial image placement */
.home-hero{grid-template-columns:.9fr 1.1fr;padding-right:0;overflow:hidden}.home-hero .hero-image{align-self:stretch;margin:calc(-4.5vw) 0 calc(-4.5vw) 0;position:relative;overflow:hidden}.home-hero .hero-image:before{display:none}.home-hero .hero-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(243,244,241,.78) 8%,rgba(243,244,241,.22) 24%,transparent 43%)}.home-hero .hero-image img{width:100%;height:100%;min-height:calc(100vh - 76px);object-fit:cover}.home-hero .hero-image figcaption{position:absolute;right:2.5vw;bottom:2vw;z-index:2;color:white;text-shadow:0 1px 8px rgba(10,27,50,.7)}
.about-layout{grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:stretch}.about-text{grid-column:1;grid-row:1;z-index:2;padding:3vw 0}.about-photo{grid-column:2;grid-row:1;position:relative;top:auto;margin:-55px -8vw -100px -14vw;min-height:calc(100vh - 76px);overflow:hidden}.about-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(243,244,241,.16),transparent 16%,transparent 82%,rgba(213,223,228,.16))}.about-photo img{width:100%;height:100%;max-height:none;min-height:calc(100vh - 76px);aspect-ratio:auto;object-fit:cover;object-position:center top;filter:grayscale(.08);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 9%,rgba(0,0,0,.22) 22%,rgba(0,0,0,.58) 38%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 9%,rgba(0,0,0,.22) 22%,rgba(0,0,0,.58) 38%,#000 58%)}.about-photo .caption{position:absolute;right:2vw;bottom:2vw;z-index:2;color:white;text-shadow:0 1px 8px rgba(10,27,50,.75)}
@media(max-width:950px){.home-hero{padding-right:0}.home-hero .hero-image{width:100%;margin:10px 0 -55px 0}.home-hero .hero-image:after{background:linear-gradient(180deg,var(--paper),transparent 30%)}.home-hero .hero-image img{min-height:52vh;height:52vh}.about-layout{grid-template-columns:1fr}.about-text{grid-column:1;grid-row:1}.about-photo{grid-column:1;grid-row:2;margin:10px -7vw -80px;min-height:58vh}.about-photo:after{background:linear-gradient(180deg,rgba(243,244,241,.15),transparent 32%)}.about-photo img{min-height:58vh;height:58vh;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.72) 28%,#000 48%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.72) 28%,#000 48%)}}
/* Home fits exactly within one viewport */
body[data-page="home"]{height:100dvh;overflow:hidden}body[data-page="home"] .site-footer{display:none}body[data-page="home"] .home-hero{height:calc(100dvh - 76px);min-height:0;padding-top:3vh;padding-bottom:3vh}body[data-page="home"] .hero-image{height:calc(100dvh - 76px);min-height:0;margin:-3vh 0;align-self:center}body[data-page="home"] .hero-image img{height:100%;min-height:0}body[data-page="home"] .hero-copy{max-height:calc(100dvh - 100px)}
@media(max-width:950px){body[data-page="home"] .home-hero{height:calc(100dvh - 70px);min-height:0;padding-top:3vh;padding-bottom:3vh;grid-template-rows:auto 1fr;gap:2vh}body[data-page="home"] .hero-copy h1{margin:12px 0 8px}body[data-page="home"] .hero-copy h1 small{margin-top:9px}body[data-page="home"] .hero-quote{margin-top:14px}body[data-page="home"] .hero-image{height:auto;min-height:0;margin:0;width:100%}body[data-page="home"] .hero-image img{height:100%;min-height:0}}
@media(max-width:560px){body[data-page="home"] .overline{font-size:9px}body[data-page="home"] .hero-copy h1{font-size:14vw}body[data-page="home"] .hero-quote{font-size:13px;line-height:1.55}body[data-page="home"] .hero-quote small{font-size:9px}body[data-page="home"] .hero-image{max-height:42vh}}
/* Uploaded hero image takes precedence; ink landscape remains the background */
.home-hero .hero-image img{content:normal}
.page-visual{width:100%;height:clamp(190px,28vw,390px);margin:0 0 55px;overflow:hidden;background:#dfe5e6}.page-visual img{width:100%;height:100%;display:block;object-fit:cover}.contact-visual{height:min(46vh,500px);margin:0 0 30px;overflow:hidden}.contact-visual img{width:100%;height:100%;display:block;object-fit:cover}.contact-side{align-self:stretch}.contact-side .location{margin-top:24px}@media(max-width:950px){.page-visual{margin-bottom:38px}.contact-visual{height:36vh}}

/* Larger navigation and a compact information bar within the home viewport */
.identity-name{font-size:14px}.identity-name small{font-size:10px}.main-nav{gap:32px}.main-nav a{font-size:13px;letter-spacing:.075em}.lang{font-size:13px;padding:9px 13px}
body[data-page="home"]{display:grid;grid-template-rows:76px minmax(0,1fr) 68px;height:100dvh;overflow:hidden}body[data-page="home"] #app{min-height:0;overflow:hidden}body[data-page="home"] .home-hero{height:100%;min-height:0;padding-top:2.5vh;padding-bottom:2.5vh;position:relative}body[data-page="home"] .hero-image{height:calc(100% + 5vh);min-height:0;margin:-2.5vh 0}body[data-page="home"] .site-footer{display:grid;height:68px;min-height:68px;padding:8px 5vw;background:rgba(235,239,237,.94);backdrop-filter:blur(14px);position:relative;z-index:5}body[data-page="home"] .copyright{font-size:10px}body[data-page="home"] .socials a{width:34px;height:34px;background:rgba(255,255,255,.55)}
body[data-page="home"] .home-hero:after{display:none}body[data-page="home"] .hero-copy{position:relative;z-index:1}body[data-page="home"] .hero-image:after{display:none}body[data-page="home"] .hero-image img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.38) 24%,rgba(0,0,0,.78) 39%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.38) 24%,rgba(0,0,0,.78) 39%,#000 55%)}

/* About opens directly on the portrait, with editorial copy over the image */
.about-page{height:calc(100dvh - 76px);min-height:650px;position:relative;overflow:hidden}.about-page .about-photo{position:absolute;inset:0;margin:0;min-height:0}.about-page .about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,247,245,.96) 0%,rgba(241,245,244,.87) 29%,rgba(229,236,236,.5) 48%,rgba(229,236,236,.08) 66%,transparent 78%)}.about-page .about-photo img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 28%;filter:none;-webkit-mask-image:none;mask-image:none}.about-page .about-text{position:relative;z-index:2;width:min(680px,48vw);padding:9vh 0 5vh 8vw}.about-page .about-text h1{font-size:clamp(40px,4.2vw,66px);font-weight:400;line-height:1.35;margin:18px 0 30px}.about-page .about-body{font-size:16px;line-height:2.1}.about-page .signature{margin-top:28px}
@media(max-width:950px){.main-nav a{font-size:15px}.about-page{height:auto;min-height:calc(100dvh - 70px);padding-top:48vh}.about-page .about-photo{height:58vh}.about-page .about-photo:after{background:linear-gradient(180deg,transparent 38%,rgba(243,246,244,.75) 72%,var(--paper) 100%)}.about-page .about-text{width:auto;padding:0 7vw 70px}.about-page .about-text h1{font-size:clamp(34px,8vw,52px)}body[data-page="home"]{grid-template-rows:70px minmax(0,1fr) 62px}body[data-page="home"] .site-footer{height:62px;min-height:62px}}
.work-image iframe{width:100%;height:100%;border:0;display:block;background:#0c1624}.work-card .meta a{font-size:16px}.work-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:950px){body[data-page="home"] .hero-image img{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 15%,rgba(0,0,0,.8) 34%,#000 48%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 15%,rgba(0,0,0,.8) 34%,#000 48%)}}
.socials svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.socials svg .icon-fill{fill:currentColor;stroke:none}.socials a:hover svg{color:var(--white)}