/* Ideaspark Interiors - warm paper lifestyle shell */
html{background:#f5efe4}
body{margin:0;padding:0;background:#f5efe4;color:#2f2c27;
 font-family:Verdana,Geneva,"DejaVu Sans",sans-serif;font-size:15px;line-height:1.68}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:#b0653f;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{outline:2px solid #b0653f;outline-offset:2px}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;font-weight:normal;
 color:#2f2c27;margin:0 0 12px}
p{margin:0 0 16px}

.shell{max-width:1140px;margin:24px auto;background:#fffdf8;
 box-shadow:0 1px 4px rgba(47,44,39,.16);padding:0 32px 0}
.shell:after{content:"";display:block;clear:both}

/* 1 - utility and brand header */
.m-header{border-bottom:1px solid #ddd3c2;padding:0}
.utility{font-size:11px;letter-spacing:.09em;text-transform:uppercase;
 color:#6b655b;padding:10px 0;border-bottom:1px solid #ddd3c2}
.utility a{color:#6b655b;margin-right:18px}
.brandrow{padding:26px 0 24px;display:flex;align-items:center;gap:16px}
.brandrow .mark{width:48px;height:48px;flex:0 0 48px}
.wordmark{font-family:Georgia,"Times New Roman",serif;font-style:italic;
 font-size:42px;line-height:1.05;margin:0;color:#2f2c27}
.wordmark a{color:#2f2c27}
.descriptor{font-size:12px;letter-spacing:.08em;text-transform:uppercase;
 color:#6b655b;margin:6px 0 0}

/* 2 - category navigation */
.m-nav{background:#2f2c27;margin:0 -32px}
.m-nav ul{list-style:none;margin:0;padding:0 32px;display:flex;flex-wrap:wrap}
.m-nav a{display:block;color:#f3ece1;font-size:12px;letter-spacing:.11em;
 text-transform:uppercase;padding:14px 16px 13px}
.m-nav a:hover{background:rgba(255,253,248,.10);text-decoration:none}

/* floated reading column and rail */
.rail{float:right;width:29%;padding:28px 0 32px}
.m-mosaic,.m-cats,.m-res{float:left;clear:left;width:67%}
.m-mosaic{padding:28px 0 8px}
.m-cats{padding:8px 0 0}
.m-res{padding:20px 0 36px}

/* 3 - lead story mosaic */
.mosaic{display:flex;gap:24px;border-bottom:1px solid #ddd3c2;padding-bottom:24px}
.mosaic-lead{flex:2 1 0;min-width:0}
.mosaic-stack{flex:1 1 0;min-width:0;border-left:1px solid #ddd3c2;padding-left:20px}
.mosaic-lead img{width:100%;border:1px solid #ddd3c2;display:block}
.mosaic-lead h2{font-size:26px;margin:12px 0 6px;line-height:1.22}
.mosaic-stack img{width:100%;border:1px solid #ddd3c2;display:block}
.mosaic-stack h3{font-size:17px;margin:10px 0 4px;line-height:1.3}
.mosaic-stack .mini + .mini{margin-top:20px;padding-top:20px;border-top:1px solid #ddd3c2}

.ribbon{display:inline-block;color:#fffdf8;font-size:10px;letter-spacing:.12em;
 text-transform:uppercase;padding:3px 9px;margin-bottom:8px}
.ribbon:hover{color:#fffdf8}
.meta{font-size:12px;color:#6b655b;margin:0 0 8px}

/* 4 - category excerpt sections */
.sechead{border-left:4px solid #b0653f;padding:2px 0 2px 12px;margin:28px 0 18px}
.sechead-name{font-family:Georgia,serif;font-size:20px;display:block}
.sechead-blurb{font-size:12px;color:#6b655b;display:block}
.ex{display:flex;gap:16px;padding:0 0 18px;margin:0 0 18px;
 border-bottom:1px solid #ddd3c2}
.ex:last-of-type{border-bottom:none}
.ex-thumb{flex:0 0 150px}
.ex-thumb img{width:150px;height:100px;object-fit:cover;border:1px solid #ddd3c2;display:block}
.ex-body{min-width:0}
.ex-body h3{font-size:20px;margin:0 0 4px;line-height:1.28}
.ex-body p{margin:0;font-size:14px}
.more{font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* 5 - resource widget */
.m-res .panel{border:1px solid #ddd3c2;background:#faf4e9;padding:20px 22px}
.m-res h2{font-size:20px;margin:0 0 4px}
.m-res .panel-note{font-size:12px;color:#6b655b;margin:0 0 16px}
.shelf{display:flex;gap:24px;flex-wrap:wrap}
.shelf div{flex:1 1 180px;min-width:0}
.shelf h3{font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
.shelf ul{list-style:none;margin:0;padding:0;font-size:14px}
.shelf li{padding:4px 0;border-bottom:1px solid #ddd3c2}

/* rail */
.widget{border:1px solid #ddd3c2;padding:16px 18px;margin:0 0 24px;background:#fdf8ef}
.widget h2,.widget h3{font-size:13px;letter-spacing:.09em;text-transform:uppercase;
 margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ddd3c2}
.widget ul{list-style:none;margin:0;padding:0;font-size:14px}
.widget li{padding:6px 0;border-bottom:1px solid #ddd3c2}
.widget li:last-child{border-bottom:none}
.widget p{font-size:14px;margin:0 0 10px}
.identity-widget{text-align:center}
.identity-widget .mark{width:64px;height:64px;margin:0 auto 10px;display:block}
.identity-widget .idname{font-family:Georgia,serif;font-style:italic;font-size:22px;
 display:block;margin-bottom:8px}
.identity-widget p{text-align:left}

/* 6 - archive-rich footer */
.m-footer{clear:both;margin:0 -32px;padding:28px 32px 0;border-top:3px solid #2f2c27;
 background:#f3ece1}
.footcols{display:flex;gap:32px;flex-wrap:wrap}
.footcols section{flex:1 1 200px;min-width:0}
.footcols h2{font-size:13px;letter-spacing:.09em;text-transform:uppercase;
 margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #ddd3c2}
.footcols ul{list-style:none;margin:0;padding:0;font-size:14px}
.footcols li{padding:4px 0}
.identityline{border-top:1px solid #ddd3c2;margin-top:24px;padding:14px 0 20px;
 font-size:12px;color:#6b655b;display:flex;justify-content:space-between;gap:16px;
 flex-wrap:wrap}

/* pages */
.page{float:left;clear:left;width:67%;padding:28px 0 40px}
.pagehead{border-bottom:1px solid #ddd3c2;padding-bottom:16px;margin-bottom:24px}
.pagehead h1{font-size:30px;margin:0 0 6px;line-height:1.2}
.standfirst{font-size:15px;color:#6b655b;margin:0}
.catbanner{width:100%;height:120px;object-fit:cover;border:1px solid #ddd3c2;
 display:block;margin-bottom:16px}

/* article */
.article-head h1{font-size:32px;line-height:1.2;margin:0 0 8px}
.article-lead{width:100%;border:1px solid #ddd3c2;display:block;margin:16px 0 24px}
.article-body{max-width:680px}
.article-body p{font-size:15px}
.facts{border-top:1px solid #2f2c27;border-bottom:1px solid #2f2c27;
 padding:14px 0;margin:0 0 24px;max-width:680px}
.facts h2{font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
.facts ul{margin:0;padding:0;list-style:none;font-size:14px}
.facts li{padding:4px 0;border-bottom:1px dotted #ddd3c2}
.facts li:last-child{border-bottom:none}
.prevnext{border-top:1px solid #ddd3c2;margin-top:28px;padding-top:16px;
 display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}
.prevnext span{display:block;font-size:11px;letter-spacing:.09em;
 text-transform:uppercase;color:#6b655b}
.backlink{margin-top:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.archgroup{margin-bottom:28px}
.archgroup ul{list-style:none;margin:0;padding:0}
.archgroup li{padding:8px 0;border-bottom:1px solid #ddd3c2;font-size:15px}
.archgroup .d{font-size:12px;color:#6b655b;display:block}
.prose{max-width:680px}

@media (max-width:860px){
 .shell{margin:0;padding:0 18px;max-width:100%;box-shadow:none;
  display:flex;flex-direction:column}
 .m-header{order:1}.m-nav{order:2}.m-mosaic{order:3}.m-cats{order:4}
 .rail{order:5}.m-res{order:6}.m-footer{order:7}
 .page{order:3}
 .rail,.m-mosaic,.m-cats,.m-res,.page{float:none;width:100%;clear:none}
 .m-nav,.m-footer{margin:0 -18px}
 .m-nav ul{padding:0 18px}
 .m-nav a{padding:11px 12px}
 .m-footer{padding:24px 18px 0}
 body{font-size:16px}
 .article-body p,.ex-body p{font-size:16px}
 .wordmark{font-size:24px}
 .descriptor{font-size:12px}
 .brandrow .mark{width:36px;height:36px;flex:0 0 36px}
 .mosaic{flex-direction:column;gap:20px}
 .mosaic-stack{border-left:none;padding-left:0;border-top:1px solid #ddd3c2;padding-top:20px}
 .mosaic-stack .mini{display:flex;gap:14px;align-items:flex-start}
 .mosaic-stack .mini img{width:88px;height:62px;object-fit:cover;flex:0 0 88px}
 .mosaic-stack .mini > div{min-width:0}
 .ex-thumb{flex:0 0 88px}
 .ex-thumb img{width:88px;height:62px}
 .footcols{flex-direction:column;gap:20px}
 .article-head h1,.pagehead h1{font-size:26px}
}
.ribbon-rooms{background:#9d4230}
.sechead-rooms{border-left-color:#9d4230}
.sechead-rooms .sechead-name{color:#9d4230}
.navtab-rooms.is-current{box-shadow:inset 0 -3px 0 #9d4230}
.ribbon-colour-and-light{background:#3f5f72}
.sechead-colour-and-light{border-left-color:#3f5f72}
.sechead-colour-and-light .sechead-name{color:#3f5f72}
.navtab-colour-and-light.is-current{box-shadow:inset 0 -3px 0 #3f5f72}
.ribbon-materials{background:#6f7346}
.sechead-materials{border-left-color:#6f7346}
.sechead-materials .sechead-name{color:#6f7346}
.navtab-materials.is-current{box-shadow:inset 0 -3px 0 #6f7346}
.ribbon-small-projects{background:#8a5327}
.sechead-small-projects{border-left-color:#8a5327}
.sechead-small-projects .sechead-name{color:#8a5327}
.navtab-small-projects.is-current{box-shadow:inset 0 -3px 0 #8a5327}
.ribbon-salvage{background:#4f6350}
.sechead-salvage{border-left-color:#4f6350}
.sechead-salvage .sechead-name{color:#4f6350}
.navtab-salvage.is-current{box-shadow:inset 0 -3px 0 #4f6350}