:root{--green:#073f3e;--navy:#101f2b;--gold:#ba9559;--paper:#f7f6f0;--ink:#14302f;--muted:#5e6b67}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button,a{touch-action:manipulation}p{margin:0 0 22px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0 0 25px;letter-spacing:-.035em}h1{font-size:clamp(48px,5.5vw,84px)}h2{font-size:clamp(35px,3.6vw,54px)}h3{font-size:29px}em{color:var(--gold);font-weight:400}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 5.5%;border-bottom:1px solid #d7dcd4;background:var(--paper)}.brand{display:flex;gap:15px;align-items:center;line-height:1.2;font-family:Georgia,serif;font-size:24px;letter-spacing:.06em}.brand img{width:64px;height:66px;object-fit:contain}.brand small{font:8px/1.5 Arial,sans-serif;letter-spacing:.15em;display:block;margin-top:8px}nav{display:flex;gap:28px;font-size:13px}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--gold)}nav a:last-child{border:1px solid #a9b6ae;padding:12px 22px}.previewbar{background:#eae6da;padding:7px 5.5%;font-size:9px;font-weight:bold;letter-spacing:.16em;display:flex;justify-content:space-between}.previewbar span{font-weight:400;letter-spacing:.06em}.hero{display:grid;grid-template-columns:1.25fr 1fr;background:var(--green);color:#fff;min-height:480px;overflow:hidden}.herocopy{padding:75px 0 75px 9%;position:relative;z-index:1}.hero p{max-width:510px;color:#cad8d2;font-size:18px;line-height:1.65}.eyebrow{display:block;font-size:10px;letter-spacing:.19em;font-weight:bold;margin-bottom:27px;color:var(--gold)}.actions{display:flex;gap:28px;align-items:center;margin-top:35px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--gold);color:#102f2f;border:0;font-size:12px;font-weight:bold;cursor:pointer}.button:hover{background:#d4b27c}.textlink{font-size:12px;border-bottom:1px solid #79918a;padding-bottom:7px}.light{background:#f7f6f0}.dark{color:var(--green);display:inline-block}.architecture{position:relative;background:linear-gradient(130deg,transparent,#09292f);min-height:450px;overflow:hidden}.architecture:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:48px 48px;transform:perspective(400px) rotateY(-15deg);mask-image:linear-gradient(transparent,black)}.tower{position:absolute;bottom:88px;width:80px;background:repeating-linear-gradient(0deg,transparent 0 14px,#c2b18460 15px 16px),linear-gradient(90deg,#547b6c,#153f43);border:1px solid #b9b69b80;transform:skewY(-22deg);box-shadow:25px 15px 0 #001d2577}.t1{height:175px;left:15%}.t2{height:270px;left:36%}.t3{height:340px;left:58%}.t4{height:220px;left:79%}.orbit{border:1px solid #c4a36e45;position:absolute;width:550px;height:550px;border-radius:50%;top:30px;left:0;transform:rotateX(65deg) rotate(-25deg)}.o2{top:160px;left:-50px}.artlabel,.coord{position:absolute;font-size:8px;letter-spacing:.18em;color:#b3c4b9}.artlabel{bottom:30px;left:12%}.coord{top:40px;right:35px;line-height:1.8}.ribbon{padding:22px 5.5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d9dcd2;font-size:9px;font-weight:bold;letter-spacing:.15em}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 7%;border-bottom:1px solid #d9dcd2}.bodycopy{max-width:570px;color:var(--muted)}.lead{font-size:21px;line-height:1.5;color:var(--ink)}.small{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 7% 75px;gap:1px;background:var(--paper)}.card{padding:35px;background:#e8ece4;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.card:nth-child(2){background:#dce5dd}.card:nth-child(3){background:#e9e5da}.card .eyebrow{color:#55736a}.card:hover{background:#d2dfd3}.arrow{font-size:12px}.mediafeature{background:var(--navy);color:white;padding:80px 10%;position:relative}.mediafeature p{max-width:550px;color:#c0c8cd}.rows{padding:25px 7% 60px}.rows article{display:flex;align-items:start;gap:35px;border-bottom:1px solid #cbd4ca;padding:35px 0}.rows article>div{flex:1;max-width:850px}.rows article>.arrow{margin-left:auto;font-size:25px}.rows p{color:var(--muted);margin:0}.num{color:#9d804a;font-size:12px;margin-top:10px}.steps{margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;margin-bottom:24px;padding-left:38px;position:relative}.steps li:before{content:'0' counter(steps);position:absolute;left:0;color:var(--gold);font-size:12px}.steps strong{color:var(--green)}.closing{padding:65px 7%;background:var(--green);color:white;display:grid;grid-template-columns:1fr auto;align-items:center}.closing .eyebrow{grid-column:1/-1}.closing h2{margin:0}.closing .button{height:max-content}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:55px 7% 20px;background:var(--navy);color:#c9d1d1;font-size:12px}footer strong{font-family:Georgia,serif;font-size:22px;color:#fff;letter-spacing:.08em}footer p{margin-top:15px}.footnav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:25px;font-size:10px}.podcast{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:90px 10%}.album{aspect-ratio:1;background:radial-gradient(ellipse at 60% 20%,#a36b6c,#502c47 70%);color:#f3e1ce;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px;box-shadow:14px 16px 0 #e2d7c5}.album h2{font-size:clamp(50px,6vw,90px);margin:30px 0}.album em{color:#e6b8a4}.album span{font-size:10px;letter-spacing:.3em}.soundbars{color:#dbac9b;font-size:22px;letter-spacing:3px;margin-bottom:20px}.contactgrid{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}dt{font-size:10px;letter-spacing:.15em;margin-top:25px;color:#7d683f}dd{margin:8px 0;overflow-wrap:anywhere}label{display:block;font-size:12px;font-weight:bold;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:1px solid #b6c2b7;border-radius:0;background:#fff;padding:13px;margin-top:7px;color:var(--ink)}.fieldpair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menutoggle{display:none}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:20}.skip:focus{top:10px}@media(min-width:1500px){body{max-width:1800px;margin:auto}.homehero{min-height:650px}.herocopy{padding-top:110px}}@media(max-width:950px){nav{gap:16px}.brand{font-size:20px}.brand small{display:none}.hero{grid-template-columns:1.4fr 1fr}.herocopy{padding:60px 0 60px 10%}.actions{gap:15px;flex-wrap:wrap}.ribbon{flex-wrap:wrap}.cards{padding-left:5%;padding-right:5%}.card{padding:25px}.split{gap:6%}}@media(max-width:720px){header{padding:15px 6%;flex-wrap:wrap}.brand img{width:48px;height:50px}.menutoggle{display:block;background:none;border:1px solid #b4b9aa;padding:10px;font-size:12px;color:var(--green)}nav{display:none;flex-basis:100%;flex-direction:column;gap:2px}nav.open{display:flex}.previewbar{font-size:8px}.previewbar span{display:none}.hero{display:block}.herocopy{padding:55px 7% 40px}.hero h1{font-size:47px}.hero p{font-size:16px}.architecture{min-height:270px}.t1{height:110px;bottom:35px}.t2{height:165px;bottom:35px}.t3{height:200px;bottom:35px}.t4{height:140px;bottom:35px}.coord{top:10px}.artlabel{bottom:12px}.ribbon{font-size:8px;gap:15px;padding:20px 7%}.ribbon span{width:45%}.split,.contactgrid,.podcast{grid-template-columns:1fr;padding:55px 7%;gap:25px}.cards{grid-template-columns:1fr;padding:0 7% 55px;gap:10px}.card{min-height:220px}.rows{padding:0 7% 35px}.rows article{gap:18px}.rows h3{font-size:26px}.mediafeature{padding:55px 7%}.closing{display:block;padding:50px 7%}.closing h2{margin-bottom:30px}footer{grid-template-columns:1fr 1fr}.footnav{grid-column:1/-1}.fieldpair{grid-template-columns:1fr;gap:0}.album{max-width:440px;width:100%;margin-bottom:25px}}
/* Light corporate identity */
:root{--green:#29605d;--navy:#334e5c;--gold:#876d3e;--paper:#fcfdfc;--ink:#273e42;--muted:#617276}body{font-size:15px}h1,h2,h3{font-family:Arial,sans-serif;letter-spacing:-.045em;font-weight:400}h1{font-size:clamp(44px,5vw,72px);line-height:1.14}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.2}h3{font-size:26px;line-height:1.3}em{font-style:normal;color:#537c78}.previewbar{background:#eef3f1;color:#5e7370;font-size:8px}header{background:#fff;border-color:#e9eeec;padding-top:12px;padding-bottom:12px}.brand img{width:91px;height:88px}.hero{background:linear-gradient(110deg,#f8fbfa,#edf5f4);color:var(--ink);min-height:465px}.hero p{color:var(--muted);font-size:17px}.herocopy{padding-top:65px;padding-bottom:65px}.hero-logo{width:105px;height:100px;object-fit:contain;margin-bottom:22px}.homehero .herocopy{padding-top:35px}.architecture{background:linear-gradient(140deg,#eef5f3,#e3eeef)}.architecture:before{background-image:linear-gradient(#527e7610 1px,transparent 1px),linear-gradient(90deg,#527e7610 1px,transparent 1px)}.tower{background:repeating-linear-gradient(0deg,transparent 0 14px,#72958d40 15px 16px),linear-gradient(90deg,#d8e7e0,#b6cdd0);border:1px solid #91afaa90;box-shadow:25px 15px 0 #b3c6c720}.orbit{border-color:#8dafa740}.artlabel,.coord{color:#5d7b79}.eyebrow{font-weight:500;color:#6e8179;letter-spacing:.17em}.button{background:#e4eeea;color:#254e4b;border:1px solid #b9cfC6;font-weight:500}.button:hover{background:#d2e3dd}.textlink{color:#416d67;border-color:#b3c8c0}.ribbon{color:#708480;border-color:#e5ebe7;font-weight:400}.split{border-color:#e7ede9}.cards{grid-template-columns:repeat(2,1fr);gap:20px}.card,.card:nth-child(3){background:#f0f5f2;border:1px solid #e2eae4;padding:35px}.card:hover{background:#e9f1ed}.card h3{font-size:32px}.rows article{border-color:#e1e9e4}.mediafeature{background:#eef3f6;color:var(--ink)}.mediafeature p{color:var(--muted)}.mediafeature em{color:#5b7b8c}.closing{background:#eff5f2;color:var(--ink);border-top:1px solid #e1eae4}.light{background:white}footer{background:#fff;color:var(--muted);border-top:1px solid #e4ebe6}footer strong{color:var(--ink);font-family:Arial,sans-serif;font-size:18px;font-weight:500}.copyright{border-color:#e3eae5}.album{background:linear-gradient(145deg,#f6f0eb,#e9dfdf);color:#695a59;box-shadow:10px 12px 0 #f3efeb}.album h2{font-family:Georgia,serif}.album em{font-style:italic;color:#977f7c}.soundbars{color:#a99189}input,select,textarea{border-color:#cedbd4;background:white}#formstatus{overflow-wrap:anywhere;font-size:13px;color:#49665e}nav a:last-child{border-color:#c4d3cc}nav a[aria-current]{border-color:#6c9383}@media(max-width:720px){.cards{grid-template-columns:1fr}.brand img{width:76px;height:73px}.hero h1{font-size:43px}.hero-logo{width:90px;height:85px}.hero p{font-size:16px}.homehero .herocopy{padding-top:30px}.architecture{min-height:240px}.card{min-height:215px}}
/* Distinct editorial art for each page */
.page-art{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#f5faf8;position:relative}.page-art>img{display:block;width:100%;height:100%;object-fit:cover;max-height:680px}.art-consulting{background:#f8faf7}.art-media{background:#fcf8f5}.art-about{background:radial-gradient(ellipse at center,#fdfdf9,#eaf2ed)}.identity-mark{display:flex;align-items:center;flex-direction:column;gap:28px;padding:55px 35px}.identity-mark img{height:260px;width:280px;object-fit:contain}.identity-mark span{font-size:9px;letter-spacing:.2em;color:#647c72}.art-contact{background:#f3f7f7}.art-contact svg{width:100%;max-width:580px;height:auto}@media(max-width:720px){.page-art{min-height:260px;max-height:360px}.page-art>img{height:auto;max-height:360px;object-fit:cover}.identity-mark{padding:25px}.identity-mark img{height:210px;width:230px}.identity-mark span{font-size:8px}.art-contact svg{height:290px}}
.page-art>img{object-fit:contain}.page-art.art-index{background:#f5f8f7}.page-art.art-media{background:#eee8df}@media(max-width:720px){.page-art>img{object-fit:contain}}
/* JCL coastal identity: ocean ink, sun gold, warm sand */
:root{--green:#07545a;--navy:#102d40;--gold:#a87417;--paper:#fffdfa;--ink:#102d40;--muted:#4c626b}body{background:var(--paper);color:var(--ink)}em{color:#08616a}.previewbar{background:#102d40;color:#fff8eb}header{border-bottom:1px solid #ddd9cd}.hero{background:linear-gradient(120deg,#fffdfa 12%,#f5f0e5 72%,#e8f0ee);border-bottom:1px solid #d3dcd6}.hero h1{color:#102d40}.hero p{color:#405b65}.eyebrow{color:#775619;font-weight:600}.button{background:#07545a;color:#fff;border:1px solid #07545a;font-weight:600}.button:hover{background:#103a49;color:#fff}.light{background:#faf2df;color:#102d40;border-color:#d6b97d}.light:hover{background:#ebd4a4;color:#102d40}.textlink{color:#07545a;border-color:#8baba5}.ribbon{background:#f5eddc;color:#334f55;border-color:#ddd0b6}.card,.card:nth-child(3){background:#f6f0e5;border-color:#ded3bf;border-top:3px solid #ba8a31}.card:nth-child(3){background:#edf3f1}.card:hover{background:#eee4d2}.card .eyebrow{color:#76571e}.lead{color:#173b49}.split{border-color:#deded3}.rows article{border-color:#d6ded8}.num{color:#8b651e}.mediafeature{background:#102d40;color:#fff8ed}.mediafeature p{color:#dce5e4}.mediafeature em{color:#e0bb70}.mediafeature .eyebrow{color:#e0bb70}.closing{background:#07545a;color:white;border-top:3px solid #c59a4e}.closing .eyebrow{color:#f0d494}footer{background:#102d40;color:#dce5e6;border-color:#274c59}footer strong{color:#fff4dd}.copyright{border-color:#3b5661}.page-art{border-left:1px solid #d5d6c8}.page-art>img{filter:saturate(1.18) contrast(1.04);position:relative;z-index:1}.page-art:before{content:'';position:absolute;top:25px;right:27px;width:48px;height:48px;border:1px solid #bc913b;border-radius:50%;z-index:2;opacity:.85;box-shadow:0 0 0 7px #bc913b12}.page-art:after{content:'';position:absolute;bottom:25px;left:28px;width:90px;height:1px;background:#b78b35;z-index:2;box-shadow:5px 4px 0 #b78b3540}.art-index{background:#f3f6f0}.art-consulting{background:#f6f7f0}.page-art.art-media{background:#eee8df}.art-about{background:radial-gradient(ellipse at 65% 35%,#f0d8a5,#fbf4e6 45%,#dbe9e2)}.art-contact{background:linear-gradient(150deg,#f9efdd,#e4efeb)}.identity-mark span{color:#174b51}.love-brand{margin:0;position:relative}.love-brand img{display:block;width:100%;height:auto;border:1px solid #d1b98c;box-shadow:12px 14px 0 #eee2ca}.love-brand figcaption{color:#70551e;font-size:9px;letter-spacing:.15em;margin-top:24px}.podcast{background:linear-gradient(125deg,#faf3e6,#fffdfa 70%);border-bottom:1px solid #e6dccb}.podcast h2{color:#102d40}dt{color:#775619}input,select,textarea{border-color:#98afa9;color:#102d40}#formstatus{color:#174e54}.small{color:#52636c}nav a[aria-current]{border-color:#a87417}nav a:last-child{border-color:#597f7d}.menutoggle{border-color:#597f7d;color:#123e49}@media(max-width:720px){.page-art{border-left:0;border-top:1px solid #d5d6c8}.page-art:before{width:30px;height:30px;top:18px;right:20px}.page-art:after{width:60px;left:20px;bottom:18px}.love-brand img{box-shadow:7px 9px 0 #eee2ca}}
/* Soft coastal technology styling — visual refinement only */
:root{--green:#15565a;--navy:#173746;--gold:#9b783c;--paper:#fdfbf7;--ink:#183644;--muted:#4e656b}body{background:#fdfbf7}.previewbar{background:#24454f;color:#fffaf0}header{background:#fffefa;border-bottom-color:#e5e5da}nav a:last-child,.menutoggle{border-radius:999px;border-color:#b2c5be}nav a:last-child:hover{background:#eff4ef}.hero{background:radial-gradient(ellipse at 80% 5%,#f6dfca70,transparent 65%),linear-gradient(120deg,#fdfcf8,#f3f5ee 65%,#edf3f1);border-bottom-color:#e7e6db}.hero h1{color:#183644}em{color:#2c656a}.hero p{color:#4a626a}.eyebrow{color:#7b6540}.button{border-radius:999px;background:linear-gradient(125deg,#205c60,#174b56);border-color:#376b6b;box-shadow:0 5px 16px #173e4412;transition:background .2s,box-shadow .2s}.button:hover{background:#184c55;box-shadow:0 7px 20px #173e4420}.light{background:linear-gradient(120deg,#fffaf0,#f5e9d5);border-color:#decba7;color:#173746;box-shadow:0 5px 16px #102e4010}.light:hover{background:#f0e3cc;color:#173746}.ribbon{background:linear-gradient(90deg,#f4f2e8,#f8ecdf88,#eef3ee);border-bottom-color:#e3e6dc;color:#465c5e}.card,.card:nth-child(3){border:1px solid #e1e4d8;border-radius:22px;background:linear-gradient(140deg,#faf6ec,#eff4ef);box-shadow:0 8px 26px #294e4d08}.card:hover{background:linear-gradient(140deg,#f6efdf,#e6efea)}.card .eyebrow{color:#756642}.split{border-bottom-color:#e7e8df}.rows article{border-bottom-color:#dfe6df}.mediafeature{background:radial-gradient(ellipse at 100% 100%,#8b6b5038,transparent 65%),linear-gradient(120deg,#183e4c,#2c5f61);color:#fffaf1}.mediafeature p{color:#e0e9e5}.mediafeature em{color:#e3c694}.mediafeature .eyebrow{color:#e3c694}.closing{background:radial-gradient(ellipse at 100% 100%,#a3845a28,transparent 60%),linear-gradient(120deg,#214e57,#376c69);border-top:1px solid #cad3bd}.closing .eyebrow{color:#f1d9ad}footer{background:linear-gradient(120deg,#193846,#254c55);border-top:1px solid #46656a}.copyright{border-top-color:#ffffff24}.page-art{border:0;background:#f1f5ef}.page-art>img{filter:none;border-radius:26px;box-shadow:0 12px 36px #324e4709;max-width:94%;height:auto;max-height:640px}.page-art:before{opacity:.45;border-color:#b3955b;box-shadow:0 0 0 10px #bc913b08}.page-art:after{opacity:.45;box-shadow:none;background:#baa16d}.page-art.art-index,.page-art.art-consulting{background:radial-gradient(ellipse at 80% 10%,#f4debd50,transparent 65%),#f2f6f1}.page-art.art-media{background:linear-gradient(145deg,#f7f0e6,#f1ede5)}.art-about{background:radial-gradient(ellipse at 65% 35%,#f0dfc0,#f9f4ea 45%,#e6efea)}.art-contact{background:linear-gradient(145deg,#f8f0e2,#ebf2ed)}.podcast{background:radial-gradient(ellipse at 0 40%,#f4dfc64d,transparent 70%),#fcfaf5;border-bottom-color:#e7e4d9}.love-brand img{border-radius:24px;border:1px solid #e0d5bf;box-shadow:0 15px 40px #765d3820}.love-brand figcaption{color:#766446}input,select,textarea{border-radius:12px;border-color:#b8c9c0;background:#ffffffd9}input:focus,select:focus,textarea:focus{outline:2px solid #61928b;outline-offset:2px}.textlink{color:#285f62;border-color:#afc3b8}dt{color:#7b6540}@media(max-width:720px){.page-art{border:0}.page-art>img{border-radius:20px;max-width:94%;height:auto;max-height:340px}.love-brand img{border-radius:20px;box-shadow:0 10px 28px #765d381c}.card{border-radius:20px}.button{border-radius:999px}}