html,
body{
max-width:100%;
overflow-x:hidden;
}
/* Mobile hero: use the pamphlet image as a background, not a separate card */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
min-height:calc(100svh - 72px) !important;
display:flex !important;
align-items:center !important;
padding:36px 16px 38px !important;
overflow:hidden !important;
background:
linear-gradient(90deg, rgba(244,247,248,.90) 0%, rgba(244,247,248,.68) 46%, rgba(244,247,248,.18) 74%, rgba(244,247,248,0) 100%),
url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / cover no-repeat !important;
}
body .dfx-home .dfx-hero:before{
inset:auto -24px 0 -24px !important;
height:42% !important;
background:linear-gradient(0deg, rgba(33,214,195,.22), rgba(255,255,255,0)) !important;
filter:blur(22px) !important;
opacity:.8 !important;
}
body .dfx-home .dfx-hero-copy{
position:relative !important;
z-index:2 !important;
width:100% !important;
}
body .dfx-home .dfx-hero-visual{
display:none !important;
}
}
html.menu-open,
body.menu-open{
height:auto !important;
}
html.menu-open{
overflow:hidden !important;
}
body.menu-open{
position:fixed !important;
top:var(--menu-scroll-top, 0px) !important;
left:0 !important;
right:0 !important;
width:100% !important;
overflow:hidden !important;
touch-action:none !important;
}
/* Mobile hero structure: copy, CTA, image, then service tags */
.dfx-proof-below{
width:min(1240px, calc(100% - 72px));
margin:0 auto;
}
@media screen and (min-width: 641px){
.dfx-proof-below{
margin-top:-96px;
position:relative;
z-index:3;
}
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
display:flex !important;
flex-direction:column !important;
min-height:auto !important;
padding:0 20px !important;
background:#f4f7f8 !important;
overflow:hidden !important;
}
body .dfx-home .dfx-hero-copy{
width:100% !important;
max-width:100% !important;
padding:34px 12px 0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1{
width:100% !important;
max-width:100% !important;
margin:0 !important;
font-size:25px !important;
line-height:1.25 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1 span{
display:block !important;
max-width:100% !important;
white-space:normal !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
body .dfx-home .dfx-hero .dfx-lead{
width:100% !important;
max-width:100% !important;
margin:16px 0 0 !important;
font-size:14px !important;
line-height:1.75 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
width:100% !important;
max-width:100% !important;
margin:20px 0 0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero-visual{
display:block !important;
width:calc(100% + 40px) !important;
height:min(54svh, 500px) !important;
min-height:430px !important;
margin:18px -20px 0 !important;
padding:0 !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center center / contain no-repeat !important;
}
body .dfx-home .dfx-hero-main{
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body .dfx-home .dfx-hero-main img,
body .dfx-home .dfx-hero-main figcaption,
body .dfx-home .dfx-hero-main:after{
display:none !important;
}
body .dfx-home .dfx-proof-below{
width:auto !important;
margin:0 !important;
padding:16px 20px 26px !important;
background:#f4f7f8 !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
body .dfx-home .dfx-proof-below span{
min-height:38px !important;
padding:0 10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(33,214,195,.55) !important;
background:rgba(255,255,255,.72) !important;
color:#080808 !important;
font-size:12px !important;
line-height:1.25 !important;
font-weight:1000 !important;
text-align:center !important;
}
body .dfx-home .dfx-proof-below span:last-child{
grid-column:1 / -1 !important;
justify-self:start !important;
min-width:calc(50% - 4px) !important;
}
}
.global-menu-title:after{
content:none !important;
display:none !important;
}
.global-menu-copy{
display:block;
width:100%;
margin-top:24px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.16);
color:rgba(255,255,255,.70);
font-size:11px;
line-height:1.5;
letter-spacing:.08em;
text-align:center;
}
.footer-sub{
justify-content:center !important;
text-align:center;
}
.footer-sub-links{
width:100%;
justify-items:center !important;
text-align:center;
}
.copy{
text-align:center;
}
.dfx-info{
border-top:3px solid #080808;
}
.dfx-info-grid{
display:grid;
grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
gap:42px;
align-items:start;
}
.dfx-info-panel{
min-width:0;
}
.dfx-info-panel h3{
margin:0 0 18px;
color:#080808;
font-size:22px;
line-height:1.35;
font-weight:1000;
letter-spacing:0;
}
body .dfx-home .dfx-belief{
margin:0 0 22px;
padding:0 0 22px;
border-bottom:1px solid rgba(8,8,8,.14);
}
body .dfx-home .dfx-belief h3{
display:flex;
align-items:center;
gap:10px;
margin:0 0 12px;
color:#080808;
font-size:20px;
line-height:1.45;
font-weight:1000;
letter-spacing:0;
}
body .dfx-home .dfx-belief h3:before{
content:"";
display:block;
width:10px;
height:10px;
flex:0 0 10px;
background:#21d6c3;
}
body .dfx-home .dfx-belief p{
margin:8px 0 0 !important;
color:#26313a;
font-size:16px;
line-height:1.85;
font-weight:850;
}
body .dfx-home .dfx-belief + .dfx-principles{
margin-top:0 !important;
border-top:0 !important;
}
.dfx-info .dfx-news-list{
border-top:2px solid #080808;
}
.dfx-info .dfx-news-item{
grid-template-columns:112px minmax(0, 1fr);
gap:18px;
padding:18px 0;
}
.dfx-info-company dl{
margin:0;
border-top:2px solid #080808;
}
.dfx-info-company dl div{
display:grid;
grid-template-columns:112px minmax(0, 1fr);
gap:18px;
padding:16px 0;
border-bottom:1px solid rgba(8,8,8,.12);
}
.dfx-info-company dt{
color:#5f666b;
font-size:13px;
line-height:1.7;
font-weight:1000;
}
.dfx-info-company dd{
margin:0;
color:#080808;
font-size:15px;
line-height:1.7;
font-weight:850;
}
.dfx-info-partners{
min-width:0;
}
.dfx-info-partner-body{
padding-top:18px;
border-top:2px solid #080808;
}
.dfx-info-partner-body p{
margin:0;
color:#26313a;
font-size:14px;
line-height:1.8;
font-weight:850;
}
.dfx-info-partner-cards{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
margin-top:18px;
}
.dfx-info-partner-cards article{
min-width:0;
padding:17px 15px 18px;
border:2px solid #080808;
background:#fff;
box-shadow:6px 6px 0 #21d6c3;
}
.dfx-info-partner-cards h5{
margin:0;
color:#080808;
font-size:15px;
line-height:1.45;
font-weight:1000;
letter-spacing:0;
}
.dfx-info-partner-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}
.dfx-info-partner-tags span{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:7px 10px;
border:1px solid #21d6c3;
background:#f4f7f8;
color:#080808;
font-size:13px;
line-height:1.2;
font-weight:1000;
text-align:center;
}
body:has(.dfx-home) .footer-sub{
justify-content:center !important;
}
body:has(.dfx-home) .footer-sub-links{
justify-items:center !important;
}
body:has(.dfx-home) .copy{
text-align:center;
}
/* Mobile repair: fix visible overflow and oversized lower-page cards */
@media screen and (max-width: 640px){
html,
body,
.lp{
width:100% !important;
max-width:100% !important;
overflow-x:hidden !important;
}
body .lp .dfx-home .dfx-production .dfx-hero-actions,
body .lp .dfx-home .dfx-final-cta .dfx-hero-actions{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
body .lp .dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
body .lp .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
body .lp .df-static-page .creator-filter{
max-width:100% !important;
padding-bottom:0 !important;
margin-bottom:16px !important;
scrollbar-width:none !important;
-ms-overflow-style:none !important;
}
body .lp .df-static-page .creator-filter::-webkit-scrollbar{
width:0 !important;
height:0 !important;
display:none !important;
}
body .lp .df-static-page .latest-podcast-section .col-lg-10 > .row{
display:grid !important;
grid-template-columns:70px minmax(0, 1fr) !important;
align-items:center !important;
gap:14px !important;
margin:0 0 14px !important;
padding:16px !important;
border:2px solid #080808 !important;
background:#fff !important;
}
body .lp .df-static-page .latest-podcast-section .col-lg-10 > .row > .col-lg-3,
body .lp .df-static-page .latest-podcast-section .col-lg-10 > .row > .col-lg-9{
width:auto !important;
max-width:none !important;
padding:0 !important;
flex:none !important;
}
body .lp .df-static-page .latest-podcast-section .col-lg-10 > .row > .col-lg-3{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body .lp .df-static-page .latest-podcast-section .custom-block-icon-wrap,
body .lp .df-static-page .latest-podcast-section .custom-block-image-wrap{
min-height:0 !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body .lp .df-static-page .latest-podcast-section .custom-block-image{
width:auto !important;
height:auto !important;
max-width:54px !important;
max-height:54px !important;
margin:0 !important;
object-fit:contain !important;
}
body .lp .df-static-page .latest-podcast-section .custom-block-info{
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body .lp .df-static-page .latest-podcast-section .custom-block-info h2{
margin:0 0 8px !important;
font-size:20px !important;
line-height:1.3 !important;
}
body .lp .df-static-page .latest-podcast-section .custom-block-info p{
margin:0 !important;
font-size:13px !important;
line-height:1.7 !important;
}
body .lp .df-static-page .latest-podcast-section .section-title-wrap{
margin-bottom:18px !important;
}
body .lp .df-static-page .latest-podcast-section .col-lg-10{
margin-bottom:26px !important;
}
}
/* Readability refinement pass: keep system section unchanged */
@media screen and (min-width: 901px){
.dfx-growth-grid article,
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item{
border-width:2px;
}
.dfx-growth-grid article{
padding:34px 34px 32px;
}
.dfx-growth-grid article span{
margin-bottom:24px;
font-size:40px;
}
.dfx-creator-support .dfx-target-dark{
background:#fff;
color:#080808;
border:2px solid #080808;
box-shadow:8px 8px 0 #21d6c3;
}
.dfx-creator-support .dfx-target-dark li{
color:#26313a;
border-bottom:1px solid #dfe4e8;
}
.dfx-creator-support .dfx-target-dark li:last-child{
border-bottom:0;
}
.dfx-creator-support .dfx-target-dark li:before{
background:#21d6c3;
}
.dfx-creator-support .dfx-target-dark strong{
color:#080808;
}
.df-static-page .company-hero .section-inner{
padding-top:62px;
padding-bottom:48px;
}
.df-static-page > section:not(.company-hero){
padding-top:58px;
padding-bottom:58px;
}
.dfx-contact-route-list{
background:transparent !important;
border:0 !important;
padding:0 !important;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}
.dfx-contact-route-list li{
border:2px solid #080808;
background:#fff;
color:#080808;
}
.dfx-contact-route-list span{
color:#26313a;
}
.dfx-contact-line{
padding:42px !important;
}
.dfx-contact-line img{
width:min(260px, 48%);
}
}
@media screen and (max-width: 900px){
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header,
body:has(.dfx-home) .site-header{
height:64px !important;
padding:0 16px !important;
}
body:has(.df-static-page) main,
body:has(.df-contact-page) main,
body:has(.dfx-home) main{
padding-top:64px;
}
body:has(.df-static-page) .logo,
body:has(.df-contact-page) .logo,
body:has(.dfx-home) .logo{
width:112px !important;
max-width:calc(100vw - 92px);
}
.site-header .menu{
width:46px !important;
height:46px !important;
flex-basis:46px !important;
box-shadow:0 6px 16px rgba(0,0,0,.16);
}
[id]{
scroll-margin-top:78px;
}
.dfx-hero{
padding:28px 16px 34px !important;
gap:22px !important;
}
.dfx-hero h1{
font-size:28px !important;
line-height:1.18 !important;
}
.dfx-hero .dfx-lead{
margin-top:18px !important;
font-size:14px !important;
line-height:1.75 !important;
}
.dfx-hero-actions{
gap:10px !important;
}
.dfx-hero-actions .dfx-btn{
min-height:48px !important;
padding:0 16px !important;
font-size:13px !important;
}
.dfx-hero-actions .dfx-btn-outline{
min-height:auto !important;
padding:0 0 8px !important;
border:0 !important;
border-bottom:2px solid #21d6c3 !important;
box-shadow:none !important;
background:transparent !important;
}
.dfx-proof{
gap:6px !important;
margin-top:14px !important;
}
.dfx-proof span{
min-height:30px !important;
padding:0 10px !important;
font-size:11px !important;
border-width:1px !important;
}
.global-menu-body{
padding:20px 20px max(24px, env(safe-area-inset-bottom, 0px)) !important;
}
.global-menu-body:before{
margin-bottom:16px !important;
font-size:25px !important;
}
.global-menu-links{
gap:4px !important;
}
.global-menu-primary-link{
min-height:64px !important;
margin-bottom:7px !important;
}
.global-menu-text-link:not(.global-menu-primary-link){
min-height:44px !important;
padding:0 4px !important;
border:0 !important;
border-bottom:1px solid rgba(8,8,8,.16) !important;
background:transparent !important;
box-shadow:none !important;
}
.global-menu-text-link:not(.global-menu-primary-link):before{
width:7px !important;
height:7px !important;
margin-right:10px !important;
}
.global-menu-line-cta{
min-height:50px !important;
margin-top:12px !important;
padding:0 14px !important;
border:2px solid #080808 !important;
background:#080808 !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
.global-menu-text-link.global-menu-line-cta{
background:#080808 !important;
color:#fff !important;
border:2px solid #080808 !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
.global-menu .global-menu-body > .global-menu-line-cta.global-menu-text-link{
min-height:50px !important;
margin-top:12px !important;
padding:0 14px !important;
border:2px solid #080808 !important;
background:#080808 !important;
color:#fff !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
.global-menu .global-menu-body > .global-menu-line-cta.global-menu-text-link:after{
border-color:#fff !important;
}
.dfx-section{
padding:44px 16px !important;
}
.dfx-section + .dfx-section,
.dfx-audience-section,
.dfx-creator-support,
.dfx-production{
border-top-width:2px !important;
border-bottom-width:0 !important;
}
.dfx-section-head{
margin-bottom:22px !important;
}
.dfx-section-head h2{
font-size:28px !important;
line-height:1.18 !important;
}
.dfx-section-head p{
font-size:14px !important;
line-height:1.75 !important;
}
.dfx-growth-grid{
border:2px solid #080808 !important;
background:#fff;
}
.dfx-growth-grid article{
display:grid !important;
grid-template-columns:42px minmax(0, 1fr);
column-gap:14px;
padding:18px 16px !important;
border:0 !important;
border-bottom:1px solid #dfe4e8 !important;
}
.dfx-growth-grid article:last-child{
border-bottom:0 !important;
}
.dfx-growth-grid article span{
grid-row:1 / 3;
margin:0 !important;
font-size:22px !important;
line-height:1 !important;
}
.dfx-growth-grid article h3{
margin:0 0 6px !important;
font-size:18px !important;
line-height:1.35 !important;
}
.dfx-growth-grid article p{
margin:0 !important;
font-size:13px !important;
line-height:1.65 !important;
}
.dfx-managers{
padding-top:40px !important;
padding-bottom:38px !important;
}
.dfx-manager-grid{
gap:10px !important;
}
.dfx-manager-grid article{
grid-template-columns:88px minmax(0, 1fr) !important;
min-height:104px !important;
border-width:2px !important;
}
.dfx-manager-grid img{
width:88px !important;
height:104px !important;
border-right-width:2px !important;
}
.dfx-manager-grid h3{
font-size:18px !important;
line-height:1.25 !important;
}
.dfx-manager-grid p,
.dfx-manager-note{
font-size:11px !important;
line-height:1.45 !important;
}
.dfx-manager-note{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.dfx-creator-support .dfx-target-dark{
padding:0 !important;
background:transparent !important;
border:0 !important;
color:#080808 !important;
box-shadow:none !important;
}
.dfx-creator-support .dfx-target-dark ul{
display:grid;
gap:10px;
}
.dfx-creator-support .dfx-target-dark li{
min-height:0;
padding:14px 14px 14px 34px !important;
border:2px solid #080808;
background:#fff;
color:#26313a !important;
font-size:13px !important;
line-height:1.65 !important;
}
.dfx-creator-support .dfx-target-dark li:before{
left:14px !important;
top:22px !important;
background:#21d6c3 !important;
}
.dfx-creator-support .dfx-target-dark strong{
display:block;
margin-bottom:4px;
color:#080808 !important;
font-size:15px !important;
}
.dfx-creator-support-media{
margin-top:18px !important;
}
.dfx-creator-support-media img{
max-height:220px;
object-fit:cover;
}
.df-static-page .creator-filter{
flex-wrap:nowrap !important;
margin:6px -16px 18px !important;
padding:0 16px 8px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
}
.df-static-page .creator-filter a{
flex:0 0 auto !important;
min-height:34px !important;
padding:0 12px !important;
white-space:nowrap;
font-size:12px !important;
border-width:2px !important;
}
.df-static-page .df-static-creator-grid .dream-creator-item{
border-width:2px !important;
}
.df-static-page .df-static-creator-grid .dream-creator-image{
border-right-width:2px !important;
}
.df-static-page .df-static-creator-grid .creator-profile-button{
min-height:auto !important;
padding:0 0 5px !important;
border:0 !important;
border-bottom:2px solid #21d6c3 !important;
background:transparent !important;
color:#080808 !important;
box-shadow:none !important;
}
.dfx-contact-route-list{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
}
.dfx-contact-route-list li{
padding:14px 16px !important;
border:2px solid #080808;
background:#fff;
color:#080808;
}
.dfx-contact-route-list span{
color:#26313a !important;
font-size:12px !important;
}
.dfx-contact-main{
padding-top:36px !important;
}
.dfx-contact-line,
.dfx-contact-form-card{
border-width:2px !important;
}
.dfx-contact-line{
background:#101010 !important;
}
.df-static-page .company-hero .section-inner{
padding:34px 0 26px !important;
}
.df-static-page > section:not(.company-hero){
padding:36px 16px !important;
}
.df-static-page h1,
.df-static-page .hero-copy h1{
font-size:28px !important;
line-height:1.18 !important;
}
.df-static-page h2{
font-size:24px !important;
line-height:1.22 !important;
}
.df-static-page .company-hero .section-inner,
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item,
.df-static-page .custom-block-info,
.df-static-page .latest-podcast-section .row{
border-width:2px !important;
}
.df-static-page .latest-podcast-section .row{
padding:18px !important;
}
.df-static-page .custom-block-image{
max-height:86px !important;
}
.df-static-page .news-title{
font-size:15px !important;
line-height:1.65 !important;
}
}
/* Latest fixed overrides */
html.menu-open,
body.menu-open{
height:auto !important;
}
.global-menu-title:after{
content:none !important;
display:none !important;
}
.footer-sub{
justify-content:center !important;
text-align:center !important;
}
.footer-sub-links{
width:100% !important;
justify-items:center !important;
text-align:center !important;
}
.copy{
text-align:center !important;
}
@media screen and (max-width: 900px){
.global-menu-title:after{
content:none !important;
display:none !important;
}
.global-menu-body{
display:flex !important;
flex-direction:column !important;
min-height:calc(100dvh - 73px) !important;
}
.global-menu-copy{
display:block !important;
width:100% !important;
margin-top:auto !important;
padding-top:18px !important;
border-top:1px solid rgba(8,8,8,.14) !important;
color:#5f666b !important;
font-size:11px !important;
line-height:1.5 !important;
letter-spacing:.08em !important;
text-align:center !important;
}
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
min-height:calc(100svh - 72px) !important;
align-items:flex-start !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / contain no-repeat !important;
}
body .dfx-home .dfx-hero:before{
display:none !important;
opacity:0 !important;
}
body .dfx-home .dfx-hero-copy{
position:relative !important;
z-index:2 !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1{
width:100% !important;
max-width:100% !important;
font-size:25px !important;
line-height:1.25 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1 span{
display:block !important;
max-width:100% !important;
white-space:normal !important;
}
body .dfx-home .dfx-hero .dfx-lead{
width:100% !important;
max-width:100% !important;
font-size:14px !important;
line-height:1.75 !important;
box-sizing:border-box !important;
}
.dfx-info-grid{
grid-template-columns:1fr !important;
gap:30px !important;
}
.dfx-info-panel h3{
margin-bottom:14px !important;
font-size:20px !important;
}
.dfx-info .dfx-news-item,
.dfx-info-company dl div{
grid-template-columns:1fr !important;
gap:6px !important;
padding:16px 0 !important;
}
.dfx-info-partner-body{
padding-top:16px !important;
}
.dfx-info-partner-cards{
grid-template-columns:1fr !important;
gap:14px !important;
}
.dfx-info-partner-cards article{
padding:16px !important;
}
.dfx-info-partner-tags span{
flex:1 1 118px !important;
}
}
/* Final pass: menu/footer/copyright consistency */
html.menu-open,
body.menu-open{
height:auto !important;
}
.footer-sub{
justify-content:center !important;
text-align:center !important;
}
.footer-sub-links{
width:100% !important;
justify-items:center !important;
text-align:center !important;
}
.copy{
text-align:center !important;
}
.global-menu-title:after{
content:none !important;
display:none !important;
}
@media screen and (max-width: 900px){
.global-menu-title:after{
content:none !important;
display:none !important;
}
.global-menu-body{
display:flex !important;
flex-direction:column !important;
min-height:calc(100dvh - 73px) !important;
}
.global-menu-copy{
margin-top:auto !important;
padding-top:18px !important;
border-top:1px solid rgba(8,8,8,.14) !important;
color:#5f666b !important;
text-align:center !important;
}
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
background:
linear-gradient(90deg, rgba(244,247,248,.90) 0%, rgba(244,247,248,.68) 46%, rgba(244,247,248,.18) 74%, rgba(244,247,248,0) 100%),
url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / cover no-repeat !important;
}
body .dfx-home .dfx-hero:before{
opacity:.45 !important;
}
}
@media screen and (max-width: 760px){
body .dfx-home .dfx-belief{
margin-bottom:18px !important;
padding-bottom:18px !important;
}
body .dfx-home .dfx-belief h3{
margin-bottom:10px !important;
font-size:18px !important;
}
body .dfx-home .dfx-belief p{
font-size:14px !important;
line-height:1.85 !important;
}
.dfx-info-grid{
grid-template-columns:1fr !important;
gap:30px !important;
}
.dfx-info-panel h3{
margin-bottom:14px !important;
font-size:20px !important;
}
.dfx-info .dfx-news-item,
.dfx-info-company dl div{
grid-template-columns:1fr !important;
gap:6px !important;
padding:16px 0 !important;
}
}
/* Mobile menu: keep card shadows and arrows inside the visible rhythm */
@media screen and (max-width: 640px){
.global-menu .global-menu-links{
gap:8px !important;
}
.global-menu .global-menu-text-link{
box-sizing:border-box !important;
}
.global-menu .global-menu-primary-link{
width:calc(100% - 6px) !important;
max-width:calc(100% - 6px) !important;
grid-template-columns:auto minmax(0, 1fr) 18px !important;
column-gap:12px !important;
padding:12px 14px 12px 16px !important;
margin-bottom:4px !important;
}
.global-menu .global-menu-primary-link:before{
grid-column:1 !important;
grid-row:1 / 3 !important;
align-self:start !important;
margin-top:4px !important;
}
.global-menu .global-menu-primary-link:after{
grid-column:3 !important;
grid-row:1 / 3 !important;
align-self:center !important;
justify-self:center !important;
margin:0 !important;
}
.global-menu .global-menu-primary-link span,
.global-menu .global-menu-primary-link small{
grid-column:2 !important;
}
.global-menu .global-menu-text-link:not(.global-menu-primary-link):after{
flex:0 0 9px !important;
margin-left:auto !important;
margin-right:2px !important;
}
.global-menu .global-menu-line-cta{
width:calc(100% - 5px) !important;
max-width:calc(100% - 5px) !important;
}
}
/* Contact page: keep form primary and LINE as a compact side route */
@media screen and (min-width: 900px){
body .dfx-contact-page .dfx-contact-main{
grid-template-columns:minmax(0, 1fr) 360px !important;
align-items:start !important;
}
body .dfx-contact-page .dfx-contact-line{
padding:26px 28px !important;
align-self:start !important;
}
body .dfx-contact-page .dfx-contact-line h2{
font-size:24px !important;
line-height:1.25 !important;
}
body .dfx-contact-page .dfx-contact-line p:not(.dfx-label){
max-width:100% !important;
font-size:14px !important;
line-height:1.75 !important;
}
body .dfx-contact-page .dfx-contact-line .dfx-btn{
width:100% !important;
justify-content:center !important;
margin-top:20px !important;
}
body .dfx-contact-page .dfx-contact-line img{
width:160px !important;
margin-top:22px !important;
}
}
@media screen and (max-width: 640px){
.dfx-contact-line{
padding:22px 20px !important;
}
.dfx-contact-line img{
width:150px !important;
margin-top:20px !important;
}
}
.dfx-sp-br{
display:none;
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero .dfx-hero-copy .dfx-lead{
max-width:100% !important;
white-space:normal !important;
overflow-wrap:break-word !important;
word-break:normal !important;
line-break:strict !important;
}
body .dfx-home .dfx-hero .dfx-hero-copy .dfx-lead br{
display:block !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
flex-direction:column !important;
align-items:stretch !important;
gap:18px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-primary{
width:100% !important;
box-shadow:0 6px 0 #21d6c3 !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline{
align-self:center !important;
width:auto !important;
max-width:100% !important;
padding-bottom:6px !important;
}
body .dfx-home .dfx-growth-grid article{
grid-template-columns:36px minmax(0, 1fr) !important;
column-gap:12px !important;
}
body .dfx-home .dfx-growth-grid article h3{
font-size:17px !important;
word-break:normal !important;
overflow-wrap:normal !important;
line-break:strict !important;
}
}
*{
box-sizing:border-box;
}
.dfx-sp-title-break{
display:none;
}
@media screen and (max-width: 640px){
.dfx-sp-title-break{
display:block;
}
}
.logo.logo-text,
.footer-logo.footer-logo-text{
width:auto;
height:auto;
min-width:max-content;
color:#111;
font-size:20px;
line-height:1.2;
font-weight:900;
letter-spacing:0;
text-decoration:none;
}
.footer-logo.footer-logo-text{
display:inline-block;
font-size:18px;
line-height:1.25;
}
.dfx-production-layout-textonly{
grid-template-columns:minmax(0, 1fr) !important;
}
.df-static-page{
--dfx-black:#080808;
--dfx-ink:#141414;
--dfx-muted:#5c6570;
--dfx-line:#dfe4e8;
--dfx-mint:#21d6c3;
--dfx-mint-dark:#079988;
--dfx-bg:#f4f7f8;
color:var(--dfx-ink);
background:#fff;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
letter-spacing:0;
}
.df-static-page,
.df-static-page *{
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif !important;
text-shadow:none !important;
}
.df-static-page .company-hero{
width:100%;
min-height:0;
padding:0;
background:#fff;
border:0;
overflow:visible;
}
.df-static-page .company-hero:before,
.df-static-page .company-hero:after{
display:none;
}
.df-static-page .section-inner{
width:min(1240px, calc(100% - 72px));
max-width:none;
margin:0 auto;
padding-left:0;
padding-right:0;
}
.df-static-page .company-hero .section-inner{
padding:84px 0 64px;
border-bottom:3px solid var(--dfx-black);
display:grid;
grid-template-columns:minmax(0, 1fr);
gap:18px;
}
.df-static-page > section:not(.company-hero){
width:min(1240px, calc(100% - 72px));
margin:0 auto;
padding:76px 0;
}
.df-static-page > section:not(.company-hero) .section-inner{
width:100%;
}
.df-static-page .hero-badge-text,
.df-static-page .label{
display:inline-block;
margin:0 0 18px;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
color:var(--dfx-mint-dark) !important;
font-size:12px;
line-height:1.4;
font-weight:1000;
letter-spacing:.08em;
}
.df-static-page h1,
.df-static-page .hero-copy h1{
margin:0;
color:var(--dfx-black) !important;
font-size:clamp(42px, 5vw, 72px);
line-height:1.08;
font-weight:1000;
letter-spacing:0;
}
.df-static-page h1 span,
.df-static-page .hero-copy h1 span{
color:inherit !important;
}
.df-static-page h2{
margin:0;
color:var(--dfx-black) !important;
font-size:clamp(32px, 4vw, 54px);
line-height:1.16;
font-weight:1000;
letter-spacing:0;
}
.df-static-page h3{
color:var(--dfx-black) !important;
font-weight:1000;
letter-spacing:0;
}
.df-static-page .lead,
.df-static-page .hero-copy .lead{
max-width:900px;
margin:22px 0 0;
color:#151b20;
font-size:18px;
line-height:1.9;
font-weight:850;
}
.df-static-page .text,
.df-static-page .hero-copy .text{
max-width:900px;
margin:18px 0 0;
color:#28313a;
font-size:16px;
line-height:1.85;
font-weight:700;
}
.df-static-page .hero-mini-grid,
.df-static-page .info-pills,
.df-static-page .philosophy-list,
.df-static-page .policy-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:18px;
}
.df-static-page .hero-mini,
.df-static-page .info-pill,
.df-static-page .about-us-card,
.df-static-page .creator-intro-card,
.df-static-page .intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table,
.df-static-page .philosophy-card,
.df-static-page .policy-section-card,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item{
border:3px solid var(--dfx-black);
border-radius:0;
background:#fff;
box-shadow:none;
}
.df-static-page .about-us-card,
.df-static-page .creator-intro-card,
.df-static-page .intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card{
padding:30px;
}
.df-static-page .hero-mini{
padding:22px;
}
.df-static-page .hero-mini b,
.df-static-page .info-pill span{
display:block;
margin-bottom:8px;
color:var(--dfx-mint-dark);
font-weight:1000;
}
.df-static-page .info-pill{
padding:24px;
}
.df-static-page .info-pill p{
margin:0;
color:#1f2931;
font-size:15px;
line-height:1.75;
font-weight:750;
}
.df-static-page .philosophy-card,
.df-static-page .policy-section-card{
position:relative;
padding:28px;
}
.df-static-page .philosophy-card:before,
.df-static-page .policy-section-card:before{
content:attr(data-number);
display:block;
margin-bottom:14px;
color:#ff3d7f;
font-size:22px;
line-height:1;
font-weight:1000;
}
.df-static-page .gold-line{
width:100%;
height:3px;
margin:14px 0;
background:var(--dfx-mint);
}
.df-static-page .policy-section-card p,
.df-static-page .philosophy-card p,
.df-static-page .policy-section-card li{
color:#26313a;
font-size:15px;
line-height:1.85;
font-weight:700;
}
.df-static-page .policy-section-card ul,
.df-static-page .business-list{
margin:16px 0 0;
padding:0;
list-style:none;
}
.df-static-page .policy-section-card li,
.df-static-page .business-list li{
position:relative;
padding-left:18px;
}
.df-static-page .policy-section-card li:before,
.df-static-page .business-list li:before{
content:"";
position:absolute;
left:0;
top:.78em;
width:7px;
height:7px;
background:var(--dfx-mint);
}
.df-static-page .profile-row{
display:grid;
grid-template-columns:180px minmax(0, 1fr);
gap:24px;
padding:22px 26px;
border-top:2px solid var(--dfx-black);
}
.df-static-page .profile-row:first-child{
border-top:0;
}
.df-static-page .profile-head{
color:var(--dfx-mint-dark);
font-size:13px;
font-weight:1000;
}
.df-static-page .profile-body{
color:#1d252d;
font-size:15px;
line-height:1.8;
font-weight:750;
}
.df-static-page .profile-note{
display:block;
margin-top:8px;
color:#5c6570;
font-size:13px;
line-height:1.75;
font-weight:700;
}
.df-static-page .creator-filter a{
border:2px solid var(--dfx-black);
border-radius:0;
background:#fff;
color:var(--dfx-black);
font-weight:1000;
}
.df-static-page .creator-filter a.is-active{
background:var(--dfx-black);
border-color:var(--dfx-black);
color:#fff;
box-shadow:6px 6px 0 var(--dfx-mint);
}
.df-static-page .creator-filter a span{
background:rgba(33,214,195,.16);
}
.df-static-page .dream-creator-item{
overflow:hidden;
}
.df-static-page .dream-creator-info{
padding:22px;
}
.df-static-page .dream-creator-name{
color:var(--dfx-black);
font-size:24px;
line-height:1.25;
font-weight:1000;
}
.df-static-page .creator-cat-badge,
.df-static-page .dream-social-icon a{
border:1px solid var(--dfx-mint);
border-radius:0;
background:#f2fffd;
color:var(--dfx-black);
font-weight:900;
}
.df-static-page .creator-profile-button,
.df-static-page .creator-work-button,
.df-static-page .creator-share-button,
.df-static-page .btn-primary,
.df-static-page .btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:13px 22px;
border:2px solid var(--dfx-black);
border-radius:0;
background:var(--dfx-black);
color:#fff;
font-size:14px;
font-weight:1000;
line-height:1.35;
text-decoration:none;
box-shadow:7px 7px 0 var(--dfx-mint);
}
.df-static-page .btn-secondary,
.df-static-page .creator-share-button,
.df-static-page .creator-single-back{
background:#fff;
color:var(--dfx-black);
box-shadow:none;
}
.df-static-page .news-list-card{
overflow:hidden;
}
.df-static-page .news-item,
.df-static-page .news-item-inner{
border:0;
background:transparent;
}
.df-static-page .news-item-inner{
display:grid;
grid-template-columns:150px minmax(0, 1fr);
gap:24px;
padding:22px 26px;
border-bottom:1px solid var(--dfx-line);
color:var(--dfx-black);
text-decoration:none;
}
.df-static-page .news-item:last-child .news-item-inner{
border-bottom:0;
}
.df-static-page .news-date{
color:var(--dfx-mint-dark);
font-size:13px;
font-weight:1000;
}
.df-static-page .news-title{
color:var(--dfx-black);
font-size:17px;
line-height:1.6;
font-weight:900;
}
.df-static-page .latest-podcast-section .container,
.df-static-page .latest-podcast-section .row,
.df-static-page .latest-podcast-section [class*="col-"]{
width:100%;
max-width:none;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}
.df-static-page .latest-podcast-section > .container > .row{
display:block;
}
.df-static-page .latest-podcast-section .section-title-wrap{
margin:0 0 22px !important;
}
.df-static-page .latest-podcast-section .section-title{
margin:0;
color:var(--dfx-black);
font-size:30px;
line-height:1.25;
font-weight:1000;
}
.df-static-page .latest-podcast-section .col-lg-10 > .row{
display:grid;
grid-template-columns:150px minmax(0, 1fr);
gap:24px;
align-items:center;
margin:0 0 18px !important;
padding:24px;
border:3px solid var(--dfx-black);
background:#fff;
}
.df-static-page .custom-block-image{
display:block;
max-width:120px;
height:auto !important;
margin:0 auto !important;
}
.df-static-page .custom-block-info h2{
margin:0 0 10px;
font-size:28px;
}
.df-static-page .custom-block-info p{
margin:0;
color:#26313a;
font-size:15px;
line-height:1.85;
font-weight:700;
}
.df-static-creator-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:24px;
}
.df-static-creator-grid .dream-creator-item{
min-width:0;
}
.df-static-creator-grid .dream-creator-image{
aspect-ratio:1 / 1.18;
}
.df-static-creator-grid .dream-creator-image img[src*="logo.png"]{
object-fit:contain;
padding:42px;
background:#faf7f0;
}
.df-static-creator-grid .creator-comment{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.df-static-creator-grid .dream-social-icon{
margin-top:14px;
}
.creator-filter{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:26px 0 28px;
}
.creator-filter a{
display:inline-flex;
align-items:center;
gap:7px;
min-height:38px;
padding:8px 14px;
border:1px solid rgba(199,157,83,.35);
border-radius:999px;
background:#fff;
color:var(--ink);
font-size:13px;
font-weight:800;
line-height:1.3;
text-decoration:none;
}
.creator-filter a.is-active{
background:var(--gold);
border-color:var(--gold);
color:#fff;
}
.creator-filter a span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
background:rgba(199,157,83,.13);
color:inherit;
font-size:11px;
}
.creator-single-card .dream-social-icon{
row-gap:8px;
}
.creator-single-card .creator-work-button,
.creator-single-card .creator-share-button{
width:100%;
max-width:100%;
}
.creator-single-card .creator-work-button{
margin:22px 0 0;
}
.dfx-system-grid-wide figcaption{
display:none !important;
}
@media screen and (max-width: 900px){
.df-static-creator-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 640px){
.logo.logo-text{
font-size:17px;
line-height:1.2;
}
.df-static-page .section-inner,
.df-static-page > section:not(.company-hero){
width:calc(100% - 32px);
}
.df-static-page .company-hero .section-inner{
padding:58px 0 44px;
}
.df-static-page > section:not(.company-hero){
padding:54px 0;
}
.df-static-page h1,
.df-static-page .hero-copy h1{
font-size:34px;
line-height:1.14;
overflow-wrap:anywhere;
}
.df-static-page h2{
font-size:30px;
line-height:1.18;
overflow-wrap:anywhere;
}
.df-static-page .lead,
.df-static-page .hero-copy .lead{
font-size:15px;
line-height:1.85;
}
.df-static-page .text,
.df-static-page .hero-copy .text{
font-size:14px;
line-height:1.8;
}
.df-static-page .hero-mini-grid,
.df-static-page .info-pills,
.df-static-page .philosophy-list,
.df-static-page .policy-list{
grid-template-columns:1fr;
gap:14px;
}
.df-static-page .about-us-card,
.df-static-page .creator-intro-card,
.df-static-page .intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .philosophy-card,
.df-static-page .policy-section-card{
padding:22px;
}
.df-static-page .profile-row{
grid-template-columns:1fr;
gap:8px;
padding:18px 20px;
}
.df-static-page .news-item-inner{
grid-template-columns:1fr;
gap:8px;
padding:18px 20px;
}
.df-static-page .latest-podcast-section .col-lg-10 > .row{
grid-template-columns:1fr;
gap:18px;
padding:22px;
}
.df-static-page .custom-block-image{
max-width:96px;
}
.df-static-page .custom-block-info h2{
font-size:24px;
}
.df-static-page .creator-profile-button,
.df-static-page .creator-work-button,
.df-static-page .creator-share-button,
.df-static-page .btn-primary,
.df-static-page .btn-secondary{
width:100%;
}
.dfx-hero{
width:calc(100% - 32px);
display:block;
grid-template-columns:minmax(0, 1fr) !important;
}
.dfx-hero-copy,
.dfx-hero-visual{
width:100%;
max-width:100%;
min-width:0;
}
.dfx-hero h1{
width:calc(100vw - 32px);
max-width:calc(100vw - 32px);
font-size:29px;
line-height:1.18;
overflow-wrap:anywhere !important;
word-break:break-all;
line-break:anywhere;
}
.dfx-hero h1 span{
display:block !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:break-all;
line-break:anywhere;
}
.dfx-lead{
width:calc(100vw - 32px);
max-width:calc(100vw - 32px);
font-size:15px;
overflow-wrap:anywhere !important;
word-break:break-all;
line-break:anywhere;
}
.dfx-lead br{
display:none;
}
.dfx-hero-actions{
width:calc(100vw - 32px);
max-width:calc(100vw - 32px);
}
.dfx-btn{
width:100%;
max-width:100%;
min-height:54px;
padding:14px 12px;
font-size:13px;
text-align:center;
}
body:has(.dfx-home) .menu{
background:#080808 !important;
}
body:has(.dfx-home) .menu:before{
background:#fff !important;
box-shadow:0 -7px 0 #fff, 0 7px 0 #fff !important;
}
.dfx-proof{
width:358px;
max-width:358px;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
overflow-x:visible;
padding-bottom:4px;
}
.dfx-proof span{
display:flex;
align-items:center;
justify-content:center;
white-space:normal;
min-height:38px;
text-align:center;
}
.dfx-hero-main,
.dfx-hero-secondary figure{
max-width:100%;
}
.dfx-hero-secondary figure{
grid-template-columns:112px minmax(0, 1fr);
}
.dfx-hero-secondary figcaption{
overflow-wrap:anywhere;
}
.dfx-system{
padding-bottom:18px;
}
.dfx-system .dfx-section-head{
margin-bottom:18px;
}
.dfx-system-grid-wide{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
align-items:start;
gap:6px;
margin:0;
padding:0;
overflow:visible;
scroll-snap-type:none;
}
.dfx-system-grid-wide figure{
width:auto;
min-width:0;
aspect-ratio:610 / 1136;
border-width:2px;
overflow:hidden;
scroll-snap-align:none;
}
.dfx-system-grid-wide img{
height:100% !important;
object-fit:cover;
object-position:top center;
background:#fff;
}
.dfx-system-grid-wide figcaption{
display:none !important;
}
.dfx-system-grid-wide figcaption strong{
display:block;
font-size:12px;
line-height:1.2;
white-space:nowrap;
transform:translateY(1px);
}
.dfx-system-grid-wide figcaption span{
display:none;
}
.dfx-production-layout-textonly{
grid-template-columns:1fr !important;
}
.dfx-managers{
padding-top:48px;
padding-bottom:42px;
}
.dfx-managers .dfx-section-head{
margin-bottom:18px;
}
.dfx-manager-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px;
margin:0;
padding:0;
overflow:visible;
scroll-snap-type:none;
}
.dfx-manager-grid article{
width:100%;
min-height:132px;
display:grid;
grid-template-columns:110px minmax(0, 1fr);
grid-template-rows:auto auto minmax(0, 1fr);
column-gap:14px;
align-items:center;
border-width:2px;
overflow:hidden;
scroll-snap-align:none;
}
.dfx-manager-grid img{
grid-row:1 / 4;
width:110px;
height:132px !important;
object-fit:cover;
object-position:top center;
border-right:2px solid var(--dfx-black);
}
.dfx-manager-grid p{
grid-column:2;
min-width:0;
margin:0 12px 0 0;
padding-top:12px;
font-size:10px;
line-height:1.3;
}
.dfx-manager-grid h3{
grid-column:2;
min-width:0;
margin:3px 12px 0 0;
font-size:17px;
line-height:1.18;
}
.dfx-manager-note{
grid-column:2;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-width:0;
margin:6px 12px 12px 0;
font-size:11px;
line-height:1.45;
}
.df-static-creator-grid{
grid-template-columns:1fr;
gap:18px;
}
.creator-filter{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:8px;
}
.creator-filter a{
flex:0 0 auto;
white-space:nowrap;
}
.dream-social-icon{
gap:7px;
}
.dream-social-icon a{
min-width:34px;
height:38px;
padding:0 10px;
font-size:12px;
}
.creator-single-card .dream-social-icon{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
justify-content:stretch;
}
.creator-single-card .dream-social-icon a{
width:100%;
}
.creator-single-card{
width:100%;
max-width:100%;
}
.creator-single-section .section-inner{
width:calc(100% - 32px);
max-width:100%;
padding-left:0;
padding-right:0;
}
.creator-single-card .dream-creator-info{
padding-left:16px;
padding-right:16px;
}
}
@media screen and (max-width: 360px){
.dfx-proof{
width:288px;
max-width:288px;
}
}
/* =========================
Static linked pages final alignment
========================= */
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header{
height:86px;
padding:0 42px;
border-bottom:1px solid rgba(0,0,0,.12);
background:rgba(255,255,255,.94);
backdrop-filter:blur(16px);
}
body:has(.df-static-page) .logo,
body:has(.df-contact-page) .logo{
width:160px;
}
body:has(.df-static-page) .desktop-nav,
body:has(.df-contact-page) .desktop-nav{
gap:26px;
color:#080808;
font-size:14px;
font-weight:900;
}
body:has(.df-static-page) .menu,
body:has(.df-contact-page) .menu{
background:#080808;
}
body:has(.df-static-page) .menu:before,
body:has(.df-contact-page) .menu:before{
background:#fff;
box-shadow:0 -7px 0 #fff, 0 7px 0 #fff;
}
body:has(.df-static-page) .footer,
body:has(.df-contact-page) .footer{
background:#080808;
color:#fff;
}
body:has(.df-static-page) .footer:before,
body:has(.df-contact-page) .footer:before{
background:linear-gradient(90deg, transparent, #21d6c3, transparent);
}
body:has(.df-static-page) .lp,
body:has(.df-contact-page) .lp,
body:has(.dfx-home) .lp{
min-height:100vh;
display:flex;
flex-direction:column;
padding-bottom:0;
}
body:has(.df-static-page) main,
body:has(.df-contact-page) main,
body:has(.dfx-home) main{
flex:1 0 auto;
}
body:has(.df-static-page) .fixed-cta,
body:has(.df-contact-page) .fixed-cta{
display:none !important;
}
body:has(.df-static-page) .footer a,
body:has(.df-contact-page) .footer a,
body:has(.df-static-page) .footer-lead,
body:has(.df-contact-page) .footer-lead,
body:has(.df-static-page) .footer-company,
body:has(.df-contact-page) .footer-company,
body:has(.df-static-page) .copy,
body:has(.df-contact-page) .copy{
color:rgba(255,255,255,.72);
}
body:has(.df-static-page) .footer-logo img,
body:has(.df-contact-page) .footer-logo img{
filter:invert(1) brightness(1.8) contrast(.82);
}
body:has(.df-static-page) .footer-links a,
body:has(.df-contact-page) .footer-links a,
body:has(.df-static-page) .footer-social .social-icon-link,
body:has(.df-contact-page) .footer-social .social-icon-link{
background:#111;
border-color:rgba(255,255,255,.18);
color:#fff;
}
body:has(.df-static-page) .footer-sub,
body:has(.df-contact-page) .footer-sub{
border-top-color:rgba(255,255,255,.18);
}
body:has(.df-static-page) .footer-social-label,
body:has(.df-contact-page) .footer-social-label{
color:#21d6c3;
}
.df-static-page{
width:100%;
overflow:hidden;
}
.df-static-page .company-hero{
background:#fff;
}
.df-static-page .company-hero .section-inner{
width:min(1240px, calc(100% - 72px));
padding:76px 0 58px;
border-bottom:3px solid #080808;
}
.df-static-page .hero-copy,
.df-static-page .hero-copy > *{
max-width:100%;
}
.df-static-page .hero-copy h1,
.df-static-page .hero-copy .lead,
.df-static-page .hero-copy .text,
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item{
overflow-wrap:anywhere;
word-break:normal;
}
.df-static-page > section:not(.company-hero){
width:100%;
max-width:none;
margin:0;
padding:76px max(36px, calc((100vw - 1240px) / 2));
}
.df-static-page > section:not(.company-hero):nth-of-type(even){
background:#f4f7f8;
}
.df-static-page > section:not(.company-hero) .section-inner{
width:100%;
max-width:1240px;
}
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .news-list-card,
.df-static-page .about-us-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table{
max-width:100%;
border:3px solid #080808;
background:#fff;
box-shadow:none;
}
.df-static-page .creator-filter{
max-width:100%;
}
.df-static-page .creator-filter a{
min-width:0;
max-width:100%;
white-space:normal;
}
.df-static-page .df-static-creator-grid{
width:100%;
max-width:100%;
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.df-static-page .dream-creator-item{
min-width:0;
}
.df-static-page .dream-creator-image{
background:#fff;
}
.df-static-page .dream-creator-image img{
width:100%;
height:100%;
object-fit:cover;
}
.df-static-page .creator-single-section{
background:#f4f7f8 !important;
}
.df-static-page .creator-single-section .section-inner{
width:min(1120px, calc(100% - 72px));
max-width:1120px !important;
margin:0 auto;
}
.df-static-page .creator-single-card{
display:grid;
grid-template-columns:minmax(280px, .9fr) minmax(0, 1.1fr);
align-items:stretch;
width:100%;
max-width:100%;
cursor:default;
}
.df-static-page .creator-single-card .dream-creator-image{
aspect-ratio:1 / 1.16;
border-right:3px solid #080808;
}
.df-static-page .creator-single-card .dream-creator-info{
display:flex;
flex-direction:column;
justify-content:center;
padding:38px;
text-align:left;
}
.df-static-page .creator-single-card .dream-creator-name,
.df-static-page .creator-single-sns .label{
text-align:left;
}
.df-static-page .creator-single-sns{
margin-top:22px;
padding-top:18px;
border-top:2px solid #dfe4e8;
}
.df-static-page .creator-single-back{
margin-top:26px;
border:2px solid #080808 !important;
background:#fff !important;
color:#080808 !important;
box-shadow:none !important;
}
.df-static-page .news-list-card{
padding:0;
overflow:hidden;
}
.df-static-page .news-list{
width:100%;
}
.df-static-page .news-item-inner{
width:100%;
grid-template-columns:150px minmax(0, 1fr);
}
.df-static-page .news-title{
min-width:0;
}
@media screen and (max-width: 1180px){
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header{
padding:0 28px;
}
body:has(.df-static-page) .desktop-nav,
body:has(.df-contact-page) .desktop-nav{
gap:12px;
font-size:12px;
}
}
@media screen and (max-width: 900px){
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header{
height:72px;
padding:0 20px;
}
body:has(.df-static-page) .logo,
body:has(.df-contact-page) .logo{
width:126px;
max-width:calc(100vw - 100px);
font-size:0;
line-height:0;
}
body:has(.df-static-page) .desktop-nav,
body:has(.df-contact-page) .desktop-nav{
display:none;
}
body:has(.df-static-page) .menu,
body:has(.df-contact-page) .menu{
position:static;
flex:0 0 50px;
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border:0;
border-radius:50%;
}
body:has(.df-static-page) .menu img,
body:has(.df-contact-page) .menu img{
display:none;
}
.df-static-page .company-hero .section-inner{
width:calc(100% - 32px);
padding:56px 0 42px;
}
.df-static-page > section:not(.company-hero){
padding:48px 16px;
}
.df-static-page > section:not(.company-hero) .section-inner{
width:100%;
max-width:100%;
}
.df-static-page .hero-copy h1{
font-size:32px;
line-height:1.16;
}
.df-static-page h2{
font-size:28px;
line-height:1.18;
}
.df-static-page .lead,
.df-static-page .hero-copy .lead{
font-size:15px;
line-height:1.8;
}
.df-static-page .text,
.df-static-page .hero-copy .text{
font-size:14px;
line-height:1.75;
}
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .about-us-card,
.df-static-page .policy-card,
.df-static-page .contact-card{
padding:20px;
}
.df-static-page .creator-filter{
flex-wrap:nowrap;
margin:20px -16px 24px;
padding:0 16px 8px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.df-static-page .creator-filter a{
flex:0 0 auto;
white-space:nowrap;
}
.df-static-page .df-static-creator-grid{
grid-template-columns:1fr;
gap:18px;
}
.df-static-page .creator-single-section .section-inner{
width:calc(100% - 32px);
max-width:100% !important;
}
.df-static-page .creator-single-card{
display:block;
}
.df-static-page .creator-single-card .dream-creator-image{
aspect-ratio:1 / 1.12;
border-right:0;
border-bottom:3px solid #080808;
}
.df-static-page .creator-single-card .dream-creator-info{
padding:22px 18px;
}
.df-static-page .creator-single-card .dream-social-icon{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.df-static-page .news-item-inner{
grid-template-columns:1fr;
gap:8px;
padding:18px;
}
}
@media screen and (max-width: 380px){
body:has(.df-static-page) .logo,
body:has(.df-contact-page) .logo{
font-size:16px;
}
.df-static-page .hero-copy h1{
font-size:29px;
}
}
/* Top creator cards: unified concise content */
.dfx-home .dfx-creator-meta{
display:flex;
min-height:164px;
flex-direction:column;
}
.dfx-home .dfx-creator-meta h3{
margin:0;
}
.dfx-home .dfx-creator-meta > span{
display:block;
margin-top:8px;
letter-spacing:0;
}
.dfx-creator-profile-text{
margin-top:auto;
padding-top:18px;
color:#080808;
font-size:13px;
line-height:1.4;
font-weight:1000;
}
.dfx-creator-profile-text:after{
content:"";
display:block;
width:100%;
height:3px;
margin-top:8px;
background:#21d6c3;
}
@media screen and (max-width: 900px){
.dfx-home .dfx-creator-meta{
min-height:120px;
}
.dfx-creator-profile-text{
padding-top:10px;
font-size:12px;
}
}
/* LINE modal: match current top-page tone */
.line-modal{
padding:18px;
background:rgba(8,8,8,.62);
backdrop-filter:blur(5px);
}
.line-modal-panel{
width:min(390px, 100%);
max-width:none;
padding:30px 24px 24px;
border:3px solid #080808;
border-radius:0;
background:#fff;
box-shadow:8px 8px 0 #21d6c3;
color:#080808;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
letter-spacing:0;
}
.line-modal-close{
right:12px;
top:12px;
width:38px;
height:38px;
border:2px solid #080808;
border-radius:0;
background:#fff;
color:#080808;
font-size:24px;
font-weight:900;
box-shadow:none;
}
.line-modal-label{
min-height:0;
padding:0;
border-radius:0;
background:transparent;
color:#079988;
font-size:13px;
font-weight:1000;
letter-spacing:0;
margin:0 42px 12px;
}
.line-modal-title{
margin:0;
color:#080808;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
font-size:28px;
line-height:1.3;
letter-spacing:0;
font-weight:1000;
}
.line-modal-text{
margin:14px 0 0;
color:#141414;
font-size:14px;
line-height:1.8;
letter-spacing:0;
}
.line-modal-qr-wrap{
width:184px;
height:184px;
margin:20px auto 18px;
padding:10px;
border:3px solid #080808;
border-radius:0;
background:#fff;
box-shadow:none;
}
.line-modal-link{
min-height:54px;
border:2px solid #080808;
border-radius:0;
background:#080808;
color:#fff;
font-size:15px;
font-weight:1000;
letter-spacing:0;
box-shadow:7px 7px 0 #21d6c3;
}
.line-modal-link:before{
display:none;
}
.line-modal-note{
margin:18px 0 0;
color:#5c6570;
font-size:12px;
line-height:1.7;
}
.fixed-cta{
border:2px solid #080808;
border-radius:0;
background:#080808;
color:#fff;
font-weight:1000;
letter-spacing:0;
box-shadow:7px 7px 0 #21d6c3;
}
.fixed-cta:after{
border-color:#21d6c3;
background:transparent;
}
@media screen and (max-width: 900px){
.line-modal{
align-items:center;
padding:18px 14px;
}
.line-modal-panel{
padding:28px 20px 22px;
box-shadow:6px 6px 0 #21d6c3;
}
.line-modal-title{
font-size:25px;
}
.line-modal-qr-wrap{
width:168px;
height:168px;
margin-top:18px;
}
}
/* Information architecture cleanup */
.desktop-nav .desktop-nav-cta{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 16px;
border:2px solid #080808;
border-radius:0;
font-size:13px;
font-weight:1000;
line-height:1.2;
text-decoration:none;
}
.desktop-nav .desktop-nav-cta-primary{
background:#080808;
color:#fff;
box-shadow:5px 5px 0 #21d6c3;
}
.desktop-nav .desktop-nav-cta-secondary{
background:#fff;
color:#080808;
}
.global-menu-primary-link{
min-height:76px;
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
grid-template-rows:auto auto;
column-gap:12px;
align-items:center;
padding-top:12px;
padding-bottom:12px;
background:#080808;
color:#fff;
box-shadow:7px 7px 0 var(--dfx-menu-mint);
}
.global-menu-primary-link:before{
grid-row:1 / 3;
}
.global-menu-primary-link:after{
grid-row:1 / 3;
border-color:#fff;
}
.global-menu-primary-link span,
.global-menu-primary-link small{
grid-column:2;
min-width:0;
}
.global-menu-primary-link span{
font-size:18px;
line-height:1.25;
}
.global-menu-primary-link span:after{
display:none !important;
}
.global-menu-primary-link small{
display:block;
margin-top:3px;
color:rgba(255,255,255,.72);
font-size:12px;
line-height:1.35;
font-weight:800;
}
.global-menu-primary-link-outline{
background:#fff;
color:#080808;
}
.global-menu-primary-link-outline:after{
border-color:#080808;
}
.global-menu-primary-link-outline small{
color:#5c6570;
}
.dfx-support-system-summary{
margin-top:56px;
padding-top:44px;
border-top:3px solid #080808;
}
.dfx-support-system-summary > p{
max-width:920px;
margin:0 0 26px;
color:#28313a;
font-size:16px;
line-height:1.85;
font-weight:750;
}
.dfx-support-system-summary .dfx-section-head{
margin-bottom:16px;
}
.dfx-audience-section{
position:relative;
}
.dfx-audience-section:before{
content:"";
position:absolute;
left:max(28px, calc((100vw - 1240px) / 2));
right:max(28px, calc((100vw - 1240px) / 2));
top:34px;
bottom:34px;
border:3px solid #080808;
pointer-events:none;
}
.dfx-creator-support.dfx-audience-section:before{
background:rgba(33,214,195,.06);
}
.dfx-production.dfx-audience-section:before{
background:rgba(8,8,8,.035);
}
.dfx-audience-section > *{
position:relative;
z-index:1;
}
.dfx-audience-section:before{
display:none;
}
.dfx-creator-support,
.dfx-production{
border-top:3px solid #080808;
border-bottom:3px solid #080808;
}
.df-static-page .creator-single-profile{
margin-top:22px;
padding-top:18px;
border-top:2px solid #dfe4e8;
}
.df-static-page .creator-single-profile p{
margin:0;
color:#26313a;
font-size:15px;
line-height:1.85;
font-weight:750;
}
.dfx-contact-route-list li{
display:block;
}
.dfx-contact-route-list strong,
.dfx-contact-route-list span{
display:block;
}
.dfx-contact-route-list span{
margin-top:6px;
color:rgba(255,255,255,.76);
font-size:14px;
line-height:1.55;
}
.dfx-contact-line p:not(.dfx-label){
max-width:360px;
margin:18px 0 0;
}
.news-detail-back-card{
padding:24px !important;
}
.news-detail-card:before,
.news-detail-back-card:before{
display:none !important;
}
@media screen and (max-width: 1180px){
.desktop-nav .desktop-nav-cta{
padding:0 11px;
font-size:12px;
}
}
@media screen and (max-width: 900px){
.desktop-nav .desktop-nav-cta{
display:none !important;
}
.global-menu-primary-link{
min-height:70px;
}
.dfx-support-system-summary{
margin-top:38px;
padding-top:34px;
}
.dfx-support-system-summary > p{
font-size:14px;
line-height:1.75;
}
.dfx-audience-section:before{
display:none;
}
.dfx-creator-support,
.dfx-production{
border-top:3px solid #080808;
border-bottom:3px solid #080808;
}
.dfx-production-layout,
.dfx-production-layout > div,
.dfx-production-layout-textonly,
.dfx-production .dfx-target-lead,
.dfx-production-list,
.dfx-contract-note{
width:100%;
max-width:100%;
min-width:0;
}
.dfx-production h2,
.dfx-production p,
.dfx-production li{
overflow-wrap:break-word;
word-break:normal;
}
.dfx-contact-route-list span{
font-size:13px;
}
}
/* Mobile readability pass */
@media screen and (max-width: 900px){
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header,
body:has(.dfx-home) .site-header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:90 !important;
height:72px !important;
padding:0 20px !important;
background:rgba(255,255,255,.94) !important;
box-shadow:0 1px 0 rgba(8,8,8,.08);
backdrop-filter:blur(12px);
}
body:has(.df-static-page) main,
body:has(.df-contact-page) main,
body:has(.dfx-home) main{
padding-top:72px;
}
[id]{
scroll-margin-top:86px;
}
.site-header .menu{
position:static !important;
width:50px !important;
height:50px !important;
flex:0 0 50px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50%;
background:#080808 !important;
box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.global-menu{
z-index:100;
}
.global-menu-overlay{
inset:0 !important;
background:rgba(8,8,8,.48) !important;
opacity:1 !important;
transform:none !important;
transition:none !important;
backdrop-filter:blur(2px);
}
.global-menu-panel{
inset:0 !important;
width:100vw !important;
max-width:none !important;
height:100dvh !important;
min-height:100vh !important;
padding:0 !important;
background:#f4f7f8 !important;
color:#080808 !important;
opacity:1 !important;
overflow-y:auto !important;
transform:none !important;
transition:none !important;
animation:none !important;
}
.global-menu.is-open .global-menu-panel{
opacity:1 !important;
transform:none !important;
}
.global-menu.is-closing{
visibility:hidden !important;
pointer-events:none !important;
}
.global-menu.is-closing .global-menu-panel{
opacity:0 !important;
transform:none !important;
}
.global-menu-bg,
.global-menu-title img,
.global-menu-close img,
.global-menu-tagline img{
display:none !important;
}
.global-menu-header{
position:sticky;
top:0;
z-index:2;
width:100% !important;
max-width:none !important;
padding:12px 20px !important;
background:#fff;
border-bottom:1px solid rgba(8,8,8,.08);
backdrop-filter:blur(12px);
}
.global-menu-title{
min-height:48px;
}
.global-menu-title:before{
content:"MENU" !important;
min-height:34px;
padding:0 12px;
background:#21d6c3 !important;
border:2px solid #21d6c3 !important;
color:#080808 !important;
font-size:13px;
font-weight:1000;
letter-spacing:.08em;
}
.global-menu-title:after{
content:"ドリームファクトリー" !important;
margin-left:12px;
color:#080808 !important;
font-size:15px;
line-height:1;
font-weight:1000;
letter-spacing:0;
}
.global-menu-close{
position:relative;
width:48px !important;
height:48px !important;
border:2px solid #080808 !important;
background:#fff !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
.global-menu-close:before,
.global-menu-close:after{
content:"" !important;
position:absolute;
left:50%;
top:50%;
width:22px;
height:3px;
background:#080808 !important;
border-radius:999px;
transform:translate(-50%, -50%) rotate(45deg);
}
.global-menu-close:after{
transform:translate(-50%, -50%) rotate(-45deg);
}
.global-menu-body{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:24px 20px max(28px, env(safe-area-inset-bottom, 0px)) !important;
overflow:visible !important;
}
.global-menu-body:before{
content:"クリエイターの活動を、\A次のステージへ。" !important;
display:block;
margin:0 0 18px;
color:#080808 !important;
font-size:28px;
line-height:1.18;
font-weight:1000;
letter-spacing:0;
white-space:pre-line;
}
.global-menu-links{
width:100% !important;
margin:0 !important;
display:grid !important;
gap:10px !important;
}
.global-menu-links .global-menu-link:first-child{
margin-top:0 !important;
}
.global-menu-text-link{
min-height:54px !important;
margin:0 !important;
padding:0 16px !important;
border:2px solid #080808 !important;
border-radius:0 !important;
background:#fff !important;
color:#080808 !important;
box-shadow:5px 5px 0 rgba(33,214,195,.9) !important;
font-size:15px !important;
line-height:1.25 !important;
font-weight:1000 !important;
letter-spacing:0 !important;
opacity:1 !important;
}
.global-menu-primary-link{
min-height:70px !important;
background:#080808 !important;
color:#fff !important;
box-shadow:6px 6px 0 #21d6c3 !important;
}
.global-menu-primary-link-outline{
background:#fff !important;
color:#080808 !important;
}
.global-menu-primary-link span{
font-size:18px !important;
}
.global-menu-primary-link small{
color:inherit !important;
opacity:.72;
}
.global-menu-text-link:before{
background:#21d6c3 !important;
}
.global-menu-primary-link:after,
.global-menu-line-cta:after{
border-color:#fff !important;
}
.global-menu-primary-link-outline:after,
.global-menu-text-link:not(.global-menu-primary-link):after{
border-color:#080808 !important;
}
.global-menu-line-cta{
margin-top:14px !important;
background:#080808 !important;
color:#fff !important;
box-shadow:6px 6px 0 #21d6c3 !important;
}
.global-menu-tagline{
width:100% !important;
margin:22px 0 0 !important;
padding:16px 0 0 !important;
border-top:2px solid rgba(8,8,8,.12) !important;
}
.global-menu-tagline:before{
content:"TikTok LIVE・Pocochaを中心に、動画投稿からLIVE、ファン形成、収益化までを支援します。" !important;
display:block;
color:#26313a !important;
font-size:13px;
line-height:1.7;
font-weight:850;
}
.site-header .menu:before{
background:#fff !important;
box-shadow:0 -7px 0 #fff, 0 7px 0 #fff !important;
}
.df-static-page .company-hero .section-inner{
padding:42px 0 30px !important;
gap:12px;
}
.df-static-page > section:not(.company-hero){
padding:42px 16px !important;
}
.df-static-page h1,
.df-static-page .hero-copy h1{
font-size:30px !important;
line-height:1.16;
}
.df-static-page .lead,
.df-static-page .hero-copy .lead{
margin-top:16px;
font-size:14px;
line-height:1.75;
}
.df-static-page .text,
.df-static-page .hero-copy .text{
margin-top:14px;
font-size:13px;
line-height:1.7;
}
.dfx-support-system-summary{
margin-top:26px;
padding-top:28px;
border-top:2px solid rgba(8,8,8,.55);
}
.dfx-growth-grid article{
padding:28px 20px;
}
.dfx-growth-grid article span{
margin-bottom:22px;
}
.dfx-growth-grid article h3{
margin-bottom:14px;
}
.dfx-contact-hero{
padding-top:42px !important;
padding-bottom:30px !important;
}
.dfx-contact-route-list{
padding:20px !important;
}
.dfx-contact-main{
gap:22px !important;
}
.dfx-contact-line{
padding-top:26px !important;
padding-bottom:26px !important;
}
.dfx-contact-line img{
width:min(210px, 70vw);
margin:22px auto 0;
}
.df-static-page .creator-filter{
flex-wrap:wrap !important;
margin:18px 0 24px !important;
padding:0 !important;
overflow:visible !important;
}
.df-static-page .creator-filter a{
flex:0 1 auto !important;
min-height:40px;
}
.df-static-page .df-static-creator-grid{
grid-template-columns:1fr !important;
gap:14px !important;
}
.df-static-page .df-static-creator-grid .dream-creator-item{
display:grid !important;
grid-template-columns:112px minmax(0, 1fr);
align-items:stretch;
gap:0;
padding:0 !important;
min-height:112px;
}
.df-static-page .df-static-creator-grid .dream-creator-image{
width:112px;
height:112px;
border-right:3px solid #080808;
}
.df-static-page .df-static-creator-grid .dream-creator-image img{
width:100%;
height:100%;
object-fit:cover;
}
.df-static-page .df-static-creator-grid .dream-creator-info{
min-width:0;
padding:14px 14px 12px;
}
.df-static-page .df-static-creator-grid .dream-creator-name{
font-size:20px;
line-height:1.25;
}
.df-static-page .df-static-creator-grid .dream-creator-category{
margin-top:8px;
}
.df-static-page .df-static-creator-grid .creator-cat-badge{
margin:0 6px 6px 0;
font-size:10px;
line-height:1.35;
}
.df-static-page .df-static-creator-grid .creator-comment{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
margin-top:8px;
overflow:hidden;
font-size:12px;
line-height:1.55;
}
.df-static-page .df-static-creator-grid .creator-profile-button{
margin-top:10px;
min-height:34px;
padding:0 12px;
font-size:12px;
}
.df-static-page .news-list-card{
padding:0 !important;
border:0 !important;
background:transparent !important;
}
}
/* Final readability override */
@media screen and (min-width: 901px){
.dfx-growth-grid article,
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item{
border-width:2px !important;
}
.dfx-creator-support .dfx-target-dark{
background:#fff !important;
color:#080808 !important;
border:2px solid #080808 !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
.dfx-creator-support .dfx-target-dark li{
color:#26313a !important;
border-bottom:1px solid #dfe4e8 !important;
}
.dfx-creator-support .dfx-target-dark strong{
color:#080808 !important;
}
.dfx-contact-route-list{
background:transparent !important;
border:0 !important;
padding:0 !important;
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:14px !important;
}
.dfx-contact-route-list li{
border:2px solid #080808 !important;
background:#fff !important;
color:#080808 !important;
}
.dfx-contact-route-list span{
color:#26313a !important;
}
.dfx-contact-line{
padding:42px !important;
}
.dfx-contact-line img{
width:min(260px, 48%) !important;
}
}
@media screen and (max-width: 900px){
body:has(.df-static-page) .site-header,
body:has(.df-contact-page) .site-header,
body:has(.dfx-home) .site-header{
height:64px !important;
padding:0 16px !important;
}
body:has(.df-static-page) main,
body:has(.df-contact-page) main,
body:has(.dfx-home) main{
padding-top:64px !important;
}
body:has(.df-static-page) .logo,
body:has(.df-contact-page) .logo,
body:has(.dfx-home) .logo{
width:112px !important;
max-width:calc(100vw - 92px) !important;
}
.site-header .menu{
width:46px !important;
height:46px !important;
flex-basis:46px !important;
box-shadow:0 6px 16px rgba(0,0,0,.16) !important;
}
[id]{
scroll-margin-top:78px !important;
}
.dfx-hero{
padding:28px 16px 34px !important;
gap:22px !important;
}
.dfx-hero h1{
font-size:28px !important;
line-height:1.18 !important;
}
.dfx-hero .dfx-lead{
margin-top:18px !important;
font-size:14px !important;
line-height:1.75 !important;
}
.dfx-hero-actions{
gap:10px !important;
}
.dfx-hero-actions .dfx-btn{
min-height:48px !important;
padding:0 16px !important;
font-size:13px !important;
}
.dfx-hero-actions .dfx-btn-outline{
min-height:auto !important;
padding:0 0 8px !important;
border:0 !important;
border-bottom:2px solid #21d6c3 !important;
box-shadow:none !important;
background:transparent !important;
}
.dfx-proof{
gap:6px !important;
margin-top:14px !important;
}
.dfx-proof span{
min-height:30px !important;
padding:0 10px !important;
font-size:11px !important;
border-width:1px !important;
}
.global-menu-body{
padding:20px 20px max(24px, env(safe-area-inset-bottom, 0px)) !important;
}
.global-menu-body:before{
margin-bottom:16px !important;
font-size:25px !important;
}
.global-menu-links{
gap:4px !important;
}
.global-menu-primary-link{
min-height:64px !important;
margin-bottom:7px !important;
}
.global-menu-text-link:not(.global-menu-primary-link){
min-height:44px !important;
padding:0 4px !important;
border:0 !important;
border-bottom:1px solid rgba(8,8,8,.16) !important;
background:transparent !important;
box-shadow:none !important;
}
.global-menu-text-link:not(.global-menu-primary-link):before{
width:7px !important;
height:7px !important;
margin-right:10px !important;
}
.global-menu-line-cta{
min-height:50px !important;
margin-top:12px !important;
padding:0 14px !important;
border:2px solid #080808 !important;
background:#080808 !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
.dfx-section{
padding:44px 16px !important;
}
.dfx-section + .dfx-section,
.dfx-audience-section,
.dfx-creator-support,
.dfx-production{
border-top-width:2px !important;
border-bottom-width:0 !important;
}
.dfx-section-head{
margin-bottom:22px !important;
}
.dfx-section-head h2{
font-size:28px !important;
line-height:1.18 !important;
}
.dfx-section-head p{
font-size:14px !important;
line-height:1.75 !important;
}
.dfx-growth-grid{
border:2px solid #080808 !important;
background:#fff !important;
}
.dfx-growth-grid article{
display:grid !important;
grid-template-columns:42px minmax(0, 1fr) !important;
grid-template-rows:auto auto !important;
align-items:start !important;
column-gap:14px !important;
min-height:0 !important;
padding:18px 16px !important;
border:0 !important;
border-bottom:1px solid #dfe4e8 !important;
}
.dfx-growth-grid article:last-child{
border-bottom:0 !important;
}
.dfx-growth-grid article span{
grid-row:1 / 3 !important;
margin:0 !important;
font-size:22px !important;
line-height:1 !important;
}
.dfx-growth-grid article h3{
grid-column:2 !important;
margin:0 0 6px !important;
font-size:18px !important;
line-height:1.35 !important;
}
.dfx-growth-grid article p{
grid-column:2 !important;
margin:0 !important;
font-size:13px !important;
line-height:1.65 !important;
}
.dfx-managers{
padding-top:40px !important;
padding-bottom:38px !important;
}
.dfx-manager-grid{
gap:10px !important;
}
.dfx-manager-grid article{
grid-template-columns:88px minmax(0, 1fr) !important;
min-height:104px !important;
border-width:2px !important;
}
.dfx-manager-grid img{
width:88px !important;
height:104px !important;
border-right-width:2px !important;
}
.dfx-manager-grid h3{
font-size:18px !important;
line-height:1.25 !important;
}
.dfx-manager-grid p,
.dfx-manager-note{
font-size:11px !important;
line-height:1.45 !important;
}
.dfx-manager-note{
display:-webkit-box !important;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden !important;
}
.dfx-creator-support .dfx-target-dark{
padding:0 !important;
background:transparent !important;
border:0 !important;
color:#080808 !important;
box-shadow:none !important;
}
.dfx-creator-support .dfx-target-dark ul{
display:grid !important;
gap:10px !important;
}
.dfx-creator-support .dfx-target-dark li{
min-height:0 !important;
padding:14px 14px 14px 34px !important;
border:2px solid #080808 !important;
background:#fff !important;
color:#26313a !important;
font-size:13px !important;
line-height:1.65 !important;
}
.dfx-creator-support .dfx-target-dark li:before{
left:14px !important;
top:22px !important;
background:#21d6c3 !important;
}
.dfx-creator-support .dfx-target-dark strong{
display:block !important;
margin-bottom:4px !important;
color:#080808 !important;
font-size:15px !important;
}
.dfx-creator-support-media{
margin-top:18px !important;
}
.dfx-creator-support-media img{
max-height:220px !important;
object-fit:cover !important;
}
.df-static-page .creator-filter{
flex-wrap:nowrap !important;
margin:6px -16px 18px !important;
padding:0 16px 8px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
}
.df-static-page .creator-filter a{
flex:0 0 auto !important;
min-height:34px !important;
padding:0 12px !important;
white-space:nowrap;
font-size:12px !important;
border-width:2px !important;
}
.df-static-page .df-static-creator-grid .dream-creator-item{
border-width:2px !important;
}
.df-static-page .df-static-creator-grid .dream-creator-image{
border-right-width:2px !important;
}
.df-static-page .df-static-creator-grid .creator-profile-button{
min-height:auto !important;
padding:0 0 5px !important;
border:0 !important;
border-bottom:2px solid #21d6c3 !important;
background:transparent !important;
color:#080808 !important;
box-shadow:none !important;
}
.dfx-contact-route-list{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
}
.dfx-contact-route-list li{
padding:14px 16px !important;
border:2px solid #080808 !important;
background:#fff !important;
color:#080808 !important;
}
.dfx-contact-route-list span{
color:#26313a !important;
font-size:12px !important;
}
.dfx-contact-main{
padding-top:36px !important;
}
.dfx-contact-line,
.dfx-contact-form-card{
border-width:2px !important;
}
.df-static-page .company-hero .section-inner{
padding:34px 0 26px !important;
}
.df-static-page > section:not(.company-hero){
padding:36px 16px !important;
}
.df-static-page h1,
.df-static-page .hero-copy h1{
font-size:28px !important;
line-height:1.18 !important;
}
.df-static-page h2{
font-size:24px !important;
line-height:1.22 !important;
}
.df-static-page .company-hero .section-inner,
.df-static-page .intro-card,
.df-static-page .creator-intro-card,
.df-static-page .policy-card,
.df-static-page .contact-card,
.df-static-page .profile-table,
.df-static-page .news-list-card,
.df-static-page .dream-creator-item,
.df-static-page .custom-block-info,
.df-static-page .latest-podcast-section .row{
border-width:2px !important;
}
.df-static-page .latest-podcast-section .row{
padding:18px !important;
}
.df-static-page .custom-block-image{
max-height:86px !important;
}
.df-static-page .news-title{
font-size:15px !important;
line-height:1.65 !important;
}
}
/* Latest fixed overrides */
html.menu-open,
body.menu-open{
height:auto !important;
}
.global-menu-title:after{
content:none !important;
display:none !important;
}
.footer-sub{
justify-content:center !important;
text-align:center !important;
}
.footer-sub-links{
width:100% !important;
justify-items:center !important;
text-align:center !important;
}
.copy{
text-align:center !important;
}
@media screen and (max-width: 900px){
.global-menu-title:after{
content:none !important;
display:none !important;
}
.global-menu-body{
display:flex !important;
flex-direction:column !important;
min-height:calc(100dvh - 73px) !important;
}
.global-menu-copy{
display:block !important;
width:100% !important;
margin-top:auto !important;
padding-top:18px !important;
border-top:1px solid rgba(8,8,8,.14) !important;
color:#5f666b !important;
font-size:11px !important;
line-height:1.5 !important;
letter-spacing:.08em !important;
text-align:center !important;
}
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
min-height:calc(100svh - 72px) !important;
align-items:flex-start !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / contain no-repeat !important;
}
body .dfx-home .dfx-hero:before{
display:none !important;
opacity:0 !important;
}
body .dfx-home .dfx-hero-copy{
position:relative !important;
z-index:2 !important;
}
.dfx-info-grid{
grid-template-columns:1fr !important;
gap:30px !important;
}
.dfx-info-panel h3{
margin-bottom:14px !important;
font-size:20px !important;
}
.dfx-info .dfx-news-item,
.dfx-info-company dl div{
grid-template-columns:1fr !important;
gap:6px !important;
padding:16px 0 !important;
}
}
/* Menu scroll lock must remain last */
html.menu-open{
overflow:hidden !important;
}
body.menu-open{
position:fixed !important;
top:var(--menu-scroll-top, 0px) !important;
left:0 !important;
right:0 !important;
width:100% !important;
overflow:hidden !important;
touch-action:none !important;
}
/* Final mobile hero split override */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
display:flex !important;
flex-direction:column !important;
min-height:auto !important;
padding:0 20px !important;
background:#f4f7f8 !important;
overflow:hidden !important;
}
body .dfx-home .dfx-hero-copy{
width:100% !important;
max-width:100% !important;
padding:44px 12px 0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1{
width:100% !important;
max-width:100% !important;
margin:0 !important;
font-size:25px !important;
line-height:1.25 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1 span{
display:block !important;
max-width:100% !important;
white-space:normal !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
body .dfx-home .dfx-hero .dfx-lead{
width:100% !important;
max-width:100% !important;
margin:20px 0 0 !important;
font-size:14px !important;
line-height:1.75 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
width:100% !important;
max-width:100% !important;
margin:24px 0 0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero-visual{
display:block !important;
width:100% !important;
height:min(46svh, 430px) !important;
min-height:360px !important;
margin:18px 0 0 !important;
padding:0 !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center center / contain no-repeat !important;
}
body .dfx-home .dfx-hero-main{
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body .dfx-home .dfx-hero-main img,
body .dfx-home .dfx-hero-main figcaption,
body .dfx-home .dfx-hero-main:after{
display:none !important;
}
body .dfx-home .dfx-proof-below{
width:auto !important;
margin:0 !important;
padding:16px 20px 26px !important;
background:#f4f7f8 !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
body .dfx-home .dfx-proof-below span{
min-height:38px !important;
padding:0 10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(33,214,195,.55) !important;
background:rgba(255,255,255,.72) !important;
color:#080808 !important;
font-size:12px !important;
line-height:1.25 !important;
font-weight:1000 !important;
text-align:center !important;
}
body .dfx-home .dfx-proof-below span:last-child{
grid-column:1 / -1 !important;
justify-self:start !important;
min-width:calc(50% - 4px) !important;
}
}
/* Final hero image sizing */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero-copy{
padding:34px 12px 0 !important;
}
body .dfx-home .dfx-hero .dfx-lead{
margin-top:16px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
margin-top:20px !important;
}
body .dfx-home .dfx-hero-visual{
width:calc(100% + 40px) !important;
max-width:none !important;
flex:0 0 auto !important;
height:min(54svh, 500px) !important;
min-height:430px !important;
margin:18px -20px 0 !important;
}
}
/* Corrected mobile first view: use the photo as a true hero background */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
min-height:calc(100svh - 72px) !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
padding:0 20px 0 !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / min(68vw, 268px) auto no-repeat !important;
overflow:hidden !important;
}
body .dfx-home .dfx-hero:before{
display:none !important;
}
body .dfx-home .dfx-hero-copy{
width:100% !important;
max-width:100% !important;
padding:34px 12px 0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1{
width:100% !important;
max-width:100% !important;
margin:0 !important;
font-size:25px !important;
line-height:1.25 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1 span{
display:block !important;
max-width:100% !important;
white-space:normal !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
body .dfx-home .dfx-hero .dfx-lead{
width:100% !important;
max-width:100% !important;
margin:16px 0 0 !important;
font-size:14px !important;
line-height:1.75 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
width:100% !important;
max-width:100% !important;
margin:18px 0 0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:46px !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline{
min-height:38px !important;
background:rgba(244,247,248,.78) !important;
}
body .dfx-home .dfx-hero-visual{
display:none !important;
}
body .dfx-home .dfx-proof-below{
width:auto !important;
margin:0 !important;
padding:16px 20px 26px !important;
background:#f4f7f8 !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
body .dfx-home .dfx-proof-below span{
min-height:38px !important;
padding:0 10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(33,214,195,.55) !important;
background:rgba(255,255,255,.72) !important;
color:#080808 !important;
font-size:12px !important;
line-height:1.25 !important;
font-weight:1000 !important;
text-align:center !important;
}
body .dfx-home .dfx-proof-below span:last-child{
grid-column:1 / -1 !important;
justify-self:start !important;
min-width:calc(50% - 4px) !important;
}
}
/* Mobile hero correction: larger background, no photo-card look */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
min-height:calc(100svh + 150px) !important;
padding:0 20px !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / calc(100% - 20px) auto no-repeat !important;
}
body .dfx-home .dfx-hero-copy{
padding:36px 12px 0 !important;
}
body .dfx-home .dfx-hero .dfx-lead{
margin-top:16px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
margin-top:18px !important;
}
body .dfx-home .dfx-hero-visual{
display:none !important;
}
body .dfx-home .dfx-proof-below{
margin-top:0 !important;
}
}
/* Mobile hero CTA: place buttons on the lower part of the background image */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
position:relative !important;
min-height:calc(100svh - 72px) !important;
padding:0 20px !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center bottom / calc(100% - 24px) auto no-repeat !important;
overflow:hidden !important;
}
body .dfx-home .dfx-hero-copy{
position:static !important;
width:100% !important;
max-width:100% !important;
padding:38px 12px 0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1,
body .dfx-home .dfx-hero .dfx-lead{
position:relative !important;
z-index:2 !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
position:absolute !important;
left:32px !important;
right:32px !important;
bottom:86px !important;
z-index:4 !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:45px !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline{
min-height:38px !important;
background:rgba(244,247,248,.86) !important;
}
body .dfx-home .dfx-hero-visual{
display:none !important;
}
}
/* Mobile hero final: full-bleed person visual, CTA, then service cards */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
position:relative !important;
width:100vw !important;
max-width:none !important;
min-height:calc(100svh - 72px) !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") center top / cover no-repeat !important;
overflow:hidden !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero:before{
display:none !important;
}
body .dfx-home .dfx-hero-copy{
position:static !important;
width:100% !important;
max-width:100% !important;
padding:40px 28px 0 !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1,
body .dfx-home .dfx-hero .dfx-lead{
position:relative !important;
z-index:2 !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero h1{
margin:0 !important;
font-size:28px !important;
line-height:1.23 !important;
}
body .dfx-home .dfx-hero h1 span{
display:block !important;
white-space:normal !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
body .dfx-home .dfx-hero .dfx-lead{
margin:18px 0 0 !important;
font-size:14px !important;
line-height:1.75 !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
position:absolute !important;
left:24px !important;
right:24px !important;
bottom:154px !important;
z-index:4 !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
transform:none !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:56px !important;
padding-top:15px !important;
padding-bottom:15px !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline{
min-height:56px !important;
background:rgba(244,247,248,.88) !important;
}
body .dfx-home .dfx-hero-visual{
display:none !important;
}
body .dfx-home .dfx-proof-below{
position:absolute !important;
left:24px !important;
right:24px !important;
bottom:24px !important;
z-index:4 !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
display:grid !important;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
gap:7px !important;
background:transparent !important;
transform:none !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-proof-below span{
min-width:0 !important;
max-width:100% !important;
min-height:34px !important;
padding:0 8px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(33,214,195,.72) !important;
background:rgba(244,247,248,.88) !important;
color:#080808 !important;
font-size:11px !important;
line-height:1.2 !important;
font-weight:1000 !important;
text-align:center !important;
box-sizing:border-box !important;
}
body .dfx-home .dfx-proof-below span:last-child{
grid-column:auto !important;
justify-self:stretch !important;
width:auto !important;
min-width:0 !important;
}
}
/* Desktop hero: do not crop the portrait photo */
.dfx-pc-break{
display:none !important;
}
@media screen and (min-width: 641px){
.dfx-pc-break{
display:block !important;
}
body .dfx-home .dfx-hero-copy .dfx-proof-below{
width:100% !important;
max-width:620px !important;
margin:28px 0 0 !important;
position:relative !important;
z-index:3 !important;
}
body .dfx-home .dfx-hero-main{
aspect-ratio:4 / 5 !important;
max-height:680px !important;
background:#f4f7f8 !important;
}
body .dfx-home .dfx-hero-main img[src*="page2_block01"]{
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
background:#f4f7f8 !important;
}
body .dfx-home .dfx-hero-main:after{
background:linear-gradient(0deg, rgba(0,0,0,.56), rgba(0,0,0,0) 38%) !important;
}
}
/* Menu copyright: keep the same footer copyright visible at the menu bottom */
.global-menu-copy{
display:block !important;
width:100% !important;
color:rgba(8,8,8,.62) !important;
font-size:12px !important;
line-height:1.4 !important;
font-weight:800 !important;
letter-spacing:.04em !important;
text-align:center !important;
}
@media screen and (max-width: 900px){
.global-menu-body{
display:flex !important;
flex-direction:column !important;
min-height:calc(100dvh - 73px) !important;
padding-bottom:max(96px, calc(env(safe-area-inset-bottom) + 82px)) !important;
box-sizing:border-box !important;
}
.global-menu-copy{
position:fixed !important;
left:22px !important;
right:22px !important;
bottom:max(18px, env(safe-area-inset-bottom)) !important;
z-index:10020 !important;
width:auto !important;
margin:0 !important;
padding:14px 0 0 !important;
border-top:1px solid rgba(8,8,8,.14) !important;
background:linear-gradient(180deg, rgba(244,247,248,0), #f4f7f8 38%, #f4f7f8) !important;
}
}
/* Desktop creator support: show the full activity photo */
@media screen and (min-width: 901px){
body .dfx-home .dfx-creator-support-media{
grid-template-columns:1fr !important;
align-self:start !important;
}
body .dfx-home .dfx-creator-support-media .dfx-wide{
grid-column:1 / -1 !important;
grid-row:auto !important;
align-self:start !important;
}
body .dfx-home .dfx-creator-support-media img[src*="page6_block03"]{
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
object-fit:contain !important;
object-position:center center !important;
}
}
/* Info section: match news titles to company overview text size */
body .dfx-home .dfx-info .dfx-news-list strong{
font-size:15px !important;
line-height:1.7 !important;
font-weight:850 !important;
}
/* Cross-page readability: avoid fixed mobile-like wrapping on desktop */
body .dfx-home :is(h1,h2,h3),
body .df-static-page :is(h1,h2,h3),
.line-modal-title{
text-wrap:balance !important;
}
body .dfx-home :is(p,li,dd),
body .df-static-page :is(p,li,dd),
.line-modal-text{
text-wrap:pretty;
}
body .dfx-home .dfx-hero-copy h1 span,
body .dfx-home .dfx-about h2 span,
body .dfx-home .dfx-support-system-summary h2 span,
body .dfx-home .dfx-creator-support h2 span,
body .dfx-home .dfx-manager-feature-head h2 span{
display:inline !important;
}
body .dfx-home .dfx-lead,
body .dfx-home .dfx-section-head > p,
body .dfx-home .dfx-final-copy,
body .df-static-page .hero-copy .lead,
body .df-static-page .hero-copy .text,
body .df-static-page .lead,
body .df-static-page .text{
max-width:42em;
}
.line-modal-title br{
display:none !important;
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero-copy h1 span,
body .dfx-home .dfx-about h2 span,
body .dfx-home .dfx-support-system-summary h2 span,
body .dfx-home .dfx-creator-support h2 span,
body .dfx-home .dfx-manager-feature-head h2 span,
body .dfx-contact-return h2 span{
display:block !important;
}
.line-modal-title br{
display:inline !important;
}
}
/* Manager section: brochure-aligned support overview before manager cards */
body .dfx-home .dfx-manager-feature{
max-width:1120px !important;
margin:0 auto 34px !important;
}
body .dfx-home .dfx-manager-feature-head h2,
body .dfx-home .dfx-manager-feature-copy h3{
position:relative !important;
margin:0 !important;
padding-left:22px !important;
color:#080808 !important;
font-weight:1000 !important;
letter-spacing:0 !important;
}
body .dfx-home .dfx-manager-feature-head h2{
font-size:clamp(30px, 4vw, 48px) !important;
line-height:1.18 !important;
}
body .dfx-home .dfx-manager-feature-head h2 span{
display:inline !important;
}
body .dfx-home .dfx-manager-feature-copy h3{
font-size:clamp(24px, 2.6vw, 34px) !important;
line-height:1.25 !important;
}
body .dfx-home .dfx-manager-feature-head h2:before,
body .dfx-home .dfx-manager-feature-copy h3:before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:.48em !important;
width:10px !important;
height:10px !important;
background:var(--dfx-mint, #21d6c3) !important;
transform:rotate(45deg) !important;
}
body .dfx-home .dfx-manager-feature-head p{
max-width:1060px !important;
margin:18px 0 0 !important;
color:#26313a !important;
font-size:18px !important;
line-height:2 !important;
font-weight:700 !important;
}
body .dfx-home .dfx-manager-feature-main{
display:grid !important;
grid-template-columns:minmax(260px, .88fr) minmax(0, 1.12fr) !important;
gap:42px !important;
align-items:center !important;
margin-top:36px !important;
}
body .dfx-home .dfx-manager-feature-copy p{
margin:22px 0 0 !important;
color:#26313a !important;
font-size:18px !important;
line-height:1.95 !important;
font-weight:700 !important;
}
body .dfx-home .dfx-manager-feature-image{
margin:0 !important;
overflow:hidden !important;
border:2px solid rgba(8,8,8,.88) !important;
border-radius:8px !important;
background:#fff !important;
box-shadow:10px 10px 0 rgba(33,214,195,.75) !important;
}
body .dfx-home .dfx-manager-feature-image img{
display:block !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
background:#fff !important;
}
body .dfx-home .dfx-manager-feature-image-primary{
max-width:430px !important;
justify-self:center !important;
}
body .dfx-home .dfx-manager-feature-news{
margin-top:36px !important;
}
body .dfx-home .dfx-manager-feature-news > p{
margin:0 0 22px !important;
color:#080808 !important;
font-size:18px !important;
line-height:1.9 !important;
font-weight:850 !important;
}
body .dfx-home .dfx-manager-feature-screens{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:22px !important;
}
body .dfx-home .dfx-manager-feature-screens .dfx-manager-feature-image{
box-shadow:none !important;
border-color:rgba(8,8,8,.72) !important;
}
body .dfx-home .dfx-manager-feature + .dfx-manager-grid{
margin-top:30px !important;
}
body .dfx-home .dfx-manager-card-heading{
max-width:1120px !important;
margin:42px auto 20px !important;
padding-top:30px !important;
border-top:1px solid rgba(8,8,8,.18) !important;
}
body .dfx-home .dfx-manager-card-heading .dfx-label{
margin:0 0 10px !important;
}
body .dfx-home .dfx-manager-card-heading h2{
margin:0 !important;
color:#080808 !important;
font-size:clamp(30px, 3vw, 42px) !important;
line-height:1.2 !important;
font-weight:1000 !important;
letter-spacing:0 !important;
}
body .dfx-home .dfx-manager-card-heading + .dfx-manager-grid{
margin-top:0 !important;
}
body .dfx-home .dfx-manager-feature{
padding-bottom:2px !important;
}
body .dfx-home .dfx-manager-feature-head h2{
font-size:clamp(28px, 3.2vw, 40px) !important;
}
body .dfx-home .dfx-manager-feature-head p,
body .dfx-home .dfx-manager-feature-copy p{
font-size:16px !important;
line-height:1.9 !important;
}
body .dfx-home .dfx-manager-feature-main{
gap:34px !important;
}
body .dfx-home .dfx-manager-feature-screens{
gap:16px !important;
}
@media screen and (max-width: 900px){
body .dfx-home .dfx-manager-feature{
margin-bottom:24px !important;
}
body .dfx-home .dfx-manager-feature-head h2{
font-size:24px !important;
line-height:1.28 !important;
}
body .dfx-home .dfx-manager-feature-head h2 span{
display:block !important;
}
body .dfx-home .dfx-manager-feature-copy h3{
font-size:22px !important;
line-height:1.28 !important;
}
body .dfx-home .dfx-manager-feature-head p,
body .dfx-home .dfx-manager-feature-copy p,
body .dfx-home .dfx-manager-feature-news > p{
font-size:14px !important;
line-height:1.85 !important;
}
body .dfx-home .dfx-manager-feature-main{
display:block !important;
margin-top:24px !important;
}
body .dfx-home .dfx-manager-feature-main:after{
content:"" !important;
display:block !important;
clear:both !important;
}
body .dfx-home .dfx-manager-feature-image-primary{
float:left !important;
width:min(34vw, 132px) !important;
max-width:132px !important;
margin:2px 14px 8px 0 !important;
}
body .dfx-home .dfx-manager-feature-image{
border-width:2px !important;
box-shadow:6px 6px 0 rgba(33,214,195,.72) !important;
}
body .dfx-home .dfx-manager-feature-news{
margin-top:26px !important;
}
body .dfx-home .dfx-manager-feature-news > p{
margin-bottom:14px !important;
}
body .dfx-home .dfx-manager-feature-screens{
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:8px !important;
}
body .dfx-home .dfx-manager-feature-screens .dfx-manager-feature-image{
border-width:1px !important;
border-radius:6px !important;
box-shadow:none !important;
}
body .dfx-home .dfx-manager-feature + .dfx-manager-grid{
margin-top:22px !important;
}
body .dfx-home .dfx-manager-card-heading{
margin:32px auto 14px !important;
padding-top:24px !important;
}
body .dfx-home .dfx-manager-card-heading h2{
font-size:25px !important;
line-height:1.25 !important;
}
}
/* Support page: balanced service cards */
.df-support-page-section{
padding:72px 0 !important;
background:#f4f7f8 !important;
}
.df-support-service-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:24px !important;
}
.df-support-service-card{
display:flex !important;
flex-direction:column !important;
min-height:100% !important;
padding:28px !important;
border:2px solid #080808 !important;
background:#fff !important;
}
.df-support-service-card span{
color:var(--dfx-mint-dark, #0b9f93) !important;
font-size:14px !important;
line-height:1 !important;
font-weight:1000 !important;
}
.df-support-service-card h2{
min-height:2.7em !important;
margin:14px 0 12px !important;
color:#080808 !important;
font-size:26px !important;
line-height:1.35 !important;
}
.df-support-service-card p{
margin:0 !important;
color:#26313a !important;
font-size:15px !important;
line-height:1.85 !important;
}
@media screen and (max-width: 760px){
.df-support-page-section{
padding:48px 0 !important;
}
.df-support-service-grid{
grid-template-columns:1fr !important;
gap:14px !important;
}
.df-support-service-card{
padding:20px !important;
}
.df-support-service-card h2{
min-height:0 !important;
font-size:22px !important;
}
}
/* Creator list/detail: align card height and keep text scannable */
.creator-filter a{
white-space:nowrap !important;
}
.df-static-creator-grid{
align-items:stretch !important;
}
@media screen and (min-width: 1200px){
.df-static-creator-grid{
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1199px){
.df-static-creator-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
}
.df-static-creator-grid .dream-creator-item{
height:100% !important;
display:flex !important;
flex-direction:column !important;
}
.df-static-creator-grid .dream-creator-info{
flex:1 1 auto !important;
display:flex !important;
flex-direction:column !important;
}
.df-static-creator-grid .dream-creator-name{
min-height:2.7em !important;
display:-webkit-box !important;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden !important;
}
.df-static-creator-grid .dream-creator-category{
min-height:2.4em !important;
}
.df-static-creator-grid .creator-comment{
min-height:3.5em !important;
display:-webkit-box !important;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden !important;
}
.df-static-creator-grid .creator-profile-button{
margin-top:auto !important;
}
.creator-single-profile p{
max-width:40em !important;
line-height:1.9 !important;
text-wrap:pretty !important;
}
.creator-single-card .dream-creator-name{
overflow-wrap:anywhere !important;
font-size:clamp(28px, 5vw, 42px) !important;
}
.creator-single-actions :is(a, button){
min-width:min(100%, 220px) !important;
}
/* News list: separate date and long titles */
.df-static-page .news-item-inner{
display:grid !important;
grid-template-columns:120px minmax(0, 1fr) !important;
gap:22px !important;
align-items:start !important;
}
.df-static-page .news-date{
white-space:nowrap !important;
min-width:max-content !important;
}
.df-static-page .news-title{
min-width:0 !important;
line-height:1.7 !important;
text-wrap:pretty !important;
display:-webkit-box !important;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden !important;
}
@media screen and (max-width: 640px){
.df-static-page .news-item-inner{
grid-template-columns:1fr !important;
gap:8px !important;
}
}
/* Static long-form pages */
.df-static-page #privacy-policy .section-inner,
.df-static-page #about-company .section-inner,
.df-static-page #philosophy .section-inner,
.df-static-page #company-profile .section-inner{
max-width:920px !important;
}
.df-static-page .policy-card,
.df-static-page .policy-list,
.df-static-page .about-us-card{
max-width:880px !important;
}
.dfx-contact-main{
display:block !important;
}
.dfx-contact-form-card{
width:min(100%, 780px) !important;
margin-inline:auto !important;
}
.dfx-contact-hero > div p{
max-width:42em !important;
}
/* Mobile Japanese line-break refinement */
body :is(.dfx-home, .df-static-page, .df-contact-page) :is(h1,h2,h3,p,li,dd,a,button,strong,span){
word-break:auto-phrase !important;
overflow-wrap:normal !important;
line-break:strict !important;
}
body :is(.dfx-home, .df-static-page, .df-contact-page) :is(.dfx-btn,.creator-profile-button,.creator-work-button,.creator-share-button,.page-numbers){
word-break:keep-all !important;
}
body :is(.dfx-home, .df-static-page, .df-contact-page) :is(.news-date,time){
white-space:nowrap !important;
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero-copy h1 span,
body .dfx-home .dfx-about h2 span,
body .dfx-home .dfx-support-system-summary h2 span,
body .dfx-home .dfx-creator-support h2 span,
body .dfx-home .dfx-manager-feature-head h2 span,
body .dfx-contact-return h2 span{
display:block !important;
width:max-content !important;
max-width:100% !important;
white-space:nowrap !important;
}
body .dfx-home :is(.dfx-about h2,.dfx-support-system-summary h2,.dfx-production h2){
word-break:auto-phrase !important;
overflow-wrap:normal !important;
line-break:strict !important;
}
body .dfx-home .dfx-production h2{
font-size:clamp(27px, 7.6vw, 32px) !important;
}
}
/* Mobile hero readability: keep the portrait as a background, smaller and to the right */
@media screen and (max-width: 640px){
body .dfx-home .dfx-hero{
background:#f4f7f8 url("/assets/theme/assets/pamphlet/page2_block01.webp?v=260714-performance-1") 100% 0 / 50% auto no-repeat !important;
min-height:0 !important;
height:clamp(540px, 67svh, 586px) !important;
}
body .dfx-home .dfx-hero:before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
height:auto !important;
background:linear-gradient(100deg, rgba(244,247,248,.94) 0%, rgba(244,247,248,.82) 32%, rgba(244,247,248,.14) 54%, rgba(244,247,248,.02) 70%, rgba(244,247,248,0) 100%) !important;
filter:none !important;
opacity:1 !important;
pointer-events:none !important;
}
body .dfx-home .dfx-hero-copy{
position:static !important;
z-index:auto !important;
padding:36px 28px 0 !important;
}
body .dfx-home .dfx-hero h1{
width:min(100%, 330px) !important;
max-width:340px !important;
text-shadow:0 1px 0 rgba(244,247,248,.9), 0 0 12px rgba(244,247,248,.92) !important;
}
body .dfx-home .dfx-hero .dfx-lead{
width:min(100%, 315px) !important;
max-width:315px !important;
font-weight:900 !important;
overflow-wrap:normal !important;
word-break:normal !important;
line-break:strict !important;
text-shadow:0 1px 0 rgba(244,247,248,.9), 0 0 10px rgba(244,247,248,.92) !important;
}
body .dfx-home .dfx-hero .dfx-lead-nowrap{
white-space:nowrap !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions{
bottom:135px !important;
gap:12px !important;
}
body .dfx-home .dfx-proof-below{
bottom:30px !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn{
position:relative !important;
width:100% !important;
min-height:64px !important;
padding:0 18px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
border:2px solid #080808 !important;
border-radius:0 !important;
box-shadow:6px 6px 0 #21d6c3 !important;
font-size:14px !important;
line-height:1.35 !important;
font-weight:1000 !important;
text-align:left !important;
letter-spacing:0 !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn:before,
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn:before{
content:"" !important;
flex:0 0 8px !important;
width:8px !important;
height:8px !important;
margin-right:12px !important;
background:#21d6c3 !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn:after,
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn:after{
content:"" !important;
flex:0 0 9px !important;
width:9px !important;
height:9px !important;
margin-left:auto !important;
border-top:2px solid currentColor !important;
border-right:2px solid currentColor !important;
transform:rotate(45deg) !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-primary,
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn-primary{
background:#080808 !important;
color:#fff !important;
}
body .dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline,
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn-outline{
background:rgba(244,247,248,.94) !important;
color:#080808 !important;
}
body .dfx-home .dfx-final-cta .dfx-hero-actions{
gap:16px !important;
margin-top:30px !important;
}
body .dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn{
min-height:68px !important;
box-shadow:7px 7px 0 #21d6c3 !important;
}
}
body .dfx-home .dfx-production .dfx-hero-actions{
margin-top:32px !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
min-width:min(100%, 390px) !important;
min-height:62px !important;
padding:0 22px 0 24px !important;
border:2px solid #080808 !important;
border-radius:0 !important;
background:#080808 !important;
color:#fff !important;
box-shadow:8px 8px 0 #21d6c3 !important;
font-size:15px !important;
line-height:1.35 !important;
font-weight:1000 !important;
text-align:left !important;
letter-spacing:0 !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:before{
content:"" !important;
flex:0 0 4px !important;
width:4px !important;
height:26px !important;
margin-right:16px !important;
background:#21d6c3 !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:after{
content:"" !important;
flex:0 0 32px !important;
width:32px !important;
height:32px !important;
margin-left:auto !important;
background:
linear-gradient(45deg, transparent 42%, #080808 42% 58%, transparent 58%) center / 13px 13px no-repeat,
#21d6c3 !important;
clip-path:polygon(0 0, 100% 50%, 0 100%, 18% 50%) !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:hover{
transform:translate(2px, 2px) !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
@media screen and (max-width: 640px){
body .dfx-home .dfx-production .dfx-hero-actions{
margin-top:26px !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn{
width:100% !important;
min-width:0 !important;
min-height:68px !important;
padding:0 16px 0 18px !important;
font-size:14px !important;
box-shadow:7px 7px 0 #21d6c3 !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:before{
height:24px !important;
margin-right:13px !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:after{
flex-basis:28px !important;
width:28px !important;
height:28px !important;
}
}
body .dfx-home .dfx-manager-feature-main{
grid-template-columns:minmax(160px, 200px) minmax(0, 1fr) !important;
gap:30px !important;
}
body .dfx-home .dfx-manager-feature-image-primary{
max-width:172px !important;
}
@media screen and (max-width: 900px){
body .dfx-home .dfx-manager-feature-main{
display:grid !important;
grid-template-columns:min(27vw, 106px) minmax(0, 1fr) !important;
gap:12px !important;
align-items:start !important;
}
body .dfx-home .dfx-manager-feature-main:after{
display:none !important;
}
body .dfx-home .dfx-manager-feature-image-primary{
float:none !important;
width:min(27vw, 106px) !important;
max-width:106px !important;
margin:2px 0 0 !important;
}
body .dfx-home .dfx-manager-feature-copy{
min-width:0 !important;
}
body .dfx-home .dfx-manager-feature-copy h3{
font-size:20px !important;
}
body .dfx-home .dfx-manager-feature-copy p{
font-size:13px !important;
line-height:1.75 !important;
}
}
@media screen and (max-width: 900px){
body .dfx-home .dfx-creator-support-media .dfx-wide img[src*="page6_block03"]{
height:auto !important;
min-height:0 !important;
max-height:none !important;
object-fit:contain !important;
object-position:top center !important;
}
}
@media screen and (max-width: 640px){
body .site-header{
transition:background-color .24s ease, box-shadow .24s ease, backdrop-filter .24s ease !important;
}
body .site-header .logo{
transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
}
body .site-header .menu{
position:absolute !important;
top:12px !important;
right:20px !important;
width:48px !important;
height:44px !important;
flex-basis:48px !important;
margin:0 !important;
border:2px solid #080808 !important;
border-radius:0 !important;
background:#fff !important;
box-shadow:5px 5px 0 #21d6c3 !important;
transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}
body .site-header .menu img{
display:none !important;
}
body .site-header .menu:before{
content:"" !important;
display:block !important;
width:22px !important;
height:3px !important;
border-radius:0 !important;
background:#080808 !important;
box-shadow:0 -7px 0 #080808, 0 7px 0 #080808 !important;
transform:none !important;
}
body .site-header .menu:hover,
body .site-header .menu:focus-visible{
transform:translate(2px, 2px) !important;
box-shadow:3px 3px 0 #21d6c3 !important;
}
body.is-header-compact:not(.menu-open) .site-header{
background:transparent !important;
border-bottom:0 !important;
border-color:transparent !important;
box-shadow:none !important;
backdrop-filter:none !important;
pointer-events:none !important;
}
body.is-header-compact:not(.menu-open) .site-header .logo{
opacity:0 !important;
visibility:hidden !important;
transform:translateY(-10px) !important;
pointer-events:none !important;
}
body.is-header-compact:not(.menu-open) .site-header .desktop-nav{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}
body.is-header-compact:not(.menu-open) .site-header .menu{
pointer-events:auto !important;
}
}
@media (hover: hover) and (pointer: fine){
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn,
.desktop-nav .desktop-nav-cta,
.fixed-cta,
.line-modal-link,
.pc-line-button
){
transition:
transform .22s cubic-bezier(.2,.8,.2,1),
box-shadow .22s cubic-bezier(.2,.8,.2,1),
background-color .22s ease,
color .22s ease,
border-color .22s ease !important;
will-change:transform;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.desktop-nav .desktop-nav-cta,
.fixed-cta,
.line-modal-link,
.pc-line-button
):is(:hover, :focus-visible){
transform:translate(2px, 2px) !important;
box-shadow:4px 4px 0 #21d6c3 !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn-outline,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn-outline,
.desktop-nav .desktop-nav-cta-secondary
):is(:hover, :focus-visible){
background:#080808 !important;
color:#fff !important;
border-color:#080808 !important;
}
body :is(
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn
):is(:hover, :focus-visible){
transform:translate(2px, 2px) !important;
box-shadow:4px 4px 0 #21d6c3 !important;
}
body .dfx-contact-page :is(.dfx-btn-secondary):is(:hover, :focus-visible){
background:#080808 !important;
color:#fff !important;
border-color:#080808 !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn:after,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn:after
){
transition:transform .22s cubic-bezier(.2,.8,.2,1) !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn
):is(:hover, :focus-visible):after{
transform:translateX(4px) rotate(45deg) !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:after{
transition:transform .22s cubic-bezier(.2,.8,.2,1) !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:is(:hover, :focus-visible):after{
transform:translateX(4px) !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn,
.desktop-nav .desktop-nav-cta,
.fixed-cta,
.line-modal-link,
.pc-line-button
):active{
transform:translate(4px, 4px) !important;
box-shadow:2px 2px 0 #21d6c3 !important;
}
}
@media (prefers-reduced-motion: reduce){
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn,
.desktop-nav .desktop-nav-cta,
.fixed-cta,
.line-modal-link,
.pc-line-button
){
transition:none !important;
}
}
body .desktop-nav > a:not(.desktop-nav-cta){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
text-shadow:none !important;
transition:
color .18s ease,
text-shadow .18s ease !important;
}
body .desktop-nav > a:not(.desktop-nav-cta):is(:hover, :focus-visible){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
color:#0b9f93 !important;
text-shadow:3px 3px 0 rgba(33, 214, 195, .38) !important;
border-color:transparent !important;
text-decoration-color:transparent !important;
}
body :is(.desktop-nav > a:not(.desktop-nav-cta), .dfx-text-link, .policy-link, .dfx-contact-creator-note a, .footer-sub a, .footer-sub-links a, .df-static-page .hero-copy a, .df-static-page .text a, .df-static-page .lead a){
transform:none !important;
}
body :is(.dfx-text-link, .policy-link, .dfx-contact-creator-note a, .footer-sub a, .footer-sub-links a, .df-static-page .hero-copy a, .df-static-page .text a, .df-static-page .lead a):is(:hover, :focus-visible){
transform:none !important;
color:#0b9f93 !important;
border-color:#21d6c3 !important;
text-decoration-color:#21d6c3 !important;
}
body :is(
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
){
transform:none !important;
}
body :is(
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
):is(:hover, :focus-visible){
transform:none !important;
color:#0b9f93 !important;
border-color:#21d6c3 !important;
text-decoration-color:#21d6c3 !important;
}
body .desktop-nav > a:not(.desktop-nav-cta){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
text-shadow:none;
transition:
color .18s ease,
text-shadow .18s ease !important;
}
body .desktop-nav > a:not(.desktop-nav-cta):is(:hover, :focus-visible){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
color:#0b9f93 !important;
text-shadow:3px 3px 0 rgba(33, 214, 195, .38) !important;
border-color:transparent !important;
text-decoration-color:transparent !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn,
.df-static-page .creator-profile-button,
.df-static-page .creator-work-button,
.df-static-page .creator-share-button,
.df-static-page .creator-single-back,
.desktop-nav .desktop-nav-cta,
.footer-links a,
.footer-social .social-icon-link,
.line-modal-link,
.pc-line-button
):is(:hover, :focus-visible){
transform:translate(-3px, -3px) !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
body :is(
.dfx-home .dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-final-cta .dfx-hero-actions .dfx-btn,
.dfx-home .dfx-production .dfx-hero-actions .dfx-btn,
.dfx-contact-page .dfx-static-form .dfx-btn,
.dfx-contact-page .dfx-confirm-actions .dfx-btn,
.df-static-page .creator-profile-button,
.df-static-page .creator-work-button,
.df-static-page .creator-share-button,
.df-static-page .creator-single-back,
.desktop-nav .desktop-nav-cta,
.footer-links a,
.footer-social .social-icon-link,
.line-modal-link,
.pc-line-button
):active{
transform:translate(2px, 2px) !important;
box-shadow:3px 3px 0 #21d6c3 !important;
}
@media (hover: hover) and (pointer: fine){
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.yp-line-cta a,
.yp-floating-cta,
.yp-side-links a,
.yp-page-links a,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.dream-social-icon a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.news-pagination a,
.page-numbers a,
.line-modal-link,
.pc-line-button,
.fixed-cta,
.dfx-creator-link,
.dfx-creator-card,
.df-visual-link,
.df-page-link-grid a,
.global-menu-close,
.line-modal-close
){
transition:
transform .22s cubic-bezier(.2,.8,.2,1),
box-shadow .22s cubic-bezier(.2,.8,.2,1),
background-color .22s ease,
color .22s ease,
border-color .22s ease,
opacity .22s ease !important;
will-change:transform;
}
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.yp-line-cta a,
.yp-floating-cta,
.yp-side-links a,
.yp-page-links a,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.dream-social-icon a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.news-pagination a,
.page-numbers a,
.line-modal-link,
.pc-line-button,
.df-visual-link,
.df-page-link-grid a,
.global-menu-close,
.line-modal-close
):is(:hover, :focus-visible){
transform:translate(2px, 2px) !important;
box-shadow:4px 4px 0 #21d6c3 !important;
}
body :is(.dfx-creator-link, .dfx-creator-card):is(:hover, :focus-visible){
transform:translate(3px, 3px) !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
body .fixed-cta:is(:hover, :focus-visible){
transform:translateX(calc(-50% + 2px)) translateY(2px) !important;
box-shadow:4px 4px 0 #21d6c3 !important;
}
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.yp-line-cta a,
.yp-floating-cta,
.yp-side-links a,
.yp-page-links a,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.dream-social-icon a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.news-pagination a,
.page-numbers a,
.line-modal-link,
.pc-line-button,
.dfx-creator-link,
.dfx-creator-card,
.df-visual-link,
.df-page-link-grid a,
.global-menu-close,
.line-modal-close
):active{
transform:translate(4px, 4px) !important;
box-shadow:2px 2px 0 #21d6c3 !important;
}
body .fixed-cta:active{
transform:translateX(calc(-50% + 4px)) translateY(4px) !important;
box-shadow:2px 2px 0 #21d6c3 !important;
}
body :is(
.dfx-btn-outline,
.btn-secondary,
.df-secondary-btn,
.creator-share-button,
.creator-single-back,
.desktop-nav-cta-secondary,
.global-menu-primary-link-outline
):is(:hover, :focus-visible){
background:#080808 !important;
color:#fff !important;
border-color:#080808 !important;
}
body .dfx-btn:after,
body .btn-primary:after,
body .btn-secondary:after,
body .creator-profile-button:after,
body .creator-work-button:after,
body .creator-share-button:after,
body .creator-more-button:after,
body .footer-links a:after,
body .footer-social .social-icon-link:after,
body .line-modal-link:after,
body .pc-line-button:after,
body .fixed-cta:after{
transition:transform .22s cubic-bezier(.2,.8,.2,1) !important;
}
body :is(
.btn-primary,
.btn-secondary,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.footer-links a,
.footer-social .social-icon-link,
.line-modal-link,
.pc-line-button,
.fixed-cta
):is(:hover, :focus-visible):after{
transform:translateX(4px) !important;
}
body :is(
.dfx-hero .dfx-hero-actions .dfx-btn,
.dfx-final-cta .dfx-hero-actions .dfx-btn,
.global-menu-text-link
):is(:hover, :focus-visible):after{
transform:translateX(4px) rotate(45deg) !important;
}
body .dfx-home .dfx-production .dfx-hero-actions .dfx-btn:is(:hover, :focus-visible):after{
transform:translateX(4px) !important;
}
body :is(
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
){
transition:
color .18s ease,
border-color .18s ease,
text-decoration-color .18s ease,
background-color .18s ease !important;
}
body :is(
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
):is(:hover, :focus-visible){
color:#0b9f93 !important;
border-color:#21d6c3 !important;
text-decoration-color:#21d6c3 !important;
}
}
@media (prefers-reduced-motion: reduce){
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.yp-line-cta a,
.yp-floating-cta,
.yp-side-links a,
.yp-page-links a,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.dream-social-icon a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.news-pagination a,
.page-numbers a,
.line-modal-link,
.pc-line-button,
.fixed-cta,
.dfx-creator-link,
.dfx-creator-card,
.df-visual-link,
.df-page-link-grid a,
.global-menu-close,
.line-modal-close
){
transition:none !important;
}
}
@media (hover: hover) and (pointer: fine){
body .dfx-home a[href],
body .desktop-nav a[href],
body .footer-sub a[href],
body .footer-logo{
transition:
transform .2s cubic-bezier(.2,.8,.2,1),
box-shadow .2s cubic-bezier(.2,.8,.2,1),
color .18s ease,
background-color .18s ease,
border-color .18s ease,
opacity .18s ease !important;
}
body .desktop-nav > a:not(.desktop-nav-cta),
body .footer-sub a,
body .dfx-home a.dfx-text-link{
background-image:linear-gradient(#21d6c3, #21d6c3) !important;
background-repeat:no-repeat !important;
background-position:left calc(100% - 1px) !important;
background-size:0 3px !important;
}
body .desktop-nav > a:not(.desktop-nav-cta):is(:hover, :focus-visible),
body .footer-sub a:is(:hover, :focus-visible){
color:#0b9f93 !important;
background-size:100% 3px !important;
}
body .dfx-home a.dfx-text-link:is(:hover, :focus-visible){
transform:translateX(6px) !important;
color:#0b9f93 !important;
border-color:#080808 !important;
background-size:100% 3px !important;
}
body .dfx-home .dfx-creator-card .dfx-creator-profile-text{
transition:
color .18s ease,
background-color .18s ease,
padding .18s ease !important;
}
body .dfx-home .dfx-creator-card .dfx-creator-profile-text:after{
transition:
background-color .18s ease,
transform .18s cubic-bezier(.2,.8,.2,1) !important;
transform-origin:left center;
}
body .dfx-home .dfx-creator-card:is(:hover, :focus-visible) .dfx-creator-profile-text{
display:block;
margin-top:auto;
padding:12px 14px 10px;
color:#fff !important;
background:#080808 !important;
}
body .dfx-home .dfx-creator-card:is(:hover, :focus-visible) .dfx-creator-profile-text:after{
background:#21d6c3 !important;
transform:scaleX(.72) !important;
}
body .dfx-home .dfx-proof span{
transition:
transform .18s cubic-bezier(.2,.8,.2,1),
background-color .18s ease,
border-color .18s ease !important;
}
body .dfx-home .dfx-proof span:hover{
transform:translateY(-2px);
background:#f2fffd !important;
border-color:#21d6c3 !important;
}
body .logo:is(:hover, :focus-visible),
body .footer-logo:is(:hover, :focus-visible){
transform:translateY(-2px) !important;
opacity:.82 !important;
}
}
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.dream-social-icon a,
.line-modal-link,
.pc-line-button,
.fixed-cta,
.dfx-creator-card,
.dfx-creator-link,
.global-menu-close,
.line-modal-close
){
transition:
transform .24s cubic-bezier(.18,.82,.22,1),
box-shadow .24s cubic-bezier(.18,.82,.22,1),
background-color .18s ease,
color .18s ease,
border-color .18s ease !important;
}
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.dream-social-icon a,
.line-modal-link,
.pc-line-button,
.dfx-creator-link,
.global-menu-close,
.line-modal-close
):is(:hover, :focus-visible){
transform:translate(-3px, -3px) !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
body :is(.dfx-creator-card):is(:hover, :focus-visible){
transform:translate(-4px, -4px) !important;
box-shadow:12px 12px 0 #21d6c3 !important;
}
body .fixed-cta:is(:hover, :focus-visible){
transform:translateX(calc(-50% - 3px)) translateY(-3px) !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.dream-social-icon a,
.line-modal-link,
.pc-line-button,
.fixed-cta,
.dfx-creator-card,
.dfx-creator-link,
.global-menu-close,
.line-modal-close
):active{
transform:translate(2px, 2px) !important;
box-shadow:3px 3px 0 #21d6c3 !important;
}
body .fixed-cta:active{
transform:translateX(calc(-50% + 2px)) translateY(2px) !important;
box-shadow:3px 3px 0 #21d6c3 !important;
}
body .dfx-home .dfx-creator-card:is(:hover, :focus-visible) .dfx-creator-profile-text,
body .df-static-page .creator-profile-button:is(:hover, :focus-visible),
body .creator-single-actions :is(a, button):is(:hover, :focus-visible){
background:#080808 !important;
color:#fff !important;
border-color:#080808 !important;
}
body :is(
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
){
transition:
transform .2s cubic-bezier(.18,.82,.22,1),
color .18s ease,
background-size .2s ease,
border-color .18s ease,
text-decoration-color .18s ease !important;
}
body :is(
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
){
display:inline-block;
}
body :is(
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
):is(:hover, :focus-visible){
transform:translateX(6px) !important;
color:#0b9f93 !important;
border-color:#080808 !important;
text-decoration-color:#21d6c3 !important;
}
@media (prefers-reduced-motion: reduce){
body :is(
.dfx-btn,
.btn-primary,
.btn-secondary,
.df-primary-btn,
.df-secondary-btn,
.yp-black-btn,
.yp-outline-link,
.creator-profile-button,
.creator-work-button,
.creator-share-button,
.creator-more-button,
.creator-filter a,
.desktop-nav .desktop-nav-cta,
.global-menu-text-link,
.global-menu-line-cta,
.footer-links a,
.footer-social .social-icon-link,
.dream-social-icon a,
.line-modal-link,
.pc-line-button,
.fixed-cta,
.dfx-creator-card,
.dfx-creator-link,
.global-menu-close,
.line-modal-close,
.desktop-nav > a:not(.desktop-nav-cta),
.dfx-text-link,
.policy-link,
.dfx-contact-creator-note a,
.footer-sub a,
.footer-sub-links a,
.df-static-page .hero-copy a,
.df-static-page .text a,
.df-static-page .lead a
){
transition:none !important;
}
}
body .desktop-nav > a:not(.desktop-nav-cta){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
text-shadow:none !important;
transition:
color .18s ease,
text-shadow .18s ease !important;
}
body .desktop-nav > a:not(.desktop-nav-cta):is(:hover, :focus-visible){
transform:none !important;
box-shadow:none !important;
background-image:none !important;
background-size:0 0 !important;
color:#0b9f93 !important;
text-shadow:3px 3px 0 rgba(33, 214, 195, .38) !important;
border-color:transparent !important;
text-decoration-color:transparent !important;
}
body :is(.desktop-nav > a:not(.desktop-nav-cta), .dfx-text-link, .policy-link, .dfx-contact-creator-note a, .footer-sub a, .footer-sub-links a, .df-static-page .hero-copy a, .df-static-page .text a, .df-static-page .lead a){
transform:none !important;
}
body :is(.dfx-text-link, .policy-link, .dfx-contact-creator-note a, .footer-sub a, .footer-sub-links a, .df-static-page .hero-copy a, .df-static-page .text a, .df-static-page .lead a):is(:hover, :focus-visible){
transform:none !important;
color:#0b9f93 !important;
border-color:#21d6c3 !important;
text-decoration-color:#21d6c3 !important;
}
body .dfx-home .dfx-head-row .dfx-text-link{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-height:44px;
padding:11px 18px 10px;
border:2px solid #080808 !important;
background:#fff !important;
color:#080808 !important;
text-decoration:none !important;
box-shadow:5px 5px 0 #21d6c3 !important;
transform:none !important;
transition:
transform .24s cubic-bezier(.18,.82,.22,1),
box-shadow .24s cubic-bezier(.18,.82,.22,1),
background-color .18s ease,
color .18s ease,
border-color .18s ease !important;
}
body .dfx-home .dfx-head-row .dfx-text-link:is(:hover, :focus-visible){
transform:translate(-3px, -3px) !important;
box-shadow:8px 8px 0 #21d6c3 !important;
background:#080808 !important;
color:#fff !important;
border-color:#080808 !important;
text-shadow:none !important;
}
body .dfx-home .dfx-head-row .dfx-text-link:active{
transform:translate(2px, 2px) !important;
box-shadow:3px 3px 0 #21d6c3 !important;
}
@media screen and (min-width: 901px){
body .dfx-home .dfx-production-layout-textonly > div{
display:grid !important;
grid-template-columns:minmax(0, 1fr) minmax(300px, 380px) !important;
column-gap:64px !important;
align-items:center !important;
}
body .dfx-home .dfx-production-layout-textonly > div > :not(.dfx-hero-actions){
grid-column:1 !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-hero-actions{
grid-column:2 !important;
grid-row:1 / span 6 !important;
align-self:center !important;
margin-top:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:16px !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-hero-actions .dfx-btn{
width:100% !important;
min-width:0 !important;
}
body .dfx-home .dfx-final-cta{
display:grid !important;
grid-template-columns:minmax(0, 1fr) minmax(320px, 390px) !important;
column-gap:70px !important;
row-gap:18px !important;
align-items:center !important;
}
body .dfx-home .dfx-final-cta > :not(.dfx-hero-actions){
grid-column:1 !important;
}
body .dfx-home .dfx-final-cta > .dfx-hero-actions{
grid-column:2 !important;
grid-row:1 / span 3 !important;
align-self:center !important;
margin-top:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
}
body .dfx-home .dfx-final-cta > .dfx-hero-actions .dfx-btn{
width:100% !important;
justify-content:flex-start !important;
}
body .df-static-page .contact-section .contact-card{
display:grid !important;
grid-template-columns:minmax(0, 1fr) minmax(300px, 360px) !important;
column-gap:58px !important;
row-gap:14px !important;
align-items:center !important;
padding:38px 42px !important;
}
body .df-static-page .contact-section .contact-card > :not(.btn-primary):not(.btn-secondary){
grid-column:1 !important;
}
body .df-static-page .contact-section .contact-card > .btn-primary,
body .df-static-page .contact-section .contact-card > .btn-secondary{
grid-column:2 !important;
width:100% !important;
margin-top:0 !important;
}
body .df-static-page .contact-section .contact-card > .btn-primary{
grid-row:2 !important;
align-self:end !important;
}
body .df-static-page .contact-section .contact-card > .btn-secondary{
grid-row:3 !important;
align-self:start !important;
}
}
body .dfx-home .dfx-production-main{
min-width:0;
}
body .dfx-home .dfx-production-side{
min-width:0;
}
body .dfx-home .dfx-production-side .dfx-contract-note{
margin-top:0;
}
@media screen and (min-width: 901px){
body .dfx-home .dfx-production-layout-textonly > div{
grid-template-columns:minmax(0, 1fr) minmax(330px, 390px) !important;
column-gap:72px !important;
align-items:start !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-production-main{
grid-column:1 !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-production-side{
grid-column:2 !important;
align-self:start !important;
display:grid !important;
gap:22px !important;
margin-top:16px !important;
}
body .dfx-home .dfx-production-layout-textonly > div > :not(.dfx-production-main):not(.dfx-production-side){
grid-column:auto !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-hero-actions{
grid-column:auto !important;
grid-row:auto !important;
}
body .dfx-home .dfx-production-list{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:14px !important;
margin-top:30px !important;
}
body .dfx-home .dfx-production-list li{
display:flex !important;
align-items:center !important;
min-height:74px !important;
padding:17px 18px 17px 38px !important;
border:2px solid #080808 !important;
background:#fff !important;
color:#101820 !important;
line-height:1.55 !important;
box-shadow:5px 5px 0 rgba(33, 214, 195, .42) !important;
}
body .dfx-home .dfx-production-list li:before{
left:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:9px !important;
height:9px !important;
}
body .dfx-home .dfx-production-list li:last-child{
grid-column:1 / -1 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note{
padding:24px 24px 26px !important;
border:3px solid #080808 !important;
background:#fff !important;
box-shadow:8px 8px 0 #21d6c3 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note h3{
margin:0 0 14px !important;
font-size:22px !important;
line-height:1.35 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p{
margin:0 !important;
font-size:15px !important;
line-height:1.85 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p + p{
margin-top:10px !important;
}
body .dfx-home .dfx-production-side .dfx-hero-actions{
margin-top:0 !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:16px !important;
}
body .dfx-home .dfx-production-side .dfx-hero-actions .dfx-btn{
width:100% !important;
min-width:0 !important;
justify-content:flex-start !important;
}
}
@media screen and (max-width: 900px){
body .dfx-home .dfx-production-layout-textonly > div{
display:grid !important;
gap:26px !important;
}
body .dfx-home .dfx-production-list{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:10px !important;
margin-top:24px !important;
}
body .dfx-home .dfx-production-list li{
display:flex !important;
align-items:center !important;
min-height:56px !important;
padding:11px 10px 11px 28px !important;
border:2px solid #080808 !important;
background:#fff !important;
box-shadow:4px 4px 0 rgba(33, 214, 195, .42) !important;
color:#101820 !important;
font-size:13.5px !important;
line-height:1.45 !important;
}
body .dfx-home .dfx-production-list li:before{
left:11px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:7px !important;
height:7px !important;
}
body .dfx-home .dfx-production-list li:last-child{
grid-column:1 / -1 !important;
}
body .dfx-home .dfx-production-side{
display:grid !important;
gap:16px !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note{
padding:18px 18px 20px !important;
border:2px solid #080808 !important;
background:#fff !important;
box-shadow:5px 5px 0 #21d6c3 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note h3{
margin:0 0 10px !important;
font-size:20px !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p{
margin:0 !important;
font-size:14.5px !important;
line-height:1.75 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p + p{
margin-top:8px !important;
}
body .dfx-home .dfx-production-side .dfx-hero-actions{
margin-top:0 !important;
}
}
@media screen and (min-width: 901px){
body .dfx-home .dfx-production-layout-textonly > div{
grid-template-columns:minmax(0, 1fr) minmax(320px, 380px) !important;
column-gap:78px !important;
}
body .dfx-home .dfx-production-layout-textonly > div > .dfx-production-side{
gap:18px !important;
margin-top:12px !important;
}
body .dfx-home .dfx-production .dfx-target-lead{
max-width:760px !important;
margin-top:24px !important;
}
body .dfx-home .dfx-production-list{
display:flex !important;
flex-wrap:wrap !important;
align-items:flex-start !important;
gap:10px 12px !important;
margin-top:28px !important;
}
body .dfx-home .dfx-production-list li,
body .dfx-home .dfx-production-list li:last-child{
grid-column:auto !important;
width:auto !important;
min-height:0 !important;
padding:10px 15px 10px 30px !important;
border:1px solid rgba(8, 8, 8, .45) !important;
background:#fff !important;
color:#142027 !important;
font-size:14px !important;
line-height:1.45 !important;
box-shadow:none !important;
}
body .dfx-home .dfx-production-list li:before{
left:13px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:7px !important;
height:7px !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note{
padding:22px 22px 24px !important;
border:1px solid rgba(8, 8, 8, .32) !important;
border-left:5px solid #21d6c3 !important;
background:#f5fbfa !important;
box-shadow:none !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note h3{
font-size:20px !important;
line-height:1.35 !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p{
font-size:14.5px !important;
line-height:1.8 !important;
}
}
@media screen and (max-width: 900px){
body .dfx-home .dfx-production-layout-textonly > div{
gap:22px !important;
}
body .dfx-home .dfx-production .dfx-target-lead{
margin-top:20px !important;
}
body .dfx-home .dfx-production-list{
grid-template-columns:1fr !important;
gap:0 !important;
margin-top:22px !important;
border-top:2px solid #080808 !important;
border-bottom:2px solid #080808 !important;
}
body .dfx-home .dfx-production-list li,
body .dfx-home .dfx-production-list li:last-child{
grid-column:auto !important;
min-height:0 !important;
padding:12px 0 12px 26px !important;
border:0 !important;
border-bottom:1px solid rgba(8, 8, 8, .18) !important;
background:transparent !important;
box-shadow:none !important;
color:#101820 !important;
font-size:14px !important;
line-height:1.55 !important;
}
body .dfx-home .dfx-production-list li:last-child{
border-bottom:0 !important;
}
body .dfx-home .dfx-production-list li:before{
left:8px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:7px !important;
height:7px !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note{
padding:17px 18px 19px !important;
border:1px solid rgba(8, 8, 8, .28) !important;
border-left:5px solid #21d6c3 !important;
background:#f5fbfa !important;
box-shadow:none !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note h3{
font-size:19px !important;
}
body .dfx-home .dfx-production-side .dfx-contract-note p{
font-size:14px !important;
line-height:1.75 !important;
}
}
.df-static-page .creator-meta-groups{
display:grid !important;
gap:10px !important;
justify-items:start !important;
}
.df-static-page .creator-meta-group{
display:grid;
gap:6px;
}
.df-static-page .creator-meta-label{
display:inline-block;
color:#0b9f93;
font-size:12px;
font-weight:1000;
line-height:1;
}
.df-static-page .creator-genre-badge{
border-color:#080808 !important;
background:#f5fbfa !important;
}
.dfx-home .dfx-creator-labels{
display:grid;
gap:6px;
margin-top:4px;
}
.dfx-home .dfx-creator-labels span{
display:flex !important;
align-items:center;
gap:7px;
color:#0b9f93 !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:900 !important;
}
.dfx-home .dfx-creator-labels b{
display:inline-flex;
align-items:center;
min-height:18px;
padding:2px 6px;
border:1px solid rgba(8, 8, 8, .28);
color:#080808;
background:#f5fbfa;
font-size:10px;
line-height:1;
}
body:has(.dfx-home) .footer{
padding:58px 0 46px !important;
background:#080808 !important;
}
body:has(.dfx-home) .footer-inner{
width:min(1240px, calc(100% - 100px)) !important;
max-width:none !important;
grid-template-columns:minmax(260px, 360px) minmax(0, 1fr) !important;
gap:38px 70px !important;
}
body:has(.dfx-home) .footer-logo{
width:136px !important;
}
body:has(.dfx-home) .footer-social-label{
color:#21d6c3 !important;
}
body:has(.dfx-home) .footer-links{
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:12px !important;
}
body:has(.dfx-home) .footer-links a{
min-height:52px !important;
padding:0 15px !important;
border-radius:8px !important;
}
body:has(.dfx-home) .footer-sub{
grid-column:1 / -1 !important;
}
@media screen and (max-width:900px){
body:has(.dfx-home) .footer{
padding:46px 0 40px !important;
}
body:has(.dfx-home) .footer-inner{
width:calc(100% - 56px) !important;
grid-template-columns:1fr !important;
gap:26px !important;
}
body:has(.dfx-home) .footer-links{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:10px !important;
}
body:has(.dfx-home) .footer-links a{
min-height:46px !important;
padding:0 12px !important;
}
body:has(.dfx-home) .footer-sub{
grid-column:auto !important;
display:grid !important;
gap:16px !important;
align-items:start !important;
}
body:has(.dfx-home) .footer-sub-links{
justify-items:start !important;
}
}