/*
Font: 		rugrats
Style: 		Regular
URL: 		https://youworkforthem.com/font/T15758/rugrats-font-duo
Foundry: 	Tegh.Co
Foundry: 	https://youworkforthem.com/designer/1613/tegh-co
Copyright:	
Version: 	18
Created:	April 08, 2026
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face{font-family:'rugrats-Regular';src:url('fonts/rugrats-regular.woff2') format('woff2'),url('fonts/rugrats-regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
/*
Font: 		rugrats sans
Style: 		Regular
URL: 		https://youworkforthem.com/font/T15758/rugrats-font-duo
Foundry: 	Tegh.Co
Foundry: 	https://youworkforthem.com/designer/1613/tegh-co
Copyright:	
Version: 	18
Created:	April 08, 2026
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face{font-family:'rugrats-sans-Regular';src:url('fonts/rugrats-sans-regular.woff2') format('woff2'),url('fonts/rugrats-sans-regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#f2f3ee;color:#000}
body{font-family:"rugrats-sans-Regular","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;padding:36px}
a{color:inherit}
header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:56px}
.mark{font-size:clamp(56px,9vw,104px);line-height:.95;font-weight:500;letter-spacing:-.01em;text-transform:uppercase;text-decoration:none;display:block}
.mark span{display:block}
.mark span+span{margin-left:2.4em}
nav{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.04em;font-size:18px;line-height:1.1;gap:3px;padding-top:6px}
nav a{text-decoration:none}
nav a.on{font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.grid img{width:100%;height:auto;display:block}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px}
.cols p,.cols div p{margin-bottom:1.2em}
.small{text-transform:uppercase;letter-spacing:.04em}
.foot{position:fixed;left:36px;bottom:30px;font-size:14px;text-transform:uppercase}
.tag{max-width:30em}
@media(max-width:820px){
 body{padding:20px}
 header{margin-bottom:32px}
 .mark{font-size:clamp(38px,12vw,64px)}.mark span+span{margin-left:1.2em}
 nav{font-size:13px;flex-shrink:0;margin-left:12px}
 .grid{grid-template-columns:repeat(2,1fr);gap:12px}
 .cols{grid-template-columns:1fr;gap:0}
 .foot{position:static;margin-top:40px}
}
.art{display:block;width:min(300px,60vw);height:auto;margin-top:40px}
@media(min-width:821px){.art{position:absolute;right:36px;bottom:70px;width:260px;margin:0}}
.grid img{aspect-ratio:3/4;object-fit:cover}

.mark{font-family:"rugrats-Regular","Helvetica Neue",Arial,sans-serif;text-transform:none;font-weight:400;letter-spacing:0;line-height:.9}
.mark span+span{margin-left:1.1em}
nav{text-transform:lowercase;font-size:20px;letter-spacing:0}
nav a.on{font-weight:400;text-decoration:underline;text-underline-offset:4px}
.small,.foot,.tag{text-transform:none}
.small{letter-spacing:0}
.grid{gap:28px}
@media(max-width:820px){nav{font-size:16px}.mark span+span{margin-left:.7em}.grid{gap:14px}}
h1{margin:0;font:inherit}
body:has(.grid) .foot{position:static;margin-top:40px}