Autosave: 20260325-203533
This commit is contained in:
Flatlogic Bot
parent
40ba8948ff
commit
ca7330be5c
BIN
assets/pasted-20260325-193948-5c30198a.jpg
Normal file
BIN
assets/pasted-20260325-193948-5c30198a.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
assets/pasted-20260325-200624-b4c5ba38.jpg
Normal file
BIN
assets/pasted-20260325-200624-b4c5ba38.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
assets/pasted-20260325-200947-61a7f252.jpg
Normal file
BIN
assets/pasted-20260325-200947-61a7f252.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
assets/pasted-20260325-201841-36660838.jpg
Normal file
BIN
assets/pasted-20260325-201841-36660838.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
assets/pasted-20260325-201938-a1f80b8d.jpg
Normal file
BIN
assets/pasted-20260325-201938-a1f80b8d.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
assets/pasted-20260325-202422-7fe5e80b.png
Normal file
BIN
assets/pasted-20260325-202422-7fe5e80b.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
@ -1154,41 +1154,41 @@ body { background: #1C3434; }
|
||||
<style>
|
||||
.kmc-seventh-section{
|
||||
background:#1C3434;
|
||||
padding:70px 0 78px;
|
||||
padding:88px 0 98px;
|
||||
}
|
||||
.kmc-seventh-wrap{
|
||||
width:min(1320px, calc(100% - 52px));
|
||||
width:min(1260px, calc(100% - 64px));
|
||||
margin:0 auto;
|
||||
}
|
||||
.kmc-seventh-head{
|
||||
text-align:center;
|
||||
max-width:980px;
|
||||
margin:0 auto 34px;
|
||||
max-width:1180px;
|
||||
margin:0 auto 52px;
|
||||
}
|
||||
.kmc-seventh-head h2{
|
||||
margin:0;
|
||||
font:700 clamp(42px,5.2vw,58px)/1.06 "Cardo",serif;
|
||||
font:700 clamp(56px,5.1vw,74px)/1.03 "Cardo",serif;
|
||||
color:#fff;
|
||||
letter-spacing:-.01em;
|
||||
}
|
||||
.kmc-seventh-head p{
|
||||
margin:14px auto 0;
|
||||
max-width:940px;
|
||||
font:700 clamp(14px,1.8vw,30px)/1.35 "Cardo",serif;
|
||||
margin:18px auto 0;
|
||||
max-width:1100px;
|
||||
font:700 clamp(24px,2.45vw,44px)/1.24 "Cardo",serif;
|
||||
color:rgba(255,255,255,.8);
|
||||
}
|
||||
.kmc-seventh-grid{
|
||||
display:grid;
|
||||
grid-template-columns:repeat(3,minmax(0,1fr));
|
||||
gap:18px;
|
||||
gap:30px;
|
||||
align-items:stretch;
|
||||
}
|
||||
.kmc-seventh-card{
|
||||
position:relative;
|
||||
border:1px solid rgba(144,241,174,.8);
|
||||
border:1px solid rgba(144,241,174,.88);
|
||||
border-radius:32px;
|
||||
padding:26px 26px 24px;
|
||||
min-height:220px;
|
||||
padding:44px 46px 40px;
|
||||
min-height:392px;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
@ -1196,56 +1196,59 @@ body { background: #1C3434; }
|
||||
}
|
||||
.kmc-seventh-badge{
|
||||
position:absolute;
|
||||
top:-10px;
|
||||
top:-18px;
|
||||
left:50%;
|
||||
transform:translateX(-50%);
|
||||
background:#90F1AE;
|
||||
color:#1C3434;
|
||||
border-radius:999px;
|
||||
padding:4px 10px;
|
||||
font:700 11px/1 "Inter",sans-serif;
|
||||
padding:8px 18px;
|
||||
font:700 clamp(14px,.95vw,22px)/1 "Inter",sans-serif;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.kmc-seventh-title{
|
||||
margin:0;
|
||||
font:700 clamp(22px,2.2vw,40px)/1.12 "Cardo",serif;
|
||||
font:700 clamp(40px,2.95vw,58px)/1.1 "Cardo",serif;
|
||||
color:#fff;
|
||||
letter-spacing:-.01em;
|
||||
}
|
||||
.kmc-seventh-price{
|
||||
margin:18px 0 4px;
|
||||
margin:28px 0 8px;
|
||||
display:flex;
|
||||
align-items:flex-end;
|
||||
gap:6px;
|
||||
gap:10px;
|
||||
line-height:1;
|
||||
}
|
||||
.kmc-seventh-price .main{
|
||||
font:700 clamp(38px,3.2vw,64px)/.95 "Cardo",serif;
|
||||
font:700 clamp(58px,4.45vw,80px)/.95 "Cardo",serif;
|
||||
color:#90F1AE;
|
||||
letter-spacing:-.012em;
|
||||
letter-spacing:-.014em;
|
||||
}
|
||||
.kmc-seventh-price .sub{
|
||||
margin-bottom:4px;
|
||||
font:400 clamp(12px,1.2vw,21px)/1.1 "Inter",sans-serif;
|
||||
margin-bottom:10px;
|
||||
font:400 clamp(20px,1.38vw,32px)/1.05 "Inter",sans-serif;
|
||||
color:#fff;
|
||||
opacity:.85;
|
||||
}
|
||||
.kmc-seventh-detail{
|
||||
margin:6px 0 0;
|
||||
margin:12px 0 0;
|
||||
color:#fff;
|
||||
font:400 clamp(14px,1.05vw,24px)/1.35 "Inter",sans-serif;
|
||||
opacity:.95;
|
||||
font:400 clamp(22px,1.33vw,30px)/1.3 "Inter",sans-serif;
|
||||
opacity:.92;
|
||||
}
|
||||
.kmc-seventh-btn{
|
||||
margin-top:auto;
|
||||
align-self:center;
|
||||
width:min(352px,100%);
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
min-height:40px;
|
||||
min-height:56px;
|
||||
border-radius:999px;
|
||||
background:#fff;
|
||||
color:#1C3434;
|
||||
text-decoration:none;
|
||||
font:700 clamp(12px,1vw,18px)/1 "Inter",sans-serif;
|
||||
font:700 clamp(22px,1.18vw,30px)/1 "Inter",sans-serif;
|
||||
transition:transform .2s ease, box-shadow .2s ease;
|
||||
}
|
||||
.kmc-seventh-btn:hover,
|
||||
@ -1255,21 +1258,20 @@ body { background: #1C3434; }
|
||||
outline:none;
|
||||
}
|
||||
|
||||
@media (max-width:1000px){
|
||||
.kmc-seventh-wrap{width:min(1320px, calc(100% - 28px));}
|
||||
.kmc-seventh-card{padding:22px 18px 18px; min-height:206px;}
|
||||
@media (max-width:1180px){
|
||||
.kmc-seventh-wrap{width:min(1260px, calc(100% - 40px));}
|
||||
.kmc-seventh-grid{gap:20px;}
|
||||
.kmc-seventh-card{padding:30px 24px 28px; min-height:300px;}
|
||||
.kmc-seventh-badge{top:-14px;}
|
||||
}
|
||||
|
||||
@media (max-width:680px){
|
||||
.kmc-seventh-section{padding:58px 0 66px;}
|
||||
.kmc-seventh-wrap{width:min(1320px, calc(100% - 20px));}
|
||||
.kmc-seventh-head{margin-bottom:20px;}
|
||||
.kmc-seventh-grid{grid-template-columns:1fr; gap:14px;}
|
||||
.kmc-seventh-card{min-height:0; border-radius:24px;}
|
||||
.kmc-seventh-title{font-size:28px;}
|
||||
.kmc-seventh-price .main{font-size:48px;}
|
||||
.kmc-seventh-detail{font-size:16px;}
|
||||
.kmc-seventh-btn{min-height:44px; font-size:14px;}
|
||||
@media (max-width:860px){
|
||||
.kmc-seventh-section{padding:64px 0 72px;}
|
||||
.kmc-seventh-grid{grid-template-columns:1fr; gap:16px;}
|
||||
.kmc-seventh-card{border-radius:24px; min-height:0;}
|
||||
.kmc-seventh-head{margin-bottom:28px;}
|
||||
.kmc-seventh-head p{font-size:clamp(20px,5vw,30px);}
|
||||
.kmc-seventh-btn{width:min(320px,100%); min-height:50px; font-size:22px;}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1321,125 +1323,138 @@ body { background: #1C3434; }
|
||||
|
||||
<style>
|
||||
.kmc-eighth-section{
|
||||
background:#ECECEC;
|
||||
padding:76px 0 82px;
|
||||
background:#ECEBE8;
|
||||
padding:68px 0 78px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{
|
||||
width:min(1680px, calc(100% - 108px)) !important;
|
||||
width:min(1280px, calc(100% - 120px)) !important;
|
||||
margin:0 auto;
|
||||
display:grid;
|
||||
grid-template-columns:minmax(0,1fr) minmax(0,860px);
|
||||
grid-template-columns:minmax(0,1fr) minmax(0,560px);
|
||||
align-items:center;
|
||||
gap:64px !important;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:660px;}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:620px;}
|
||||
.kmc-eighth-section .kmc-eighth-title{
|
||||
margin:0;
|
||||
color:#1C3434;
|
||||
max-width:430px;
|
||||
max-width:440px;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(64px,5.2vw,86px) !important;
|
||||
line-height:1.02 !important;
|
||||
font-size:clamp(52px,4.8vw,68px) !important;
|
||||
line-height:1.04 !important;
|
||||
font-weight:700;
|
||||
letter-spacing:-0.012em;
|
||||
letter-spacing:-0.01em;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-body{
|
||||
margin:22px 0 0;
|
||||
max-width:560px;
|
||||
margin:28px 0 0;
|
||||
max-width:610px;
|
||||
color:#1C3434;
|
||||
opacity:.95;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(30px,2.45vw,52px) !important;
|
||||
line-height:1.3 !important;
|
||||
font-weight:700;
|
||||
letter-spacing:-0.003em;
|
||||
font-size:clamp(24px,2.05vw,40px) !important;
|
||||
line-height:1.25 !important;
|
||||
font-weight:400;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-actions{
|
||||
margin-top:34px;
|
||||
margin-top:38px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:38px;
|
||||
gap:34px;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-btn{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
gap:12px;
|
||||
padding:10px 10px 10px 24px !important;
|
||||
min-height:58px !important;
|
||||
gap:14px;
|
||||
padding:9px 9px 9px 24px !important;
|
||||
min-height:54px !important;
|
||||
border-radius:999px;
|
||||
text-decoration:none;
|
||||
background:#1C3434;
|
||||
color:#fff;
|
||||
font:700 clamp(18px,1.22vw,34px)/1 "Inter",sans-serif !important;
|
||||
font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
|
||||
letter-spacing:-0.01em;
|
||||
}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{
|
||||
width:38px;
|
||||
height:38px;
|
||||
font-size:20px;
|
||||
flex:0 0 38px;
|
||||
margin-left:2px;
|
||||
width:44px;
|
||||
height:44px;
|
||||
border-radius:999px;
|
||||
background:#90F1AE;
|
||||
color:#1C3434;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
font-size:28px;
|
||||
line-height:1;
|
||||
flex:0 0 44px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
gap:9px;
|
||||
gap:10px;
|
||||
text-decoration:none;
|
||||
color:#1C3434;
|
||||
font:700 clamp(17px,1.16vw,30px)/1.2 "Inter",sans-serif !important;
|
||||
font:700 clamp(18px,1.08vw,24px)/1.2 "Inter",sans-serif !important;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link .arr{font-size:1.1em;line-height:1;}
|
||||
.kmc-eighth-section .kmc-eighth-link .arr{font-size:1.45em;line-height:1;}
|
||||
|
||||
.kmc-eighth-section .kmc-eighth-visual{
|
||||
position:relative;
|
||||
min-height:340px;
|
||||
min-height:352px;
|
||||
display:flex;
|
||||
justify-content:flex-end;
|
||||
align-items:center;
|
||||
align-items:flex-start;
|
||||
overflow:visible;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-bg{
|
||||
width:100%;
|
||||
max-width:860px;
|
||||
aspect-ratio:860 / 404;
|
||||
border-radius:34px;
|
||||
background-image:url('/wp-content/uploads/2026/03/kmc-eighth-source.jpg');
|
||||
max-width:560px;
|
||||
aspect-ratio:560 / 320;
|
||||
border-radius:30px;
|
||||
overflow:hidden;
|
||||
background-image:url('/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg');
|
||||
background-repeat:no-repeat;
|
||||
background-size:1700px auto;
|
||||
background-position:right 46% center;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
margin-left:auto;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{
|
||||
position:absolute;
|
||||
left:-26px;
|
||||
bottom:-34px;
|
||||
width:164px;
|
||||
aspect-ratio:1/1;
|
||||
left:24px;
|
||||
bottom:-36px;
|
||||
width:176px;
|
||||
aspect-ratio:4 / 5;
|
||||
border-radius:28px;
|
||||
border:7px solid #fff;
|
||||
background-image:url('/wp-content/uploads/2026/03/kmc-eighth-source.jpg');
|
||||
overflow:hidden;
|
||||
border:6px solid #fff;
|
||||
background-image:url('/wp-content/uploads/2026/03/pasted-20260324-204916-868024dd.jpg');
|
||||
background-repeat:no-repeat;
|
||||
background-size:1700px auto;
|
||||
background-position:5.5% 61%;
|
||||
box-shadow:0 14px 26px rgba(13,40,40,.22);
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
box-shadow:0 10px 20px rgba(13,40,40,.18);
|
||||
}
|
||||
|
||||
@media (max-width:1080px){
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:34px !important;}
|
||||
.kmc-eighth-section{padding:58px 0 72px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:36px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
|
||||
.kmc-eighth-section .kmc-eighth-title{max-width:100%;font-size:clamp(48px,7.8vw,72px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(24px,4.3vw,44px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-visual{max-width:860px;min-height:300px;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{left:10px;bottom:-24px;width:136px;}
|
||||
.kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
|
||||
.kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{max-width:100%;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{left:16px;bottom:-24px;width:142px;aspect-ratio:4/5;border-radius:24px;}
|
||||
}
|
||||
|
||||
@media (max-width:680px){
|
||||
.kmc-eighth-section{padding:54px 0 66px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;}
|
||||
.kmc-eighth-section .kmc-eighth-actions{gap:14px;}
|
||||
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{width:34px;height:34px;font-size:18px;flex-basis:34px;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{border-radius:26px;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{width:112px;border-width:6px;border-radius:20px;bottom:-16px;}
|
||||
.kmc-eighth-section{padding:48px 0 62px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:30px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
|
||||
.kmc-eighth-section .kmc-eighth-actions{margin-top:28px;gap:14px;}
|
||||
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;font-size:22px;flex-basis:36px;}
|
||||
.kmc-eighth-section .kmc-eighth-link{font-size:17px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{border-radius:24px;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{width:106px;aspect-ratio:4/5;border-width:5px;border-radius:18px;bottom:-14px;left:10px;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
1731
tmp_home_live_block7_applied_20260325_200706.html
Normal file
1731
tmp_home_live_block7_applied_20260325_200706.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
wp-content/uploads/2026/03/kmc-eighth-reference-20260325.jpg
Normal file
BIN
wp-content/uploads/2026/03/kmc-eighth-reference-20260325.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Loading…
x
Reference in New Issue
Block a user