@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--blue:#204394;--navy:#152c64;--pale:#e5eaf3;--paper:#f5f4ef;--ink:#1c2b46;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffb74d;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:10px;background:white;z-index:20}header{display:flex;align-items:center;justify-content:space-between;padding:30px 35px;gap:35px}header img{width:165px;height:auto;display:block}nav{display:flex;gap:8px;font-size:13px}nav a{background:#eae9e4;padding:13px 22px;border-radius:40px;transition:background .3s}nav a:hover{background:#dce2ee}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 25px;border-radius:50px;border:0;font-size:13px;font-weight:500;transition:transform .4s var(--ease),background .3s}.pill:hover{transform:translateY(-3px)}.pill span{transition:transform .4s var(--ease)}.pill:hover span{transform:translate(3px,-3px)}.dark{background:var(--ink);color:white}.light{background:var(--paper);color:var(--ink)}.label{font-size:10px;letter-spacing:1.6px;font-weight:500;margin:0 0 30px}h1,h2,h3{font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:0}h1{font-size:clamp(65px,7.3vw,113px)}h2{font-size:clamp(45px,5.4vw,82px)}h3{font-size:38px}h2 span,h1 span{color:#8faade}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:18px;margin:0 20px}.hero-type{background:var(--navy);color:#fff;border-radius:80px 90px 170px 80px;padding:58px 60px 40px;transform:rotate(-1deg);position:relative;z-index:1}.hero-type>*{transform:rotate(1deg)}.hero-photo{border-radius:140px 70px 75px 85px;overflow:hidden;position:relative;min-height:720px;transform:rotate(1deg);isolation:isolate}.hero-photo>img{position:absolute;width:110%;height:110%;top:-5%;left:-5%;object-fit:cover;transform:translateY(var(--offset,0px)) scale(1.02)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#142744bb)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:38px;max-width:430px}.hero-bottom p{font-size:17px;line-height:1.4}.round{border-radius:50%;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff80;font-size:26px;transition:transform .4s var(--ease)}.round:hover{transform:rotate(35deg)}.photo-caption{position:absolute;z-index:1;bottom:40px;left:40px;right:40px;color:white;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.vacancy-strip{display:flex;align-items:center;justify-content:center;gap:36px;padding:40px 25px;font-size:13px}.vacancy-strip span+span:before{content:'·';margin-right:36px}.vacancy-strip small{font-size:9px;color:#737d8c}.section{padding:100px 70px;max-width:1430px;margin:auto}.intro{text-align:center;padding-top:90px}.intro h2 span{color:#768fb6}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:850px;margin:40px auto 0;text-align:left;color:#626d7e;font-size:15px}.tiles{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:20px;margin:20px 25px 60px}.tile{padding:40px;min-height:470px;position:relative;overflow:hidden;border-radius:50px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .7s var(--ease)}.tile:nth-child(1){transform:rotate(-2deg);border-radius:75px 45px 90px 45px}.tile:nth-child(3){transform:rotate(2deg);border-radius:45px 90px 45px 75px}.tile:hover{transform:translateY(-8px) rotate(0)}.pale{background:#dce4f0}.blue{background:var(--blue);color:white}.tile-index{font-size:9px;letter-spacing:1.5px}.tile h3{font-size:40px;margin:30px 0 10px}.tile p{font-size:13px;max-width:280px}.tile-arrow{font-size:30px}.picture{color:white;justify-content:end}.picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.picture:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#112349dd)}.picture>div{position:relative;z-index:1}.picture:hover>img{transform:scale(1.05)}.day{display:grid;grid-template-columns:.95fr 1.05fr;gap:110px}.day-aside{align-self:start;position:sticky;top:45px}.day-aside>p:not(.label){font-size:16px;color:#626d7e;max-width:380px;margin:35px 0 20px}.day-aside small{font-size:10px;display:block;color:#737d8c;max-width:350px}.day-clock{margin-top:40px;width:180px;height:180px;border-radius:50%;background:#dfe6f1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg)}.day-clock>span{font-size:9px;letter-spacing:2px}.day-clock strong{font-size:40px;font-weight:400;letter-spacing:-2px}.timeline{border-top:1px solid #ced2d9}.hour{border-bottom:1px solid #ced2d9;padding:20px 0}.hour summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:55px 1fr 15px;gap:15px;align-items:baseline}.hour summary::-webkit-details-marker{display:none}.hour summary:after{content:'+';color:#778baa}.hour[open] summary:after{content:'−'}.hour time{font-size:12px;color:var(--blue)}.hour summary>span{font-size:17px;line-height:1.35}.hour p{font-size:13px;color:#626d7e;margin:22px 20px 15px 70px;line-height:1.85}.hour[open] p{animation:enter .5s var(--ease)}.hour .result{font-size:11px;color:var(--blue);margin-top:12px}.statement{margin:40px 25px;background:var(--blue);color:#fff;border-radius:140px 60px 140px 60px;text-align:center;padding:100px 40px}.statement h2{font-size:clamp(55px,7vw,105px)}.statement em{font-family:Georgia,serif;font-weight:400;color:#adc2e5}.statement>p:not(.label){max-width:530px;margin:35px auto;color:#dae3f4;font-size:15px}.statement .pill{margin-top:10px}.terms,.profile{display:grid;grid-template-columns:1fr 1fr;gap:90px}.terms>div>p:not(.label){color:#626d7e}.terms h2 span,.profile h2 span{color:#768fb6}dl{margin:0}dl>div{border-bottom:1px solid #ced2d9;padding:23px 0;display:grid;grid-template-columns:110px 1fr;gap:20px;font-size:13px}dt{font-weight:500}dd{margin:0;color:#626d7e}.profile{padding-top:40px}.profile h2{font-size:56px}.profile ul{list-style:none;margin:0;padding:0}.profile li{padding:20px 0;border-bottom:1px solid #ced2d9;font-size:14px;color:#626d7e}.process{border-top:1px solid #d6d8db;padding-top:65px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.process-grid article>span{width:40px;height:40px;background:#e0e6ef;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-bottom:25px}.process-grid h3{font-size:30px}.process-grid p{font-size:13px;color:#626d7e}.contact{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;margin:20px 25px}.person{background:#dae3f0;border-radius:80px 50px 100px 50px;padding:60px}.person h2{font-size:68px}.person h2 span{color:var(--blue)}.person-top>p:not(.label){font-size:14px;max-width:320px;margin:30px 0}.person-details{display:flex;gap:24px;margin-top:35px;align-items:center}.person-details>img{width:130px;height:150px;object-fit:cover;border-radius:50px 25px 50px 25px}.person-details strong{display:block;font-size:15px}.person-details span{display:block;font-size:10px;margin:5px 0 12px;color:#65738b}.person-details a{display:block;font-size:12px;padding:4px 0}.form-panel{border:1px solid #d3d5d9;border-radius:50px 90px 50px 80px;padding:60px}.form-panel h3{font-size:48px;margin-bottom:30px}form>label,legend{font-size:12px;display:block;margin:20px 0 8px}input:not([type=radio]){width:100%;border:0;border-bottom:1px solid #aeb8c6;background:transparent;border-radius:0;padding:13px 0;color:var(--ink)}fieldset{border:0;padding:0;margin:25px 0}fieldset label{display:inline-flex;align-items:center;gap:7px;font-size:12px;margin-right:20px}input[type=radio]{accent-color:var(--blue);width:16px;height:16px}.form-panel .pill{width:100%;margin-top:25px}.demo{font-size:10px;color:#737d8c;margin-top:20px}#error{color:#a12b2b;font-size:12px}footer{padding:60px 40px 35px;display:flex;align-items:center;gap:35px;flex-wrap:wrap;font-size:11px}footer strong{font-size:50px;letter-spacing:-4px;font-weight:500}footer a{margin-left:auto}footer small{width:100%;text-align:center;color:#7c8593;font-size:9px}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.tiles .tile.reveal.visible:nth-child(1){transform:rotate(-2deg)}.tiles .tile.reveal.visible:nth-child(3){transform:rotate(2deg)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){header{padding:25px}nav{display:none}.hero-type{padding:45px 35px}.hero-photo{min-height:610px}h1{font-size:76px}.section{padding:80px 40px}.tiles{gap:12px}.tile{padding:30px;min-height:420px}.tile h3{font-size:32px}.day{gap:50px}.contact .person,.form-panel{padding:40px}.person h2{font-size:54px}.person-details{gap:15px}.person-details>img{width:95px;height:120px}.vacancy-strip{gap:20px}.vacancy-strip span+span:before{margin-right:20px}}
@media(max-width:650px){header{padding:22px 20px}header img{width:125px}header .pill{padding:12px 17px;font-size:11px;gap:18px}.hero{grid-template-columns:1fr;margin:0 12px;gap:15px}.hero-type{padding:40px 35px 35px;border-radius:50px 65px 90px 45px;transform:rotate(-1deg)}h1{font-size:76px}.hero-type .label{font-size:8px}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:14px}.hero-photo{min-height:330px;border-radius:70px 40px 70px 40px;margin:0 8px}.photo-caption{bottom:25px;left:25px;right:25px;font-size:8px}.round{width:52px;height:52px}.vacancy-strip{flex-wrap:wrap;gap:10px 20px;padding:30px 25px;font-size:11px}.vacancy-strip span+span:before{display:none}.vacancy-strip small{width:100%;text-align:center}.section{padding:65px 25px}h2{font-size:47px}.intro-body{grid-template-columns:1fr;gap:5px;margin-top:25px;font-size:14px}.tiles{grid-template-columns:1fr;margin:0 20px;gap:20px}.tile{min-height:330px;padding:35px}.tile h3{font-size:40px}.picture{min-height:390px}.day{grid-template-columns:1fr;gap:35px}.day-aside{position:static}.day-aside>p:not(.label){font-size:14px;margin-top:25px}.day-clock{display:none}.hour summary>span{font-size:15px}.hour summary{grid-template-columns:45px 1fr 12px;gap:10px}.hour p{margin-left:55px;font-size:12px}.statement{margin:0 12px;border-radius:70px 35px 70px 35px;padding:65px 25px}.statement h2{font-size:57px}.statement>p:not(.label){font-size:13px}.terms,.profile{grid-template-columns:1fr;gap:25px}.profile{padding-top:0}.profile h2{font-size:47px}dl>div{grid-template-columns:90px 1fr;gap:15px;font-size:12px}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 18px}.process-grid article>span{grid-row:span 2}.process-grid h3{font-size:28px}.process-grid p{grid-column:2}.contact{grid-template-columns:1fr;margin:0 12px;gap:15px}.person,.form-panel{border-radius:50px 60px 60px 35px!important;padding:40px 30px!important}.person h2{font-size:56px}.form-panel h3{font-size:44px}.person-details>img{width:100px;height:120px}footer{padding:40px 25px 25px;gap:18px}footer strong{font-size:38px}footer span{font-size:10px}footer a{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-photo>img{transform:none!important}}
/* Rechte compositie op een witte achtergrond. */
:root{--paper:#fff}
.hero-type,.hero-type>*,.hero-photo,.tile:nth-child(1),.tile:nth-child(3),.day-clock{transform:none}
.tiles .tile.reveal.visible:nth-child(1),.tiles .tile.reveal.visible:nth-child(3){transform:none}
.tile:hover{transform:translateY(-8px)}
/* Eenduidige afronding en beter leesbare lopende tekst. */
:root{--panel-radius:60px}
.hero-type,.hero-photo,.tile,.tile:nth-child(1),.tile:nth-child(3),.statement,.person,.form-panel{border-radius:var(--panel-radius)!important}
.person-details>img{border-radius:24px}
.intro-body,.day-aside>p:not(.label),.statement>p:not(.label){font-size:18px;line-height:1.8}
.tile p,.process-grid p,.person-top>p:not(.label),.profile li{font-size:16px;line-height:1.8}
.hour p{font-size:16px;line-height:1.8}.hour .result{font-size:13px}
.hour summary>span{font-size:18px}dl>div{font-size:16px;line-height:1.7}
.terms>div>p:not(.label){font-size:18px}.person-details span{font-size:12px}.person-details a{font-size:14px}
form>label,legend,fieldset label{font-size:15px}.pill{font-size:15px}.demo{font-size:12px}.vacancy-strip{font-size:15px}
@media(max-width:650px){:root{--panel-radius:34px}.intro-body,.day-aside>p:not(.label),.statement>p:not(.label),.tile p,.process-grid p,.person-top>p:not(.label),.profile li,.hour p{font-size:16px;line-height:1.8}.hour summary>span{font-size:16px}dl>div{font-size:14px}.vacancy-strip{font-size:13px}.person-details a{font-size:13px}header .pill{font-size:12px}}
/* Volledige bedrijfsfooter en terughoudend merkaccent. */
footer.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px 60px;padding:75px 70px 40px;max-width:1430px;margin:auto;font-size:16px;line-height:1.8}
.site-footer .footer-logo{margin:0;align-self:start;display:inline-block}.footer-logo img{display:block;width:220px;max-width:100%;height:auto}
.site-footer address{font-style:normal;font-size:16px}.site-footer .footer-contact{display:flex;flex-direction:column;align-items:start;gap:3px}.site-footer a{margin:0;font-size:16px}.site-footer a:not(.footer-logo):hover{text-decoration:underline;text-underline-offset:4px}.site-footer .footer-note{grid-column:1/-1;width:100%;border-top:1px solid #e0e4ec;padding-top:25px;margin:10px 0 0;color:#626d7e;font-size:16px;line-height:1.8}
.statement{position:relative;isolation:isolate;overflow:hidden}.statement:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/logo.png');background-repeat:no-repeat;background-position:right -80px bottom -5px;background-size:min(920px,90%);filter:brightness(0) invert(1);opacity:.045}.statement>*{position:relative}
@media(max-width:650px){footer.site-footer{grid-template-columns:1fr;gap:25px;padding:50px 30px 30px;font-size:16px}.site-footer .footer-logo img{width:180px}.site-footer .footer-note{font-size:16px;margin-top:5px}.statement:before{background-position:center bottom 20px;background-size:140%;opacity:.035}}
/* Blauwe headerknoppen met een vloeiende kleurbeweging. */
header nav a,header>.pill{background:var(--blue);color:#fff;background-image:linear-gradient(115deg,#204394 0%,#204394 48%,#365fae 70%,#204394 100%);background-size:250% 100%;background-position:0% 50%;transition:background-position .65s var(--ease),transform .4s var(--ease),box-shadow .4s ease}
header nav a:hover,header nav a:focus-visible,header>.pill:hover,header>.pill:focus-visible{background-color:var(--blue);background-position:100% 50%;transform:translateY(-3px);box-shadow:0 7px 18px #20439424}
header nav a:active,header>.pill:active{transform:translateY(-1px);box-shadow:0 3px 8px #2043941a}
header>.pill:hover span,header>.pill:focus-visible span{transform:translate(4px,-3px)}
@media(prefers-reduced-motion:reduce){header nav a:hover,header nav a:focus-visible,header>.pill:hover,header>.pill:focus-visible,header>.pill:hover span,header>.pill:focus-visible span{transform:none}}
/* Alleen de binnenranden vormen een parallelle naad van 10 graden. */
@media(min-width:651px){
.hero{display:flex;gap:18px;--seam:127px}
.hero-type{flex:0 0 50%;clip-path:polygon(0 0,100% 0,calc(100% - var(--seam)) 100%,0 100%);padding-right:105px}
.hero-photo{flex:1 0 calc(50% - 18px + var(--seam));margin-left:calc(-1 * var(--seam));clip-path:polygon(var(--seam) 0,100% 0,100% 100%,0 100%)}
.hero-bottom{max-width:calc(100% - 40px)}
.photo-caption{left:calc(var(--seam) + 25px)}
}
@media(min-width:651px) and (max-width:1000px){.hero{--seam:108px}.hero-type{padding-right:85px}.hero-type h1{font-size:clamp(52px,7.3vw,76px)}.hero-bottom{max-width:calc(100% - 25px)}.hero-bottom .round{width:45px;height:45px;flex-shrink:0}.hero-bottom p{font-size:14px}}
/* Zachte trapeziumvormen: de schuinte vloeit mee in de ronde hoeken. */
.shape-definitions{position:absolute;pointer-events:none}
@media(min-width:651px){
.hero{--seam:46px}
.hero-type{clip-path:url(#slant-left);border-radius:0!important;padding-right:75px}
.hero-photo{clip-path:url(#slant-right);border-radius:0!important}
.photo-caption{left:70px}
.tiles{display:flex;gap:18px}
.tile{flex:1 1 0;min-width:0}
.tile:nth-child(1){clip-path:url(#slant-left);border-radius:0!important;padding-right:55px}
.tile:nth-child(2){clip-path:url(#slant-middle);border-radius:0!important;margin-left:-18px;margin-right:-18px;flex-grow:1.12;padding-left:45px;padding-right:45px}
.tile:nth-child(3){clip-path:url(#slant-right);border-radius:0!important;padding-left:55px}
}
@media(min-width:651px) and (max-width:1000px){.hero{--seam:33px}.hero-type{padding-right:55px}.tile:nth-child(1){padding-right:35px}.tile:nth-child(2){padding-left:35px;padding-right:35px}.tile:nth-child(3){padding-left:40px}}
@media(max-width:650px){.hero-type,.hero-photo,.tile{clip-path:none}}
/* Tekst blijft binnen de veilige zone van de schuine kaarten. */
@media(min-width:651px){
.tiles .tile:nth-child(n){padding:44px clamp(48px,4.8vw,76px);min-height:510px}
.tiles .tile h3{font-size:clamp(28px,2.7vw,40px);line-height:1.12;letter-spacing:-.05em;overflow-wrap:break-word}
.tiles .tile p{max-width:none;margin-right:0;line-height:1.75}
.tiles .tile-index{letter-spacing:1px;font-size:9px}
}
@media(min-width:651px) and (max-width:900px){.tiles{flex-wrap:wrap;gap:20px}.tiles .tile:nth-child(n){flex:1 1 calc(50% - 20px);margin:0;padding:40px 55px;min-height:430px}.tiles .tile:nth-child(3){flex-basis:100%;min-height:340px}.tiles .tile h3{font-size:32px}.tiles .tile:nth-child(3) p{max-width:480px}}
@media(max-width:650px){.tiles .tile:nth-child(n){padding:38px;min-height:350px}.tiles .tile.picture{min-height:390px}.tiles .tile h3{font-size:36px;line-height:1.12}}
/* Echte mensen en projecten uit de aangeleverde fotografie. */
.hero-photo>img{object-position:44% center}
.statement.team-statement{padding:0;overflow:hidden}
.team-photo{display:block;width:100%;aspect-ratio:2.25;object-fit:cover;object-position:center 65%;position:relative}
.team-copy{padding:70px 45px 75px;position:relative;isolation:isolate}
.team-copy:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/logo.png') right -50px bottom 0/min(900px,90%) no-repeat;filter:brightness(0) invert(1);opacity:.045}
.team-copy>p:not(.label){max-width:600px;margin:30px auto;color:#dae3f4;font-size:18px;line-height:1.8}
.team-statement:before{display:none}
.team-copy h2{font-size:clamp(55px,6vw,90px)}
@media(max-width:650px){.team-photo{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#dfe5ea}.team-copy{padding:45px 25px 50px}.team-copy h2{font-size:50px}.team-copy>p:not(.label){font-size:16px}}
.team-photo{height:auto;aspect-ratio:2.25}
@media(min-width:651px){.team-photo{height:clamp(320px,43vw,620px);aspect-ratio:auto}}
@media(max-width:650px){.team-photo{height:auto;aspect-ratio:auto}}
/* Dezelfde schuine vormtaal voor contact en team, met ronde cirkelbogen. */
@media(min-width:651px){
.contact{display:flex;gap:18px}.contact .person{flex:1 1 0;min-width:0;padding:60px 80px 60px 60px!important;border-radius:0!important}
.contact .form-panel{flex:1 1 0;min-width:0;margin-left:-35px;padding:60px 60px 60px 85px!important;border-radius:0!important;border:0;background:#f4f6fa}
.statement.team-statement{border-radius:0!important}
.team-statement .team-photo{width:calc(100% - 120px);margin:55px 60px 0;border-radius:24px;height:auto;aspect-ratio:2.15;object-fit:cover;object-position:center 65%}
.team-copy{padding-left:90px;padding-right:90px}
}
@media(min-width:651px) and (max-width:1000px){.contact .person{padding:45px 65px 45px 40px!important}.contact .form-panel{padding:45px 40px 45px 65px!important;margin-left:-25px}.person h2{font-size:48px}.person-details{flex-wrap:wrap}.team-statement .team-photo{width:calc(100% - 100px);margin:45px 50px 0}}
@media(max-width:650px){.team-statement .team-photo{width:100%;margin:0;border-radius:0;aspect-ratio:auto}.team-copy{padding-left:25px;padding-right:25px}}
/* Eén naadmaat voor alle schuine rijen; vrije ruimte voor alle inhoud. */
:root{--shape-gap:20px}
.statement.team-statement{clip-path:none!important;border-radius:var(--panel-radius)!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:55px!important;text-align:left}
.team-statement .team-photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0;border-radius:24px}
.team-statement .team-copy{padding:10px 0}.team-copy h2{font-size:clamp(44px,4.5vw,68px);line-height:1.08}.team-copy>p:not(.label){font-size:17px;margin:25px 0}.team-copy:before{background-size:100%}
@media(min-width:901px){
.hero,.tiles,.contact{display:flex;flex-wrap:nowrap;gap:0;--cut:50px;align-items:stretch}
.hero>.hero-type,.hero>.hero-photo,.contact>.person,.contact>.form-panel{flex:0 0 calc((100% - var(--shape-gap) + var(--cut))/2);min-width:0;margin:0}
.hero>.hero-photo,.contact>.form-panel{margin-left:calc(var(--shape-gap) - var(--cut))}
.tiles>.tile:nth-child(n){flex:0 0 calc((100% - 2*var(--shape-gap) + 2*var(--cut))/3);margin:0;min-width:0;padding:44px calc(var(--cut) + 28px);min-height:510px}
.tiles>.tile:nth-child(n+2){margin-left:calc(var(--shape-gap) - var(--cut))}
.hero>.hero-type{padding-right:calc(var(--cut) + 35px)}
.contact>.person{padding:60px calc(var(--cut) + 40px) 60px 60px!important}
.contact>.form-panel{padding:60px 60px 60px calc(var(--cut) + 40px)!important}
.contact .person h2{font-size:clamp(46px,4.6vw,64px);line-height:1.08;overflow-wrap:break-word}
.contact .person-details{flex-wrap:wrap}.contact .person-details>div{min-width:0;max-width:100%}.contact .person-details a{overflow-wrap:anywhere}
.contact .form-panel h3{font-size:44px}.contact .form-panel .pill{gap:15px;font-size:14px}.contact fieldset label{margin-right:12px}
}
@media(max-width:900px){
.hero,.tiles,.contact{display:grid;grid-template-columns:1fr;gap:var(--shape-gap)}
.hero>.hero-type,.hero>.hero-photo,.tiles>.tile:nth-child(n),.contact>.person,.contact>.form-panel{margin:0;flex:auto;clip-path:none!important;border-radius:var(--panel-radius)!important}
.hero>.hero-type{padding:45px}.hero>.hero-photo{min-height:400px}.hero-type h1{font-size:76px}.hero-bottom{max-width:100%}.photo-caption{left:35px}
.tiles>.tile:nth-child(n){padding:45px;min-height:350px}.tiles>.tile.picture{min-height:390px}
.contact>.person,.contact>.form-panel{padding:45px!important}
.statement.team-statement{grid-template-columns:1fr;gap:35px;padding:40px!important}.team-copy h2{font-size:52px}
}
@media(max-width:650px){.hero>.hero-type{padding:38px 30px}.hero-type h1{font-size:68px}.hero>.hero-photo{min-height:330px}.tiles>.tile:nth-child(n){padding:38px}.contact>.person,.contact>.form-panel{padding:38px 30px!important}.statement.team-statement{padding:28px!important;gap:25px}.team-copy h2{font-size:46px}.team-copy>p:not(.label){font-size:16px}.team-statement .team-photo{border-radius:20px}}