/* Derijks studio and sustainability: brand typography, restrained movement, real work. */
body[data-page="sustainability"],body[data-page="creative-design"]{background:#e8f3fb}.studio-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.875rem;color:#bcd8ed;margin-bottom:45px}.studio-breadcrumbs a:hover{text-decoration:underline;color:white}.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:6%;margin-bottom:42px}.studio-section-heading>div{flex:1;min-width:0}.studio-section-heading>p{flex:.62;max-width:440px;color:#4e6a83;font-size:1.1rem;line-height:1.8;margin:0}.studio-section-heading h2{margin:17px 0 0}.studio-section-heading .eyebrow{color:var(--blue);font-size:.875rem}.studio-section-heading .under-link{flex:none}.studio-cta{background:var(--blue);color:white;padding:90px 0}.studio-cta>.container{display:flex;gap:40px;align-items:center;justify-content:space-between}.studio-cta .eyebrow{color:var(--sky)}.studio-cta h2{margin:20px 0}.studio-cta p{font-size:1.1rem;color:#d5e7f3;max-width:570px;margin:0}.studio-cta .button{flex:none}.studio-disclosure{border-top:1px solid #a5bbb4;border-bottom:1px solid #a5bbb4;margin-top:28px}.studio-disclosure summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:18px 0;font-size:1rem;font-weight:700}.studio-disclosure summary::-webkit-details-marker{display:none}.studio-disclosure summary span{color:var(--blue);font-size:1.2rem}.studio-disclosure[open] summary span{transform:rotate(45deg)}.studio-disclosure p{padding-bottom:10px;margin:0;font-size:1rem!important}
/* Sustainability retains the Derijks colours; natural accents come from real imagery. */
.eco-opening{background:var(--navy);color:white;padding:45px 0 75px;overflow:hidden}.eco-opening-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.eco-opening .eyebrow{color:var(--sky);font-size:.875rem}.eco-opening h1{font:700 clamp(3.1rem,5.6vw,6.8rem)/1.04 "arboria",Arial,sans-serif;letter-spacing:-.055em;margin:24px 0 30px}.eco-opening h1 em{font-style:normal;color:var(--orange)}.eco-opening-grid>div>p{font-size:1.17rem;line-height:1.8;color:#d1e5f2;max-width:540px;margin-bottom:32px}.eco-opening-labels{display:flex;gap:18px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid #406079;max-width:570px;font-size:.875rem;color:#bcd6e7}.eco-roof{margin:0;position:relative;max-width:570px;padding:0 0 20px 20px;border-left:4px solid var(--orange)}.eco-roof img{width:100%;height:570px;object-fit:cover;object-position:50% 47%}.eco-roof figcaption{position:absolute;bottom:0;left:0;background:var(--blue);padding:14px 23px;font-size:1rem;font-weight:700}.eco-energy{background:#e8f3fb;scroll-margin-top:95px}.energy-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10%;margin:65px 0 45px}.energy-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:#d3e8f7;border:1px solid #92b9d6;color:var(--navy);padding:36px 20px 32px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s;text-align:center}.energy-node:hover{transform:translateY(-5px);border-color:var(--blue)}.energy-node[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 5px 0 var(--orange)}.energy-node svg{width:62px;height:62px;margin:11px 0 17px;color:var(--blue)}.energy-node[aria-pressed="true"] svg{color:var(--sky)}.energy-number{position:absolute;left:18px;top:12px;font-size:.875rem;color:var(--blue);font-weight:700}.energy-node[aria-pressed="true"] .energy-number{color:var(--orange)}.energy-node strong{font:700 clamp(1.5rem,2.5vw,2.5rem)/1.2 "arboria",Arial,sans-serif;letter-spacing:-.04em}.energy-node>span:last-child{font-size:.95rem;color:#496e8b}.energy-node[aria-pressed="true"]>span:last-child{color:#bfd9ed}.energy-connection{position:absolute;top:50%;height:3px;width:10%;background:#99bfd9}.energy-connection-one{left:26.666%}.energy-connection-two{left:63.333%}.energy-connection:after{content:'';position:absolute;left:0;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--orange);opacity:0}.energy-map.energy-running .energy-connection:after{opacity:1;animation:energy-travel 1.8s linear infinite}.energy-map.energy-running .energy-connection-two:after{animation-delay:.9s}@keyframes energy-travel{from{left:0}to{left:100%}}.energy-story{border-top:1px solid #a4c4da;padding:34px 0 0;display:grid;grid-template-columns:1fr auto;gap:10%;align-items:center}.energy-story>div{max-width:760px}.energy-story .eyebrow{color:var(--blue);font-size:.875rem}.energy-story h3{font:700 clamp(1.6rem,2.4vw,2.7rem)/1.18 "arboria",Arial,sans-serif;letter-spacing:-.04em;margin:15px 0}.energy-story p{font-size:1.1rem;line-height:1.8;color:#4e6a83;margin:0}.energy-play{border:1px solid var(--blue);background:transparent;color:var(--blue);padding:14px 20px;cursor:pointer;white-space:nowrap;font-weight:700}.energy-play span{margin-left:20px;color:var(--orange)}.energy-play:hover{background:#d0e6f7}.eco-mobility{background:#dfece7;padding:85px 0}.eco-mobility-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:start}.eco-mobility .eyebrow{color:var(--blue);font-size:.875rem}.eco-mobility h2{margin:20px 0 0}.eco-mobility-grid>div>p{color:#456359;font-size:1.2rem;line-height:1.8;margin:0}.eco-purchasing{background:#eef5f1}.material-studio{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center}.material-photo{position:relative;overflow:hidden}.material-photo img{height:650px;width:100%;object-fit:cover;object-position:43% 50%}.material-photo>span{position:absolute;bottom:25px;left:25px;background:var(--navy);color:white;padding:12px 18px;font-size:.95rem}.material-copy>.eyebrow{color:var(--blue);font-size:.875rem}.material-copy>h3{font:700 clamp(2rem,3vw,3.5rem)/1.15 "arboria",Arial,sans-serif;letter-spacing:-.045em;margin:21px 0 30px}.material-tabs{display:flex;flex-wrap:wrap;gap:8px}.material-tabs button{padding:10px 15px;background:none;border:1px solid #a3bcb0;color:var(--navy);font-weight:700;cursor:pointer}.material-tabs button[aria-pressed="true"],.material-tabs button:hover{background:var(--navy);border-color:var(--navy);color:white}.material-story{min-height:185px;padding-top:25px}.material-story h4{font-size:1.2rem;line-height:1.4;margin:0 0 10px}.material-story p{font-size:1.07rem;line-height:1.8;color:#46635a;margin:0}.supplier-certification{padding:18px 0;border-top:1px solid #b2c7bc;border-bottom:1px solid #b2c7bc;margin:22px 0;font-size:1rem;color:#46635a}.eco-care{background:#dceefa;padding:85px 0}.eco-care>.container{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.eco-care .eyebrow{color:var(--blue);font-size:.875rem}.eco-care h2{margin:20px 0 0}.eco-care p{font-size:1.1rem;line-height:1.8;color:#4e6a83;margin-bottom:26px}
/* Creative design: large authentic renders with embedded, keyboard-accessible details. */
.creative-opening{background:var(--navy);color:white;padding:45px 0 0}.creative-opening-copy{padding:15px 0 60px}.creative-opening .eyebrow{color:var(--sky);font-size:.875rem}.creative-opening h1{font:700 clamp(3rem,5.9vw,7rem)/1.05 "arboria",Arial,sans-serif;letter-spacing:-.055em;margin:22px 0 30px;max-width:1220px}.creative-opening h1 em{font-style:normal;color:var(--orange)}.creative-opening-copy>div{display:flex;align-items:center;justify-content:space-between;gap:50px}.creative-opening-copy p{font-size:1.15rem;line-height:1.8;color:#d0e5f3;max-width:640px;margin:0}.creative-opening-copy .button{flex:none}.creative-opening-image{margin:0;position:relative;height:min(58vw,780px);min-height:360px;overflow:hidden;max-width:1920px;margin-inline:auto}.creative-opening-image img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(var(--creative-scale,1));transition:transform .1s linear}.creative-opening-image figcaption{position:absolute;left:4%;bottom:30px;background:var(--blue);border-left:4px solid var(--orange);padding:13px 20px;font-size:.95rem}.render-explorer{background:#dceefa;scroll-margin-top:90px}.render-project-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.render-project-tabs button{background:none;border:1px solid #a5c1d6;text-align:left;color:var(--navy);padding:18px 20px;cursor:pointer;position:relative}.render-project-tabs button>span{color:var(--blue);font-size:.875rem;font-weight:700;display:block;margin-bottom:10px}.render-project-tabs strong{font-size:1.16rem;line-height:1.4;display:block}.render-project-tabs small{display:block;font-size:.95rem;margin-top:4px;color:#4f708a}.render-project-tabs button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:white}.render-project-tabs button[aria-pressed="true"]>span{color:var(--orange)}.render-project-tabs button[aria-pressed="true"] small{color:#c0dcef}.render-project-tabs button:hover{border-color:var(--blue)}.render-canvas{position:relative;background:#b9d2e4;min-width:0}.render-picture{position:relative}.render-picture>img{width:100%;height:auto;display:block}.render-hotspots{position:absolute;inset:0}.render-hotspot{position:absolute;width:44px;height:44px;padding:0;border-radius:50%;border:2px solid white;background:var(--navy);color:white;transform:translate(-50%,-50%);cursor:pointer;font-size:1rem;font-weight:700;box-shadow:0 0 0 7px #0d295022;transition:background .2s,box-shadow .2s}.render-hotspot[aria-pressed="true"]{background:var(--orange);color:var(--navy);box-shadow:0 0 0 7px #e1853045}.render-hotspot:hover{box-shadow:0 0 0 10px #e1853055}.render-enlarge{position:absolute;bottom:22px;right:22px;background:var(--navy);color:#fff;border:0;padding:12px 17px;cursor:pointer;font-weight:700;font-size:.95rem}.render-bottom{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;padding:30px 0;border-bottom:1px solid #a3c1d6}.render-bottom>div:first-child{padding-top:5px}.render-bottom>div:first-child>span{display:block;font-size:.95rem;color:var(--blue);font-weight:700}.render-bottom strong{display:block;font:700 clamp(1.7rem,2.5vw,2.6rem)/1.25 "arboria",Arial,sans-serif;letter-spacing:-.035em;margin:8px 0}.render-bottom small{font-size:.875rem;color:#55738b}.render-insight>span{font-size:.875rem;letter-spacing:.08em;color:var(--blue);font-weight:700}.render-insight h3{font:700 clamp(1.6rem,2.4vw,2.4rem)/1.2 "arboria",Arial,sans-serif;letter-spacing:-.04em;margin:12px 0}.render-insight p{font-size:1.1rem;color:#4c6a82;line-height:1.8;margin:0;max-width:770px}.render-detail-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.render-detail-buttons button{border:1px solid #a3bfd3;background:none;text-align:left;padding:11px 15px;cursor:pointer;color:var(--navy);font-weight:700;font-size:.95rem}.render-detail-buttons span{color:var(--blue);margin-right:14px}.render-detail-buttons button[aria-pressed="true"]{border-color:var(--orange);background:#f3e2ce}.render-detail-buttons button:hover{border-color:var(--blue)}.creative-process{background:var(--navy);color:white;scroll-margin-top:90px}.creative-process .eyebrow{color:var(--sky)}.creative-process-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;align-items:start}.creative-process-tabs{border-top:1px solid #41617e;position:sticky;top:100px}.creative-process-tabs button{display:flex;align-items:center;gap:22px;width:100%;padding:25px 10px;border:0;border-bottom:1px solid #41617e;background:none;color:white;text-align:left;cursor:pointer}.creative-process-tabs button>span:first-child{font-size:.875rem;color:var(--sky)}.creative-process-tabs button>span:last-child{margin-left:auto;color:var(--orange);font-size:1.25rem}.creative-process-tabs strong{font:700 clamp(1.4rem,2.1vw,2.2rem)/1.3 "arboria",Arial,sans-serif;letter-spacing:-.035em}.creative-process-tabs button[aria-pressed="true"]{background:var(--blue);border-left:4px solid var(--orange)}.creative-process-tabs button:hover{background:#14418477}.creative-process-stage figure{margin:0 0 30px}.creative-process-stage img{width:100%;height:400px;object-fit:cover}.creative-process-stage figcaption{padding-top:14px;color:#b7d7ec;font-size:.875rem}.creative-process-stage h3{font:700 clamp(1.8rem,2.7vw,3.2rem)/1.15 "arboria",Arial,sans-serif;letter-spacing:-.04em;margin:15px 0}.creative-process-stage p{font-size:1.1rem;color:#cbe2f2;line-height:1.8;margin:0}.designers-section{background:#e8f3fb;padding:110px 0}.designer-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:25px;align-items:start}.designer-grid article{background:#d1e6f5}.designer-grid article>img{width:100%;height:440px;object-fit:cover;object-position:center 25%}.designer-grid article>div{padding:22px}.designer-grid h3{font:700 2rem/1.2 "arboria",Arial,sans-serif;margin:0 0 6px}.designer-grid article p{font-size:1rem;color:#4c6a82;margin:0}.designer-note{padding:30px 15px 0 30px;border-top:3px solid var(--orange);align-self:center}.designer-note .eyebrow{color:var(--blue);font-size:.875rem}.designer-note p{font:500 clamp(1.6rem,2.2vw,2.4rem)/1.45 "arboria",Arial,sans-serif;letter-spacing:-.025em;margin:22px 0 27px}.design-film{background:#cde6f7}.design-film video{display:block;width:100%;max-height:760px;background:var(--navy)}.render-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#071b35;color:white;padding:20px 25px;overflow:auto}.render-viewer::backdrop{background:#071b35}.render-viewer>button{display:block;margin-left:auto;padding:10px 18px;border:1px solid #6485a2;background:none;color:white;cursor:pointer}.render-viewer>img{width:100%;height:calc(100dvh - 145px);object-fit:contain;margin-top:15px}.render-viewer>p{text-align:center;margin:20px 0 0;font-size:.95rem}
@media(max-width:1050px){.eco-opening-grid{gap:4%;grid-template-columns:1.1fr .9fr}.eco-roof img{height:510px}.material-studio{gap:5%}.material-photo img{height:580px}.render-project-tabs button{padding:15px}.creative-process-grid{gap:5%;grid-template-columns:.85fr 1.15fr}.designer-grid article>img{height:330px}.designer-note{padding:20px 0 0 15px}.energy-map{gap:6%}.energy-connection{width:6%}.energy-connection-one{left:29.333%}.energy-connection-two{left:64.666%}.studio-section-heading>p{flex:.75}}
@media(max-width:760px){.studio-section-heading{display:block;margin-bottom:30px}.studio-section-heading h2{font-size:clamp(2.5rem,9vw,4rem)}.studio-section-heading>p{font-size:1.05rem;max-width:none;margin-top:24px}.studio-section-heading .under-link{margin-top:24px}.studio-cta{padding:70px 0}.studio-cta>.container{display:block}.studio-cta h2{font-size:clamp(2.7rem,10vw,4.5rem)}.studio-cta .button{margin-top:28px}.eco-opening,.creative-opening{padding-top:30px}.studio-breadcrumbs{margin-bottom:35px}.eco-opening-grid{grid-template-columns:1fr;gap:40px}.eco-opening h1{font-size:clamp(2.8rem,9.5vw,4.8rem)}.eco-opening-grid>div>p{font-size:1.07rem}.eco-opening-labels{margin-top:32px;font-size:.875rem;gap:13px}.eco-roof{max-width:none;padding-left:12px}.eco-roof img{height:470px}.eco-energy{scroll-margin-top:85px}.energy-map{gap:10px;margin:35px 0}.energy-node{padding:32px 8px 19px;min-height:180px}.energy-node svg{width:42px;height:42px;margin:5px 0 10px}.energy-node strong{font-size:1.1rem}.energy-node>span:last-child{font-size:.875rem;line-height:1.4}.energy-number{left:10px;top:7px}.energy-connection{display:none}.energy-story{grid-template-columns:1fr;gap:25px;padding-top:27px}.energy-play{width:max-content}.energy-story p{font-size:1.05rem}.eco-mobility{padding:65px 0}.eco-mobility-grid,.eco-care>.container{grid-template-columns:1fr;gap:28px}.eco-mobility h2,.eco-care h2{font-size:clamp(2.5rem,9vw,4rem)}.eco-mobility-grid>div>p{font-size:1.07rem}.material-studio{grid-template-columns:1fr;gap:40px}.material-photo img{height:410px}.material-photo>span{left:14px;bottom:14px;font-size:.875rem;padding:10px 13px}.material-copy>h3{font-size:2.25rem;margin-bottom:24px}.material-story{min-height:0}.material-story p{font-size:1.05rem}.eco-care{padding:65px 0}.creative-opening h1{font-size:clamp(2.7rem,9.5vw,4.8rem);overflow-wrap:anywhere}.creative-opening-copy{padding:10px 0 45px}.creative-opening-copy>div{display:block}.creative-opening-copy p{font-size:1.07rem;margin-bottom:28px}.creative-opening-image{height:65vw;min-height:270px}.creative-opening-image figcaption{left:15px;bottom:15px;font-size:.875rem;padding:10px 13px}.render-project-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.render-project-tabs button{padding:13px}.render-project-tabs button>span{margin-bottom:7px}.render-project-tabs strong{font-size:1rem}.render-project-tabs small{font-size:.875rem}.render-hotspot{width:38px;height:38px;box-shadow:0 0 0 4px #0d295022;font-size:.95rem}.render-hotspot[aria-pressed="true"]{box-shadow:0 0 0 4px #e1853045}.render-enlarge{bottom:10px;right:10px;padding:8px 11px;font-size:.875rem}.render-bottom{grid-template-columns:1fr;gap:22px;padding:24px 0}.render-bottom>div:first-child{border-bottom:1px solid #a3c1d6;padding:0 0 20px}.render-bottom strong{font-size:1.7rem}.render-insight h3{font-size:1.75rem}.render-insight p{font-size:1.05rem}.render-detail-buttons{display:grid;gap:8px;margin-top:20px}.render-detail-buttons button{padding:11px 14px}.creative-process-grid{grid-template-columns:1fr;gap:30px}.creative-process-tabs{position:static}.creative-process-tabs button{padding:18px 9px;gap:16px}.creative-process-tabs strong{font-size:1.45rem}.creative-process-stage img{height:300px}.creative-process-stage p{font-size:1.05rem}.designers-section{padding:75px 0}.designer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.designer-grid article>img{height:310px}.designer-grid article>div{padding:17px}.designer-grid h3{font-size:1.7rem}.designer-note{grid-column:1/-1;max-width:550px;padding:22px 0 0;margin-top:15px}.designer-note p{font-size:1.6rem}.render-viewer{padding:15px 10px}.render-viewer>img{height:calc(100dvh - 140px)}}
@media(max-width:420px){.eco-roof img{height:400px}.energy-map{grid-template-columns:1fr;gap:10px}.energy-node{display:grid;grid-template-columns:50px 1fr;min-height:105px;padding:15px 15px 15px 43px;text-align:left;gap:3px 15px}.energy-node svg{grid-row:1/3;width:38px;height:38px;margin:0}.energy-node strong{font-size:1.45rem}.energy-node>span:last-child{font-size:.95rem}.energy-number{left:10px;top:12px}.designer-grid article>img{height:240px}.render-enlarge{font-size:.875rem;padding:7px 9px;bottom:7px;right:7px}.render-hotspot{width:34px;height:34px;font-size:.875rem}.creative-process-stage img{height:235px}.material-photo img{height:340px}}
@media(prefers-reduced-motion:reduce){.energy-map .energy-connection:after{animation:none!important}.energy-node,.render-hotspot,.creative-opening-image img{transition:none;transform:none}.render-hotspot{transform:translate(-50%,-50%)!important}.energy-node:hover{transform:none}}

@media(max-width:760px){.render-enlarge{position:static;width:100%;display:block;text-align:right;padding:12px 15px;font-size:.95rem}}

.render-project-tabs button{min-width:0}.render-project-tabs strong{overflow-wrap:anywhere;hyphens:auto}