@layer theme,base;@layer components{.stream-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.at-home .wrap{width:min(900px,90%)}.at-home header .wrap{height:var(--masthead-height);border:0;justify-content:center;align-items:center;min-height:0;padding:0;position:relative}.at-home header nav{display:none}.at-home .brand{letter-spacing:-.045em;color:#28372f;cursor:default;margin:0;font:500 clamp(48px,5.3vw,76px)/1.1 Georgia,serif}.mountains{width:100%;height:auto;display:block}.composition{background:#343e31;border:3px solid #343e31;grid-template-rows:80px 60px;grid-template-columns:1.35fr 1fr .76fr;gap:3px;margin-top:14px;display:grid}.tile{color:#26352b;flex-direction:column;justify-content:flex-end;padding:13px 19px;line-height:1.15;display:flex;position:relative}.tile:hover{color:#26352b;box-shadow:inset 0 0 0 2px}.tile span{font:600 26px/1.2 var(--serif)}.tile em{margin-top:3px;font:italic 18px Georgia,serif}.tile i{font:16px/1.4 system-ui;position:absolute;top:9px;right:12px}.tile-writing{background:#dedbc5;grid-row:span 2}.tile-writing span{font-size:36px}.tile-audio{color:#fff9ed;background:#ad5439;flex-flow:wrap;grid-column:2/4;place-content:end flex-start;align-items:baseline;gap:9px}.tile-audio:hover{color:#fff9ed}.tile-now{background:#b1bba3;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px}.latest{margin-top:36px}.stream-head h2{font-size:23px}.recent-grid{gap:24px;margin-top:20px}.recent-grid small{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.recent-grid h3{margin:8px 0;font-size:21px}.recent-grid p{color:var(--muted);margin:0;font-size:14px}.recent-grid a:hover h3{text-underline-offset:4px;text-decoration:underline}.at-home{--masthead-height:140px}.at-home>header{z-index:1;background:0 0;position:absolute;inset:0 0 auto}.at-home .greeting{color:#a24e35}.at-home main.wrap{width:100%}.at-home .mountains{height:calc(var(--masthead-height) + clamp(320px, 33.333vw, 720px));object-fit:cover;object-position:38% 0}.at-home .composition,.at-home .latest{width:min(var(--page-max), calc(100% - 112px));margin-inline:auto}.tile-about{background:#f2eddd;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px}@media (width>=901px){.at-home .wrap{width:min(var(--page-max), calc(100% - 112px))}.at-home .brand{letter-spacing:-.045em;font-weight:500}.mountains{object-fit:cover;object-position:50% 30%;height:clamp(320px,33.333vw,720px)}.composition{width:min(var(--page-max), calc(100% - 112px));margin-inline:auto;border-width:2px;grid-template-rows:128px 88px;grid-template-columns:1.27fr 1fr .78fr;gap:2px;margin-top:40px}.latest{width:min(var(--page-max), calc(100% - 112px));margin-inline:auto;margin-top:54px}.tile{padding:23px 30px;transition:background-color .16s}.tile:hover{box-shadow:none}.tile span{letter-spacing:.06em;font-size:30px;font-weight:500}.tile em{margin-top:7px;font-size:18px}.tile i{font-size:19px;transition:transform .16s;top:19px;right:24px}.tile:hover i{transform:translate(3px,-3px)}.tile-writing{background:#d3dac7}.tile-writing:hover{background:#c6d0b9}.tile-writing span{font-size:44px}.tile-writing em{font-size:22px}.tile-audio{background:#a9533b;align-content:center;gap:14px}.tile-audio:hover{background:#98462f}.tile-now{background:#ece6cd;gap:11px}.tile-now:hover{background:#e2d9b9}.tile-now span{font-size:26px}.tile-now em{margin:0;font-size:17px}.stream-head{padding-bottom:17px}.stream-head h2{letter-spacing:.03em;font-size:25px;font-weight:500}.stream-head .more{font-size:13px}.recent-grid{gap:0;margin-top:28px}.recent-grid>a{padding:0 30px}.recent-grid>a:first-child{padding-left:0}.recent-grid>a:last-child{padding-right:0}.recent-grid>a+a{border-left:1px solid var(--line)}.recent-grid small{font-size:12px}.recent-grid h3{text-wrap:balance;min-height:74px;margin:14px 0 10px;font-size:24px;font-weight:500;line-height:1.55}.recent-grid p{font-size:14px;line-height:1.9}.recent-grid>a:hover h3{color:var(--accent)}.tile-about{background:#f3f0e5;gap:11px}.tile-about:hover{background:#e8e4d7}.tile-about span{font-size:26px}.tile-about em{margin:0;font-size:17px}}@media (width<=900px){.at-home .composition,.at-home .latest{width:90%}}@media (width<=760px){.at-home .wrap{width:calc(100% - 40px)}.at-home{--masthead-height:84px}.at-home header .wrap{height:84px;padding:0}.at-home .brand{font-size:clamp(36px,10.3vw,52px)}.at-home .mobile-menu{display:none}.at-home .mountains{height:clamp(254px,84px + 54vw,420px)}.at-home .composition{width:calc(100% - 40px)}.at-home .latest{width:calc(100% - 40px);margin-top:29px}.composition{border-width:2px;grid-template-rows:77px 65px;grid-template-columns:1.12fr 1fr .9fr;gap:2px;margin-top:16px}.tile{padding:12px 13px}.tile:hover{box-shadow:none}.tile-writing{background:#d3dac7}.tile-writing span{font-size:31px;font-weight:500}.tile-writing em{margin-top:5px;font-size:16px}.tile-audio{background:#a9533b;align-content:center;gap:7px}.tile-audio span{font-size:27px;font-weight:500}.tile-audio em{margin:0;font-size:15px}.tile-now{background:#ece6cd;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.tile-now span{font-size:22px;font-weight:500}.tile-now em{margin-top:3px;font-size:12px}.tile i{font-size:12px;top:7px;right:7px}.stream-head{padding-bottom:10px}.stream-head h2{font-size:23px;font-weight:500}.stream-head .more{min-height:var(--tap-size);align-items:center;font-size:12px;display:inline-flex}.recent-grid{gap:0;margin-top:0}.recent-grid>a{border-bottom:1px solid var(--line);padding:18px 0}.recent-grid small{gap:14px;font-size:11px}.recent-grid small time{flex-shrink:0;font-size:11px}.recent-grid h3{text-wrap:balance;margin:6px 0;font-size:21px;font-weight:500;line-height:1.5}.recent-grid p{font-size:14px;line-height:1.85}.tile-about{background:#f3f0e5;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.tile-about span{font-size:22px;font-weight:500}.tile-about em{margin-top:3px;font-size:12px}}@media (width<=360px){.at-home .wrap,.at-home .composition,.at-home .latest{width:calc(100% - 32px)}.at-home main.wrap{width:100%}.composition{grid-template-columns:1.08fr 1fr .9fr}.tile{padding-inline:10px}.tile-writing span{font-size:28px}.tile-audio span{font-size:25px}.tile-now span,.tile-about span{font-size:21px}}@media (prefers-reduced-motion:reduce){.tile,.tile i{transition:none}}}@layer utilities;
