
:root{--red:#c21d26;--dark:#2d2d2f;--gray:#717175;--line:#e6e6e6}*{box-sizing:border-box}body{margin:0;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--dark);background:white}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,calc(100% - 90px));margin:auto}.bar{height:5px;background:var(--red)}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head{height:92px;display:flex;align-items:center;justify-content:space-between}.logo{width:265px;display:block}nav{display:flex;gap:38px}nav a{font-size:14px;font-weight:700;padding:36px 0;position:relative}nav a:hover,nav a.active{color:var(--red)}nav a.active:after{content:'';position:absolute;height:3px;background:var(--red);bottom:0;left:0;right:0}.page{animation:appear .48s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.leaving .page{opacity:0;transform:translateY(8px);transition:opacity .16s,transform .16s}.hero{background:#58585a;color:#fff;min-height:580px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:none;display:none}.hero .wrap{position:relative;z-index:1}.kicker{color:var(--red);font-size:13px;font-weight:900;letter-spacing:.16em}.hero .kicker{color:#ff8a8d}.hero h1{font-size:65px;line-height:1.24;letter-spacing:-.06em;margin:24px 0}.hero p{color:#ccc;font-size:18px;line-height:1.9}.btn{display:inline-flex;background:var(--red);color:white;padding:17px 28px;font-weight:800;margin:24px 12px 0 0}.btn.secondary{background:transparent;border:1px solid #999}.pagehero{padding:80px 0 70px;background:#f7f7f7;border-bottom:1px solid #eee}.pagehero h1{font-size:52px;margin:14px 0;letter-spacing:-.05em}.pagehero p{color:#777;font-size:16px}.section{padding:90px 0}.section h2{font-size:36px;margin:12px 0 28px;letter-spacing:-.05em}.muted{color:#737373;line-height:2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff;padding:35px;min-height:210px}.card .num{color:var(--red);font-size:12px;font-weight:900}.card h3{font-size:23px;margin:30px 0 15px}.card p{color:#777;line-height:1.9;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.logobox{background:#f5f5f5;padding:75px 35px;border-left:8px solid var(--red)}.logobox img{width:100%}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{display:block;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000010}.placeholder{height:220px;background:linear-gradient(145deg,#f5f5f5,#e7e7e7);display:flex;justify-content:center;align-items:center;color:#777;font-size:21px;font-weight:900;text-align:center;padding:20px}.product .info{padding:23px}.product .info small{color:var(--red);font-weight:800}.product .info h3{margin:10px 0}.notice{font-size:13px;color:#888;line-height:1.8;margin-top:30px}.filter{display:flex;gap:10px;margin:0 0 30px;flex-wrap:wrap}.filter button{border:1px solid #ddd;background:white;padding:12px 22px;cursor:pointer}.filter button.on{background:var(--red);color:#fff;border-color:var(--red)}.details{display:grid;grid-template-columns:1fr 1fr;gap:70px}.details .placeholder{height:380px}.detail-table{width:100%;border-collapse:collapse}.detail-table td{padding:20px 12px;border-bottom:1px solid var(--line)}.detail-table td:first-child{width:125px;color:#777}.contactlist{display:grid;grid-template-columns:160px 1fr;gap:0;max-width:800px}.contactlist dt,.contactlist dd{padding:23px 12px;border-bottom:1px solid #eee;margin:0}.contactlist dt{font-weight:800}.contactlist dd{color:#555}.cta{background:#303033;color:#fff;padding:65px 0}.cta p{color:#ccc}.footer{background:#222;color:#aaa;padding:30px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between}.back{display:inline-block;margin-top:30px;color:var(--red);font-weight:800}@media(max-width:850px){.wrap{width:calc(100% - 36px)}.head{height:auto;padding:20px 0;display:block}.logo{width:210px}nav{gap:16px;flex-wrap:wrap;margin-top:18px}nav a{padding:8px 0}.hero h1{font-size:40px}.grid,.products{grid-template-columns:repeat(2,1fr)}.split,.details{grid-template-columns:1fr;gap:30px}}@media(max-width:540px){.grid,.products{grid-template-columns:1fr}.pagehero h1{font-size:36px}.section{padding:60px 0}.footer .wrap{display:block}}

/* Home redesign — DIE brand reference */
.home-page{background:#fff}.home-page .home-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;z-index:30}.home-page .head{height:125px}.home-brand{display:flex;align-items:center;gap:17px;color:white}.home-brand img{width:143px;height:auto;display:block}.home-brand span{display:flex;flex-direction:column;gap:3px}.home-brand strong{font-size:30px;line-height:1.05;letter-spacing:-.06em}.home-brand small{font-size:13px;font-weight:700;letter-spacing:.01em}.home-page nav{gap:48px}.home-page nav a{color:#f7f7f7;font-size:16px;padding:24px 0}.home-page nav a.active:after{background:#b82d37;bottom:10px}.home-page nav a:hover{color:#fff}.home-page .hero-new{height:min(900px,100vh);min-height:720px;background:#47464a url('hero-die.png') center center/cover no-repeat;display:flex;align-items:center}.hero-new .hero-content{padding-top:90px}.hero-new .hero-eyebrow{font-size:17px;letter-spacing:.48em;color:#f0edf0;font-weight:400}.hero-new h1{font-size:clamp(44px,4.1vw,68px);line-height:1.3;font-weight:800;margin:36px 0 20px;letter-spacing:-.055em}.hero-new h1 em{font-style:normal;font-size:1.2em}.hero-rule{width:90px;height:4px;background:#bd2936;margin:23px 0 29px}.hero-new p{font-size:20px;color:#e5e2e3;line-height:1.75;margin:0}.hero-actions{display:flex;gap:25px;margin-top:42px}.hero-btn{border:2px solid #f3f3f3;color:white;padding:17px 25px;min-width:195px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:17px;border-radius:4px;transition:background .2s,transform .2s}.hero-btn.primary{border-color:#c72b38}.hero-btn:hover{background:#a52935;transform:translateY(-2px)}.hero-btn span{font-size:14px;color:#eee}.hero-waves{position:absolute;bottom:-2px;left:0;width:52%;height:145px;pointer-events:none;opacity:.65;background:repeating-radial-gradient(ellipse 780px 180px at 6% 170%,transparent 0,transparent 15px,rgba(225,221,225,.2) 16px,transparent 18px);mask-image:linear-gradient(to right,black,transparent)}
@media(max-width:1050px){.home-page .head{height:auto;gap:20px;padding:25px 0;flex-wrap:wrap}.home-page nav{gap:23px}.home-page .hero-new{min-height:760px}.home-brand img{width:120px}.home-brand strong{font-size:25px}}
@media(max-width:650px){.home-page .home-header{position:relative;background:#454448}.home-page .head{display:block}.home-page nav{gap:16px}.home-page nav a{font-size:13px;padding:15px 0}.home-page .hero-new{height:auto;min-height:640px;background-position:57% center}.hero-new .hero-content{padding:70px 0 160px}.hero-new h1{font-size:37px}.hero-new p{font-size:16px}.hero-new .hero-eyebrow{font-size:11px;letter-spacing:.3em}.hero-actions{gap:12px}.hero-btn{min-width:0;flex:1;padding:14px 13px;font-size:14px}.hero-waves{width:100%}}
