@font-face{font-family:Cofo;src:url('assets/CoFoSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cofo;src:url('assets/CoFoSans-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--red:#c81d2c;--ink:#252525;--muted:#656565;--line:#efdadd;--soft-line:#ece8e9;--white:#fff;--radius:5px;--page:1248px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font-family:Cofo,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button,input,select,textarea{border-radius:var(--radius)}a,button,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red)}main:focus{outline:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em}h2{font-size:28px;letter-spacing:-.035em;line-height:1.2}h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}p{line-height:1.6}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-100px;left:12px;z-index:40;padding:12px 20px;background:white;border:1px solid var(--red)}.skip:focus{top:8px}[hidden]{display:none!important}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{height:88px;max-width:var(--page);margin:auto;padding:0 32px;display:flex;align-items:center;gap:64px}.brand{display:block;flex:none}.brand img{width:180px;height:auto}.header-inner nav{display:flex;gap:36px;height:100%;align-items:center}.header-inner nav>a{font-size:15px;position:relative;height:100%;display:flex;align-items:center}.header-inner nav>a[aria-current=page]{color:var(--red)}.header-inner nav>a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red)}.header-actions{display:flex;align-items:center;gap:28px;margin-left:auto}.youtube-link{display:flex;align-items:center;gap:6px;font-size:13px}.youtube-link .icon{width:17px;height:17px}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;background:white;border:1px solid var(--line);color:var(--red);border-radius:50%}.icon-button:hover{border-color:var(--red)}.page{max-width:var(--page);padding:0 32px 96px;margin:auto;min-height:65vh}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:52px 0 36px;gap:24px}.eyebrow{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.4;margin-bottom:14px}.collection-count{font-size:13px;color:var(--muted);padding-bottom:6px;white-space:nowrap}.collection-count span{margin:0 7px;color:#bcb2b4}
.featured-playlist{display:grid;grid-template-columns:1.38fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.featured-image{display:block;position:relative;overflow:hidden;min-height:340px;background:white}.featured-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .55s ease}.hero-play{width:64px;height:64px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--red);position:absolute;left:24px;bottom:24px}.hero-play .icon{width:25px;height:25px;margin-left:3px}.featured-image:hover>img{transform:scale(1.025)}.featured-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.overline{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--red);line-height:1.5}.overline>span{margin:0 10px;color:#c4a7aa}.featured-copy h2{font-size:clamp(29px,3.1vw,40px);line-height:1.08;max-width:300px;margin:18px 0;letter-spacing:-.045em}.featured-copy p{font-size:15px;color:var(--muted);max-width:280px}.button{min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--red);color:var(--red);border-radius:var(--radius);background:white;font-size:13px;line-height:20px;font-weight:700;text-align:center;transition:background .2s,color .2s}.button:hover{background:var(--red);color:white}.featured-copy .button{margin-top:27px}.plain-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--red);font-weight:400;background:none;border:0;padding:4px 0;line-height:1.4}.plain-link .icon{width:18px;height:18px;transition:transform .2s}.plain-link:hover .icon{transform:translateX(3px)}.featured-copy .plain-link{margin-top:13px;font-size:12px}.section-block{margin-top:64px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title .eyebrow{margin-bottom:10px}.section-title h2{font-size:26px}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.playlist-card{min-width:0}.playlist-art{aspect-ratio:16/9;border:1px solid var(--line);padding:5px;border-radius:var(--radius);overflow:hidden;position:relative;background:white}.playlist-art>img{width:100%;height:100%;object-fit:cover;border-radius:2px;transition:transform .4s ease}.playlist-card:hover .playlist-art>img{transform:scale(1.025)}.play-ring{position:absolute;right:17px;bottom:17px;width:36px;height:36px;background:white;border:1px solid var(--line);color:var(--red);display:grid;place-items:center;border-radius:50%}.play-ring .icon{width:16px;height:16px}.caption-line{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:15px 0 7px;color:var(--muted);font-size:11px;line-height:1.5}.caption-line>span:last-child{flex:none}.playlist-card h3{font-size:19px}.empty-cover{display:grid;place-items:center;background:white}.empty-cover>.icon{width:46px;height:46px;color:var(--red);stroke-width:1}.empty-cover:before,.empty-cover:after{content:'';position:absolute;border:1px solid var(--line);width:65%;height:60%;border-radius:4px;transform:rotate(-4deg)}.empty-cover:after{transform:rotate(4deg)}.empty-cover .play-ring{display:none}.projects-preview{padding-top:48px;border-top:1px solid var(--line)}.project-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-art{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);position:relative;background:white;overflow:hidden}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-art>img{transform:scale(1.025)}.project-preview-grid .project-art{aspect-ratio:1.8}.object-art>img{object-fit:contain;padding:20px}.project-arrow{position:absolute;right:18px;bottom:18px;border:1px solid var(--line);background:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--red)}.status{color:var(--red);font-size:11px}.project-card h3{font-size:24px}.project-card .progress-caption{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.back-link{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:9px;margin-top:28px}.back-link .icon{width:17px;height:17px;color:var(--red)}.back-link:hover{color:var(--red)}.playlist-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 0 34px;gap:24px}.playlist-heading h1{margin:14px 0}.playlist-heading p{font-size:15px;color:var(--muted);max-width:600px}.playlist-heading>.button{flex:none;margin-bottom:4px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;margin-bottom:8px;gap:16px;font-size:13px;color:var(--muted)}.filter-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;color:var(--red)}.filter-search .icon{width:16px;height:16px}.filter-search input{width:180px;border:0;color:var(--ink);background:white;font-size:12px;min-height:24px;outline:none}.filter-search:focus-within{outline:2px solid var(--red);outline-offset:2px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.video-card{min-width:0}.video-art{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);padding:5px;background:white}.video-art>img{width:100%;height:100%;object-fit:cover;border-radius:2px;transition:transform .35s}.video-card:hover .video-art>img{transform:scale(1.025)}.video-play{display:grid;place-items:center;position:absolute;right:15px;bottom:15px;width:32px;height:32px;background:white;color:var(--red);border-radius:50%}.video-play .icon{width:16px;height:16px}.video-label{font-size:10px;color:var(--red);margin:14px 0 7px;letter-spacing:.03em}.video-card h3{font-size:17px;line-height:1.4;letter-spacing:-.015em}.duration{position:absolute;left:12px;bottom:12px;padding:2px 5px;background:rgba(255,255,255,.94);font-size:10px;border-radius:2px}.empty-state{text-align:center;padding:80px 24px 100px;border-top:1px solid var(--line)}.empty-state>.icon{width:48px;height:48px;color:var(--red);margin:0 auto 24px}.empty-state h2{font-size:28px}.empty-state p{margin:12px 0 22px;font-size:14px;color:var(--muted)}.empty-state .button{margin-top:24px}.no-results{grid-column:1/-1;color:var(--muted);font-size:14px;padding:36px 0}
.watch-page{padding-bottom:72px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;margin-top:28px;align-items:start}.player-shell{aspect-ratio:16/9;min-height:200px;position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.player-shell iframe{position:absolute;width:100%;height:100%;inset:0;border:0}.player-poster{position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:white}.player-poster>img{width:100%;height:100%;object-fit:cover}.player-poster .hero-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}.poster-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:6px 12px;background:white;color:var(--red);border-radius:3px;font-size:12px;white-space:nowrap}.player-shell.is-playing .player-poster{display:none}.watch-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px}.watch-meta>span{color:var(--red);font-size:10px;letter-spacing:.08em;font-weight:700}.watch-meta>span>span{color:#c9a4a8;margin:0 8px}.watch-meta .plain-link{font-size:12px}.video-title{font-size:clamp(23px,2.5vw,30px);line-height:1.28;letter-spacing:-.03em;margin:10px 0 14px}.player-note{font-size:12px;color:var(--muted);min-height:20px}.watch-controls{margin-top:28px;display:flex;justify-content:space-between;gap:12px}.secondary{font-weight:400;border-color:var(--line)}.queue{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.queue-heading{padding:24px;border-bottom:1px solid var(--line)}.queue-heading h2{font-size:23px;margin:9px 0}.queue-heading p{font-size:12px;color:var(--muted)}.queue-list{list-style:none;padding:8px 0;margin:0;max-height:490px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dfbfc3 white}.queue-item{display:grid;grid-template-columns:18px 84px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;border-left:2px solid transparent}.queue-item.current{border-left-color:var(--red);color:var(--red)}.queue-item:hover{background:#fffafa}.queue-index{font-size:10px;color:var(--muted);text-align:center}.queue-index .icon{width:15px;height:15px;color:var(--red)}.queue-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:3px}.queue-thumb img{width:100%;height:100%;object-fit:cover}.queue-title{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.project-index-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:17px}.project-filters{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:4px 0 32px;overflow:auto;scrollbar-width:none}.project-filters button{border:0;border-radius:0;background:white;min-height:48px;padding:0 0 16px;color:var(--muted);font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}.project-filters button[aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 26px}.project-grid>.project-card{grid-column:span 2}.project-grid>.project-card.large{grid-column:span 3}.project-grid>.large .project-art{aspect-ratio:1.7}.phone-art{display:grid;place-items:center;padding:24px}.phone-art>img{object-fit:cover;width:46%;height:auto;max-height:100%;border:1px solid var(--soft-line);border-radius:14px;object-position:top;align-self:start}.project-art.phone-art>img{position:absolute;height:105%;top:28px;max-height:none;width:auto;max-width:70%;object-fit:cover}.project-grid .project-card h3{font-size:23px}.project-grid .caption-line{flex-wrap:wrap;gap:5px}.project-detail{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;padding:46px 0 56px}.project-detail-copy h1{font-size:clamp(38px,4.8vw,60px);line-height:1.05;margin:18px 0;max-width:500px}.project-subtitle{font-size:17px;color:var(--muted);margin-bottom:22px}.status-badge{display:inline-flex;padding:6px 10px;border:1px solid var(--line);color:var(--red);border-radius:3px;font-size:11px}.project-description{font-size:15px;color:var(--muted);line-height:1.75;margin:24px 0;max-width:420px}.project-detail-art{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;position:relative}.project-detail-art>img{width:100%;height:100%;object-fit:cover}.project-detail-art.object-art>img{object-fit:contain;padding:28px}.project-detail-art.phone-art{padding:32px}.project-detail-art.phone-art>img{width:auto;max-width:90%;height:100%;object-fit:contain;border-radius:15px}.development-note{font-size:13px;color:var(--red)}.related-link{margin-top:20px}.progress-caption{font-size:12px;color:var(--muted);margin-top:16px}progress{display:block;margin-top:8px;accent-color:var(--red);height:4px;width:220px}.project-information{border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}.project-information h2{font-size:25px}.feature-list{padding:0;list-style:none;margin:24px 0;display:flex;flex-direction:column;gap:18px}.feature-list li{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px}.feature-list .icon{color:var(--red);width:16px;height:16px}.detail-gallery{display:flex;gap:20px;justify-content:center}.detail-gallery figure{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;max-height:420px;width:100%}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-gallery .phone-art{height:420px}.detail-gallery .phone-art img{width:auto;height:100%;object-fit:contain}.quiet-copy{font-size:14px;line-height:1.7;color:var(--muted);max-width:320px}.related-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-projects .project-card h3{font-size:20px}.related-projects .caption-line{flex-wrap:wrap}
.site-footer{border-top:1px solid var(--line)}.footer-inner{max-width:var(--page);margin:auto;padding:34px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{font-weight:700;letter-spacing:-.05em;font-size:24px}.footer-logo span{color:var(--red)}.footer-inner>p{color:var(--muted);font-size:12px}.footer-inner>div{display:flex;gap:24px;font-size:12px;color:var(--muted)}.footer-inner a:hover{color:var(--red)}dialog{border:1px solid var(--line);border-radius:8px;padding:32px;width:min(680px,calc(100vw - 32px));max-height:85dvh;color:var(--ink);background:white;box-shadow:0 24px 80px #29111916}dialog::backdrop{background:rgba(255,255,255,.75);backdrop-filter:blur(6px)}.search-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-top h2{font-size:28px}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--red);padding-bottom:14px;color:var(--red)}.search-field input{border:0;background:white;width:100%;outline:none;font-size:18px;min-width:0}.search-field:focus-within{border-bottom-width:2px;padding-bottom:13px}.search-hint,.search-count{font-size:12px;color:var(--muted);padding:22px 0 12px}.search-results{max-height:55dvh;overflow:auto}.search-result{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--soft-line)}.search-result>div{width:112px;aspect-ratio:16/9;overflow:hidden;flex:none;border-radius:3px}.search-result img{width:100%;height:100%;object-fit:cover}.search-result>span{flex:1}.search-result small{display:block;font-size:10px;color:var(--red);margin-bottom:6px}.search-result strong{font-size:14px;line-height:1.4;font-weight:400;display:block}.search-result>.icon{color:var(--red);width:17px;height:17px}.loading{padding-top:80px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.header-inner{gap:40px}.featured-copy{padding:32px}.featured-image{min-height:320px}.featured-copy h2{font-size:34px}.watch-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.queue-item{grid-template-columns:14px 70px minmax(0,1fr);padding:10px;gap:8px}.queue-heading{padding:20px}.queue-list{max-height:430px}.project-detail,.project-information{gap:40px}.caption-line{font-size:10px}}
@media(max-width:760px){.header-inner{height:76px;padding:0 22px;gap:30px}.brand img{width:152px}.header-inner nav{gap:24px}.header-inner nav>a{font-size:14px}.header-actions{gap:16px}.youtube-link{display:none}.page{padding:0 22px 64px}.gallery-heading{padding:38px 0 28px;display:block}.gallery-heading h1{font-size:36px}.collection-count{display:block;margin-top:16px;font-size:12px}.eyebrow{font-size:9px;margin-bottom:12px}.featured-playlist{grid-template-columns:1fr}.featured-image{min-height:0;aspect-ratio:16/9}.featured-copy{padding:28px}.featured-copy h2{max-width:none;font-size:32px;margin:14px 0}.featured-copy p{max-width:390px}.featured-copy .button{margin-top:22px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.section-block{margin-top:44px}.section-title h2{font-size:24px}.playlist-card h3{font-size:18px}.caption-line{font-size:10px;gap:8px}.projects-preview{padding-top:36px}.project-preview-grid{gap:20px}.project-card h3{font-size:21px}.project-preview-grid .project-art{aspect-ratio:1.3}.project-preview-grid .caption-line{flex-wrap:wrap}.playlist-heading{padding-top:30px;display:block}.playlist-heading h1{font-size:36px}.playlist-heading>.button{margin-top:24px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.watch-layout{grid-template-columns:1fr;margin-top:22px;gap:32px}.queue-list{max-height:380px}.queue-item{grid-template-columns:20px 100px minmax(0,1fr);padding:14px;gap:14px}.queue-title{font-size:14px}.queue-heading{padding:24px}.queue-heading h2{font-size:25px}.project-grid{gap:32px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid>.project-card,.project-grid>.project-card.large{grid-column:span 1}.project-grid>.large .project-art{aspect-ratio:4/3}.project-grid .project-card h3{font-size:21px}.project-detail{grid-template-columns:1fr;gap:32px;padding:32px 0}.project-detail-copy h1{font-size:46px;max-width:440px}.project-description{max-width:560px}.project-detail-art{max-width:560px;width:100%;justify-self:center;aspect-ratio:1.15}.project-information{gap:32px;padding-top:32px}.related-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.related-projects .project-card:last-child{display:none}.footer-inner{padding:28px 22px;flex-wrap:wrap;gap:20px}.footer-inner>p{display:none}.footer-inner>div{gap:20px}.detail-gallery .phone-art{height:340px}.phone-art{padding:18px}}
@media(max-width:480px){.header-inner{height:72px;padding:0 18px;gap:24px}.brand img{width:132px}.header-inner nav{gap:18px}.header-inner nav>a{font-size:13px}.header-actions{margin-left:auto}.icon-button{width:36px;height:36px}.header-actions .icon-button{border:0}.page{padding:0 18px 56px}.gallery-heading h1{font-size:31px;max-width:300px}.featured-copy{padding:26px 24px}.featured-copy h2{font-size:32px;max-width:240px}.featured-copy p{font-size:14px}.featured-image .hero-play{width:50px;height:50px;left:18px;bottom:18px}.section-title{gap:16px;align-items:center;margin-bottom:22px}.section-title h2{font-size:23px}.section-title>.plain-link{font-size:11px;gap:6px}.section-title .plain-link .icon{width:15px}.playlist-grid{grid-template-columns:1fr;gap:28px}.playlist-card h3{font-size:22px}.caption-line{font-size:11px}.playlist-art{padding:6px}.play-ring{width:40px;height:40px}.project-preview-grid{grid-template-columns:1fr;gap:32px}.project-preview-grid .project-art{aspect-ratio:1.5}.project-card h3{font-size:25px}.playlist-heading h1{font-size:34px}.playlist-heading p{font-size:14px}.gallery-toolbar{flex-wrap:wrap;padding:20px 0}.filter-search{width:100%}.filter-search input{width:100%}.video-grid{grid-template-columns:1fr;gap:30px}.video-card h3{font-size:19px}.video-label{font-size:11px;margin-top:14px}.video-art{padding:6px}.video-play{width:38px;height:38px}.watch-page{padding-left:14px;padding-right:14px}.watch-controls .button{padding:10px 12px;font-size:12px;gap:8px}.video-title{font-size:25px}.queue-list{max-height:370px}.queue-item{grid-template-columns:18px 90px minmax(0,1fr);gap:10px;padding:12px}.queue-title{font-size:13px}.project-filters{gap:24px;margin-top:0}.project-filters button{font-size:12px}.project-grid{grid-template-columns:1fr;gap:34px}.project-grid .project-card h3{font-size:25px}.project-grid .caption-line{font-size:11px}.project-grid .project-art{aspect-ratio:1.5}.project-art.phone-art>img{top:22px;height:115%}.project-detail-copy h1{font-size:43px}.project-detail-art{aspect-ratio:1}.project-information{grid-template-columns:1fr}.related-projects{grid-template-columns:1fr;gap:30px}.related-projects .project-card:last-child{display:block}.related-projects .project-art{aspect-ratio:1.5}.related-projects .project-card h3{font-size:23px}.footer-inner{padding:28px 18px;align-items:flex-start}.footer-logo{font-size:22px}.footer-inner>div{font-size:11px;flex-direction:column;gap:12px;align-items:flex-end}.search-top h2{font-size:24px}dialog{padding:22px}.search-field input{font-size:16px}.search-result{gap:12px}.search-result>div{width:84px}.search-result strong{font-size:13px}.search-result>.icon{display:none}.search-top{margin-bottom:22px}}
@media(max-width:360px){.header-inner{gap:15px;padding:0 14px}.brand img{width:118px}.header-inner nav{gap:14px}.header-inner nav>a{font-size:12px}.header-actions .icon-button{width:30px}.page{padding-left:14px;padding-right:14px}.section-title>.plain-link{max-width:110px}.watch-controls .icon{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.new-playlist{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-top:30px}.new-playlist-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--red);border:1px solid var(--line);border-radius:50%}.new-playlist>span:nth-child(2){flex:1}.new-playlist strong{font-weight:400;font-size:17px;display:block}.new-playlist small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.new-playlist>.icon{color:var(--red)}@media(max-width:1000px) and (min-width:761px){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}