.svd-pv3-archive,
.svd-pv3-single{
 --svd-green:#0c3025;
 --svd-green2:#174838;
 --svd-paper:#f4f2ec;
 --svd-gold:#c7a45c;
 --svd-text:#17211d;
 --svd-muted:#69736f;
 color:var(--svd-text);
}

.svd-pv3-archive-hero{
 position:relative;
 overflow:hidden;
 padding:105px 0 88px;
 color:#fff;
 background:
 radial-gradient(circle at 85% 15%,rgba(199,164,92,.25),transparent 28%),
 radial-gradient(circle at 10% 90%,rgba(57,133,102,.22),transparent 32%),
 linear-gradient(135deg,#071b14,#12382b 60%,#174738);
}

.svd-pv3-hero-glow{
 position:absolute;
 right:-180px;
 top:-220px;
 width:500px;
 height:500px;
 border-radius:50%;
 background:rgba(255,255,255,.05);
}

.svd-pv3-eyebrow{
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:17px;
 text-transform:uppercase;
 letter-spacing:.16em;
 font-size:12px;
 font-weight:800;
}

.svd-pv3-eyebrow:before{
 content:"";
 width:34px;
 height:2px;
 background:var(--svd-gold);
}

.svd-pv3-archive-hero h1{
 margin:0;
 font-size:clamp(54px,8vw,105px);
 line-height:.9;
 letter-spacing:-.055em;
}

.svd-pv3-archive-lead{
 max-width:780px;
 margin:30px 0 0;
 font-size:clamp(18px,2.2vw,24px);
 line-height:1.55;
 color:rgba(255,255,255,.8);
}

.svd-pv3-archive-stats{
 display:flex;
 flex-wrap:wrap;
 gap:11px;
 margin-top:45px;
}

.svd-pv3-archive-stats>div{
 min-width:150px;
 padding:17px 19px;
 border:1px solid rgba(255,255,255,.13);
 border-radius:18px;
 background:rgba(255,255,255,.07);
 backdrop-filter:blur(8px);
}

.svd-pv3-archive-stats strong{
 display:block;
 font-size:28px;
 line-height:1;
}

.svd-pv3-archive-stats span{
 display:block;
 margin-top:6px;
 color:rgba(255,255,255,.63);
 font-size:13px;
}

.svd-pv3-projects,
.svd-pv3-overview,
.svd-pv3-subprojects,
.svd-pv3-about,
.svd-pv3-timeline{
 padding:80px 0;
}

.svd-pv3-projects,
.svd-pv3-overview{
 background:var(--svd-paper);
}

.svd-pv3-section-heading,
.svd-pv3-overview__head{
 display:flex;
 justify-content:space-between;
 align-items:flex-end;
 gap:35px;
 margin-bottom:35px;
}

.svd-pv3-section-heading span,
.svd-pv3-overview__head span{
 display:block;
 margin-bottom:8px;
 font-size:12px;
 font-weight:800;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:#557066;
}

.svd-pv3-section-heading h2,
.svd-pv3-overview__head h2{
 margin:0;
 font-size:clamp(34px,5vw,58px);
 line-height:1;
 letter-spacing:-.045em;
}

.svd-pv3-section-heading>p,
.svd-pv3-overview__head>p{
 max-width:450px;
 margin:0;
 color:var(--svd-muted);
 line-height:1.6;
}

.svd-pv3-project-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;
}

.svd-pv3-project-card{
 position:relative;
 overflow:hidden;
 background:#fff;
 border-radius:26px;
 box-shadow:0 16px 48px rgba(16,45,34,.08);
 transition:.28s ease;
}

.svd-pv3-project-card:hover{
 transform:translateY(-5px);
 box-shadow:0 24px 68px rgba(16,45,34,.14);
}

.svd-pv3-project-card.is-featured{
 grid-column:1/-1;
 display:grid;
 grid-template-columns:1.08fr .92fr;
}

.svd-pv3-project-card__click{
 position:absolute;
 inset:0;
 z-index:5;
}

.svd-pv3-project-card__visual{
 position:relative;
 min-height:315px;
 padding:22px;
 background:linear-gradient(145deg,#173f31,#0a251c);
 background-position:center;
 background-size:cover;
 color:#fff;
}

.svd-pv3-project-card.is-featured .svd-pv3-project-card__visual{
 min-height:470px;
}

.svd-pv3-project-card__top{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:10px;
}

.svd-pv3-project-card__top>span:first-child{
 padding:8px 11px;
 border-radius:999px;
 background:rgba(0,0,0,.32);
 backdrop-filter:blur(7px);
 font-size:12px;
 font-weight:700;
}

.svd-pv3-live{
 display:inline-flex!important;
 align-items:center;
 gap:7px;
 padding:7px 11px;
 border:1px solid rgba(255,255,255,.18);
 border-radius:999px;
 background:rgba(255,255,255,.11);
 color:#fff!important;
 font-size:12px!important;
 font-weight:800;
}

.svd-pv3-live:before{
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#78dba1;
 box-shadow:0 0 0 5px rgba(120,219,161,.12);
}

.svd-pv3-project-card__visual-bottom{
 position:absolute;
 left:22px;
 bottom:22px;
}

.svd-pv3-project-count{
 font-size:39px;
 line-height:1;
 font-weight:900;
}

.svd-pv3-project-count small{
 display:block;
 margin-top:5px;
 color:rgba(255,255,255,.7);
 font-size:12px;
 font-weight:600;
}

.svd-pv3-project-card__body{
 display:flex;
 flex-direction:column;
 min-height:275px;
 padding:28px;
}

.svd-pv3-project-card.is-featured .svd-pv3-project-card__body{
 justify-content:center;
 padding:44px;
}

.svd-pv3-project-card h2{
 margin:0 0 14px;
 font-size:clamp(27px,3.4vw,47px);
 line-height:1.04;
 letter-spacing:-.04em;
}

.svd-pv3-project-card__body>p{
 margin:0;
 color:var(--svd-muted);
 line-height:1.65;
}

.svd-pv3-project-card__children{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin-top:21px;
}

.svd-pv3-project-card__children span{
 padding:7px 10px;
 border-radius:999px;
 background:#edf3ef;
 color:#375d4e;
 font-size:11px;
 font-weight:800;
}

.svd-pv3-project-card__footer{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:15px;
 margin-top:auto;
 padding-top:24px;
}

.svd-pv3-project-card__footer>div{
 display:flex;
 gap:12px;
 color:#667d74;
 font-size:13px;
}

.svd-pv3-project-card__footer strong{
 color:#184533;
 font-size:13px;
}

.svd-pv3-archive-bottom{
 padding:72px 0;
 color:#fff;
 background:#0c2a20;
}

.svd-pv3-archive-bottom__inner{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:40px;
}

.svd-pv3-archive-bottom span{
 color:#b8cdc2;
 font-size:12px;
 font-weight:800;
 letter-spacing:.13em;
 text-transform:uppercase;
}

.svd-pv3-archive-bottom h2{
 max-width:720px;
 margin:10px 0 12px;
 font-size:clamp(30px,4vw,48px);
 line-height:1.08;
}

.svd-pv3-archive-bottom p{
 max-width:680px;
 margin:0;
 color:rgba(255,255,255,.66);
 line-height:1.6;
}

.svd-pv3-button{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:48px;
 padding:0 21px;
 border:0;
 border-radius:14px;
 background:#153e30;
 color:#fff;
 font-weight:800;
 text-decoration:none;
 cursor:pointer;
}

.svd-pv3-button--light{
 white-space:nowrap;
 background:#fff;
 color:#153e30;
}

.svd-pv3-single-hero{
 position:relative;
 display:flex;
 align-items:flex-end;
 min-height:590px;
 padding:80px 0 70px;
 overflow:hidden;
 color:#fff;
 background:linear-gradient(135deg,#082018,#174432);
}

.svd-pv3-single-hero.has-image{
 background-image:var(--svd-project-hero);
 background-position:center;
 background-size:cover;
}

.svd-pv3-single-hero__shade{
 position:absolute;
 inset:0;
 background:linear-gradient(
 90deg,
 rgba(4,18,13,.95),
 rgba(4,18,13,.72) 52%,
 rgba(4,18,13,.22)
 );
}

.svd-pv3-single-hero .container{
 position:relative;
 z-index:2;
 width:100%;
}

.svd-pv3-breadcrumb{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-bottom:68px;
 color:rgba(255,255,255,.65);
 font-size:13px;
}

.svd-pv3-breadcrumb a{
 color:inherit;
 text-decoration:none;
}

.svd-pv3-single-hero__content{
 max-width:900px;
}

.svd-pv3-single-hero h1{
 margin:0;
 max-width:950px;
 font-size:clamp(46px,7.2vw,88px);
 line-height:.96;
 letter-spacing:-.055em;
}

.svd-pv3-single-hero__content>p{
 max-width:780px;
 margin:24px 0 0;
 color:rgba(255,255,255,.82);
 font-size:clamp(17px,2vw,22px);
 line-height:1.58;
}

.svd-pv3-single-hero__meta{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:12px;
 margin-top:29px;
}

.svd-pv3-single-hero__meta>span:not(.svd-pv3-live){
 color:rgba(255,255,255,.66);
 font-size:13px;
}

.svd-pv3-metrics{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:14px;
}

.svd-pv3-metrics>div{
 padding:27px;
 border-radius:20px;
 background:#fff;
 box-shadow:0 10px 34px rgba(20,54,42,.05);
}

.svd-pv3-metrics strong{
 display:block;
 color:#173d30;
 font-size:42px;
 line-height:1;
 letter-spacing:-.04em;
}

.svd-pv3-metrics span{
 display:block;
 margin-top:9px;
 color:var(--svd-muted);
 font-size:13px;
}

.svd-pv3-letter-path{
 position:relative;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px;
}

.svd-pv3-letter-path__line{
 position:absolute;
 top:28px;
 left:8%;
 right:8%;
 height:2px;
 background:linear-gradient(90deg,#a9c4b8,var(--svd-gold),#a9c4b8);
}

.svd-pv3-letter-path>div:not(.svd-pv3-letter-path__line){
 position:relative;
 z-index:2;
}

.svd-pv3-letter-path>div>span{
 display:flex;
 align-items:center;
 justify-content:center;
 width:58px;
 height:58px;
 border:6px solid var(--svd-paper);
 border-radius:50%;
 background:#12392c;
 color:#fff;
 font-weight:900;
}

.svd-pv3-letter-path strong{
 display:block;
 margin-top:16px;
 font-size:18px;
}

.svd-pv3-letter-path small{
 display:block;
 margin-top:5px;
 color:#78827e;
}

.svd-pv3-subprojects{
 background:#fff;
}

.svd-pv3-subproject-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:17px;
}

.svd-pv3-subproject-card{
 display:block;
 overflow:hidden;
 border-radius:21px;
 background:#f5f4ef;
 color:inherit;
 text-decoration:none;
 transition:.25s ease;
}

.svd-pv3-subproject-card:hover{
 transform:translateY(-4px);
 box-shadow:0 18px 44px rgba(20,53,42,.11);
}

.svd-pv3-subproject-card__image{
 position:relative;
 min-height:190px;
 padding:14px;
 background:linear-gradient(135deg,#183f32,#0e2c22);
 background-position:center;
 background-size:cover;
}

.svd-pv3-subproject-card__image span{
 position:absolute;
 left:13px;
 bottom:13px;
 padding:7px 9px;
 border-radius:999px;
 background:rgba(0,0,0,.45);
 color:#fff;
 font-size:11px;
 font-weight:800;
}

.svd-pv3-subproject-card>div:last-child{
 padding:20px;
}

.svd-pv3-subproject-card h3{
 margin:0;
 font-size:20px;
 line-height:1.13;
}

.svd-pv3-subproject-card p{
 margin:10px 0 16px;
 color:#69736f;
 font-size:13px;
 line-height:1.5;
}

.svd-pv3-subproject-card strong{
 color:#24533f;
 font-size:12px;
}

.svd-pv3-about{
 background:#eaf0ed;
}

.svd-pv3-about__inner{
 display:grid;
 grid-template-columns:180px minmax(0,820px);
 gap:55px;
}

.svd-pv3-about__label{
 color:#557066;
 font-size:12px;
 font-weight:800;
 letter-spacing:.13em;
 text-transform:uppercase;
}

.svd-pv3-about__content{
 font-size:18px;
 line-height:1.75;
}

.svd-pv3-timeline{
 background:#f7f6f2;
}

.svd-pv3-story-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
}

.svd-pv3-story{
 display:flex;
 flex-direction:column;
 overflow:hidden;
 border-radius:21px;
 background:#fff;
 box-shadow:0 8px 30px rgba(17,45,34,.055);
}

.svd-pv3-story.is-more{
 display:none;
}

.svd-pv3-story.is-more.is-visible{
 display:flex;
}

.svd-pv3-story__cover{
 position:relative;
 width:100%;
 height:235px;
 padding:0;
 border:0;
 overflow:hidden;
 background:#dfe6e2;
 cursor:pointer;
}

.svd-pv3-story__cover img{
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .35s ease;
}

.svd-pv3-story:hover .svd-pv3-story__cover img{
 transform:scale(1.035);
}

.svd-pv3-media-badge,
.svd-pv3-video-badge{
 position:absolute;
 bottom:12px;
 padding:6px 9px;
 border-radius:999px;
 background:rgba(6,18,14,.78);
 color:#fff;
 font-size:11px;
 font-weight:800;
}

.svd-pv3-media-badge{left:12px}
.svd-pv3-video-badge{right:12px}

.svd-pv3-story__body{
 display:flex;
 flex:1;
 flex-direction:column;
 padding:22px;
}

.svd-pv3-story time{
 color:#7c8782;
 font-size:12px;
 font-weight:700;
}

.svd-pv3-story h3{
 margin:9px 0 10px;
 font-size:20px;
 line-height:1.22;
 letter-spacing:-.02em;
}

.svd-pv3-story p{
 margin:0 0 19px;
 color:#69736f;
 font-size:14px;
 line-height:1.57;
}

.svd-pv3-story__open{
 margin-top:auto;
 padding:0;
 border:0;
 background:none;
 color:#1f533f;
 font-size:13px;
 font-weight:800;
 text-align:left;
 cursor:pointer;
}

.svd-pv3-load-more-wrap{
 display:flex;
 justify-content:center;
 margin-top:34px;
}

.svd-pv3-modal{
 position:fixed;
 inset:0;
 z-index:999990;
 display:none;
}

.svd-pv3-modal.is-open{
 display:block;
}

.svd-pv3-modal__backdrop{
 position:absolute;
 inset:0;
 background:rgba(3,12,9,.84);
 backdrop-filter:blur(8px);
}

.svd-pv3-modal__panel{
 position:absolute;
 top:4vh;
 bottom:4vh;
 left:50%;
 width:min(920px,92vw);
 padding:40px;
 overflow:auto;
 transform:translateX(-50%);
 border-radius:24px;
 background:#fff;
 box-shadow:0 30px 100px rgba(0,0,0,.34);
}

.svd-pv3-modal__close{
 position:sticky;
 z-index:4;
 top:0;
 float:right;
 width:42px;
 height:42px;
 border:0;
 border-radius:50%;
 background:#102f25;
 color:#fff;
 font-size:28px;
 cursor:pointer;
}

.svd-pv3-modal-story>time{
 display:block;
 margin-bottom:10px;
 color:#78827e;
 font-size:13px;
 font-weight:700;
}

.svd-pv3-modal-story h2{
 margin:0 60px 22px 0;
 font-size:clamp(28px,4vw,45px);
 line-height:1.06;
 letter-spacing:-.04em;
}

.svd-pv3-modal-story__text{
 font-size:17px;
 line-height:1.75;
}

.svd-pv3-source-link{
 display:inline-flex;
 margin-top:25px;
 color:#1d533e;
 font-weight:800;
}

.svd-pstory-gallery{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
 margin-top:27px;
}

.svd-pstory-photo{
 aspect-ratio:1/1;
 padding:0;
 border:0;
 border-radius:12px;
 overflow:hidden;
 background:#e5e9e7;
 cursor:zoom-in;
}

.svd-pstory-photo img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}

.svd-pstory-videos{
 display:grid;
 gap:14px;
 margin-top:25px;
}

.svd-pstory-videos video{
 width:100%;
 max-height:620px;
 border-radius:15px;
 background:#000;
}

.svd-pv3-lightbox{
 position:fixed;
 inset:0;
 z-index:999999;
 display:none;
 align-items:center;
 justify-content:center;
 padding:20px;
 background:rgba(0,0,0,.95);
}

.svd-pv3-lightbox.is-open{
 display:flex;
}

.svd-pv3-lightbox img{
 display:block;
 max-width:92vw;
 max-height:88vh;
 object-fit:contain;
}

.svd-pv3-lightbox__close,
.svd-pv3-lightbox__prev,
.svd-pv3-lightbox__next{
 position:absolute;
 z-index:2;
 border:0;
 background:rgba(255,255,255,.12);
 color:#fff;
 cursor:pointer;
}

.svd-pv3-lightbox__close{
 top:18px;
 right:18px;
 width:46px;
 height:46px;
 border-radius:50%;
 font-size:30px;
}

.svd-pv3-lightbox__prev,
.svd-pv3-lightbox__next{
 top:50%;
 width:48px;
 height:66px;
 transform:translateY(-50%);
 border-radius:14px;
 font-size:40px;
}

.svd-pv3-lightbox__prev{left:18px}
.svd-pv3-lightbox__next{right:18px}

.svd-pv3-lightbox__counter{
 position:absolute;
 bottom:18px;
 left:50%;
 transform:translateX(-50%);
 color:#fff;
 font-size:13px;
 font-weight:700;
}

.svd-pv3-return{
 padding:0 0 65px;
 background:#f7f6f2;
}

.svd-pv3-return a{
 display:inline-flex;
 padding:14px 17px;
 border-radius:12px;
 background:#e7ece9;
 color:#214f3d;
 font-weight:800;
 text-decoration:none;
}

@media(max-width:1000px){

 .svd-pv3-project-card.is-featured{
  grid-template-columns:1fr;
 }

 .svd-pv3-subproject-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .svd-pv3-story-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .svd-pv3-metrics{
  grid-template-columns:repeat(2,1fr);
 }

 .svd-pv3-letter-path{
  grid-template-columns:repeat(2,1fr);
 }

 .svd-pv3-letter-path__line{
  display:none;
 }
}

@media(max-width:700px){

 .svd-pv3-archive-hero{
  padding:72px 0 58px;
 }

 .svd-pv3-archive-hero h1{
  font-size:54px;
 }

 .svd-pv3-archive-lead{
  font-size:17px;
 }

 .svd-pv3-archive-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:30px;
 }

 .svd-pv3-archive-stats>div{
  min-width:0;
  padding:14px;
 }

 .svd-pv3-projects,
 .svd-pv3-overview,
 .svd-pv3-subprojects,
 .svd-pv3-about,
 .svd-pv3-timeline{
  padding:54px 0;
 }

 .svd-pv3-section-heading,
 .svd-pv3-overview__head{
  display:block;
  margin-bottom:26px;
 }

 .svd-pv3-section-heading>p,
 .svd-pv3-overview__head>p{
  margin-top:14px;
 }

 .svd-pv3-project-grid,
 .svd-pv3-subproject-grid,
 .svd-pv3-story-grid{
  grid-template-columns:1fr;
 }

 .svd-pv3-project-card.is-featured{
  display:block;
 }

 .svd-pv3-project-card__visual,
 .svd-pv3-project-card.is-featured .svd-pv3-project-card__visual{
  min-height:300px;
 }

 .svd-pv3-project-card__body,
 .svd-pv3-project-card.is-featured .svd-pv3-project-card__body{
  min-height:0;
  padding:23px;
 }

 .svd-pv3-archive-bottom__inner{
  display:block;
 }

 .svd-pv3-archive-bottom .svd-pv3-button{
  margin-top:25px;
 }

 .svd-pv3-single-hero{
  min-height:520px;
  padding:58px 0 48px;
 }

 .svd-pv3-single-hero__shade{
  background:linear-gradient(
   180deg,
   rgba(4,18,13,.42),
   rgba(4,18,13,.95) 62%
  );
 }

 .svd-pv3-breadcrumb{
  margin-bottom:78px;
 }

 .svd-pv3-single-hero h1{
  font-size:46px;
 }

 .svd-pv3-single-hero__content>p{
  font-size:16px;
 }

 .svd-pv3-metrics{
  grid-template-columns:repeat(2,1fr);
  gap:8px;
 }

 .svd-pv3-metrics>div{
  padding:18px;
 }

 .svd-pv3-metrics strong{
  font-size:34px;
 }

 .svd-pv3-letter-path{
  display:block;
 }

 .svd-pv3-letter-path>div:not(.svd-pv3-letter-path__line){
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:14px;
  margin-bottom:22px;
 }

 .svd-pv3-letter-path>div>span{
  grid-row:1/3;
  width:48px;
  height:48px;
  border:0;
 }

 .svd-pv3-letter-path strong{
  margin:2px 0 0;
 }

 .svd-pv3-about__inner{
  grid-template-columns:1fr;
  gap:15px;
 }

 .svd-pv3-story__cover{
  height:220px;
 }

 .svd-pv3-modal__panel{
  top:2vh;
  bottom:2vh;
  width:96vw;
  padding:24px 17px;
  border-radius:18px;
 }

 .svd-pv3-modal-story h2{
  margin-right:46px;
  font-size:29px;
 }

 .svd-pstory-gallery{
  grid-template-columns:repeat(2,1fr);
 }

 .svd-pv3-lightbox{
  padding:8px;
 }

 .svd-pv3-lightbox__prev{
  left:7px;
 }

 .svd-pv3-lightbox__next{
  right:7px;
 }
}