/* Six self-contained, scrollable concept sites; not screenshots. */
:root{font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e86836;outline-offset:3px}h1,h2,h3,p{margin-top:0}.demo-banner{min-height:36px;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:7px max(17px,4vw);font:700 11px/1.4 Arial,sans-serif;background:#181818;color:#fff;position:relative;z-index:30}.demo-banner span{opacity:.87}.demo-banner a{color:#fff;text-decoration:underline}.demo-warning{font-size:12px;opacity:.75}.demo-footer{padding:32px 6%;font-size:13px;line-height:1.6}.demo-footer a{margin-left:12px}.demo-badged{display:inline-block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}
/* NORTHLINE — intentionally dated legacy website */
.northline.old{font-family:Arial,sans-serif;color:#1d1d1d;background:#f5f5f5;font-size:14px}.n-old-wrap{width:min(950px,calc(100% - 28px));margin:auto}.n-old-head{background:#e4eef6;border-bottom:7px solid #21537c}.n-old-top{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.n-old-logo{font:bold 30px Arial;color:#134979;text-shadow:1px 2px white;line-height:1}.n-old-logo small{font:normal 12px Arial;color:#3c5a75;display:block;margin-top:9px;letter-spacing:2px}.n-old-badge{background:#fff;border:1px solid #8a9db1;padding:14px;font:bold 13px Arial;text-align:center;color:#24618b}.n-old-nav{background:linear-gradient(#4777a8,#134772);display:flex;flex-wrap:wrap;border:1px solid #2b5378}.n-old-nav a{color:white;text-decoration:none;font:bold 13px Arial;padding:17px 23px;border-right:1px solid #f5f5f53c}.n-old-nav a:hover{background:#092b4d}.n-old-hero{margin:25px auto;padding:25px;background:white;border:1px solid #bbb;box-shadow:0 1px 4px #0002;display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.n-old-hero h1{font:bold 36px Arial;color:#1b4b70;margin-bottom:8px}.n-old-hero h1 span{color:#c35e22}.n-old-hero p{font-size:13px;line-height:1.55}.n-old-hero img{width:100%;height:220px;object-fit:cover;filter:grayscale(.7)}.n-old-button{display:inline-block;background:linear-gradient(#eea751,#cb7b23);color:white;border:1px solid #a56123;padding:12px 16px;text-decoration:none;font-weight:700;box-shadow:1px 2px 0 #888}.n-old-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.n-old-box{background:#fff;border:1px solid #c0c0c0;padding:20px;box-shadow:0 2px 5px #0001}.n-old-box h2{font:700 19px Arial;color:#24557e;border-bottom:2px solid #c2d4e4;padding-bottom:10px}.n-old-box p{font-size:13px;line-height:1.55}.n-old-box a{font-size:12px;color:#1e5680}.old-note{background:#fff6e1;border-left:4px solid #d99f35;padding:14px;font:13px/1.55 Arial;margin:20px 0}.n-old-bottom{background:#dfe9f3;padding:28px 0;border-top:4px solid #1d4c70}.n-old-bottom h2{font:700 20px Arial;color:#225780}
/* NORTHLINE — 2026 editorial premium trades site */
.northline.new{font-family:Arial,Helvetica,sans-serif;color:#17252c;background:#faf9f6}.n-new-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(22px,5%);background:#fff}.n-new-logo{font-size:21px;font-weight:900;letter-spacing:-.07em;text-decoration:none}.n-new-logo i{font-style:normal;color:#e45c3a}.n-new-links{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:800}.n-new-links a{text-decoration:none}.n-new-links .n-new-contact{background:#17252c;color:white;padding:12px 17px}.n-new-hero{min-height:485px;background:#182832;color:white;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(230px,.78fr)}.n-new-intro{padding:65px clamp(20px,6vw,95px);align-self:center}.n-new-hero h1{font:900 clamp(47px,6.1vw,86px)/.98 Arial;letter-spacing:-.073em;margin:22px 0}.n-new-hero h1 em{font-style:normal;color:#f29b6f}.n-new-hero p{max-width:480px;font-size:15px;line-height:1.6;color:#d9e1e1}.n-new-hero .demo-badged{color:#f29b6f}.n-new-link{display:inline-flex;gap:35px;align-items:center;padding:15px 20px;background:#f1a176;color:#17252c;font-size:13px;font-weight:900;text-decoration:none;margin-top:9px}.n-new-image{background:linear-gradient(130deg,#203f50ab,#101b22a8),url('brick.webp') center/cover;min-height:320px;position:relative}.n-new-image:after{content:'GOOD WORK, CLEARLY EXPLAINED';position:absolute;bottom:25px;left:25px;right:25px;font-size:11px;font-weight:900;letter-spacing:.12em;border-top:1px solid #ffffff55;padding-top:14px}.n-new-rule{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:19px max(22px,6%);border-bottom:1px solid #aab8b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.n-new-services{padding:88px max(22px,6%);display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.n-new-services h2,.n-new-approach h2{font-size:clamp(36px,4vw,59px);line-height:1.06;letter-spacing:-.06em}.n-new-service-list{border-top:1px solid #839397}.n-new-service-list article{display:grid;grid-template-columns:45px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid #b0b9bc}.n-new-service-list span{color:#d9613d;font-size:13px;font-weight:800}.n-new-service-list h3{font-size:22px;margin-bottom:7px;letter-spacing:-.045em}.n-new-service-list p{font-size:13px;line-height:1.5;color:#52616a}.n-new-approach{background:#e8e4df;padding:75px max(22px,6%)}.n-new-approach p{max-width:650px;font-size:15px}.n-new-cta{background:#ef9d6f;padding:75px max(22px,6%)}.n-new-cta h2{font-size:clamp(35px,5vw,66px);letter-spacing:-.06em;margin-bottom:20px}
/* SUNDAY TABLE — deliberately dated 2013 café website */
.sunday.old{font:14px Arial,sans-serif;background:#e5d7be;color:#50371f;background-image:repeating-linear-gradient(0deg,#ffffff16 0 1px,transparent 1px 8px)}.s-old-shell{width:min(960px,calc(100% - 26px));margin:auto;background:#fff8ea;box-shadow:0 0 0 1px #bda782,0 8px 15px #0003}.s-old-logo{background:#68402e;color:#fff0d0;text-align:center;padding:30px 15px 18px;font:italic bold 41px Georgia,serif;text-shadow:3px 3px #2d1408}.s-old-logo small{display:block;font:normal 12px Arial;margin-top:8px;letter-spacing:3px}.s-old-nav{background:linear-gradient(#c79246,#9a692f);text-align:center;border-bottom:4px ridge #a86b28}.s-old-nav a{display:inline-block;padding:15px;color:#fff;text-decoration:none;font-weight:800;border-right:1px solid #ffffff44}.s-old-content{padding:22px;display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.s-old-content h1{font:normal 35px Georgia;color:#653b28}.s-old-hero-pic{border:6px solid white;box-shadow:1px 2px 8px #4d3f264f;width:100%;height:260px;object-fit:cover}.s-old-content p,.s-old-content li{font-size:13px;line-height:1.6}.s-old-sidebar{padding:18px;background:#efe0c4;border:1px solid #c9b38c}.s-old-sidebar h2{font:700 20px Georgia;color:#6f4126}.s-old-sidebar p{margin-bottom:13px}.s-old-button{display:inline-block;text-decoration:none;padding:11px 14px;background:linear-gradient(#9e5739,#7c3524);border-radius:5px;color:white;font-weight:700}.s-old-menu{padding:25px;background:#fff4dc;border-top:5px double #beaa85}.s-old-menu h2{font:italic 32px Georgia;color:#7a4b33}.s-old-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.s-old-menu-grid div{padding:12px;background:white;border:1px dashed #a58d70}
/* SUNDAY TABLE — modern hospitality site, photographed not illustrated */
.sunday.new{font-family:Arial,Helvetica,sans-serif;background:#f9f3e9;color:#2d2d21}.s-new-nav{padding:22px max(20px,5%);display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #bfb5a2}.s-new-logo{font:700 32px Georgia,serif;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}.s-new-links{display:flex;gap:22px;font-size:12px;font-weight:800}.s-new-links a{text-decoration:none}.s-new-links a:last-child{border-bottom:2px solid #d35c3a;padding-bottom:3px}.s-new-hero{display:grid;grid-template-columns:.94fr 1.06fr;min-height:480px}.s-new-intro{padding:65px max(20px,7%);display:flex;flex-direction:column;justify-content:center}.s-new-intro .demo-badged{color:#9f5936}.s-new-intro h1{font:normal clamp(49px,6vw,80px)/1.04 Georgia,serif;letter-spacing:-.061em;margin:28px 0}.s-new-intro p{font-size:15px;line-height:1.65;max-width:410px}.s-new-link{display:inline-block;align-self:flex-start;font-size:13px;font-weight:900;padding:13px 0;border-bottom:2px solid #b45538;text-decoration:none;margin-top:8px}.s-new-photo{position:relative;background:#72533c}.s-new-photo img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:65% 55%}.s-new-photo figcaption{position:absolute;bottom:16px;left:16px;font-size:10px;color:white;background:#0009;padding:6px 10px}.s-new-band{display:flex;justify-content:space-between;gap:30px;background:#cf664a;color:#fff9f0;padding:23px max(20px,5%);font-size:12px;font-weight:800}.s-new-menu{padding:90px max(20px,6%)}.s-new-menu h2,.s-new-story h2{font:normal clamp(39px,5vw,65px)/1.1 Georgia,serif;letter-spacing:-.055em}.s-new-menu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.s-new-menu-list article{border-top:2px solid #2d2d21;padding-top:18px}.s-new-menu-list h3{font:normal 26px Georgia,serif}.s-new-menu-list p{font-size:13px;line-height:1.6}.s-new-story{padding:80px max(20px,6%);background:#f0e5d4;display:grid;grid-template-columns:1fr 1fr;gap:70px}.s-new-story p{font-size:15px;line-height:1.6}.s-new-cta{padding:80px max(20px,6%);background:#312e2a;color:white}.s-new-cta h2{font:normal clamp(40px,5vw,66px)/1.1 Georgia,serif}
/* HARTWELL — deliberately dated corporate consultant website */
.hartwell.old{background:#edf1f5;font:13px Arial,sans-serif;color:#32485d}.h-old-topbar{background:#153d62;color:#d0dae2;padding:11px max(20px,5%);font-size:11px;text-align:right}.h-old-head{background:linear-gradient(#fff,#dce8f2);border-bottom:5px solid #3f789b;padding:24px max(20px,5%) 16px;display:flex;justify-content:space-between;gap:20px}.h-old-logo{font:bold 31px Georgia;color:#15436d;text-shadow:2px 2px #fff}.h-old-logo small{display:block;font:normal 11px Arial;letter-spacing:3px;margin-top:6px}.h-old-nav{background:linear-gradient(#517fa3,#1e5379);display:flex;flex-wrap:wrap;padding:0 5%}.h-old-nav a{padding:16px 20px;text-decoration:none;color:#fff;border-right:1px solid #fdfdfd35;font-weight:bold}.h-old-hero{background:linear-gradient(135deg,#cee0ec,#f7f9fc);padding:40px max(20px,5%);border-bottom:1px solid #bbcbd8}.h-old-hero h1{font:normal 39px Georgia;color:#2d5478}.h-old-hero p{max-width:680px;line-height:1.55}.h-old-button{display:inline-block;background:#406f93;color:white;padding:13px 20px;text-decoration:none;border-radius:4px;font-weight:700}.h-old-content{padding:35px max(20px,5%);display:grid;grid-template-columns:1.4fr .65fr;gap:25px}.h-old-content h2{color:#315f84;font-size:21px}.h-old-content p{font-size:13px;line-height:1.65}.h-old-card{padding:17px;background:white;border:1px solid #cad7e2;margin-bottom:13px}.h-old-card h3{color:#356182;margin:0 0 10px;font-size:17px}.h-old-cta{background:#d4e2ef;padding:40px 5%}
/* HARTWELL — modern highly considered editorial consultancy */
.hartwell.new{font-family:Arial,Helvetica,sans-serif;color:#202c3b;background:#f6f6f2}.h-new-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px max(20px,6%);border-bottom:1px solid #bac2c7}.h-new-logo{font-size:21px;font-weight:900;letter-spacing:-.055em;text-decoration:none}.h-new-logo span{display:inline-block;width:13px;height:13px;background:#e6a661;margin-right:8px;transform:rotate(45deg)}.h-new-links{display:flex;gap:23px;font-size:12px;font-weight:800}.h-new-links a{text-decoration:none}.h-new-links a:last-child{border-bottom:2px solid #182c44;padding-bottom:3px}.h-new-hero{min-height:495px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);background:#dfe8eb}.h-new-hero-content{padding:74px max(20px,7%)}.h-new-hero h1{font-size:clamp(55px,6.2vw,90px);font-weight:900;letter-spacing:-.075em;line-height:1.01;margin:22px 0 28px}.h-new-hero p{font-size:15px;line-height:1.65;max-width:490px}.h-new-hero .demo-badged{color:#476679}.h-new-hero-art{background:#31506e;position:relative;overflow:hidden;display:flex;align-items:end;padding:35px}.h-new-hero-art:before{content:'';display:block;position:absolute;inset:16% -45% 27% -45%;border:60px solid #e8af68;border-radius:50%;transform:rotate(-29deg);opacity:.85}.h-new-hero-art:after{content:'';display:block;position:absolute;inset:22% 27% 0 34%;background:#101f33;transform:rotate(-9deg);box-shadow:0 0 0 3px #ffffff2e}.h-new-hero-art p{position:relative;z-index:1;color:white;font:800 10px Arial;letter-spacing:.17em}.h-new-link{display:inline-block;text-decoration:none;background:#253c56;color:#fff;padding:15px 18px;font-size:13px;font-weight:800;margin-top:8px}.h-new-proof{display:flex;justify-content:space-between;gap:20px;padding:19px max(20px,6%);border-bottom:1px solid #c3cace;font-size:11px;font-weight:900;letter-spacing:.04em}.h-new-services{padding:90px max(20px,6%);display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.h-new-services h2,.h-new-approach h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.065em;line-height:1.05}.h-new-service-list article{padding:26px 0;border-top:1px solid #9caab4}.h-new-service-list h3{font-size:25px;letter-spacing:-.045em;margin-bottom:7px}.h-new-service-list p{font-size:13px;line-height:1.65}.h-new-approach{background:#e4ecf0;padding:80px max(20px,6%);display:grid;grid-template-columns:1fr 1fr;gap:50px}.h-new-approach p{font-size:15px;line-height:1.55}.h-new-cta{background:#20354c;color:#fff;padding:85px max(20px,6%)}.h-new-cta h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em}
/* All six are usable at phone width. The "before" designs are dated, not broken. */
@media(max-width:760px){.n-new-hero,.s-new-hero,.h-new-hero{grid-template-columns:1fr}.n-new-hero .n-new-image{min-height:185px}.s-new-photo img{min-height:240px;max-height:380px}.h-new-hero-art{min-height:200px}.n-new-links,.s-new-links,.h-new-links{gap:11px}.n-new-nav,.s-new-nav,.h-new-nav{flex-wrap:wrap}.n-new-services,.s-new-story,.h-new-services,.h-new-approach{grid-template-columns:1fr;gap:25px;padding-block:55px}.n-new-intro,.s-new-intro,.h-new-hero-content{padding-block:55px}.s-new-menu{padding-block:55px}.n-old-hero,.s-old-content,.h-old-content{grid-template-columns:1fr}.n-old-hero img{height:180px}.n-old-grid,.s-old-menu-grid,.s-new-menu-list{grid-template-columns:1fr}.h-old-head{flex-wrap:wrap}.h-old-nav a,.n-old-nav a{padding:11px}.demo-banner{font-size:10px}.s-new-band,.h-new-proof{flex-wrap:wrap}}
@media(max-width:440px){.n-new-logo,.h-new-logo{font-size:19px}.s-new-logo{font-size:28px}.n-new-hero h1,.h-new-hero h1{font-size:48px}.s-new-intro h1{font-size:49px}.n-old-top{flex-direction:column;gap:15px;align-items:start}.n-old-logo,.h-old-logo{font-size:26px}.h-old-hero h1{font-size:31px}.n-old-hero h1{font-size:29px}.n-new-rule{flex-direction:column;align-items:start}.n-new-links,.s-new-links,.h-new-links{font-size:11px}.demo-footer a{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Editorial rather than abstract/cartoon artwork on advisory concept. */
.h-new-hero-art{padding:45px 33px;background:linear-gradient(145deg,#1b344c,#345a74);display:flex;align-items:stretch}.h-new-hero-art:before,.h-new-hero-art:after{content:none;display:none}.h-new-editorial{display:flex;flex-direction:column;justify-content:space-between;gap:35px;border:1px solid #ffffff66;padding:25px;width:100%;position:relative;z-index:2}.h-new-editorial span,.h-new-editorial small{font-size:10px;letter-spacing:.15em;color:#d8e3eb;font-weight:900}.h-new-editorial strong{font-size:clamp(36px,4vw,53px);line-height:1.07;letter-spacing:-.06em;color:white}.s-new-photo{margin:0}


/* Redesign Button mint refresh */
.demo-banner{background:#e7deff;color:#1a2329;border-bottom:1px solid #cad3d0}.demo-banner a{color:#1a2329} .demo-footer{background:#121a1f;color:#eef4f2}.demo-footer a{color:#a8f3d0}.demo-badged{font-weight:900;letter-spacing:.12em} .n-new-logo i{color:#4b626b} .n-new-logo span{color:#69d6a5!important}.n-new-contact,.n-new-link,.h-new-link,.s-new-link{border-radius:999px}.n-new-link{background:#98efc9;color:#172129}.n-new-link:hover,.h-new-link:hover,.s-new-link:hover{opacity:.92}.n-new-rule{background:#182127;color:#eef4f2}.n-new-services,.h-new-services,.s-new-menu{background:#fff}.n-new-approach{background:#e9dfff}.n-new-cta{background:#dff7eb}.n-new-cta h2,.n-new-cta p,.n-new-cta .demo-badged{color:#172129}.s-new-band{background:#182127;color:#eef4f2}.s-new-story{background:#efe6ff}.s-new-cta{background:#182127;color:#eef4f2}.h-new-hero{background:#eef7f3}.h-new-hero-art{background:linear-gradient(145deg,#1c2b34,#37505a)}.h-new-proof{background:#fff}.h-new-approach{background:#e9dfff}.h-new-cta{background:#182127}.concept-page{background:#fbfaf6}