@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#f5f0ec;--art-dark:#392331;--art-peach:#f7bb9f}
body{background:var(--paper)}h1,h2,.card h3,.art-caption p,.question-area #question{font-family:'Cormorant Garamond',Georgia,serif}h1,h2{letter-spacing:-.055em}header{max-width:none;position:relative;background:var(--paper);height:100px;padding:0 6%;border-bottom:1px solid #d9cdd3}header .logo{width:185px}.nav-cta{border-color:var(--plum);border-radius:0;padding:10px 21px}nav a{font-size:14px;position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--plum);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}
.hero{max-width:none;background:var(--art-dark);color:var(--paper);padding:55px 6% 70px;grid-template-columns:1.1fr 1fr;gap:0;position:relative;isolation:isolate;min-height:740px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:30px 0 0}.hero .eyebrow{color:#e7c4d7;letter-spacing:.18em}.hero h1{font-size:clamp(86px,9.7vw,156px);line-height:.86;font-weight:400;margin:42px -100px 33px 0;position:relative;text-shadow:0 2px 22px #39233155}.hero h1 em{color:var(--peach)}.hero .intro{font-size:16px;color:#ddcdd6;max-width:400px}.hero-art{border-radius:0;min-height:600px;margin:0 0 0 -10px;transform:rotate(-3deg);box-shadow:18px 22px 0 #986c8833;overflow:visible;align-self:stretch}.hero-art>img{object-fit:cover;overflow:hidden}.hero .dark{background:var(--peach);color:var(--art-dark);border-radius:0;margin-top:25px;padding:15px 26px}.hero-note{color:#b99eae}.hero-note .small-line{background:#b99eae}.art-caption{left:27px;right:27px;bottom:25px;background:#392331c9;color:#fff0f2;border:1px solid #d3b6c255;border-radius:0;backdrop-filter:blur(8px);padding:19px 24px}.art-caption p{font-size:29px;line-height:1.05}.art-caption span{color:var(--peach)}
.topic-strip{background:var(--peach);border:0;justify-content:space-between;gap:25px;padding:27px 6%;font-family:'Cormorant Garamond',Georgia,serif;font-size:26px}.topic-strip small{font-family:'DM Sans',sans-serif;font-size:11px;margin-right:13px;vertical-align:middle}.topic-strip .star{color:var(--art-dark);font-size:24px;align-self:center}.section{max-width:1600px;padding:100px 6%}.section-heading{align-items:start}.section-heading h2{font-size:64px;line-height:1.0;max-width:690px;margin-top:16px}.section-heading>p{padding-top:45px}.filters{margin-top:35px;margin-bottom:48px;gap:26px;border-bottom:1px solid #ccb9c4;padding-bottom:17px}.filters button{padding:0 0 8px;border:0;border-radius:0;font-size:15px;color:#7a6573}.filters button.active{background:none;color:var(--plum);border-bottom:2px solid var(--plum)}.cards{gap:42px 30px;align-items:start}.card-art{height:310px;border-radius:0;position:relative}.card-art>img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.card:hover .card-art>img{transform:scale(1.04)}.card-art .art-word{position:absolute;font-family:'Cormorant Garamond',serif;bottom:27px;left:22px;z-index:1;color:#fff3ec;text-shadow:0 2px 22px #30243299;font-size:63px;font-weight:400}.card-art .art-label{display:none}.card:nth-child(2){padding-top:38px}.card:nth-child(3){padding-top:76px}.card h3{font-size:34px;line-height:1.03;margin:14px 0}.card-copy{padding-top:20px}.text-button{font-size:13px}.compact .card-copy{padding-top:24px}.compact h3{font-size:32px}.meta{letter-spacing:.1em}.reflection{background:#e7b09c;color:var(--art-dark);padding:75px 6%;grid-template-columns:1fr 1.2fr;position:relative}.reflection .eyebrow{color:#683d52}.reflection h2{font-size:68px;line-height:.98}.reflection h2 em{color:#743d67}.reflection>div>p:not(.eyebrow){color:#694659}.question-area{padding:35px 0 35px 70px;border-left-color:#986979}.question-area #question{font-size:53px;line-height:1.03;min-height:170px;color:var(--art-dark)}.question-index{color:#744558}.question-area button{border-bottom:1px solid #744558;padding-bottom:8px}.about{gap:13%;align-items:center}.about h2{font-size:65px;line-height:1.0}.about-intro{font-size:16px}.principles h3{font-family:'Cormorant Garamond',serif;font-size:29px;line-height:1.1}.principles>div{margin-bottom:33px;padding-bottom:28px}.closing{background:var(--art-dark);padding:85px 6%;position:relative;overflow:hidden}.closing h2{font-size:95px;line-height:.95;color:var(--paper);margin-top:25px}.closing .button{border-radius:0;padding:15px 28px}.closing .eyebrow{font-size:11px}.footer-main img{width:165px}.dialog-content h2{font-size:48px}.dialog-top{background:var(--rose)}dialog{border-radius:0}.dialog-top button{border-radius:0}.card-art{background:var(--plum)}
@media(min-width:1700px){.hero{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2));min-height:820px}.hero h1{font-size:160px}.hero-art{min-height:660px}.topic-strip{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2));}}
@media(max-width:1000px){.hero{min-height:650px;padding-top:40px}.hero h1{font-size:99px;margin-right:-75px}.hero-art{min-height:570px}.hero-copy{padding-top:15px}.section-heading h2{font-size:51px}.card-art{height:250px}.card h3{font-size:29px}.reflection h2{font-size:52px}.question-area{padding-left:35px}.question-area #question{font-size:43px}.about h2{font-size:53px}.topic-strip{font-size:21px;gap:15px}.topic-strip small{margin-right:7px}.section{padding-top:75px;padding-bottom:75px}.closing h2{font-size:80px}}
@media(max-width:700px){header{height:auto;min-height:110px;padding:23px 6% 20px}.hero{grid-template-columns:1fr;min-height:0;padding:35px 6% 45px;overflow:hidden}.hero-copy{padding:0}.hero h1{font-size:clamp(76px,17.7vw,118px);margin:28px 0 24px;line-height:.92}.hero .eyebrow{font-size:10px}.hero .intro{font-size:16px}.hero-art{min-height:450px;margin:35px 5px 10px;transform:rotate(-2deg);box-shadow:10px 12px 0 #986c8833}.art-caption{left:18px;right:18px;bottom:18px;padding:18px}.art-caption p{font-size:28px}.topic-strip{padding:22px 6%;display:flex;gap:13px;justify-content:start;font-size:20px}.topic-strip>span:not(.star){width:100%;display:flex;align-items:center;gap:12px}.topic-strip small{font-size:11px;margin-right:0}.topic-strip .star{display:none}.section{padding:55px 6%}.section-heading h2{font-size:46px}.section-heading>p{padding-top:0}.filters{gap:17px;margin-top:27px;margin-bottom:30px}.filters button{font-size:13px}.cards{gap:35px;grid-template-columns:1fr}.card:nth-child(2),.card:nth-child(3){padding-top:0}.card-art{height:340px}.card h3{font-size:36px}.card-art .art-word{font-size:70px}.reflection{padding:48px 6%;grid-template-columns:1fr;gap:22px}.reflection h2{font-size:54px}.question-area{padding:25px 0 0;border-left:0;border-top:1px solid #986979}.question-area #question{font-size:43px;min-height:145px;margin:20px 0 25px}.about{grid-template-columns:1fr;gap:35px}.about h2{font-size:55px}.closing{padding:60px 6%}.closing h2{font-size:65px}.dialog-content h2{font-size:39px}.dialog-content{padding:27px}.footer-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card-art>img{transition:none}}
.language-control{flex-shrink:0}.language-control select{font:inherit;font-size:14px;background:transparent;color:var(--plum);border:1px solid #bca4b4;padding:10px 27px 10px 12px;max-width:145px;cursor:pointer;border-radius:0}.language-control select:focus-visible{outline:3px solid var(--plum);outline-offset:3px}header{gap:22px}html:lang(en) .hero h1,html:lang(de) .hero h1{font-size:clamp(76px,8.2vw,132px);line-height:.99}html:lang(fr) .hero h1,html:lang(es) .hero h1{line-height:.99}.hero h1{overflow-wrap:normal}.filters{column-gap:22px}.filters button{max-width:100%;white-space:normal}html:lang(de) .art-word,html:lang(fr) .art-word{font-size:clamp(35px,4vw,58px)}
@media(max-width:1300px){.nav-cta{display:none}nav{gap:23px}}
@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;gap:18px 12px}header>a:first-child{min-width:0}header .logo{width:min(173px,100%)}header nav{grid-column:1 / -1;grid-row:2;gap:18px;flex-wrap:wrap;width:100%}.language-control{grid-column:2;grid-row:1}.language-control select{font-size:13px;max-width:130px;padding:9px 18px 9px 9px}html:lang(en) .hero h1,html:lang(de) .hero h1{font-size:clamp(57px,14.1vw,92px);line-height:1.04}.hero h1{font-size:clamp(62px,15.6vw,106px);line-height:1.05}.hero .eyebrow{letter-spacing:.1em}.hero-art{min-height:420px}.section-heading h2{overflow-wrap:break-word}.card-art .art-word{font-size:58px}html:lang(de) .art-word,html:lang(fr) .art-word{font-size:52px}.closing h2{font-size:clamp(43px,12vw,65px)}.reflection h2{font-size:clamp(42px,12vw,54px)}.about h2{font-size:clamp(42px,12vw,55px)}}
