@font-face{font-family:Manrope;src:url('assets/fonts/font-7.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;src:url('assets/fonts/font-11.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2191,U+2193}
:root{--paper:#f5f2eb;--ink:#263a38;--muted:#5a6861;--line:#c7cfc5;--blue:#124f69;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{font:600 25px/1.3 var(--serif);display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-symbol{color:var(--blue);font:45px/1 Georgia,serif}.header nav{display:flex;gap:30px;font-size:12px}.header-caption,.label,.issue,.tile-caption{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.header-caption{color:var(--muted)}.hero{padding-block:45px 0}.hero-top{display:flex;justify-content:space-between;gap:20px}.label{color:var(--blue);margin-bottom:20px}.issue{color:var(--muted)}h1{font:400 clamp(54px,7.1vw,96px)/1.04 var(--serif);letter-spacing:-4px;margin-block:18px 29px}h1 em,h2 em{font-weight:400;color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:36px}.hero-bottom p{max-width:550px;font-size:16px;line-height:1.8;margin:0;color:var(--muted)}.round-link{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700;flex-shrink:0}.round-arrow{width:51px;height:51px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:25px var(--serif)}.round-link:hover .round-arrow{background:var(--blue);color:#fff;border-color:var(--blue)}.hero-image{margin:0}.hero-image>img{height:480px;object-position:50% 45%}.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-block:16px;border-bottom:1px solid var(--line);letter-spacing:.2px}.section{padding-block:85px}.section-header{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-bottom:42px}h2{font:400 clamp(36px,4vw,52px)/1.2 var(--serif);letter-spacing:-1.5px}.section-header h2{margin:0}.section-header .label{padding-top:10px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.tile{position:relative;height:280px;display:grid;place-items:center;overflow:hidden}.tile-one{background:#dcd8c9}.tile-two{background:#b47554}.tile-three{background:#ced4c9}.tile-caption{position:absolute;left:20px;bottom:13px;color:#33483f;font-size:9px}.tile-two .tile-caption{color:#fff0de}.vase{width:130px;height:150px;background:linear-gradient(90deg,#a99d7d,#d4c8a5 48%,#b7a98a);border-radius:27% 27% 32% 32% / 14% 14% 29% 29%;position:relative;box-shadow:10px 20px 18px #6c69452b}.vase:before{content:'';position:absolute;top:-9px;left:2px;right:2px;height:24px;background:#6f725e;border:8px solid #c3b693;border-radius:50%}.vase:after{content:'';position:absolute;right:-39px;top:21px;width:55px;height:73px;border:14px solid #b5a889;border-left-width:7px;border-radius:43%;z-index:-1}.vase{isolation:isolate}.clay-lines{width:190px;height:174px;display:flex;flex-direction:column;justify-content:space-around;transform:rotate(-13deg)}.clay-lines i{display:block;height:17px;border-radius:50%;border-top:4px solid #e3ac84;border-bottom:3px solid #82492f;box-shadow:0 6px 7px #6c382a33}.bowl{width:210px;height:110px;border-radius:8% 8% 48% 48% / 12% 12% 95% 95%;background:linear-gradient(90deg,#466c72,#7da5a5 52%,#4a7478);box-shadow:10px 20px 18px #50645d33;position:relative}.bowl:before{content:'';position:absolute;left:0;top:-12px;width:100%;height:32px;border:8px solid #8fb0ad;background:#365961;border-radius:50%}.article-meta{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:21px}h3{font:400 28px/1.25 var(--serif);letter-spacing:-.4px}.article h3{margin-block:11px 13px}.article p{font-size:13px;color:var(--muted)}.article{display:flex;flex-direction:column}.read-link{margin-top:auto;padding-block:13px 4px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;font-weight:700}.material{background:#e7eade;border-block:1px solid var(--line);padding-block:75px}.material-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:start}.material h2{font-size:54px;margin-block:20px 26px}.material-grid>div>p:last-child{max-width:355px;font-size:14px;color:var(--muted)}.material-steps{list-style:none;padding:0;margin:0}.material-steps li{display:flex;gap:27px;border-top:1px solid #b9c3b7;padding-block:23px}.material-steps li>span{font-size:11px;color:var(--blue);padding-top:7px}.material-steps h3{font-size:27px;margin-bottom:9px}.material-steps p{font-size:13px;color:var(--muted);margin:0}.reading>h2{margin-bottom:42px}.essay{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding-block:35px;border-top:1px solid var(--line)}.essay-index{font:italic 47px var(--serif);color:#8b9e96}.essay h3{font-size:32px;margin-bottom:21px}.essay p{font-size:14px;line-height:1.9;color:var(--muted)}.essay .observation{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--blue);padding-left:22px;border-left:2px solid #aebeb5;margin-block:25px 0}.care{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-block:1px solid var(--line);padding-block:45px}.care h2{font-size:39px}.care details{border-top:1px solid var(--line)}.care details:first-child{border-top:none}.care summary{cursor:pointer;padding-block:18px;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.care summary::-webkit-details-marker{display:none}.care summary:after{content:'+';font-weight:400;font-size:21px;line-height:1}.care details[open] summary:after{content:'−'}.care details p{font-size:13px;color:var(--muted);padding-right:25px}.about{padding-block:55px;display:flex;align-items:center;justify-content:center;gap:36px}.about>.brand-symbol{font-size:70px}.about p{font:italic 23px/1.5 var(--serif);max-width:680px;margin:0;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;border-top:1px solid var(--line);padding-block:25px;color:var(--muted)}
@media(max-width:1000px){.header-caption{display:none}.material-grid{gap:45px}.tile{height:240px}.articles{gap:22px}.material h2{font-size:46px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:15px;padding-block:20px}.brand{font-size:24px}.header nav{gap:25px}.hero{padding-top:28px}.hero-top{display:block}.hero-top .label{margin-bottom:8px}.issue{font-size:9px}h1{font-size:clamp(49px,12vw,70px);letter-spacing:-2.5px;margin-block:25px}.hero-bottom{display:block;margin-bottom:28px}.hero-bottom p{font-size:14px}.round-link{margin-top:23px;justify-content:space-between}.round-arrow{width:42px;height:42px}.hero-image>img{height:310px;object-position:48% 50%}.hero-image figcaption{font-size:9px}.hero-image figcaption>span:last-child{display:none}.section{padding-block:50px}.section-header{display:block;margin-bottom:30px}h2{font-size:37px;letter-spacing:-1px}.section-header .label{padding:0}.articles{grid-template-columns:1fr;gap:35px}.tile{height:270px}.article h3{font-size:30px}.article p{font-size:14px}.article-meta{margin-top:15px}.read-link{padding-bottom:8px;font-size:12px}.material{padding-block:48px}.material-grid{grid-template-columns:1fr;gap:20px}.material h2{font-size:43px;margin-block:18px 22px}.material-grid>div>p:last-child{max-width:none}.material-steps li{gap:20px}.essay{grid-template-columns:35px 1fr;gap:16px;padding-block:28px}.essay-index{font-size:29px}.essay h3{font-size:28px}.essay p{font-size:13px}.essay .observation{font-size:19px;padding-left:16px}.care{grid-template-columns:1fr;gap:6px;padding-block:30px}.care h2{font-size:36px}.care summary{font-size:13px}.about{gap:21px;padding-block:40px}.about>.brand-symbol{font-size:50px}.about p{font-size:19px}.footer{flex-wrap:wrap;gap:13px}.footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
