@font-face{font-family:'Mriya Grotesk';src:local('Mriya Grotesk'),url('fonts/MriyaGrotesk-Regular.woff2') format('woff2'),url('fonts/MriyaGrotesk-Regular.woff') format('woff');font-weight:400;font-display:swap;}
@font-face{font-family:'Mriya Grotesk';src:local('Mriya Grotesk Light'),url('fonts/MriyaGrotesk-Light.woff2') format('woff2');font-weight:300;font-display:swap;}
@font-face{font-family:'Mriya Grotesk';src:local('Mriya Grotesk Medium'),url('fonts/MriyaGrotesk-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
:root{
--paper:#f7f4ef;--white:#fdfcfa;--ink:#17201f;
--teal:#1b6973;--teal-mid:#2c7983;--teal-deep:#0f3d44;--teal-dark:#12474e;
--sand:#eed8c9;--sand-d:#dcc0ab;
--ghost:rgba(27,105,115,.6);
--dark:#12474e;--dark2:#0e3940;
--muted:#68716e;--line:#e3ddd2;--maxw:1440px;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'Mriya Grotesk','Archivo',-apple-system,'Segoe UI',Helvetica,sans-serif;
font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--teal);color:#fff;}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal-mid);outline-offset:3px;}
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:lowercase;color:var(--teal);font-weight:500;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 6vw;}
header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .4s,box-shadow .4s,padding .4s;padding:26px 0;}
header .wrap{display:flex;align-items:center;justify-content:space-between;}
header.solid{background:rgba(247,244,239,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);padding:14px 0;}
.logo{display:flex;align-items:center;gap:16px;font-size:14px;letter-spacing:.44em;font-weight:400;
color:#fff;transition:color .4s;white-space:nowrap;text-transform:uppercase;}
.logo .mark{height:42px;width:auto;}
.logo .wm{font-size:13px;letter-spacing:.42em;text-transform:uppercase;font-weight:400;}
.logo .mark-teal{display:none;}
header.solid .logo{color:var(--teal-deep);}
header.solid .mark-sand{display:none;}
header.solid .mark-teal{display:block;}
nav.main{display:flex;gap:38px;align-items:center;}
nav.main a{font-size:12px;letter-spacing:.22em;text-transform:lowercase;font-weight:500;color:rgba(255,255,255,.88);transition:color .3s;}
nav.main a:hover{color:var(--sand);}
header.solid nav.main a{color:var(--ink);}
header.solid nav.main a:hover{color:var(--teal);}
nav.main a.cta{border:1px solid currentColor;padding:10px 22px;transition:.3s;}
nav.main a.cta:hover{background:var(--teal);border-color:var(--teal);color:#fff;}
.burger{display:none;background:none;border:0;cursor:pointer;width:30px;height:22px;position:relative;z-index:120;}
.burger span{position:absolute;left:0;width:100%;height:2px;background:#fff;transition:.3s;}
header.solid .burger span{background:var(--teal-deep);}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:10px}.burger span:nth-child(3){top:20px}
body.menu-open .burger span{background:#fff;}
body.menu-open .burger span:nth-child(1){top:10px;transform:rotate(45deg);}
body.menu-open .burger span:nth-child(2){opacity:0;}
body.menu-open .burger span:nth-child(3){top:10px;transform:rotate(-45deg);}
.mobile-menu{position:fixed;inset:0;background:var(--teal-deep);z-index:110;display:flex;flex-direction:column;
justify-content:center;padding:0 8vw;gap:8px;opacity:0;pointer-events:none;transition:opacity .35s;}
body.menu-open .mobile-menu{opacity:1;pointer-events:auto;}
.mobile-menu a{font-size:clamp(28px,6vw,44px);font-weight:300;text-transform:lowercase;color:var(--sand);padding:10px 0;border-bottom:1px solid rgba(238,216,201,.14);}
.mobile-menu a em{font-style:normal;color:rgba(238,216,201,.55);font-size:12px;letter-spacing:.3em;display:block;}
.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--teal-deep);}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 2s ease;}
.hero .slide.on{opacity:1;}
.hero .slide img{width:100%;height:100%;object-fit:cover;animation:kb 14s linear infinite alternate;}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,38,42,.78) 0%,rgba(10,38,42,.16) 45%,rgba(10,38,42,.3) 100%);}
.hero .content{position:absolute;inset:auto 0 0 0;padding:0 6vw 9vh;color:#fff;max-width:1150px;}
.hero h1{font-weight:300;font-size:clamp(34px,4.9vw,64px);line-height:1.14;letter-spacing:.005em;text-transform:lowercase;margin:20px 0 22px;}
.hero p.sub{font-size:clamp(15px,1.4vw,19px);font-weight:300;color:rgba(255,255,255,.85);max-width:640px;margin-bottom:36px;}
.btn{display:inline-block;font-size:12px;letter-spacing:.24em;text-transform:lowercase;font-weight:500;
padding:16px 36px;border:1px solid rgba(255,255,255,.65);color:#fff;transition:.3s;background:none;}
.btn:hover{background:var(--sand);border-color:var(--sand);color:var(--teal-deep);}
.btn.dark{border-color:var(--teal);color:var(--teal);}
.btn.dark:hover{background:var(--teal);color:#fff;}
.hero .scroll-cue{position:absolute;right:6vw;bottom:9vh;color:rgba(255,255,255,.75);font-size:11px;letter-spacing:.28em;
text-transform:lowercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px;}
.hero .scroll-cue:after{content:"";width:1px;height:56px;background:linear-gradient(to bottom,rgba(238,216,201,.8),transparent);animation:drop 2s infinite;}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(1);opacity:0}}
section{padding:clamp(72px,9vw,130px) 0;}
h2.big{font-weight:300;font-size:clamp(28px,3.4vw,48px);line-height:1.22;text-transform:lowercase;margin:16px 0 24px;}
.statement{max-width:1000px;}
.statement p.lg{font-size:clamp(21px,2.5vw,34px);line-height:1.5;font-weight:300;}
.statement p.lg strong{font-weight:500;color:var(--teal);}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);margin-top:70px;border:1px solid var(--line);}
.stats div{background:var(--paper);padding:34px 28px;transition:background .4s;}
.stats div:hover{background:#eef2f0;}
.stats .n{font-size:clamp(30px,3vw,46px);font-weight:300;color:var(--teal);line-height:1;}
.stats .l{font-size:11px;letter-spacing:.22em;text-transform:lowercase;color:var(--muted);margin-top:10px;}
.work{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(70px,8vw,120px);}
.work:nth-child(even){grid-template-columns:1fr 1.35fr;}
.work:nth-child(even) .w-img{order:2;}
.work .w-img{overflow:hidden;position:relative;display:block;}
.work .w-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform 1.2s cubic-bezier(.2,.6,.2,1);}
.work .w-img::after{content:"";position:absolute;inset:0;background:var(--teal);opacity:0;transition:opacity .5s;pointer-events:none;}
.work:hover .w-img img{transform:scale(1.045);}
.work:hover .w-img::after{opacity:.6;}
.work .w-img .wv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
color:var(--sand);border:1px solid var(--sand);padding:12px 26px;font-size:11px;letter-spacing:.3em;
text-transform:lowercase;opacity:0;transition:opacity .45s;}
.work:hover .w-img .wv{opacity:1;}
.work .idx{font-size:13px;letter-spacing:.24em;text-transform:lowercase;color:var(--teal);margin-bottom:14px;}
.work h3{font-weight:400;font-size:clamp(23px,2.3vw,34px);line-height:1.25;margin:8px 0 14px;}
.work p{color:var(--muted);max-width:420px;margin-bottom:22px;}
.tlink{font-size:12px;letter-spacing:.24em;text-transform:lowercase;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:10px;}
.tlink:after{content:"→";transition:transform .3s;color:var(--teal);}
.tlink:hover{color:var(--teal);}
.tlink:hover:after{transform:translateX(6px);}
.dark-band{background:linear-gradient(165deg,var(--teal-dark),var(--teal-deep));color:#e8efee;}
.dark-band .eyebrow{color:var(--sand);}
.typs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(238,216,201,.14);border:1px solid rgba(238,216,201,.14);margin-top:56px;}
.typ{background:var(--dark2);padding:0 0 30px;transition:background .35s;position:relative;}
.typ:hover{background:#124a52;}
.typ .timg{position:relative;overflow:hidden;display:block;}
.typ .timg::after{content:"";position:absolute;inset:0;background:var(--teal);opacity:0;transition:opacity .5s;}
.typ:hover .timg::after{opacity:.6;}
.typ img{aspect-ratio:1/1;object-fit:cover;width:100%;filter:saturate(.94);transition:transform 1s;}
.typ:hover img{transform:scale(1.04);}
.typ h4{font-weight:400;font-size:17px;text-transform:lowercase;letter-spacing:.02em;margin:22px 22px 8px;color:var(--sand);}
.typ p{font-size:13px;font-weight:300;color:#a7c2c1;margin:0 22px;line-height:1.6;}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);margin-top:60px;}
.proc div{border-top:1px solid var(--line);padding-top:26px;}
.dark-band .proc div{border-top-color:rgba(238,216,201,.22);}
.proc .num{color:var(--teal);font-size:14px;letter-spacing:.2em;}
.dark-band .proc .num{color:var(--sand);}
.proc h4{font-weight:500;font-size:18px;text-transform:lowercase;letter-spacing:.02em;margin:12px 0 10px;}
.proc p{font-size:14px;color:var(--muted);line-height:1.7;}
.dark-band .proc p{color:#a7c2c1;font-weight:300;}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:46px;}
.chip{font-family:inherit;border:1px solid var(--line);background:none;padding:11px 24px;font-size:12px;letter-spacing:.2em;
text-transform:lowercase;color:var(--muted);cursor:pointer;transition:.3s;}
.chip:hover{border-color:var(--teal);color:var(--teal);}
.chip.on{background:var(--teal);border-color:var(--teal);color:#fff;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,34px);margin-top:50px;}
.tile{position:relative;overflow:hidden;background:var(--teal-deep);display:block;}
.tile img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1);}
.tile::after{content:"";position:absolute;inset:0;background:var(--teal);opacity:0;transition:opacity .5s;}
.tile:hover img{transform:scale(1.05);}
.tile:hover::after{opacity:.6;}
.tile .cap{position:absolute;inset:auto 0 0 0;padding:26px;color:#fff;background:linear-gradient(to top,rgba(10,38,42,.78),transparent);z-index:2;}
.tile .cap h3{font-weight:400;font-size:20px;line-height:1.3;}
.tile .cap p{font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:var(--sand);margin-top:6px;}
.tile .view{position:absolute;top:22px;right:22px;font-size:11px;letter-spacing:.26em;text-transform:lowercase;
color:var(--sand);border:1px solid var(--sand);padding:8px 18px;opacity:0;transition:opacity .4s;z-index:2;}
.tile:hover .view{opacity:1;}
.phero{position:relative;height:78vh;height:78svh;min-height:520px;overflow:hidden;background:var(--teal-deep);}
.phero img{width:100%;height:100%;object-fit:cover;}
.phero .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,38,42,.74),rgba(10,38,42,.05) 55%);}
.phero .content{position:absolute;inset:auto 0 0 0;padding:0 6vw 7vh;color:#fff;}
.phero h1{font-weight:300;font-size:clamp(32px,4.2vw,56px);line-height:1.12;text-transform:lowercase;margin-top:14px;}
.meta{display:flex;flex-wrap:wrap;gap:2px;background:var(--line);border:1px solid var(--line);margin:0;}
.meta div{background:var(--paper);padding:22px 30px;flex:1;min-width:180px;}
.meta .k{font-size:10.5px;letter-spacing:.24em;text-transform:lowercase;color:var(--muted);}
.meta .v{font-size:17px;font-weight:500;color:var(--teal-deep);margin-top:6px;}
.pbody{max-width:820px;}
.pbody p{font-size:17px;font-weight:300;line-height:1.9;color:#39423f;margin-bottom:24px;}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:70px;}
.gimg{position:relative;display:block;overflow:hidden;cursor:zoom-in;}
.gimg::after{content:"";position:absolute;inset:0;background:var(--teal);opacity:0;transition:opacity .5s;pointer-events:none;}
.gimg:hover::after{opacity:.6;}
.gimg img{width:100%;object-fit:cover;aspect-ratio:4/3;transition:transform 1s;}
.gimg:hover img{transform:scale(1.03);}
.pnav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:44px;margin-top:90px;gap:20px;}
.pnav a{max-width:45%;}
.pnav .lab{font-size:11px;letter-spacing:.24em;text-transform:lowercase;color:var(--muted);}
.pnav .nm{font-size:clamp(18px,2vw,25px);font-weight:400;margin-top:8px;transition:color .3s;}
.pnav a:hover .nm{color:var(--teal);}
.pnav .next{text-align:right;margin-left:auto;}
/* about blocks */
.ablocks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,70px);margin-top:60px;}
.ablock{border-top:1px solid var(--line);padding-top:26px;}
.ablock h3{font-weight:400;font-size:22px;text-transform:lowercase;margin-bottom:12px;}
.ablock p{font-size:15px;font-weight:300;color:#39423f;line-height:1.8;}
/* team hover cards */
.tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);margin-top:60px;}
.tcard{position:relative;}
.tcard .tphoto{position:relative;overflow:hidden;display:block;background:var(--teal-deep);}
.tcard img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1);}
.tcard:hover img{transform:scale(1.05);}
.tcard .story{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
background:linear-gradient(to top,rgba(15,61,68,.92),var(--ghost));opacity:0;transition:opacity .5s;overflow:auto;}
.tcard:hover .story,.tcard:focus-within .story{opacity:1;}
.tcard .story p{font-size:12.5px;font-weight:300;line-height:1.6;color:#eef4f3;}
.tcard .story .q{font-size:10.5px;letter-spacing:.14em;text-transform:lowercase;color:var(--sand);}
.tinfo{padding:18px 2px 0;}
.tinfo h4{font-size:18px;font-weight:400;}
.tinfo p{font-size:11.5px;letter-spacing:.2em;text-transform:lowercase;color:var(--teal);margin-top:4px;}
/* volumes & phases */
.vols{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,2.4vw,40px);margin-top:60px;}
.vols>div{border-top:1px solid var(--line);padding-top:24px;}
.vols .vn{font-size:11px;letter-spacing:.3em;text-transform:lowercase;color:var(--teal);}
.vols h4{font-weight:500;font-size:16.5px;text-transform:lowercase;margin:10px 0 10px;}
.vols p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.7;}
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:60px;}
.phases>div{border-top:1px solid rgba(238,216,201,.22);padding-top:24px;}
.phases .vn{font-size:11px;letter-spacing:.3em;text-transform:lowercase;color:var(--sand);}
.phases h4{font-weight:500;font-size:17px;text-transform:lowercase;margin:10px 0 10px;color:#eef4f3;}
.phases p{font-size:13.5px;font-weight:300;color:#a7c2c1;line-height:1.75;}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);margin-top:56px;}
.quote{background:var(--white);padding:34px 30px;display:flex;flex-direction:column;gap:14px;}
.quote .stars{color:var(--teal);font-size:14px;letter-spacing:.3em;}
.quote p{font-size:14.5px;font-weight:300;line-height:1.75;color:#39423f;flex:1;}
.quote cite{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:var(--muted);}
.ig-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px;}
.igt{position:relative;overflow:hidden;display:block;background:var(--teal-deep);}
.igt img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s;}
.igt::after{content:"";position:absolute;inset:0;background:var(--teal);opacity:0;transition:opacity .5s;}
.igt:hover::after{opacity:.6;}
.igt:hover img{transform:scale(1.05);}
.igt span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--sand);
border:1px solid var(--sand);padding:10px 20px;font-size:11px;letter-spacing:.28em;text-transform:lowercase;
opacity:0;transition:opacity .45s;white-space:nowrap;}
.igt:hover span{opacity:1;}
.cta-band{background:linear-gradient(165deg,var(--teal-dark),var(--teal-deep));color:#eef4f3;text-align:center;padding:clamp(90px,11vw,150px) 6vw;}
.cta-band .eyebrow{color:var(--sand);}
.cta-band h2{font-weight:300;font-size:clamp(30px,3.9vw,52px);text-transform:lowercase;max-width:920px;margin:18px auto 20px;line-height:1.25;}
.cta-band p{color:#a7c2c1;font-weight:300;max-width:560px;margin:0 auto 42px;}
footer{background:#0b3138;color:#8fb0af;padding:70px 0 40px;font-size:13.5px;}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;}
footer .logo-f{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:var(--sand);}
footer .logo-f img{height:30px;width:auto;}
footer .tag{color:rgba(238,216,201,.55);letter-spacing:.22em;text-transform:lowercase;font-size:11.5px;margin-top:14px;}
footer h5{font-size:11px;letter-spacing:.26em;text-transform:lowercase;color:#5d8a8a;margin-bottom:18px;font-weight:500;}
footer a{display:block;padding:4px 0;transition:color .3s;}
footer a:hover{color:var(--sand);}
footer .base{border-top:1px solid #16454c;padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#5d8a8a;}
.page-head{padding:clamp(150px,18vw,220px) 0 clamp(50px,6vw,80px);}
.page-head h1{font-weight:300;font-size:clamp(36px,4.9vw,62px);line-height:1.12;text-transform:lowercase;margin-top:18px;max-width:940px;}
.page-head p.intro{font-size:clamp(16px,1.5vw,19px);font-weight:300;color:var(--muted);max-width:660px;margin-top:26px;line-height:1.8;}
.splash{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
background:rgba(27,105,115,.8);backdrop-filter:blur(3px);transition:opacity 1.3s ease;cursor:pointer;}
.splash.done{opacity:0;pointer-events:none;}
.splash .s-inner{text-align:center;animation:srise 1.6s ease both;}
.splash .s-inner img{height:clamp(100px,15vw,170px);width:auto;margin:0 auto 34px;}
.splash .s-word{color:var(--sand);font-size:clamp(20px,2.6vw,30px);letter-spacing:.5em;text-transform:uppercase;margin-left:.5em;}
.splash .s-tag{color:rgba(238,216,201,.85);font-size:clamp(11px,1.2vw,13px);letter-spacing:.32em;text-transform:lowercase;margin-top:16px;margin-left:.32em;}
@keyframes srise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s ease;}
.rv.in{opacity:1;transform:none;}
.lb{position:fixed;inset:0;background:rgba(10,38,42,.95);z-index:200;display:none;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out;}
.lb.on{display:flex;}
.lb img{max-width:100%;max-height:100%;object-fit:contain;}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start;}
.c-item{border-top:1px solid var(--line);padding:24px 0;}
.c-item .k{font-size:11px;letter-spacing:.26em;text-transform:lowercase;color:var(--muted);}
.c-item .v{font-size:clamp(19px,2vw,26px);font-weight:300;margin-top:8px;display:inline-block;transition:color .3s;}
.c-item .v:hover{color:var(--teal);}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
form label{display:block;font-size:11px;letter-spacing:.22em;text-transform:lowercase;color:var(--muted);margin:22px 0 8px;}
form input,form select,form textarea{width:100%;background:var(--white);border:1px solid var(--line);padding:14px 16px;
font-family:inherit;font-size:16px;color:var(--ink);outline:none;transition:border .3s;}
form input:focus,form select:focus,form textarea:focus{border-color:var(--teal);}
form button{margin-top:30px;cursor:pointer;}
@media(max-width:1100px){
.typs{grid-template-columns:repeat(3,1fr);}
.vols{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:1000px){
.stats,.proc{grid-template-columns:repeat(2,1fr);}
.pgrid{grid-template-columns:repeat(2,1fr);}
.quotes{grid-template-columns:1fr;}
.tcards{grid-template-columns:repeat(2,1fr);}
.ablocks{grid-template-columns:1fr;}
.phases{grid-template-columns:1fr;}
.ig-strip{grid-template-columns:repeat(2,1fr);}
footer .cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:860px){
nav.main{display:none;}
.burger{display:block;}
.work,.work:nth-child(even){grid-template-columns:1fr;gap:22px;}
.work:nth-child(even) .w-img{order:0;}
.c-grid{grid-template-columns:1fr;}
.typs{grid-template-columns:repeat(2,1fr);}
.vols{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.pgrid{grid-template-columns:1fr;}
.stats{grid-template-columns:1fr 1fr;}
.gallery{grid-template-columns:1fr;}
.tcards{grid-template-columns:1fr;}
.vols{grid-template-columns:1fr;}
}