/* Green Squat: the publication is the visual identity, not a dashboard. */
#green-squat { --accent:#b6f04b; }
#green-squat .scene--green-squat { display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr auto;gap:0;padding:36px 4% 30px!important;background:#dadbd3;color:#17221a;isolation:isolate; }
#green-squat .scene::before { opacity:.16;background:radial-gradient(#233324 0.55px,transparent .65px);background-size:5px 5px; }
#green-squat .project-dna,#green-squat .sector-motif,#green-squat .sector-console,#green-squat .sector-readout,#green-squat .scene::after { display:none!important; }
.gs-masthead { grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #17221a66;font:700 11px/1.5 var(--mono);letter-spacing:.13em; }
.gs-editorial { grid-column:1;grid-row:2;display:flex;min-height:0;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vh,58px);padding:clamp(28px,5vh,58px) 0 clamp(24px,4vh,48px);z-index:3; }
.gs-title { padding:0;z-index:3; }
.gs-title>p { font:700 10px/1.6 var(--mono);letter-spacing:.1em;margin:0 0 20px; }
#green-squat .gs-title h2 { font:900 clamp(4.5rem,10.5cqw,10rem)/.92 var(--display);letter-spacing:.005em;margin:0; }
.gs-title em { font-style:normal;color:#315635; }
.gs-copy { max-width:42ch;z-index:3; }
.gs-copy h3 { font:normal italic clamp(1.55rem,2.5cqw,2.5rem)/1.12 Georgia,serif!important;letter-spacing:-.035em!important;margin:0 0 20px; }
.gs-copy p { font:400 clamp(.93rem,1.1cqw,1.05rem)/1.7 var(--mono);margin:0 0 22px; }
.gs-copy>button { display:flex;justify-content:space-between;align-items:center;gap:32px;width:100%;padding:14px 0;background:none;border:0;border-top:1px solid #17221a77;border-bottom:1px solid #17221a77;cursor:pointer;font:700 11px/1.5 var(--mono);letter-spacing:.04em; }
.gs-copy>button span { font:normal 26px/1 Georgia,serif;transition:transform .25s; }.gs-copy>button:hover span { transform:translate(3px,-3px); }
.gs-publication { grid-column:2;grid-row:2;position:relative;align-self:center;height:68vh;min-height:350px;perspective:1400px; }
.gs-cover { position:absolute;left:20%;top:9%;width:66%;height:81%;padding:0;border:0;background:none;cursor:pointer;transform:rotate(-5deg) rotateY(-9deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(18px 28px 22px #10201440); }
.gs-cover>img { width:100%;height:100%;object-fit:contain;filter:none!important; }
.gs-cover>span { position:absolute;left:6%;right:6%;bottom:5%;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#c7f164;color:#17221a;font:700 10px/1.4 var(--mono);letter-spacing:.06em;box-shadow:0 4px 12px #0003; }
.gs-cover>span b { font-size:23px; }
.gs-cover:hover,.gs-cover:focus-visible { transform:rotate(-1deg) rotateY(0deg) translateY(-8px); }
.gs-inside { position:absolute;width:50%;height:71%;object-fit:contain;top:15%;filter:drop-shadow(5px 14px 14px #16201935)!important; }
.gs-inside--left { left:1%;transform:rotate(-15deg) translateY(calc((var(--scan,.5) - .5)*-16px)); }
.gs-inside--right { right:-4%;transform:rotate(12deg) translateY(calc((var(--scan,.5) - .5)*16px)); }
.gs-colophon { grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #17221a66;padding-top:17px;font:700 10px/1.5 var(--mono);letter-spacing:.07em; }
@media(max-height:750px) and (min-width:960px) { .gs-editorial { padding-block:3vh;gap:18px; }#green-squat .gs-title h2 { font-size:8.5cqw; }.gs-copy h3 { margin-bottom:10px;font-size:clamp(1.3rem,2.1cqw,2rem)!important; }.gs-copy p { font-size:14px;line-height:1.5; } }
@media(max-width:959px) { #green-squat .scene--green-squat { grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding:28px 24px!important; }.gs-editorial { display:contents; }.gs-title { grid-column:1;grid-row:2;padding-top:32px; }#green-squat .gs-title h2 { font-size:clamp(5rem,20vw,9rem); }.gs-publication { grid-column:1;grid-row:3;height:60vh;min-height:360px;margin:15px 0; }.gs-copy { grid-column:1;grid-row:4;max-width:48ch;padding-bottom:32px; }.gs-colophon { grid-row:5;flex-wrap:wrap;font-size:9px;gap:12px; }.gs-inside--right { right:0; }.gs-cover { left:18%; } }
@media(prefers-reduced-motion:reduce) { .gs-inside,.gs-cover { transform:none;transition:none; } }