/* ICONIC detailed timber page. Header, navbar and footer are intentionally excluded. */
:root{--forest:#0b3024;--green:#246d50;--cream:#f5f3e8;--ink:#102d23;--gold:#c79b50;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}.timber-detail{overflow:hidden}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow i{width:24px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);letter-spacing:-.045em;font-weight:600}h1 em,h2 em{color:var(--green);font-weight:500}.hero{padding-top:68px}.hero-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:60px;align-items:end;margin-top:22px}.overline{font-size:10px;color:#788176;letter-spacing:.14em;font-weight:700}h1{font-size:clamp(44px,6vw,76px);line-height:1.03;margin-bottom:0}.intro{max-width:420px}.intro p,.section-head>p{font-size:12px;line-height:1.9;color:#68756b}.intro a{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:1px solid #b9c2b5;padding-bottom:8px;font-size:11px;font-weight:700}.quick{display:flex;gap:30px;flex-wrap:wrap;margin-top:42px;padding:18px 0;border-block:1px solid #d9ddcf}.quick span{font-size:10px;color:#66736a}.quick b{font:500 19px var(--serif);color:var(--green);margin-right:9px}.guide{padding:75px 0 82px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.section-head h2,.checklist h2{font-size:clamp(34px,4vw,48px);line-height:1.12;margin:10px 0 0}.section-head>p{max-width:365px;margin-bottom:4px}.wood-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;padding:28px 0;border-top:1px solid #d8ddcf;align-items:stretch}.wood-row.reverse img{order:2}.wood-row.reverse .wood-copy{order:1}.wood-row>img{width:100%;height:100%;min-height:380px;max-height:490px;object-fit:cover;border-radius:12px}.wood-copy{padding:5px 0}.wood-copy label{font-size:9px;font-weight:700;letter-spacing:.16em;color:#9c793f}.wood-copy h3{font:600 clamp(32px,3.4vw,43px)/1.1 var(--serif);margin:8px 0 12px}.lead{font:500 16px/1.55 var(--serif);color:#385b47;margin-bottom:10px}.wood-copy>p:not(.lead){font-size:11px;line-height:1.85;color:#68756b}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.columns h4{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin:0 0 9px}.columns ul{padding-left:15px;margin:0}.columns li{font-size:10px;line-height:1.7;color:#5f6c62;margin-bottom:5px}.wood-copy aside{margin-top:17px;padding:12px 14px;border-left:2px solid var(--gold);background:#eceee2;color:#687166;font-size:10px;line-height:1.7}.wood-copy aside b{color:var(--ink)}
.applications{background:var(--forest);color:#fffefa;padding:75px 0 65px}.light .eyebrow{color:#c7d5c8}.light h2{color:white}.light h2 em{color:#c7d8b8}.light>p{color:#bfccbf}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.app-grid article{padding:20px;border:1px solid #355746;border-radius:11px;background:linear-gradient(145deg,#123b2c,#0b3024)}.door{height:112px;width:70px;margin:0 auto 18px;position:relative;border:5px solid #4d2e1b;box-shadow:inset 0 0 0 2px #c18d57;background:linear-gradient(90deg,#5b321c,#a86b3b 48%,#5a301b);display:flex;flex-direction:column;justify-content:space-evenly;padding:8px}.door i{display:block;flex:1;margin:3px 0;border:1px solid #d0a06b;box-shadow:inset 0 0 0 2px #63381f}.door:after{content:'';position:absolute;right:5px;top:52%;height:14px;width:3px;background:#d8c08a}.door-flush{display:block;background:repeating-linear-gradient(90deg,#5b321c 0 5px,#9d6339 6px 11px)}.door-flush i{position:absolute;left:7px;right:7px;top:35%;height:1px;border:0;background:#d0a06b;box-shadow:0 5px #d0a06b,0 10px #d0a06b}.door-carved{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px}.door-carved i{border-radius:50% 50% 0 50%;transform:rotate(45deg);border:1px solid #d0a06b}.door-glass{padding:7px;gap:5px}.door-glass i{background:linear-gradient(130deg,#719f8c,#e1e9d8,#6e9683);border:2px solid #c49a65}.door-veneer{background:repeating-linear-gradient(90deg,#57301b 0 4px,#a66d3b 5px 8px,#7e4b2b 9px 13px)}.door-modern{display:block;background:linear-gradient(90deg,#63371f,#b17a48,#6b3a20)}.door-modern i{position:absolute;left:8px;right:8px;height:1px;border:0;background:#d0a06b}.door-modern i:first-child{top:30%}.door-modern i:last-child{top:70%}.app-grid h3{font:600 20px var(--serif);margin:0 0 8px}.app-grid p{font-size:10px;line-height:1.8;color:#c0cdc1;min-height:74px}.app-grid article>span{display:block;font-size:8px;color:#e2d0a5;line-height:1.7;border-top:1px solid #355746;padding-top:10px}.note-light{font-size:9px;color:#b7c5b8;line-height:1.7;margin:20px 0 0}.plywood{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding-top:78px;padding-bottom:78px}.plywood h2{font-size:clamp(33px,4vw,46px);line-height:1.15;margin:12px 0 16px}.plywood p{font-size:11px;line-height:1.9;color:#68756b}.steps{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:24px 0}.steps span{font-size:9px;color:#68756b;display:flex;flex-direction:column;gap:6px}.steps b{font:500 19px var(--serif);color:var(--green)}.steps i{font-style:normal;color:var(--gold)}.plywood .small{border-top:1px solid #d9ddcf;padding-top:14px}.ply-visual{min-height:290px;background:#e7e9db;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}.ply-stack{width:min(260px,100%);height:145px;position:relative;transform:rotate(-8deg);margin-bottom:28px}.ply-stack i{position:absolute;left:0;right:0;height:29px;border:1px solid #9d6c3e;background:linear-gradient(#e1b87c,#b77b43 60%,#8d582f);box-shadow:0 4px #6d4328,0 7px 10px #102d2320}.ply-stack i:nth-child(1){top:0}.ply-stack i:nth-child(2){top:27px;left:5px;background:linear-gradient(#d7b98b,#c69a60)}.ply-stack i:nth-child(3){top:54px;left:10px;background:linear-gradient(#e6c995,#b9864e)}.ply-stack i:nth-child(4){top:81px;left:15px;background:linear-gradient(#d5a66c,#9f6739)}.ply-stack i:nth-child(5){top:108px;left:20px;background:linear-gradient(#e1bb83,#b57a43)}.ply-visual p{text-align:center;font-size:8px;letter-spacing:.14em;line-height:2}.ply-visual p b{font:600 17px var(--serif);letter-spacing:0;color:var(--ink)}.checklist{padding-bottom:75px}.checklist h2{margin-bottom:25px}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.checks article{border-top:1px solid #d1d8c9;padding-top:14px}.checks b{font:500 18px var(--serif);color:var(--green)}.checks h3{font:600 17px var(--serif);margin:12px 0 7px}.checks p{font-size:10px;line-height:1.8;color:#68756b}.closing{background:#e8ecdf;padding:38px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{font-size:clamp(26px,3.5vw,40px);line-height:1.14;margin:9px 0 0}.closing-inner>p{max-width:290px;color:#68756b;font-size:11px;line-height:1.8}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr;gap:20px}.wood-row{gap:24px;grid-template-columns:.85fr 1.15fr}.wood-row>img{min-height:330px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plywood{gap:30px}.checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.hero{padding-top:45px}.quick{flex-direction:column;gap:13px;margin-top:28px}.guide{padding:50px 0}.section-head{display:block}.section-head>p{margin-top:13px}.wood-row,.wood-row.reverse{grid-template-columns:1fr;gap:18px;padding:22px 0}.wood-row.reverse img,.wood-row.reverse .wood-copy{order:initial}.wood-row>img{height:250px;min-height:0}.wood-copy h3{font-size:36px}.columns{gap:12px}.applications{padding:52px 0}.app-grid{gap:10px}.app-grid article{padding:14px 12px}.app-grid h3{font-size:17px}.app-grid p{font-size:9px;min-height:100px}.plywood{grid-template-columns:1fr;padding:53px 0;gap:25px}.steps{gap:5px;flex-wrap:wrap}.steps span{max-width:75px}.steps i{display:none}.checks{gap:18px 13px}.closing-inner{display:block}.closing-inner>p{margin-top:15px}}
@media(max-width:380px){.columns{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr}.app-grid p{min-height:0}}