:root{--i:#121411;--p:#f3f0e9;--a:#ccff2f}*{box-sizing:border-box}body{margin:0;color:var(--i);background:var(--p);font-family:Arial,"Malgun Gothic",sans-serif}header{min-height:680px;padding:30px 5vw 38px;color:var(--p);background:#121411;position:relative;overflow:hidden}header:after{content:"06";position:absolute;right:4vw;bottom:-90px;color:transparent;-webkit-text-stroke:1px #65725a;font:bold 38vw Arial;line-height:1}.brand{position:relative;color:inherit;text-decoration:none;font:bold 25px Arial;z-index:1}.brand span,header b{color:var(--a)}header>small{position:absolute;right:5vw;top:35px;font:700 11px "Courier New";letter-spacing:.05em}header>div{position:relative;z-index:1;max-width:950px;margin-top:140px}header b,small,article em,footer{font:700 11px "Courier New","Malgun Gothic",monospace;letter-spacing:.04em}h1{margin:19px 0 24px;font-size:clamp(49px,7.4vw,112px);line-height:.89;letter-spacing:-.09em}h1 em{font-family:Georgia,serif;font-weight:400}header p{max-width:620px;margin:0;color:#d7d8d1;line-height:1.7;font-size:17px;word-break:keep-all}header>i{position:absolute;z-index:1;bottom:35px;font:700 11px "Courier New";letter-spacing:.04em;color:var(--a)}.grid{display:grid;grid-template-columns:repeat(3,1fr)}.card{min-height:600px;color:inherit;text-decoration:none;display:flex;flex-direction:column;border-right:1px solid #c8c5bd;border-bottom:1px solid #c8c5bd;overflow:hidden}.card:nth-child(3n){border-right:0}.card>img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .65s}.card:hover>img,.card:focus-visible>img{transform:scale(1.07)}article{min-height:270px;padding:25px 28px;display:grid;grid-template-columns:70px 1fr;gap:19px;position:relative}article strong{font:bold clamp(62px,7vw,107px) Arial;letter-spacing:-.1em;line-height:.72;color:#c5c5bd}article small{color:#5c5c56}h2{margin:14px 0 10px;font-size:clamp(22px,2vw,33px);letter-spacing:-.075em;line-height:1}article p{margin:0;max-width:300px;color:#4b4c47;font-size:14px;line-height:1.65;word-break:keep-all}article em{position:absolute;right:28px;bottom:25px;border-bottom:1px solid;padding-bottom:5px;font-style:normal}.v2{background:#f05a3f}.v2 article strong{color:#ffb09e}.v2 article small,.v2 article p{color:#57251c}.v3,.v5{background:#171a16;color:#f0eee6}.v3 article strong,.v5 article strong{color:#b3e841}.v3 article small,.v5 article small,.v3 article em,.v5 article em{color:var(--a)}.v3 article p,.v5 article p{color:#d0d4c9}.v4 article strong{color:#b5b5ed}.v6{background:var(--a)}footer{padding:29px 5vw;background:#121411;color:var(--p);display:flex;justify-content:space-between}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.card:nth-child(3n){border-right:1px solid #c8c5bd}.card:nth-child(2n){border-right:0}}@media(max-width:600px){header{min-height:570px}header>small{display:none}header>div{margin-top:140px}header p{font-size:14px}.grid{grid-template-columns:1fr}.card,.card:nth-child(3n){border-right:0}.card>img{height:57vw;min-height:220px}article{min-height:255px}footer{gap:20px;flex-direction:column}}
/* Client-review header: concise and intentionally neutral. */
header{min-height:310px;padding:28px 5vw 26px;background:#171916}header:after{display:none}header>div{max-width:720px;margin-top:68px}h1{margin:12px 0;font-size:clamp(36px,4.2vw,62px);letter-spacing:-.075em;line-height:1}header p{max-width:700px;font-size:15px;line-height:1.65}header>i{bottom:24px;color:#cfd5c7}@media(max-width:600px){header{min-height:365px}header>div{margin-top:82px}h1{font-size:42px}header>i{font-size:10px}}

/* Separate each proposal into a calm, client-review panel. */
main{padding:28px clamp(18px,3vw,48px) 48px;background:#e3e0d8}.grid{max-width:1480px;margin:0 auto;gap:24px}.card,.card:nth-child(3n){border:0;box-shadow:0 2px 13px rgba(18,20,17,.12)}.card>img{height:300px}@media(max-width:1000px){main{padding:20px}.grid{gap:20px}.card,.card:nth-child(3n){border:0}}@media(max-width:600px){main{padding:14px}.grid{gap:14px}.card>img{height:57vw;min-height:220px}}

/* Compact card layout: concept number and title occupy separate rows. */
header{min-height:285px}header>div{margin-top:54px}header p{max-width:760px;font-size:14px}header>i{bottom:19px}.card{min-height:510px}.card>img{height:260px}article{min-height:250px;display:block;padding:19px 26px 45px}article strong{display:block;margin:0 0 9px;font-size:48px;line-height:.75;letter-spacing:-.08em}article>div{padding:0}article small{display:block;margin:0 0 7px}article h2{margin:0 0 9px;font-size:clamp(22px,1.85vw,30px);line-height:1.08}article p{font-size:13.5px;line-height:1.55}article em{right:26px;bottom:18px}@media(max-width:600px){header{min-height:360px}header>div{margin-top:80px}.card{min-height:0}.card>img{height:55vw;min-height:200px}article{min-height:220px;padding:18px 22px 44px}article strong{font-size:44px}article em{right:22px}}

/* Full-site scope and concept-level estimate; not a line-item quotation. */
.estimate{max-width:1480px;margin:52px auto 0;padding:clamp(28px,4vw,60px);background:#171916;color:#f2f0e9}.estimate-intro{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);gap:26px 7vw;align-items:end}.estimate-label,.estimate-intro p{margin:0;font:700 11px/1.6 "Courier New","Malgun Gothic",monospace;letter-spacing:.04em}.estimate-label{grid-column:1/-1;color:#ccff2f}.estimate-intro h2{margin:0;font-size:clamp(29px,3.2vw,52px);line-height:1.02;letter-spacing:-.07em}.estimate-intro h2 em{font-family:Georgia,"Batang",serif;font-weight:400;color:#ccff2f}.estimate-intro>p:last-child{max-width:540px;color:#d3d6cd;font-family:Arial,"Malgun Gothic",sans-serif;font-size:14px;line-height:1.7;letter-spacing:0;word-break:keep-all}.estimate-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid rgba(242,240,233,.25);border-left:1px solid rgba(242,240,233,.25)}.estimate-grid article{min-height:132px;padding:20px;display:flex;flex-direction:column;gap:9px;border-right:1px solid rgba(242,240,233,.25);border-bottom:1px solid rgba(242,240,233,.25)}.estimate-grid article span,.estimate-grid article small{font:700 11px "Courier New","Malgun Gothic",monospace;letter-spacing:.04em}.estimate-grid article strong{margin-top:auto;color:#ccff2f;font:bold clamp(22px,2vw,31px) Arial,sans-serif;letter-spacing:-.05em}.estimate-grid article small{color:#bfc2b9}@media(max-width:800px){.estimate{margin-top:32px}.estimate-intro{grid-template-columns:1fr}.estimate-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.estimate{padding:25px 20px}.estimate-grid{grid-template-columns:1fr}.estimate-grid article{min-height:108px}}