.inner-page{background:#0b0c0f;color:#f4f1e9;min-height:70vh}.page-hero{min-height:620px;padding:110px max(32px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #292b30;background:radial-gradient(circle at 75% 30%,rgba(88,116,255,.16),transparent 35%),#0b0c0f}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.page-hero-copy{position:relative;z-index:2}.page-hero-copy>small,.library-section>header>small,.method-strip>small,.faq>small{letter-spacing:.18em;color:#b9f45b;font-weight:800;font-size:12px}.page-hero h1{font-size:clamp(58px,6.2vw,94px);line-height:.98;letter-spacing:-.065em;margin:24px 0 30px;max-width:760px}.page-hero h1 em{display:block;font-style:normal;color:#ff674f}.page-hero p{font-size:17px;line-height:1.85;color:#a8abb2;max-width:620px}.page-count{display:flex;align-items:end;gap:18px;margin-top:46px}.page-count strong{font-size:48px}.page-count span{color:#8d9098;padding-bottom:9px}.page-hero-collage{height:460px;position:relative;z-index:2}.page-hero-collage figure{position:absolute;margin:0;overflow:hidden;border:1px solid #3a3d43;background:#17191e;box-shadow:0 25px 80px #000}.page-hero-collage img{width:100%;height:100%;object-fit:cover}.page-hero-collage .tile-0{width:58%;height:74%;left:0;top:12%;transform:rotate(-5deg)}.page-hero-collage .tile-1{width:51%;height:63%;right:0;top:0;transform:rotate(4deg)}.page-hero-collage .tile-2{width:43%;height:56%;right:15%;bottom:0;transform:rotate(-2deg)}.portrait-tone{background:radial-gradient(circle at 78% 30%,rgba(255,99,71,.2),transparent 38%),#0b0c0f}
.library-section{padding:100px max(32px,calc((100vw - 1216px)/2));border-bottom:1px solid #292b30}.library-section>header{max-width:720px;margin-bottom:52px}.library-section h2,.method-strip h2,.faq h2{font-size:clamp(42px,4.5vw,70px);letter-spacing:-.055em;line-height:1;margin:15px 0 20px}.library-section>header p{color:#969aa3;line-height:1.8}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.library-card{background:#121419;border:1px solid #2d3036;transition:.25s}.library-card:hover{transform:translateY(-6px);border-color:#5d616c}.library-card figure{margin:0;height:250px;position:relative;overflow:hidden;background:#20232a}.visual-library .library-card:nth-child(3n+2) figure{height:330px}.library-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.library-card:hover img{transform:scale(1.035)}.library-card figure span{position:absolute;left:12px;top:12px;background:#b9f45b;color:#0c0d10;padding:6px 9px;font-size:10px;font-weight:900}.library-card>div{padding:23px}.library-card small{color:#8f939c}.library-card h3{font-size:23px;margin:12px 0}.library-card p{color:#989ca5;line-height:1.65;font-size:14px}.library-card footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid #2b2e34}.library-card footer b{color:#b9f45b}.filter-chips,.rank-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:-20px 0 36px}.filter-chips button,.rank-tabs button{border:1px solid #363941;background:#14161b;color:#b8bbc2;padding:12px 17px}.filter-chips button.active,.rank-tabs button.active{background:#f1eee6;color:#101114}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#33363d;border:1px solid #33363d}.module-grid a{background:#111318;padding:28px;display:flex;flex-direction:column;min-height:170px;color:#f4f1e9}.module-grid a:hover{background:#181b21}.module-grid small{color:#ff674f}.module-grid strong{font-size:22px;margin:auto 0 10px}.module-grid span{font-size:12px;color:#838792}
.method-strip{padding:90px max(32px,calc((100vw - 1216px)/2));background:#c7f467;color:#0b0c0f}.method-strip>small{color:#0b0c0f}.method-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#8bac48;margin-top:46px}.method-strip article{background:#c7f467;padding:32px}.method-strip article>b{font-size:48px}.method-strip article h3{font-size:23px}.method-strip article p{line-height:1.7;color:#3f4a2d}.explore-head{padding:110px max(32px,calc((100vw - 1216px)/2)) 75px;text-align:center}.explore-head>small{color:#b9f45b;letter-spacing:.2em}.explore-head h1{font-size:clamp(54px,6vw,88px);letter-spacing:-.06em;margin:22px 0}.explore-head h1 em{font-style:normal;color:#ff674f}.explore-head p{color:#9b9ea6;max-width:650px;margin:0 auto 34px;line-height:1.8}.explore-head label{display:flex;max-width:680px;margin:auto;background:#17191e;border:1px solid #444851;padding:7px}.explore-head input{flex:1;background:transparent;border:0;color:#fff;padding:16px;font-size:16px;outline:0}.explore-head button{background:#ff674f;border:0;padding:0 27px;font-weight:800}.explore-layout{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:50px max(32px,calc((100vw - 1216px)/2)) 100px}.filter-panel{align-self:start;position:sticky;top:96px;background:#121419;border:1px solid #2d3036;padding:18px}.filter-panel header{display:flex;justify-content:space-between;margin-bottom:24px}.filter-panel header button{background:none;border:0;color:#ff674f}.filter-panel>small{display:block;color:#777c86;margin-bottom:10px}.filter-panel>button{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:#aaaeb7;padding:10px;text-align:left}.filter-panel>button.active{color:#b9f45b;background:#1d2119}.explore-results>header{display:flex;justify-content:space-between;margin-bottom:25px}.explore-results select{background:#15171c;color:#fff;border:1px solid #34373d;padding:10px 15px}.load-more{display:block;margin:40px auto 0;background:transparent;color:#fff;border:1px solid #565a63;padding:14px 40px}
.collection-list{padding:90px max(32px,calc((100vw - 1216px)/2))}.collection-list>article{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 0;border-bottom:1px solid #2d3036;align-items:center}.collection-list>article.reverse>div{order:2}.collection-list h2{font-size:52px;letter-spacing:-.04em;margin:12px 0}.collection-list h3{font-size:20px;color:#b9f45b}.collection-list p{color:#999da5}.collection-list ol{padding:0;list-style:none;margin-top:35px}.collection-list li{border-top:1px solid #33363c;padding:15px 0}.collection-list li b{color:#ff674f;margin-right:20px}.collection-list figure{height:430px;margin:0;position:relative}.collection-list img{width:100%;height:100%;object-fit:cover}.collection-list figure span{position:absolute;bottom:14px;left:14px;background:#0b0c0f;padding:8px;font-size:10px}.rank-board{list-style:none;padding:0;border-top:1px solid #35383f}.rank-board li{display:grid;grid-template-columns:70px 120px 1fr 90px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid #35383f}.rank-board>li>b{font-size:36px;color:#555a64}.rank-board img{width:120px;height:90px;object-fit:cover}.rank-board h3{font-size:22px;margin:6px 0}.rank-board p{color:#888c95}.rank-board>li>strong{font-size:30px;text-align:center}.rank-board>li>strong small{display:block;font-size:10px;color:#888}.guide-steps>article{display:grid;grid-template-columns:1fr 1fr;gap:80px;min-height:420px;align-items:center;border-top:1px solid #34373e}.guide-steps h2{font-size:42px}.guide-steps p,.guide-steps li{color:#9da1aa;line-height:1.8}.guide-demo{height:260px;border:1px solid #3d414a;background:linear-gradient(135deg,#191c22,#0c0e12);padding:40px;display:flex;flex-direction:column;justify-content:center}.guide-demo b{font-size:26px}.guide-demo span{margin-top:20px;padding:20px;border-left:3px solid #b9f45b;background:#24272e;color:#ddd}.faq{padding:90px max(32px,calc((100vw - 900px)/2))}.faq details{border-top:1px solid #3a3d44;padding:24px 0}.faq summary{font-size:19px}.faq details p{color:#999da5}
.category-list{padding:80px max(32px,calc((100vw - 1100px)/2))}.category-list>header{margin-bottom:45px}.category-list>header h2{font-size:48px}.category-list>header p{color:#92969e}.category-row{display:grid;grid-template-columns:60px 230px 1fr auto;gap:28px;align-items:center;padding:24px 0;border-top:1px solid #373a41;color:#f4f1e9}.category-row>span{font-size:26px;color:#ff674f}.category-row figure{margin:0;height:145px;overflow:hidden}.category-row img{width:100%;height:100%;object-fit:cover}.category-row h2{font-size:30px;margin:5px 0}.category-row p,.category-row small{color:#91959e}.category-row>b{color:#b9f45b}
@media(max-width:980px){.page-hero{grid-template-columns:1fr;padding-top:80px}.page-hero-collage{height:380px}.library-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.explore-layout{grid-template-columns:1fr}.filter-panel{position:static;display:flex;gap:8px;overflow:auto}.filter-panel header,.filter-panel>small{display:none}.filter-panel>button{width:auto;white-space:nowrap;border:1px solid #333}.collection-list>article{gap:35px}.category-row{grid-template-columns:50px 170px 1fr}.category-row>b{display:none}}
@media(max-width:720px){.page-hero{min-height:auto;padding:72px 20px 55px;gap:30px}.page-hero h1{font-size:52px}.page-hero p{font-size:15px}.page-count{margin-top:28px}.page-count strong{font-size:34px}.page-hero-collage{height:320px}.library-section,.method-strip,.faq{padding:70px 20px}.library-section h2,.method-strip h2,.faq h2{font-size:40px}.library-grid{grid-template-columns:1fr}.visual-library .library-card:nth-child(3n+2) figure{height:280px}.module-grid{grid-template-columns:1fr 1fr}.module-grid a{padding:20px;min-height:145px}.method-strip>div{grid-template-columns:1fr}.explore-head{padding:70px 20px 45px}.explore-head h1{font-size:49px}.explore-layout{padding:25px 20px 70px}.collection-list{padding:30px 20px 70px}.collection-list>article{grid-template-columns:1fr;gap:30px}.collection-list>article.reverse>div{order:0}.collection-list h2{font-size:40px}.collection-list figure{height:330px}.rank-board li{grid-template-columns:42px 74px 1fr;gap:12px}.rank-board img{width:74px;height:72px}.rank-board h3{font-size:16px}.rank-board p{display:none}.rank-board>li>strong{grid-column:3;font-size:18px;text-align:left}.guide-steps>article{grid-template-columns:1fr;gap:20px;padding:45px 0}.guide-steps h2{font-size:34px}.guide-demo{height:200px}.category-list{padding:50px 20px}.category-list>header h2{font-size:38px}.category-row{grid-template-columns:42px 1fr;gap:16px}.category-row figure{grid-column:2;height:210px}.category-row>div{grid-column:2}}
.portrait-tone{background:radial-gradient(circle at 78% 30%,rgba(89,70,44,.2),transparent 38%),#11110e}.portrait-tone:before{opacity:.28}.portrait-tone h1 em{color:#d0aa7a}
.explore-head{min-height:440px;padding:92px max(32px,calc((100vw - 1216px)/2)) 65px;display:grid;grid-template-columns:58% 42%;grid-template-rows:auto 1fr auto;text-align:left;align-items:center}.explore-head>small{grid-column:1}.explore-head h1{grid-column:1;line-height:.92;max-width:660px}.explore-head h1 em{display:block}.explore-head p{grid-column:2;grid-row:2;max-width:470px;margin:0 0 0 24px}.explore-head label{grid-column:1/-1;width:72%;max-width:none;margin:12px 0 0;border-radius:18px;padding:8px}.explore-head button{background:#f4f1e9;color:#111318;border-radius:14px}
@media(max-width:720px){.explore-head{min-height:auto;padding:70px 20px 45px;display:block}.explore-head p{margin:22px 0}.explore-head label{width:100%;margin:0}.portrait-tone h1{font-size:49px}}