.text-detail-page{background:#f7f5ef;color:#171714}.text-hero{min-height:720px;padding:180px 6.5vw 90px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#171714 0%,#2a2925 58%,#777066 100%);color:#fff}.text-hero .inner{width:100%;display:grid;grid-template-columns:.55fr 1.5fr;gap:5vw;align-items:end}.text-hero .product-no{font:500 12px var(--latin);letter-spacing:.18em;color:#d79b59;align-self:start}.text-hero h1{font:400 clamp(58px,7vw,112px)/1.06 var(--serif);letter-spacing:-.065em;margin:0 0 30px}.text-hero .tagline{font-size:18px;line-height:1.8;color:#dedbd4;margin:0;max-width:720px}.detail-intro{padding:120px 6.5vw;display:grid;grid-template-columns:.55fr 1.2fr .85fr;gap:4vw}.detail-intro h2,.section-heading h2,.finish-copy h2{font:400 clamp(38px,4vw,66px)/1.28 var(--serif);letter-spacing:-.055em;margin:0}.detail-intro .body{font-size:17px;line-height:2;color:var(--muted);margin-top:10px}.fact-list{border-top:1px solid var(--line)}.fact-list div{padding:20px 0;border-bottom:1px solid var(--line)}.fact-list span{display:block;font:600 10px var(--latin);letter-spacing:.16em;color:var(--accent);margin-bottom:8px}.fact-list b{font-weight:500}.operation{padding:115px 6.5vw;background:#1a1a18;color:#fff}.section-heading{display:grid;grid-template-columns:.55fr 1.5fr;gap:5vw;align-items:end;margin-bottom:65px}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444}.operation-grid article{padding:35px 36px 10px 0;border-right:1px solid #444;min-height:260px}.operation-grid article+article{padding-left:36px}.operation-grid article:last-child{border-right:0}.operation-grid b{font:500 12px var(--latin);letter-spacing:.14em;color:#d79b59}.operation-grid h3{font:400 26px var(--serif);margin:35px 0 16px}.operation-grid p{font-size:15px;line-height:1.9;color:#aaa}.product-points{padding:120px 6.5vw}.points-head{display:grid;grid-template-columns:.55fr 1.15fr .9fr;gap:4vw;align-items:end;margin-bottom:60px}.points-head h2{font:400 clamp(38px,4vw,66px)/1.28 var(--serif);letter-spacing:-.055em;margin:0}.points-head>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}.point-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.point-grid article{background:#f7f5ef;padding:46px;min-height:250px}.point-grid small{font:600 10px var(--latin);letter-spacing:.16em;color:var(--accent)}.point-grid h3{font:400 28px var(--serif);margin:28px 0 14px}.point-grid p{font-size:15px;line-height:1.85;color:var(--muted);max-width:550px}.finish-options.text-finish{background:#eeebe4}.benefits{padding:115px 6.5vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.benefits h2{font:400 clamp(38px,4vw,64px)/1.3 var(--serif);letter-spacing:-.055em;margin:0}.benefits ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.benefits li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.7}.benefits li b{font:500 11px var(--latin);letter-spacing:.12em;color:var(--accent);padding-top:7px}.text-detail-page .contact{background:#171714;color:#fff}.text-detail-page footer{background:#0e0e0d;color:#aaa}.glass-page .text-hero{background:linear-gradient(120deg,#20201e 0%,#77736c 48%,#d7d2ca 100%)}.swing-page .text-hero{background:linear-gradient(135deg,#171714 0%,#32312e 45%,#9a9186 100%)}
.glass-options .glass-clear{background:linear-gradient(135deg,#fff9 0%,#dce8ec99 48%,#fff8 100%);border:1px solid #bdc8cc}.glass-options .glass-bronze-frosted{background:linear-gradient(135deg,#69513c 0%,#9a7b5d 52%,#c2aa8f 100%)}.glass-options .glass-fabric{background:repeating-linear-gradient(45deg,#d8d0c0 0 2px,#b9ad99 2px 4px)}.glass-options .glass-satin{background:linear-gradient(135deg,#f1f0eb 0%,#c7c9c5 50%,#ecebe5 100%)}
@media(max-width:900px){.text-hero{min-height:620px}.text-hero .inner,.detail-intro,.section-heading,.points-head,.benefits{grid-template-columns:1fr}.detail-intro{gap:35px}.operation-grid{grid-template-columns:1fr}.operation-grid article,.operation-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid #444;min-height:0}.point-grid{grid-template-columns:1fr}.benefits{gap:45px}}
@media(max-width:600px){.text-hero{min-height:560px;padding:145px 20px 60px}.text-hero h1{font-size:52px}.detail-intro,.operation,.product-points,.benefits{padding:80px 20px}.section-heading{margin-bottom:45px}.point-grid article{padding:32px}.finish-options.text-finish{padding:80px 20px}.text-detail-page .finish-grid{grid-template-columns:1fr 1fr}}