:root{--bg:#f7f9fc;--panel:#eef3fa;--text:#172638;--muted:#526174;--line:#c6d2e3;--copper:#1d4ed8;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--copper);outline-offset:6px}button,button:focus{ -webkit-appearance:none}::selection{background:#dbe7ff;color:#172638}.skip{position:fixed;left:20px;top:-80px;z-index:1000;background:white;color:black;padding:15px}.skip:focus{top:20px}.preview-note{display:flex;justify-content:space-between;padding:9px 4.6%;color:#526174;font-size:9px;letter-spacing:1.8px;border-bottom:1px solid #7b8da4;background:#f7f9fc}.site-header{height:101px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:var(--bg)}.wordmark{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1.8px;line-height:1.3;font-weight:650}.monogram{font:600 49px/1 var(--display);position:relative;letter-spacing:-7px;width:43px;padding-bottom:4px}.monogram>span{display:block;position:absolute;right:0;bottom:9px;width:7px;height:7px;background:var(--copper)}nav{display:flex;gap:36px;margin-left:70px;font-size:13px}nav a{color:#172638;transition:color .2s}nav a:hover{color:var(--copper)}sup{font-size:8px;color:#526174;margin-left:5px;vertical-align:super}.nav-contact{display:flex;align-items:center;gap:35px;font-size:13px;padding:13px 0;background:transparent;border-bottom:1px solid #7b8da4}.nav-contact span{font-size:23px}.menu-toggle{display:none}.hero{position:relative;min-height:760px;overflow:hidden}.hero-visual{position:absolute;inset:0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.96}.visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f7f9fc 1%,#f7f9fcb0 30%,transparent 65%),linear-gradient(0deg,#f7f9fc 0%,transparent 25%,transparent 80%,#f7f9fc20)}.hero-inner{padding:48px 4.6% 70px;position:relative;z-index:1;max-width:1600px}.kicker{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px;color:#526174}.signal{display:inline-block;width:6px;height:6px;background:var(--copper);border-radius:50%;box-shadow:0 0 12px #1726381e}h1,h2,h3,p{margin:0}h1{font-family:var(--display);font-size:clamp(66px,7.9vw,126px);line-height:1.06;font-weight:500;letter-spacing:-6px;margin:32px 0 42px;max-width:950px}.outline-word{color:#172638}.work-word{color:var(--copper)}.hero-bottom{display:flex;align-items:end;gap:65px}.hero-bottom p{font-size:16px;color:#526174;line-height:1.6}.round-link{width:52px;height:52px;border:1px solid #7b8da4;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .25s,border .25s}.round-link:hover{background:var(--copper);border-color:var(--copper);color:var(--bg)}.hero-footer{position:absolute;bottom:0;left:4.6%;right:4.6%;border-top:1px solid #7b8da424;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:#526174;z-index:2}.art-coordinate{position:absolute;right:4.6%;bottom:105px;font-size:10px;line-height:1.8;letter-spacing:1.3px;color:#172638;text-align:right}.art-coordinate span{color:#526174;font-size:8px}.section-pad{padding:110px 4.6%}.section-label{font-size:10px;letter-spacing:1.8px;color:#526174;display:flex;gap:25px;align-items:center}.line{display:block;height:1px;background:var(--line);flex:1}.intro{border-bottom:1px solid var(--line);padding-bottom:95px}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;margin-top:42px}h2{font-family:var(--display);font-size:clamp(35px,4.1vw,64px);font-weight:500;line-height:1.15;letter-spacing:-2.5px}.muted{color:#526174}.intro-copy>p:first-child{font-size:23px;line-height:1.45;margin-bottom:22px}.body-copy{color:#526174;font-size:16px;line-height:1.8;max-width:510px}.text-cta{display:inline-flex;align-items:center;gap:32px;background:none;font-size:13px;padding:0 0 12px;border-bottom:1px solid #7b8da4;margin-top:27px}.text-cta span{font-size:22px;color:var(--copper)}.work-section{padding-top:100px;padding-bottom:100px}.work-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.work-heading h2{margin-top:16px}.copper{color:var(--copper)}.work-heading p{color:#526174;font-size:14px;line-height:1.6}.project{display:block;padding:0;background:none;width:100%;text-align:left}.project-caption{display:flex;justify-content:space-between;align-items:start;padding:22px 0}.project-caption h3{font-size:19px;font-weight:500;letter-spacing:-.4px}.project-caption p{font-size:12px;color:#526174;margin-top:5px}.project-index{font-size:10px;letter-spacing:1.5px;color:#526174;padding-top:5px}.feature-art{height:610px;background:#eef3fa;position:relative;overflow:hidden;display:grid;place-items:center;perspective:1500px}.mock-site{width:86%;height:80%;position:relative;background:#0b1922;box-shadow:30px 35px 60px #0009;overflow:hidden;transform:rotateY(-7deg) rotateX(4deg) rotateZ(-1.5deg);transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project:hover .mock-site{transform:rotateY(0) rotateX(0) rotateZ(0)}.mock-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 4%;font-size:13px;letter-spacing:2px;z-index:3}.mock-period{font-size:9px;margin-left:4px}.mock-nav>span:last-child{font-size:7px;letter-spacing:1px}.mock-nav b{font-size:14px;margin-left:20px}.mock-content{position:absolute;top:25%;left:6%;z-index:3}.micro{font-size:8px;letter-spacing:2px;color:#526174}.mock-content strong{display:block;font:400 clamp(35px,4.7vw,74px)/1.05 Georgia,serif;letter-spacing:-1px;margin:20px 0 30px}.mock-button{font-size:9px;display:inline-block;padding:10px 15px;border:1px solid #7e9ba9}.water-landscape{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#7b9da3 0%,#36555f 26%,#112633 58%,#0a1721 85%)}.water-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081824bd,transparent 70%)}.moon{width:65px;height:65px;position:absolute;left:70%;top:16%;border-radius:50%;background:#d8e6e4;box-shadow:0 0 55px #cfebed66}.ridge{position:absolute;top:30%;width:90%;height:36%;background:#203c45;clip-path:polygon(0 90%,8% 65%,19% 75%,33% 21%,46% 62%,58% 31%,64% 49%,79% 10%,100% 80%,100% 100%,0 100%)}.ridge-one{left:27%;filter:blur(1px)}.ridge-two{left:40%;top:38%;background:#162d36;transform:scale(1.2)}.water{position:absolute;left:0;right:0;bottom:0;height:42%;background:repeating-linear-gradient(177deg,transparent 0 3px,#e5edf815 4px,transparent 5px 9px),linear-gradient(0deg,#f7f9fc,#eef3fa);transform:perspective(120px) rotateX(20deg) scale(1.2)}.water-line{position:absolute;left:70%;bottom:0;width:55px;height:38%;background:linear-gradient(#a0cedc52,transparent);filter:blur(7px);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.jetty{position:absolute;right:12%;bottom:0;width:12%;height:24%;background:repeating-linear-gradient(0deg,#061018 0 7px,#36505b 8px,#07121b 9px);clip-path:polygon(34% 0,70% 0,100% 100%,0 100%)}.mock-bottom{position:absolute;left:4%;right:4%;bottom:21px;z-index:3;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;color:#c2d0d6}.art-corner{position:absolute;left:28px;bottom:24px;font-size:8px;letter-spacing:1.3px;color:#526174}.feature-open{position:absolute;right:28px;bottom:20px;display:flex;align-items:center;gap:25px;font-size:11px}.feature-open span{font-size:25px}.work-secondary{display:grid;grid-template-columns:1.06fr .84fr;gap:9%;margin-top:50px;align-items:start}.flow-project{margin-top:130px}.brand-art{height:560px;background:#e5edf8;position:relative;overflow:hidden;perspective:900px}.brand-sheet{position:absolute;box-shadow:15px 20px 30px #26344144;transition:transform .6s}.sheet-back{width:54%;height:72%;left:3%;top:12%;background:#161a23;color:#e8e8e6;transform:rotate(-11deg);padding:28px}.sheet-back small{font-size:10px;letter-spacing:2px;line-height:1.4}.sheet-back b{position:absolute;bottom:22px;left:22px;font-size:39px;line-height:1;letter-spacing:-2px}.brand-disc{width:95px;height:95px;border-radius:50%;position:absolute;left:25px;top:31%;border:1px solid #888f99;background:repeating-radial-gradient(circle,#f1a56b 0 1px,#171d28 2px 5px);opacity:.8}.sheet-front{width:56%;height:74%;left:36%;top:17%;background:#d58356;color:#201d1e;transform:rotate(9deg);padding:24px}.sheet-front small{font-size:6px;letter-spacing:1.5px}.sr-monogram{font:400 160px/.9 Georgia,serif;letter-spacing:-45px;margin-top:35px}.sr-monogram span{font-style:italic}.sheet-front>span{display:block;font-size:18px;letter-spacing:1px;font-weight:600;line-height:1.1;margin-top:22px}.sheet-front i{display:block;border-top:1px solid #572f2544;margin-top:15px;padding-top:10px;font-size:8px;font-style:normal}.project:hover .sheet-back{transform:rotate(-14deg) translateX(-7px)}.project:hover .sheet-front{transform:rotate(5deg) translateY(-8px)}.detail-corner{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:1.4px;color:#172638}.project-open{position:absolute;right:22px;bottom:15px;font-size:31px;color:#172638}.flow-art{height:470px;background:#eef3fa;position:relative;overflow:hidden;padding:30px}.flow-top{display:flex;justify-content:space-between;font-family:var(--display);font-size:23px;line-height:1.15;letter-spacing:-.7px}.flow-top>span:last-child{color:#526174}.flow-path{position:relative;margin-top:30px;height:260px}.path-line{position:absolute;left:20%;right:12%;top:60px;height:105px;border:1px solid #7b8da4;border-radius:0 35px 35px 0;opacity:.35}.flow-node{position:absolute;width:78%;background:#eef3fa;border:1px solid #7b8da4;box-shadow:5px 15px 30px #17263812;left:0;top:0;padding:20px 18px}.flow-node small{font-size:8px;color:#526174;letter-spacing:1px;display:block}.flow-node b{display:block;font-size:16px;font-weight:500;margin-top:5px}.flow-node>span:last-child{display:block;font-size:9px;color:#526174;margin-top:3px}.node-icon{position:absolute;right:14px;top:12px;font-size:24px;color:#1d4ed8}.second{top:135px;left:16%;background:#eef3fa}.flow-end{position:absolute;bottom:-14px;left:17%;font-size:8px;letter-spacing:1px;color:#526174;display:flex;gap:10px;align-items:center}.flow-art .detail-corner,.flow-art .project-open{color:#526174}.work-note{font-size:11px;color:#526174;margin-top:38px;max-width:670px}.services{background:#f7f9fc;border-top:1px solid #7b8da4;border-bottom:1px solid #7b8da4}.services-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;margin-top:38px}.services-heading h2{font-size:clamp(36px,3.9vw,60px)}.services-heading p{font-size:13px;color:#526174;line-height:1.7;margin-top:32px}.service-list details{border-top:1px solid #7b8da4}.service-list details:last-child{border-bottom:1px solid #7b8da4}.service-list summary{display:flex;align-items:center;list-style:none;cursor:pointer;padding:25px 0;gap:20px}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:9px;color:#526174;align-self:start;padding-top:6px}.service-list h3{font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.6px;flex:1}.service-list i{font-style:normal;font-size:25px;font-weight:400;color:#526174;transition:transform .2s}.service-list details[open] i{transform:rotate(45deg);color:var(--copper)}.service-body{padding:0 32px 26px 34px}.service-body p{font-size:14px;color:#526174;line-height:1.7}.service-body>div{font-size:10px;color:#526174;line-height:2;margin-top:15px}.approach{display:grid;grid-template-columns:.75fr 1.25fr;gap:12%;align-items:center;overflow:hidden;padding-top:150px;padding-bottom:150px}.approach-mark{position:relative;height:390px;display:flex;align-items:center;font:400 290px/1 Georgia,serif;letter-spacing:-125px;perspective:800px;color:#172638}.approach-mark>span{background:linear-gradient(110deg,#e5edf8 0%,#eef3fa 25%,#e5edf8 47%,#eef3fa 54%,#e5edf8 77%,#eef3fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(10px 15px 10px #0006)}.approach-mark>span:nth-child(2){font-style:italic;transform:translateY(36px);z-index:1}.approach-mark i{position:absolute;bottom:0;left:0;font:8px/1.8 var(--font);letter-spacing:2px;color:#526174}.approach-copy h2{margin:25px 0;font-size:clamp(34px,4vw,60px)}.approach-lead{font-size:19px;line-height:1.5;margin-bottom:20px;max-width:500px}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.approach-steps span{font-size:9px;color:var(--copper)}.approach-steps p{font-size:11px;color:#526174;margin-top:10px;line-height:1.6}.contact-section{background:#e5edf8;color:#172638;padding-top:75px;padding-bottom:65px}.contact-section .section-label{color:#526174}.big-contact{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;color:#172638;padding:30px 0 45px;font-family:var(--display);font-size:clamp(55px,8vw,122px);font-weight:500;letter-spacing:-6px;line-height:1.05;border-bottom:1px solid #7b8da4}.big-contact em{font-family:Georgia,serif;font-weight:400}.contact-arrow{font-size:120px;font-weight:400;transition:transform .3s}.big-contact:hover .contact-arrow{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:25px}.contact-bottom p{font-size:14px;color:#526174}.contact-bottom>span{font-size:9px;letter-spacing:1.5px;color:#526174}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px!important;padding-bottom:40px!important}footer>span{font-size:9px;color:#526174;letter-spacing:1.4px}footer>a:last-child{font-size:11px;color:#526174}dialog{border:1px solid #7b8da4;color:var(--text);background:#f7f9fc;padding:50px;width:min(600px,calc(100% - 32px));max-height:90vh;overflow-y:auto}dialog::backdrop{background:#f7f9fce8;backdrop-filter:blur(12px)}dialog .close{position:absolute;right:20px;top:15px;background:none;color:#526174;font-size:30px;line-height:1}.close:hover{color:white}dialog h2{font-size:40px;letter-spacing:-1.8px;margin-top:22px}dialog .section-label{font-size:8px;padding-right:20px}.modal-note{font-size:11px;color:#526174;line-height:1.7;margin-top:18px}form{margin-top:25px}label{display:block;font-size:12px;color:#172638;margin-top:20px}input,textarea,select{display:block;width:100%;border:1px solid #7b8da4;background:#f7f9fc;color:#172638;margin-top:9px;padding:13px;border-radius:0;font-size:14px}input::placeholder,textarea::placeholder{color:#526174}textarea{resize:vertical}.solid-button{padding:15px 20px;background:var(--copper);color:#172638;display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;font-size:13px;margin-top:25px}.solid-button span{font-size:25px}.solid-button:hover{background:#dbe7ff}#inquiry-result{padding:30px 0}#inquiry-result h3{font-size:25px}#inquiry-result p{color:#526174;font-size:14px;margin-top:15px;line-height:1.8}.success-mark{font-size:25px;color:var(--copper);margin-bottom:20px}#project-description{font-size:15px;color:#526174;margin-top:20px;line-height:1.8}.project-detail-label{font-size:9px;letter-spacing:1.5px;margin-top:30px;color:var(--copper)}#project-points{padding-left:18px;font-size:13px;color:#526174;line-height:1.8}#project-points li{padding-bottom:7px}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:900px}.hero-inner{padding-top:75px}.section-pad{padding-left:6%;padding-right:6%}.hero-inner,.site-header{padding-left:6%;padding-right:6%}.feature-art{height:760px}.brand-art{height:680px}.flow-art{height:550px}}
@media(max-width:1000px){.hero{min-height:720px}h1{font-size:83px;letter-spacing:-4px}.hero-visual img{object-position:60% center}.visual-shade{background:linear-gradient(90deg,#f7f9fc 0%,#f7f9fc80 48%,#f7f9fc00 100%),linear-gradient(0deg,#f7f9fc,transparent 40%)}.intro-grid{gap:7%}.section-pad{padding-top:80px;padding-bottom:80px}.feature-art{height:490px}.work-secondary{gap:6%;grid-template-columns:1fr 1fr}.brand-art{height:470px}.flow-art{height:430px;padding:22px}.sheet-back{padding:20px}.sheet-back b{font-size:31px}.sheet-front{padding:18px}.sr-monogram{font-size:125px;letter-spacing:-35px}.sheet-front>span{font-size:15px}.services-grid{gap:6%;grid-template-columns:1fr 1.2fr}.service-list h3{font-size:18px}.approach{gap:6%;grid-template-columns:.7fr 1.3fr}.approach-mark{font-size:220px;letter-spacing:-100px;height:320px}.contact-arrow{font-size:90px}}
@media(max-width:700px){.preview-note{padding:8px 6%;font-size:7px;letter-spacing:1px}.preview-note>span:first-child{display:none}.site-header{padding:0 6%;height:82px}.wordmark{font-size:10px;gap:11px}.monogram{font-size:43px;width:37px}.monogram>span{width:6px;height:6px}.nav-contact{margin-left:auto;margin-right:25px;font-size:12px;gap:17px;padding:8px 0}.menu-toggle{display:block;background:none;width:22px;padding:5px 0}.menu-toggle span{display:block;height:1px;background:#e5edf8;margin:6px 0;width:22px}.site-header nav{display:none;position:absolute;left:0;right:0;top:82px;background:#f7f9fc;padding:25px 6%;margin:0;gap:28px;border-bottom:1px solid #7b8da4}.site-header nav.open{display:flex}.hero{min-height:850px}.hero-inner{padding:34px 6% 330px}.kicker{font-size:8px;letter-spacing:1.4px;gap:9px}.hero-visual img{position:absolute;bottom:25px;width:145%;height:57%;right:-16%;object-fit:cover;object-position:65% center}.visual-shade{background:linear-gradient(0deg,#f7f9fc 0%,transparent 20%,transparent 35%,#f7f9fc 67%)}h1{font-size:clamp(53px,12vw,81px);letter-spacing:-3px;line-height:1.08;margin:30px 0}.hero-bottom{gap:30px;align-items:center;justify-content:space-between}.hero-bottom p{font-size:13px}.round-link{height:43px;width:43px;flex:0 0 43px;font-size:20px}.art-coordinate{bottom:83px;right:6%;font-size:8px}.art-coordinate span{font-size:6px}.hero-footer{left:6%;right:6%;font-size:7px;letter-spacing:1px;bottom:0;padding:17px 0}.hero-footer>span:last-child{display:none}.section-pad{padding:65px 6%}.section-label{font-size:8px;letter-spacing:1.5px}.intro-grid{display:block;margin-top:30px}h2{font-size:37px;letter-spacing:-1.8px}.intro-copy{margin-top:30px}.intro-copy>p:first-child{font-size:20px}.body-copy{font-size:14px;line-height:1.8}.text-cta{font-size:12px;margin-top:22px}.work-heading{display:block;margin-bottom:30px}.work-heading h2{margin-top:14px}.work-heading p{font-size:12px;margin-top:18px}.feature-art{height:350px;margin-left:-6.8%;margin-right:-6.8%}.mock-site{width:89%;height:74%;transform:rotateY(-5deg) rotateX(3deg) rotateZ(-2deg)}.mock-nav{font-size:9px;padding:17px 4%}.mock-nav>span:last-child{font-size:5px;letter-spacing:0}.mock-nav b{margin-left:6px;font-size:9px}.mock-content{top:27%;left:6%}.micro{font-size:6px;letter-spacing:1px}.mock-content strong{font-size:33px;margin:11px 0 17px}.mock-button{font-size:6px;padding:7px 11px}.mock-bottom{font-size:5px;letter-spacing:.5px;bottom:13px}.moon{width:33px;height:33px}.art-corner{font-size:5px;left:15px;bottom:18px;letter-spacing:.5px}.feature-open{font-size:8px;right:15px;bottom:12px;gap:10px}.feature-open span{font-size:20px}.project-caption{padding:18px 0}.project-caption h3{font-size:16px}.project-caption p{font-size:10px}.project-index{font-size:8px}.work-secondary{display:block;margin-top:25px}.flow-project{margin-top:35px}.brand-art{height:420px}.sheet-back b{font-size:34px}.sheet-front{padding:22px}.sr-monogram{font-size:135px}.sheet-front>span{font-size:17px}.flow-art{height:420px;padding:26px}.flow-node{width:77%}.flow-path{margin-top:22px}.flow-top{font-size:24px}.work-note{font-size:10px;margin-top:24px}.services-grid{display:block;margin-top:25px}.services-heading h2{font-size:38px}.services-heading p{font-size:13px;margin-top:23px}.service-list{margin-top:35px}.service-list h3{font-size:17px}.service-list summary{padding:22px 0;gap:14px}.service-body{padding-left:26px;padding-right:10px}.service-body p{font-size:13px}.service-body>div{font-size:9px}.approach{display:flex;flex-direction:column;align-items:stretch;gap:42px}.approach-mark{height:230px;font-size:220px;letter-spacing:-95px;width:100%;margin-top:0}.approach-mark>span:nth-child(2){transform:translateY(10px)}.approach-mark i{left:auto;right:0;bottom:8px;font-size:6px;letter-spacing:1.4px}.approach-copy h2{font-size:35px;margin:22px 0}.approach-lead{font-size:18px}.approach-steps{gap:12px}.approach-steps p{font-size:10px}.contact-section{padding-top:55px;padding-bottom:40px}.big-contact{font-size:59px;letter-spacing:-3px;padding-top:30px;padding-bottom:30px}.contact-arrow{font-size:65px;margin-left:10px}.contact-bottom{display:block}.contact-bottom p{font-size:12px}.contact-bottom>span{display:block;font-size:8px;margin-top:25px}footer{flex-wrap:wrap;gap:30px}footer>span{order:3;width:100%;font-size:7px}footer>a:last-child{margin-left:auto;font-size:10px}dialog{padding:36px 24px}dialog h2{font-size:32px}.solid-button{font-size:12px}.modal-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.arrow-icon{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.contact-arrow .arrow-icon{width:1em;height:1em}.nav-contact .arrow-icon{width:22px;height:22px}.project-open .arrow-icon{width:28px;height:28px}

.water-landscape img{width:100%;height:100%;object-fit:cover;object-position:center}.water-landscape:after{background:linear-gradient(90deg,#071521a0,transparent 80%)}
.approach-mark{letter-spacing:-15px}.approach-mark>span{position:absolute;left:0;display:block;width:240px}.approach-mark>span:nth-child(2){left:115px}@media(max-width:1000px){.approach-mark>span{width:185px}.approach-mark>span:nth-child(2){left:85px}}@media(max-width:700px){.approach-mark>span{width:185px}.approach-mark>span:nth-child(2){left:85px}}

input,textarea,select{font-size:16px}label{font-size:14px}.modal-note{font-size:13px;color:#526174}dialog .section-label{font-size:11px}.close{min-width:44px;min-height:44px}#inquiry-summary dt{font-size:12px;color:var(--copper);margin-top:22px}#inquiry-summary dd{margin:5px 0 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
/* A tangible, explorable creative study. */
.hero h1{font-size:clamp(60px,7.1vw,112px);letter-spacing:-5px}.hero-bottom p{max-width:440px;font-size:17px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.hero-actions .solid-button{width:auto;margin:0;font-size:15px}.hero-actions .text-cta{margin:0;font-size:15px}.hero-inner{padding-bottom:125px}.campaign{margin:0 0 90px;border-top:1px solid var(--line);padding-top:32px}.campaign-intro{display:flex;justify-content:space-between;align-items:end;gap:50px}.campaign-intro h3{font:500 clamp(30px,3.5vw,48px)/1.15 var(--display);letter-spacing:-1.8px;margin-top:18px}.campaign-intro>p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.75}.campaign-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 26px;flex-wrap:wrap}.campaign-controls button{background:none;color:#526174;border:0;border-bottom:1px solid #7b8da4;padding:12px 0;font-size:12px;letter-spacing:.3px;min-height:44px;transition:color .2s,border-color .2s}.campaign-controls button[aria-pressed=true]{background:none;color:#1d4ed8;border-color:var(--copper)}.campaign-controls button:hover{color:var(--text)}.direction-options{display:flex;gap:30px}.device-options{display:flex;gap:20px}.campaign-board{--paper:#dbe2ea;--ink:#111b27;--accent:#c28e69;background:none;padding:0;display:grid;grid-template-columns:.65fr 1.35fr;gap:1px;border:1px solid #303c4b}.identity-sample{background:linear-gradient(135deg,#172330,#0c131d);color:var(--paper);padding:34px;position:relative;min-height:400px;overflow:hidden}.sample-label{display:block;font-size:10px;letter-spacing:1.7px;color:#526174}.campaign-logo{font:400 clamp(34px,3.9vw,56px)/.95 Georgia,serif;letter-spacing:-2px;margin-top:48px;position:relative;z-index:1}.campaign-logo i{font-weight:normal;color:#d2ad8f}.identity-symbol{position:absolute;right:15px;bottom:24px;font:190px/.8 Georgia,serif;letter-spacing:-35px;color:#9fb1c6;opacity:.07}.identity-symbol span{font-style:italic}.identity-tagline{font:14px/1.6 var(--font);margin-top:40px;position:relative;color:#aab6c5}.swatches{display:flex;gap:4px;margin-top:24px}.swatches span{height:3px;width:27px;background:#8b9aac}.swatches span:nth-child(2){background:var(--accent)}.swatches span:nth-child(3){background:#34465d}.social-sample{position:relative;color:var(--paper);background:#101924;padding:34px;overflow:hidden}.social-sample>.sample-label{position:relative;z-index:2;margin:0 0 20px}.social-art{position:relative;min-height:295px;background:none;color:var(--paper);overflow:visible;padding:17px 0}.social-art:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #8d725340;border-radius:50%;right:-110px;top:-100px;box-shadow:0 0 0 34px #8d72530a,0 0 0 70px #8d725309}.social-eyebrow{font-size:9px;letter-spacing:2px;position:relative;z-index:1;color:#b7977e}.social-headline{display:block;font:400 clamp(44px,5.5vw,78px)/.95 Georgia,serif;letter-spacing:-2px;margin-top:28px;position:relative;z-index:1;max-width:60%}.social-headline i{font-weight:normal;color:#d2ad8f}.planner-sheet{position:absolute;right:3%;top:45px;background:linear-gradient(130deg,#2a3948,#131e2d 75%);color:#b8c4d1;width:34%;height:235px;transform:perspective(700px) rotateY(-12deg) rotateZ(8deg);padding:23px 16px;box-shadow:15px 25px 30px #0008,inset 1px 0 #748393;border:1px solid #53606b;border-left:3px solid #566372}.planner-sheet>span{font-size:7px;letter-spacing:1.2px;display:block}.planner-sheet>div{height:30px;border-bottom:1px solid #b2bec52b}.planner-sheet small{font-size:5px;letter-spacing:.6px;display:block;margin-top:20px;color:#b8987d}.social-caption{display:block;font-size:12px;line-height:1.6;margin-top:28px;color:#96a6b8;position:relative;z-index:1}.social-sample>p{font-size:10px;color:#8391a3;margin-top:15px;letter-spacing:.2px}.landing-shell{grid-column:1/-1;background:linear-gradient(110deg,#101923,#172332);padding:28px 34px 34px;border-top:1px solid #303c4b}.landing-shell>.sample-label{margin-bottom:25px}.landing-preview{background:linear-gradient(125deg,#101a26,#172536);color:var(--paper);max-width:100%;margin:auto;border:1px solid #3a4859;box-shadow:0 16px 40px #0003;transition:max-width .3s;overflow:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:23px 5%;border-bottom:1px solid #91a3b51f}.landing-nav strong{font:22px Georgia,serif;letter-spacing:-1px}.landing-nav>span{font-size:8px;letter-spacing:1.5px;color:#8799ad}.landing-body{padding:42px 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;position:relative}.landing-eyebrow{font-size:8px;letter-spacing:1.7px;color:#c29c7b}.landing-body h4{font:400 clamp(36px,4.5vw,60px)/1.05 Georgia,serif;margin:20px 0;letter-spacing:-1.7px}.landing-body h4 i{color:#c9aa90;font-weight:400}.landing-body p{font-size:12px;line-height:1.8;max-width:310px;color:#a1afbf}.sample-cta{display:inline-block;border-bottom:1px solid #8b7666;color:#d8b99e;background:none;padding:8px 0;font-size:10px;margin-top:22px}.landing-product{background:linear-gradient(130deg,#344554,#172333 65%);color:#c3ced9;padding:28px;transform:perspective(800px) rotateY(-13deg) rotateZ(6deg);box-shadow:18px 25px 35px #0007,inset 3px 0 #6b7c8b;border:1px solid #5b6b7a;max-width:240px;min-height:280px;position:relative}.landing-product:after{content:'';position:absolute;inset:12px;border:1px solid #b5c1cd26;pointer-events:none}.landing-product>span{font-size:7px;letter-spacing:1.5px}.landing-product strong{display:block;font:400 32px/1.1 Georgia,serif;margin:35px 0;color:#d8b99e}.landing-product small{font-size:6px;letter-spacing:.7px}.product-lines{height:30px;border-top:1px solid #7b8da444}.landing-footer{padding:14px 5%;font-size:8px;letter-spacing:1px;color:#8191a4;border-top:1px solid #91a3b51f}.landing-shell[data-device-view=mobile] .landing-preview{max-width:350px}.landing-shell[data-device-view=mobile] .landing-nav{padding:20px}.landing-shell[data-device-view=mobile] .landing-nav>span{display:none}.landing-shell[data-device-view=mobile] .landing-body{display:block;padding:30px 24px}.landing-shell[data-device-view=mobile] .landing-product{margin:40px auto 15px}.landing-shell[data-device-view=mobile] h4{font-size:38px}.campaign[data-direction=graphic] .campaign-board{--paper:#e1e7ef;--ink:#131e2c;--accent:#a9b9cf}.campaign[data-direction=graphic] .campaign-logo{font-family:var(--display);font-weight:650;letter-spacing:-3px}.campaign[data-direction=graphic] .campaign-logo i{font-style:normal;color:#c3d0df}.campaign[data-direction=graphic] .identity-symbol{font-family:var(--display);font-weight:800;opacity:.06}.campaign[data-direction=graphic] .social-headline,.campaign[data-direction=graphic] .landing-body h4,.campaign[data-direction=graphic] .landing-product strong{font-family:var(--display);font-weight:600;letter-spacing:-2px}.campaign[data-direction=graphic] .social-headline{font-size:clamp(36px,4.6vw,65px)}.campaign[data-direction=graphic] .social-headline i,.campaign[data-direction=graphic] .landing-body h4 i{font-style:normal;color:#b5c7de}.campaign[data-direction=graphic] .social-art:before{border-radius:0;transform:rotate(30deg);border-color:#8aa7cb33;box-shadow:0 0 0 34px #89a3c209,0 0 0 70px #89a3c209}.campaign[data-direction=graphic] .planner-sheet{transform:perspective(700px) rotateY(-12deg) rotateZ(-6deg)}.campaign[data-direction=graphic] .landing-product{transform:perspective(800px) rotateY(-13deg) rotateZ(-4deg)}.campaign[data-direction=graphic] .landing-product strong{color:#bfccdc;font-size:30px}.campaign[data-direction=graphic] .landing-nav strong{font:600 19px var(--display);letter-spacing:-.8px}.campaign-footer{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-top:24px}.campaign-footer p{max-width:620px;color:#526174;font-size:12px;line-height:1.8;margin:0}.campaign-footer .text-cta{flex-shrink:0;margin-top:0}.work-secondary{display:block;max-width:760px;margin-left:auto}.flow-project{margin-top:0}.flow-art{height:430px}.process{border-bottom:1px solid var(--line)}.process-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;margin-top:35px}.process-steps>div{border-top:1px solid var(--line);padding:22px 0}.process-steps span{font-size:11px;letter-spacing:1px;color:var(--copper)}.process-steps h3{font-size:21px;font-weight:500;margin:12px 0}.process-steps p{font-size:15px;line-height:1.7;color:#526174}.work-note,.project-caption p,.service-body>div{font-size:13px;line-height:1.7;color:#526174}.section-label{font-size:12px}.service-body p,.services-heading p,.body-copy{font-size:16px}.project-caption h3{font-size:20px}.preview-note{font-size:10px}.art-corner{font-size:10px}.feature-open{font-size:13px}.hero-footer{font-size:10px}.approach-mark i{font-size:10px}
@media(max-width:700px){.hero{min-height:990px}.hero h1{font-size:clamp(45px,11vw,70px);letter-spacing:-2.7px}.hero-inner{padding-bottom:320px}.hero-bottom p{font-size:16px;max-width:370px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .solid-button{font-size:14px;padding:14px 16px}.hero-actions .text-cta{font-size:14px}.hero-visual img{height:43%;bottom:35px}.visual-shade{background:linear-gradient(0deg,#f7f9fc,transparent 25%,transparent 30%,#f7f9fc 59%)}.kicker{font-size:11px}.preview-note{font-size:9px;min-height:30px}.campaign{margin-bottom:60px;padding-top:26px}.campaign-intro{display:block}.campaign-intro h3{font-size:34px;letter-spacing:-1.4px}.campaign-intro>p{margin-top:20px;font-size:14px;max-width:100%}.campaign-controls{margin:25px 0 22px;gap:14px}.direction-options{gap:24px}.device-options{gap:20px}.campaign-controls button{font-size:11px;padding:10px 0}.campaign-board{display:block}.identity-sample{min-height:265px;padding:28px}.campaign-logo{font-size:48px;margin-top:30px}.identity-tagline{margin-top:25px}.identity-symbol{bottom:30px;right:30px;font-size:165px}.swatches{margin-top:20px}.social-sample{padding:28px;border-top:1px solid #303c4b}.social-art{min-height:310px;padding-top:16px}.social-headline{font-size:53px;max-width:65%;margin-top:30px}.planner-sheet{right:-5px;width:36%;padding:20px 12px;top:80px;height:205px}.planner-sheet>span{font-size:6px}.planner-sheet>div{height:25px}.planner-sheet small{font-size:4px}.social-caption{margin-top:30px}.landing-shell{padding:25px 16px}.landing-shell>.sample-label{padding:0 12px}.landing-nav{padding:20px}.landing-nav>span{display:none}.landing-body{display:block;padding:30px 24px}.landing-body h4{font-size:38px}.landing-product{margin:40px auto 15px;max-width:210px;min-height:260px}.landing-footer{font-size:7px;padding:15px 24px}.campaign-footer{display:block;padding-top:20px}.campaign-footer p{font-size:12px}.campaign-footer .text-cta{font-size:13px;margin-top:20px}.campaign[data-direction=graphic] .social-headline{font-size:42px}.work-heading p{font-size:15px}.work-secondary{margin-top:30px}.process-layout{display:block}.process-steps{margin-top:30px}.process-steps p{font-size:15px}.section-label{font-size:11px;letter-spacing:1.2px}.project-caption p,.service-body>div,.work-note{font-size:13px}.service-body p,.body-copy{font-size:16px}.art-corner{font-size:8px;max-width:48%;line-height:1.4}.feature-open{font-size:12px}.mock-nav>span:last-child{display:none}.contact-bottom p{font-size:15px}.contact-bottom>span{font-size:10px}.approach-mark i{font-size:9px}dialog .section-label{font-size:10px}.modal-note{font-size:13px}.hero-footer{font-size:9px}.social-sample>p{font-size:12px}}

/* Full-frame Glass & Pine photograph; no enlarged storyboard crop. */
.water-landscape img{object-position:60% center}

/* Review polish: retain the existing composition while making demo labels readable. */
.preview-note,.art-corner,.landing-footer{font-size:11px;line-height:1.5}
.sample-label,.social-eyebrow,.landing-eyebrow{font-size:11px;letter-spacing:1px}
.landing-nav>span,.sample-cta{font-size:12px}
.social-sample>p,.campaign-footer p{color:#aeb9c9}
.landing-footer{color:#b0bdcd}
.planner-sheet>span{font-size:9px;letter-spacing:.4px}
.planner-sheet small{font-size:8px;letter-spacing:0;line-height:1.4}
.landing-product>span,.landing-product small{font-size:9px;letter-spacing:.5px}
@media(max-width:700px){.art-corner{font-size:10px;max-width:52%}.preview-note{font-size:10px}.landing-footer{font-size:10px}.planner-sheet{padding:16px 9px}.planner-sheet>span{font-size:9px}.planner-sheet small{font-size:8px}}

.honeypot{display:none!important}#send-inquiry{margin-bottom:20px}button:disabled{opacity:.65;cursor:wait}#submission-status{line-height:1.65;overflow-wrap:anywhere}.form-privacy{font-size:13px;line-height:1.6;color:var(--muted)}.form-privacy a{color:var(--text);text-decoration:underline}

/* Personal business offer review */
h1{font-size:clamp(56px,6.6vw,106px);max-width:1100px;letter-spacing:-.065em}.hero-bottom p{max-width:490px}.hero{min-height:800px}.hero-inner{padding-top:65px}.offers{background:linear-gradient(130deg,#eef3fa,#f7f9fc);border-block:1px solid var(--line)}.offer-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:26px 0 35px}.offer-heading>p{max-width:370px;color:#526174}.review-price{color:var(--copper);font-size:12px;margin-bottom:24px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #7b8da4}.offer{padding:35px 30px 30px 0;display:flex;flex-direction:column;align-items:start}.offer+ .offer{border-left:1px solid #7b8da4;padding-left:30px}.offer-number{font-size:10px;letter-spacing:1.3px;color:var(--copper)}.offer h3{font-size:clamp(25px,2.5vw,40px);letter-spacing:-1.3px;line-height:1.16;margin:24px 0}.offer p{color:#526174;font-size:14px;line-height:1.7}.offer-price{font-size:28px;margin-top:28px;letter-spacing:-.8px}.offer-price small{display:block;font-size:11px;letter-spacing:0;color:#526174}.offer .price-detail{font-size:11px;margin-top:8px;color:var(--copper)}.offer ul{padding:0;list-style:none;font-size:13px;color:#172638;margin:24px 0;flex:1;width:100%}.offer li{padding:12px 0;border-bottom:1px solid #7b8da415}.offer details{font-size:12px;color:#526174;width:100%;margin-bottom:10px}.offer summary{cursor:pointer;padding:10px 0}.offer details p{font-size:12px;padding:12px 0}.offer .text-cta{margin-top:18px}.offer-featured{background:linear-gradient(#dbe7ff09,transparent)}.custom-work{border-top:1px solid #7b8da4;margin-top:25px;padding-top:32px;display:grid;grid-template-columns:1fr 1.6fr .8fr;gap:35px;align-items:center}.custom-work p{font-size:14px;color:#526174}.custom-work .text-cta{margin:0}.real-work{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:45px;background:#eef3fa;border:1px solid #7b8da4;margin-bottom:25px}.real-work h3{font-size:clamp(32px,3.7vw,58px);line-height:1.1;letter-spacing:-2px;margin:25px 0}.real-work p{font-size:15px;color:#526174;max-width:380px}.project-word-art{background:linear-gradient(135deg,#eef3fa,#eef3fa);padding:35px;border:1px solid #7b8da4;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;transform:rotate(-2deg)}.project-word-art>span{letter-spacing:6px;font-size:15px}.project-word-art strong{font:700 clamp(40px,5vw,75px)/.95 var(--display);letter-spacing:-3px;color:#172638;margin:30px 0}.project-word-art small{font-size:9px;letter-spacing:2px;color:var(--copper)}.experience-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:35px 0 75px}.experience-strip p{color:#526174;font-size:13px}.experience-strip b{display:block;color:#172638;font-size:15px;margin-bottom:10px}.approach{grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.portrait-frame{min-height:570px;padding:35px;background:radial-gradient(ellipse at 10% 10%,#dbe7ff55,transparent 70%),linear-gradient(135deg,#eef3fa,#f7f9fc);border:1px solid #7b8da4;display:flex;flex-direction:column;justify-content:space-between}.portrait-frame strong{font:400 100px/1 Georgia,serif;letter-spacing:-5px;color:#172638;margin:40px 0}.portrait-frame strong i{color:var(--copper);font-weight:400}.portrait-frame p{color:#172638;font-size:16px}.portrait-frame small{font-size:11px;color:#526174;margin-top:10px}.portrait-caption{display:flex;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:1.5px}.portrait-caption>span:last-child{font:italic 36px Georgia}.approach-copy .body-copy{margin-top:20px;max-width:620px}.personal-signoff{font:italic 30px Georgia,serif;margin-top:32px;color:var(--copper)}.personal-signoff span{display:block;font:9px var(--font);letter-spacing:1.5px;color:#526174;margin-top:16px}.contact-section{background:linear-gradient(120deg,#eef3fa,#eef3fa);color:#172638;border-block:1px solid #7b8da4}.contact-section .section-label,.contact-bottom p,.contact-bottom>span{color:#526174}.big-contact{color:#172638;letter-spacing:-.055em}.big-contact em{color:var(--copper)}.next-step-note{max-width:740px;font-size:12px;color:#526174;margin-top:24px}.work-secondary{grid-template-columns:1fr;max-width:800px}.flow-project{margin-top:0}.flow-art{height:420px}.work-note{margin-bottom:0}
@media(max-width:900px){.offer-grid{grid-template-columns:1fr}.offer,.offer+.offer{padding:30px 0;border-left:0;border-bottom:1px solid #7b8da4}.offer h3 br{display:none}.offer h3{font-size:32px}.offer ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.custom-work{grid-template-columns:1fr}.offer-heading{align-items:start;flex-direction:column;gap:20px}.approach{grid-template-columns:1fr;gap:40px}.portrait-frame{min-height:400px}.portrait-frame strong{font-size:85px}.real-work{gap:30px;padding:30px}.experience-strip{gap:20px}.hero{min-height:760px}}
@media(max-width:600px){h1{font-size:clamp(42px,10.5vw,62px);letter-spacing:-2.8px}.hero-inner{padding-top:35px;padding-bottom:270px}.hero{min-height:820px}.hero-bottom p{font-size:15px}.hero-footer{font-size:7px}.real-work{grid-template-columns:1fr;padding:24px}.project-word-art{min-height:260px}.experience-strip{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.offer ul{display:block}.offer-price{font-size:26px}.offer-heading h2{font-size:36px}.portrait-frame{min-height:380px}.preview-note{font-size:8px}.big-contact{font-size:55px}.contact-bottom{display:block}.contact-bottom>span{display:block;margin-top:20px}.site-header nav{gap:20px}.approach-copy h2{font-size:36px}.custom-work{gap:20px}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.portrait-frame.portrait-photo{padding:0;overflow:hidden;display:block;min-height:0}.portrait-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}

.starter-projects{border-top:1px solid #7b8da4;margin-top:40px;padding-top:42px}.starter-projects h3{font:500 clamp(28px,3vw,42px)/1.2 var(--display);letter-spacing:-1.5px;margin:20px 0 30px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.starter-grid article{border-top:1px solid #7b8da4;padding:24px 0}.starter-grid article>span{color:var(--copper);font-size:10px;letter-spacing:1.3px}.starter-grid h4{font-size:21px;margin:15px 0}.starter-grid b{font-size:22px;font-weight:500}.starter-grid p,.starter-note{color:#526174;font-size:13px;line-height:1.7;margin-top:15px}.starter-note{max-width:850px}@media(max-width:700px){.starter-grid{grid-template-columns:1fr;gap:0}}

.personal-signoff{font:400 clamp(40px,4vw,56px)/1.1 Allura,"Snell Roundhand",cursive;letter-spacing:.02em;color:#1d4ed8}.personal-signoff span{font:9px var(--font);letter-spacing:1.5px}.text-cta span,.nav-contact span,.feature-open span,.project-open{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #1d4ed880;border-radius:50%;color:var(--copper);font-size:17px;transition:background .2s,color .2s,transform .2s}.text-cta:hover span,.nav-contact:hover span,.project:hover .feature-open span,.project:hover .project-open{background:var(--copper);color:#172638;transform:translate(3px,-3px)}.text-cta span svg,.nav-contact span svg,.feature-open span svg,.project-open svg{width:15px;height:15px}.identity-context{color:#526174;font-size:12px;line-height:1.6;max-width:260px;margin-top:22px}.identity-sample .campaign-logo{margin-top:35px}.social-art{min-height:400px;padding:35px;background:linear-gradient(90deg,#08111ce8 0%,#08111caa 43%,#08111c18 100%),url('tablet-campaign.webp?v=daylight-2') center 53%/cover no-repeat;overflow:hidden}.social-art:before{display:none}.social-art .social-headline{max-width:70%;font-size:clamp(45px,5vw,75px);color:#fff}.social-art .social-eyebrow{color:#efc6a5}.social-art .social-caption{color:#edf1f3;margin-top:18px;text-shadow:0 1px 4px #000}.social-art .planner-sheet{display:none}.campaign-button{display:inline-block;border:1px solid #1d4ed8;color:#172638;padding:9px 13px;font:10px var(--font);letter-spacing:1px;margin-top:15px}.landing-product{background:linear-gradient(145deg,#f4eee6,#d6cec4);color:#26313e;min-width:240px;padding:22px;transform:perspective(800px) rotateY(-8deg) rotateZ(3deg);border:1px solid #c9b3a0;box-shadow:14px 20px 35px #0007}.landing-product:after{inset:8px;border-color:#87674c44}.landing-product>span{color:#745e51}.landing-product strong{font:400 25px/1 Georgia,serif;color:#29323c;margin:16px 0}.product-lines{height:auto;border:0}.product-lines b{display:block;font:600 7px var(--font);letter-spacing:1px;color:#1d4ed8;margin-bottom:6px}.product-lines>div:not(.product-goal){display:flex;align-items:center;gap:7px;font:7px var(--font);color:#1d4ed8;border-bottom:1px solid #7b8da4;padding:5px 0}.product-lines i{flex:1;height:1px;background:#dbe7ff}.product-goal{background:#dbe7ff;color:#1d4ed8;font:600 6px var(--font);letter-spacing:.5px;padding:8px;margin:10px 0}.product-goal em{display:block;font:italic 10px Georgia;color:#172638;margin-top:4px}.landing-product small{color:#76665b}.landing-shell[data-device-view=mobile] .landing-product{min-width:0;max-width:230px}.campaign[data-direction=graphic] .social-art{filter:saturate(.7)}@media(max-width:700px){.social-art{min-height:360px;padding:24px;background-position:center}.social-art .social-headline{max-width:85%}.identity-context{max-width:none}.personal-signoff{font-size:44px}}

/* Directional cues: a copper line resolves into a small spark on interaction. */
.text-cta span,.nav-contact span,.feature-open span,.project-open{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:24px;border:0;border-radius:0;background:transparent!important;color:transparent!important;transform:none!important;font-size:0;overflow:visible}.text-cta span::before,.nav-contact span::before,.feature-open span::before,.project-open::before{content:"";width:29px;height:1px;background:linear-gradient(90deg,#dbe7ff,#dbe7ff);transition:width .25s ease,transform .25s ease}.text-cta span::after,.nav-contact span::after,.feature-open span::after,.project-open::after{content:"✳";position:absolute;right:4px;top:50%;font:16px/1 Georgia,serif;color:#1d4ed8;transform:translateY(-50%);transition:transform .35s ease,color .25s ease}.text-cta span svg,.nav-contact span svg,.feature-open span svg,.project-open svg{display:none}.text-cta:hover span::before,.text-cta:focus-visible span::before,.nav-contact:hover span::before,.project:hover .feature-open span::before,.project:hover .project-open::before{width:38px}.text-cta:hover span::after,.text-cta:focus-visible span::after,.nav-contact:hover span::after,.project:hover .feature-open span::after,.project:hover .project-open::after{transform:translate(5px,-50%) rotate(45deg);color:#1d4ed8}.solid-button>span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #1d4ed870;transform:rotate(45deg);transition:transform .25s,background .25s}.solid-button>span svg{width:16px;height:16px;transform:rotate(-45deg)}.solid-button:hover>span,.solid-button:focus-visible>span{transform:rotate(90deg);background:#e5edf830}.solid-button:hover>span svg,.solid-button:focus-visible>span svg{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){.text-cta span::before,.text-cta span::after,.nav-contact span::before,.nav-contact span::after,.feature-open span::before,.feature-open span::after,.project-open::before,.project-open::after,.solid-button>span{transition:none}}

/* A single sunburst motif for all interactive cues. */
.burst-glyph{display:inline-block;font:20px/1 Georgia,serif;color:inherit}.text-cta span .burst-glyph,.nav-contact span .burst-glyph,.feature-open span .burst-glyph,.project-open .burst-glyph{display:none}.solid-button>span{border:0;transform:none;background:none!important;color:#1d4ed8;display:grid;place-items:center}.solid-button>span .burst-glyph{font-size:25px;transition:transform .35s ease}.solid-button:hover>span,.solid-button:focus-visible>span{transform:none;background:none}.solid-button:hover>span .burst-glyph,.solid-button:focus-visible>span .burst-glyph{transform:rotate(45deg)}.contact-arrow{font-size:0;display:grid;place-items:center;width:110px;height:110px}.contact-arrow .burst-glyph{font-size:90px;color:var(--copper);transition:transform .4s}.big-contact:hover .contact-arrow{transform:none}.big-contact:hover .burst-glyph{transform:rotate(45deg)}.mock-button .burst-glyph{font-size:12px}.flow-top .burst-glyph{font-size:24px;color:var(--copper)}.campaign-button{font-weight:500}.work-feature .project-open .burst-glyph{display:none}@media(max-width:700px){.contact-arrow{width:56px;height:56px}.contact-arrow .burst-glyph{font-size:48px}}@media(prefers-reduced-motion:reduce){.burst-glyph{transition:none!important}}

/* Signature detail: twin copper cuts and a directional line. */
.text-cta span::after,.nav-contact span::after,.feature-open span::after,.project-open::after{content:"";width:8px;height:13px;right:3px;top:50%;border-left:1.5px solid #1d4ed8;border-right:1.5px solid #1d4ed8;transform:translateY(-50%) skewX(-18deg);transition:transform .25s ease,border-color .25s}.text-cta:hover span::after,.text-cta:focus-visible span::after,.nav-contact:hover span::after,.project:hover .feature-open span::after,.project:hover .project-open::after{transform:translate(5px,-50%) skewX(-18deg);border-color:#1d4ed8}.burst-glyph{font:600 14px/1 var(--display);letter-spacing:2px}.solid-button>span .burst-glyph{font:600 14px/1 var(--display);letter-spacing:2px;transition:transform .25s}.solid-button:hover>span .burst-glyph,.solid-button:focus-visible>span .burst-glyph{transform:translateX(4px)}.contact-arrow .burst-glyph{font:400 clamp(34px,6vw,75px)/1 var(--display);letter-spacing:5px;color:var(--copper)}.big-contact:hover .burst-glyph{transform:translateX(8px)}.campaign-button{letter-spacing:1px}

.service-intro{border-bottom:1px solid var(--line);background:#f7f9fc}.service-intro-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:28px 0 55px}.service-intro-heading>p{max-width:330px;color:#526174}.service-intro-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service-intro-grid article{border-top:1px solid #7b8da4;padding-top:22px}.service-intro-grid article>span{font-size:10px;color:var(--copper);letter-spacing:1.2px}.service-intro-grid h3{font:500 24px/1.25 var(--display);letter-spacing:-.7px;margin:18px 0}.service-intro-grid p,.value-grid p,.value-proof{font-size:14px;line-height:1.7;color:#526174}.service-intro .text-cta{margin-top:40px}.value-note{border-top:1px solid #7b8da4;margin-top:55px;padding-top:45px}.value-note h3{font:500 clamp(26px,3vw,40px)/1.2 var(--display);margin:20px 0 30px;letter-spacing:-1px}.value-grid b{display:block;color:#172638;margin-bottom:8px}.value-proof{max-width:850px;border-left:2px solid var(--copper);padding-left:18px;margin-top:32px}@media(max-width:700px){.service-intro-heading{display:block}.service-intro-heading>p{margin-top:20px}.service-intro-grid,.value-grid{grid-template-columns:1fr;gap:25px}.site-header nav.open{flex-wrap:wrap;gap:18px 24px}}

.jeffers-showcase{position:relative;min-height:490px;overflow:hidden;background:radial-gradient(ellipse at 80% 5%,#dbe7ff42,transparent 44%),linear-gradient(135deg,#eef3fa,#f7f9fc);border:1px solid #7b8da4;padding:35px}.jeffers-showcase:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(130deg,transparent 0 78px,#dbe7ff10 79px 80px);transform:rotate(-5deg)}.jeffers-backdrop{position:absolute;inset:32px;display:flex;flex-direction:column;justify-content:space-between;color:#526174}.jeffers-backdrop>span,.jeffers-backdrop small,.jeffers-caption{font-size:9px;letter-spacing:1.6px}.jeffers-backdrop strong{font:700 clamp(56px,7vw,105px)/.85 var(--display);letter-spacing:-5px;color:#17263810;align-self:end;text-align:right}.jeffers-browser{position:relative;margin:62px auto 28px;max-width:480px;background:#f7f9fc;box-shadow:0 30px 70px #17263836;transform:rotate(-3deg);border:1px solid #7b8da4}.browser-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#526174;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid #7b8da4}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;background:#dbe7ff;border-radius:50%}.browser-scene{min-height:255px;padding:30px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f7f9fc 5%,#eef3fa 65%,#dbe7ff 150%)}.browser-scene:after{content:"";position:absolute;width:230px;height:230px;right:-65px;top:5px;border:30px solid #7b8da411;border-radius:50%;box-shadow:0 0 0 30px #17263806,0 0 0 60px #17263803}.browser-kicker,.browser-label,.browser-note{display:block;color:#1d4ed8;font-size:8px;letter-spacing:1.2px}.browser-scene p{font:500 clamp(35px,4vw,55px)/1.08 var(--display);letter-spacing:-2px;margin:25px 0;color:#172638;position:relative;z-index:1}.browser-scene p em{font:italic 1em Georgia,serif;color:#1d4ed8}.browser-rule{width:55px;height:2px;background:#dbe7ff;margin-bottom:18px}.browser-note{font-size:7px;color:#526174;margin-top:32px;line-height:1.5;max-width:260px}.jeffers-caption{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;color:#526174;font-size:8px}.real-work{align-items:center}@media(max-width:700px){.jeffers-showcase{min-height:390px;padding:22px}.jeffers-browser{margin:48px auto 30px}.browser-scene{min-height:220px;padding:22px}.jeffers-caption{left:18px;right:18px;font-size:7px}.jeffers-backdrop{inset:22px}}

.jeffers-real{min-height:590px;background:radial-gradient(ellipse at 70% 45%,#dbe7ff59,transparent 50%),#f7f9fc;padding:0;isolation:isolate}.jeffers-real:before{background:repeating-linear-gradient(125deg,transparent 0 115px,#dbe7ff14 116px 117px);z-index:-1}.jeffers-art-label{display:flex;justify-content:space-between;color:#526174;font-size:9px;letter-spacing:1.8px;position:absolute;top:24px;left:28px;right:28px}.jeffers-shot-frame{position:absolute;top:75px;right:-6%;width:85%;background:#f7f9fc;border:1px solid #7b8da4;box-shadow:-20px 28px 60px #17263841;transform:perspective(1300px) rotateY(-9deg) rotateZ(2deg);overflow:hidden}.jeffers-shot-bar{display:flex;justify-content:space-between;align-items:center;background:#eef3fa;color:#526174;padding:12px 15px;font-size:8px;letter-spacing:1px}.jeffers-shot-bar span:first-child{color:#1d4ed8}.jeffers-shot-frame img{display:block;width:100%;height:auto}.jeffers-overlay{position:absolute;left:28px;bottom:58px;background:linear-gradient(120deg,#f7f9fcf2,#eef3faec);border-left:3px solid #1d4ed8;box-shadow:0 20px 55px #17263830;padding:25px 30px;max-width:390px}.jeffers-overlay>span{color:#1d4ed8;font-size:9px;letter-spacing:1.6px}.jeffers-overlay strong{display:block;font:600 clamp(31px,3.4vw,51px)/1.04 var(--display);letter-spacing:-2px;margin:15px 0}.jeffers-overlay strong em{font:italic 1em Georgia,serif;color:#1d4ed8}.jeffers-overlay p{color:#526174;font-size:12px;line-height:1.5}.jeffers-side-label{position:absolute;bottom:20px;right:25px;font-size:8px;letter-spacing:1.5px;color:#526174}@media(max-width:700px){.jeffers-real{min-height:440px}.jeffers-shot-frame{top:65px;width:96%;right:-10%}.jeffers-overlay{left:18px;bottom:45px;padding:18px 22px;max-width:75%}.jeffers-overlay strong{font-size:34px}.jeffers-overlay p{font-size:11px}.jeffers-shot-bar{font-size:7px}.jeffers-art-label{left:18px;right:18px}.jeffers-side-label{right:15px}}

.workflow-showcase{position:relative;overflow:hidden;min-height:610px;padding:36px;background:radial-gradient(ellipse at 75% 15%,#dbe7ff42,transparent 38%),linear-gradient(135deg,#eef3fa,#f7f9fc);border:1px solid #7b8da4;color:#172638}.workflow-showcase:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(130deg,transparent 0 94px,#dbe7ff0d 95px 96px);pointer-events:none}.workflow-eyebrow,.workflow-foot{position:relative;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.4px;color:#526174}.workflow-headline{position:relative;font:500 clamp(38px,4.3vw,68px)/1.05 var(--display);letter-spacing:-2.5px;margin:45px 0 15px}.workflow-headline em{font:italic .92em Georgia,serif;color:#1d4ed8}.workflow-intro{position:relative;font-size:14px;color:#526174;max-width:390px}.workflow-story{position:relative;display:grid;grid-template-columns:.9fr 55px 1.1fr;align-items:center;margin:50px auto 55px;max-width:720px}.workflow-message,.workflow-brief{background:#eef3fa;border:1px solid #7b8da4;box-shadow:0 25px 50px #17263824;padding:22px;text-align:left}.workflow-message{transform:rotate(-4deg)}.workflow-message small,.workflow-brief small{font-size:8px;letter-spacing:1.2px;color:#1d4ed8}.workflow-message-label{display:block;color:#526174;font-size:8px;letter-spacing:1.3px;margin-top:25px}.workflow-message strong{display:block;font:italic 24px/1.25 Georgia,serif;color:#172638;margin:15px 0}.workflow-message p{font-size:11px;color:#526174;line-height:1.6}.workflow-line{height:2px;background:linear-gradient(90deg,#dbe7ff,transparent);margin-top:22px}.workflow-connector{display:flex;align-items:center;justify-content:center;color:#1d4ed8;font-size:11px}.workflow-connector span{width:24px;height:1px;background:#dbe7ff}.workflow-brief{background:#e5edf8;color:#172638;transform:rotate(3deg);border-color:#1d4ed8}.workflow-brief small{color:#1d4ed8}.workflow-brief-head{display:flex;justify-content:space-between;gap:10px;margin:20px 0 14px;font-size:8px;letter-spacing:.8px}.workflow-brief-head b{font-size:7px;color:#1d4ed8}.workflow-row{padding:10px 0;border-top:1px solid #7b8da4;display:flex;justify-content:space-between;gap:12px}.workflow-row span{font-size:7px;color:#526174;letter-spacing:1px}.workflow-row strong{font-size:10px;font-weight:500;text-align:right}.workflow-human{display:flex;align-items:center;gap:10px;margin-top:15px}.workflow-human span{background:#eef3fa;color:#1d4ed8;padding:8px;font-size:9px}.workflow-human p{font-size:10px;color:#526174}.workflow-foot{border-top:1px solid #7b8da455;padding-top:18px}.workflow-showcase:hover .workflow-brief{transform:rotate(0deg) translateY(-5px)}.workflow-brief{transition:transform .3s}.work-secondary{max-width:none}.flow-project{margin-top:0}@media(max-width:700px){.workflow-showcase{padding:22px;min-height:0}.workflow-eyebrow,.workflow-foot{font-size:7px}.workflow-headline{font-size:39px;letter-spacing:-1.5px;margin-top:35px}.workflow-story{grid-template-columns:1fr;gap:12px;margin:35px 8px}.workflow-connector{height:25px;transform:rotate(90deg)}.workflow-message,.workflow-brief{transform:none}.workflow-foot{line-height:1.5}}@media(prefers-reduced-motion:reduce){.workflow-brief{transition:none}}

/* A quieter, more compact workflow study. */
.work-secondary{max-width:none;margin-top:45px}.workflow-showcase{min-height:0;padding:28px 34px;background:linear-gradient(110deg,#eef3fa,#eef3fa);border:0;border-top:1px solid #7b8da4;border-bottom:1px solid #7b8da4}.workflow-showcase:before{display:none}.workflow-headline{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.4px;margin:28px 0 10px}.workflow-intro{font-size:13px;max-width:520px}.workflow-story{display:flex;align-items:stretch;margin:28px 0 32px;max-width:760px;gap:22px}.workflow-message,.workflow-brief{flex:1;background:transparent;color:#172638;border:0;border-top:1px solid #7b8da4;box-shadow:none;transform:none;padding:14px 0}.workflow-message-label{margin-top:13px}.workflow-message strong{font-size:18px;margin:9px 0}.workflow-message p{font-size:11px}.workflow-line{display:none}.workflow-connector{width:30px;flex:none}.workflow-brief small{color:#1d4ed8}.workflow-brief-head{margin:12px 0 5px;color:#172638}.workflow-brief-head b{color:#1d4ed8}.workflow-row{padding:6px 0;border-color:#7b8da450}.workflow-row span{color:#526174}.workflow-row strong{color:#172638}.workflow-human{margin-top:10px}.workflow-human span{background:transparent;border:1px solid #1d4ed8;padding:5px}.workflow-human p{color:#526174}.workflow-foot{font-size:8px}.workflow-showcase:hover .workflow-brief{transform:none}@media(max-width:700px){.workflow-showcase{padding:24px 20px}.workflow-headline{font-size:30px;letter-spacing:-1px;margin-top:22px}.workflow-story{display:block;margin:24px 0}.workflow-connector{display:none}.workflow-message,.workflow-brief{padding:14px 0;margin-bottom:12px}.workflow-foot{font-size:7px}}

/* Compact workflow card with a visible request-to-brief path. */
.work-secondary{max-width:720px;margin:44px 0 0 auto;display:block}.workflow-showcase{padding:24px;min-height:0;background:radial-gradient(ellipse at 90% 5%,#dbe7ff33,transparent 48%),#eef3fa}.workflow-eyebrow,.workflow-foot{font-size:8px}.workflow-headline{font-size:clamp(27px,2.5vw,37px);line-height:1.08;margin:20px 0 8px;letter-spacing:-1.3px}.workflow-intro{font-size:12px}.workflow-story{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:0;margin:24px 0 28px}.workflow-message,.workflow-brief{padding:16px;border:1px solid #7b8da4;background:#eef3fa;box-shadow:0 12px 25px #17263812;margin:0}.workflow-message{transform:rotate(-2deg)}.workflow-brief{background:#e5edf8;color:#172638;border-color:#1d4ed8;transform:rotate(2deg)}.workflow-message strong{font-size:17px}.workflow-message-label{margin-top:12px}.workflow-brief small{color:#1d4ed8}.workflow-brief-head{color:#526174;margin:12px 0 6px}.workflow-brief-head b{color:#1d4ed8}.workflow-row{border-color:#7b8da4;padding:6px 0}.workflow-row span{color:#526174}.workflow-row strong{color:#172638}.workflow-human p{color:#526174}.workflow-connector{width:auto;display:flex}.workflow-showcase:hover .workflow-brief{transform:rotate(0deg) translateY(-3px)}@media(max-width:700px){.work-secondary{width:100%;margin:34px 0 0}.workflow-showcase{padding:20px}.workflow-headline{font-size:28px}.workflow-story{display:grid;grid-template-columns:1fr 22px 1fr;gap:0;margin:22px 0}.workflow-connector{display:flex;transform:none}.workflow-connector span{width:10px}.workflow-connector b{font-size:8px}.workflow-message,.workflow-brief{padding:10px;transform:none}.workflow-message strong{font-size:15px}.workflow-row{display:block}.workflow-row strong{display:block;text-align:left;margin-top:3px}.workflow-foot{font-size:7px}}

/* Show the inquiry moving into the brief. */
.workflow-message,.workflow-brief{position:relative}.workflow-message{animation:workflow-request 5s ease-in-out infinite}.workflow-brief{animation:workflow-result 5s ease-in-out infinite}.workflow-connector{position:relative;min-height:32px}.workflow-connector span{position:relative;display:block;width:100%;height:1px;background:#dbe7ff4d;overflow:visible}.workflow-connector span:after{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:#dbe7ff;box-shadow:0 0 8px #172638,0 0 18px #17263836;transform:translate(-50%,-50%);animation:workflow-travel 5s ease-in-out infinite}.workflow-connector b{position:absolute;right:-3px;top:50%;transform:translateY(-50%);color:#1d4ed8}.workflow-row{animation:workflow-detail 5s ease-in-out infinite}.workflow-row:nth-of-type(3){animation-delay:.16s}.workflow-row:nth-of-type(4){animation-delay:.32s}@keyframes workflow-travel{0%,16%{left:0;opacity:0}24%{opacity:1}52%{left:100%;opacity:1}60%,100%{left:100%;opacity:0}}@keyframes workflow-request{0%,12%{box-shadow:0 12px 25px #17263812}22%,38%{box-shadow:0 0 0 1px #1726382a,0 14px 30px #1726381e}58%,100%{box-shadow:0 12px 25px #17263812}}@keyframes workflow-result{0%,48%{box-shadow:0 12px 25px #17263812}60%,75%{box-shadow:0 0 0 2px #1726383b,0 14px 30px #1726381e}90%,100%{box-shadow:0 12px 25px #17263812}}@keyframes workflow-detail{0%,52%{opacity:.48}66%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.workflow-message,.workflow-brief,.workflow-row,.workflow-connector span:after{animation:none!important}.workflow-row{opacity:1}.workflow-connector span:after{left:50%;opacity:1}}

.work-secondary{max-width:none;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:6%;align-items:center;margin:65px 0 0}.workflow-editorial{padding:0;max-width:490px}.workflow-editorial>span{font-size:9px;letter-spacing:1.6px;color:#526174}.workflow-editorial h3{font:600 clamp(38px,4.2vw,64px)/1.08 var(--display);letter-spacing:-2.8px;color:#172638;margin:24px 0}.workflow-editorial h3 em{font:italic 1em Georgia,serif;color:#1d4ed8}.workflow-editorial h3 strong{color:#1d4ed8;font-weight:600}.workflow-editorial p{font-size:14px;line-height:1.7;color:#526174;max-width:330px}.flow-project{min-width:0}@media(max-width:850px){.work-secondary{grid-template-columns:1fr;gap:28px}.workflow-editorial{max-width:600px}.workflow-editorial h3{font-size:40px;letter-spacing:-1.5px;margin:16px 0}.flow-project{max-width:720px}}

/* Improve readability of the work section introduction. */
.work-heading p{font-size:16px;line-height:1.65;font-weight:500;color:#172638;max-width:290px}@media(max-width:700px){.work-heading p{font-size:16px;margin-top:18px}}

/* Workflow visual: two distinct, readable steps on a compact canvas. */
.workflow-showcase{background:radial-gradient(ellipse at 82% 12%,#dbe7ff26,transparent 46%),linear-gradient(140deg,#eef3fa,#f7f9fc);border:1px solid #7b8da4}.workflow-message{background:linear-gradient(145deg,#eef3fa,#eef3fa);border:1px solid #7b8da4;color:#172638;padding:17px;box-shadow:0 14px 32px #17263824}.workflow-message small{color:#1d4ed8}.workflow-message strong{color:#172638;font:italic clamp(16px,1.35vw,20px)/1.25 Georgia,serif;margin:15px 0 8px}.workflow-message p{color:#172638;font-size:11px;line-height:1.55}.workflow-inquiry-top{display:flex;align-items:center;gap:9px;margin:14px 0 0}.workflow-inquiry-top>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.workflow-avatar{width:27px;height:27px;display:grid;place-items:center;background:#dbe7ff;color:#172638;border-radius:50%;font:600 12px var(--display)}.workflow-inquiry-top b{color:#172638;font:600 9px var(--font);letter-spacing:.7px}.workflow-inquiry-top small{color:#172638;font:8px var(--font);letter-spacing:.7px}.workflow-status{margin-left:auto;color:#1d4ed8;border:1px solid #1d4ed888;padding:4px 5px;font-size:7px;letter-spacing:.5px}.workflow-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.workflow-tags span{border:1px solid #7b8da477;padding:4px 6px;color:#172638;font-size:7px;letter-spacing:.7px}.workflow-brief{background:linear-gradient(145deg,#e5edf8,#e5edf8);border:1px solid #1d4ed8;box-shadow:0 16px 34px #17263830;color:#172638}.workflow-brief-head{color:#526174}.workflow-brief-head b{color:#1d4ed8}.workflow-row span{color:#526174}.workflow-row strong{color:#172638}.workflow-human p{color:#526174}.workflow-connector span{background:#dbe7ff}.workflow-showcase .workflow-intro{color:#172638}.workflow-showcase .workflow-eyebrow,.workflow-showcase .workflow-foot{color:#172638}.workflow-editorial p{color:#172638}.flow-project:focus-visible .workflow-showcase{outline:2px solid #1d4ed8;outline-offset:5px}@media(max-width:700px){.workflow-message{padding:12px}.workflow-avatar{width:23px;height:23px;font-size:10px}.workflow-inquiry-top{gap:6px}.workflow-status{display:none}.workflow-tags span{font-size:6px;padding:3px}.workflow-message strong{font-size:15px}}

/* Cooler silver brief with legible information at every animation phase. */
.workflow-brief{background:linear-gradient(145deg,#e5edf8,#e5edf8);border:1px solid #7b8da4;color:#172638}.workflow-brief small{color:#1d4ed8;font-size:9px;font-weight:600}.workflow-brief-head{color:#172638;font-size:9px;font-weight:600}.workflow-brief-head b{color:#1d4ed8;font-size:8px}.workflow-row{border-color:#7b8da488;animation:none;opacity:1}.workflow-row span{color:#526174;font-size:8px;font-weight:600}.workflow-row strong{color:#172638;font-size:11px;font-weight:600}.workflow-human span{color:#1d4ed8;border-color:#1d4ed8}.workflow-human p{color:#526174;font-size:10px;font-weight:500}@media(max-width:700px){.workflow-row span{font-size:8px}.workflow-row strong{font-size:10px}.workflow-brief-head{font-size:8px}}

/* A more personal introduction and consistent reading rhythm. */
.personal-intro{display:grid;grid-template-columns:minmax(155px,.65fr) minmax(300px,1.25fr) minmax(150px,.55fr);align-items:center;gap:5%;border-bottom:1px solid #7b8da4;background:linear-gradient(115deg,#f7f9fc,#f7f9fc);padding-top:75px;padding-bottom:75px}.personal-intro-image{position:relative;max-width:260px;aspect-ratio:4/5;overflow:hidden}.personal-intro-image:after{content:"";position:absolute;inset:10px;border:1px solid #1d4ed877;pointer-events:none}.personal-intro-image img{display:block;width:100%;height:100%;object-fit:cover}.personal-intro-copy h2{font-size:clamp(38px,4vw,60px);margin:20px 0}.personal-intro-copy h2 span{color:var(--copper);font:italic 1em Georgia,serif}.personal-intro-copy p{max-width:550px;color:#172638;font-size:16px;line-height:1.75}.personal-intro-copy .text-cta{margin-top:22px}.personal-intro-aside{border-left:1px solid #7b8da4;padding-left:24px;align-self:end}.personal-intro-aside span{font-size:10px;letter-spacing:1.6px;color:#1d4ed8}.personal-intro-aside p{color:#172638;font:italic 18px/1.5 Georgia,serif;margin-top:16px}.section-label,.offer-number,.workflow-editorial>span{color:#526174}.work-note,.campaign-footer p{color:#526174}.campaign-intro p{color:#172638}.campaign{margin-top:40px}.real-work{gap:6%}.service-intro-grid p,.body-copy{color:#172638}.contact-bottom p,.next-step-note{color:#172638}.site-header nav a:focus-visible,.text-cta:focus-visible{outline:2px solid var(--copper);outline-offset:5px}@media(max-width:850px){.personal-intro{grid-template-columns:minmax(130px,.6fr) 1.4fr;gap:30px}.personal-intro-aside{grid-column:2;align-self:auto}.personal-intro-image{align-self:start}}@media(max-width:600px){.personal-intro{grid-template-columns:1fr 2fr;gap:18px;padding-top:55px;padding-bottom:55px;align-items:start}.personal-intro-copy h2{font-size:34px;margin:12px 0}.personal-intro-copy p{font-size:14px;line-height:1.6}.personal-intro-aside{grid-column:1/-1;margin-top:8px}.personal-intro-aside p{font-size:16px}.personal-intro-image{min-width:0}.personal-intro-image:after{inset:6px}.hero h1{font-size:clamp(40px,10vw,60px);line-height:1.06}.work-heading p{color:#172638}}

/* Silver Jeffers project overlay. */
.jeffers-overlay{background:linear-gradient(120deg,#e5edf8f7,#e5edf8f7);color:#172638;border-left-color:#1d4ed8}.jeffers-overlay>span{color:#1d4ed8;font-weight:600}.jeffers-overlay strong{color:#172638}.jeffers-overlay strong em{color:#1d4ed8}.jeffers-overlay p{color:#172638}

/* Compact Society Reserve study: keep the campaign connected without dominating the page. */
.campaign{margin-top:30px}.campaign-intro{padding-top:25px;padding-bottom:22px}.campaign-intro h3{font-size:clamp(29px,3vw,45px);line-height:1.15}.campaign-intro p{max-width:480px}.campaign-controls{padding-top:14px;padding-bottom:14px}.campaign-board{grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr)}.identity-sample{min-height:290px;padding:24px}.identity-context{margin-top:14px}.identity-sample .campaign-logo{margin-top:24px}.identity-tagline{margin-top:24px}.identity-symbol{font-size:140px}.social-sample{padding:24px}.social-sample>.sample-label{margin-bottom:12px}.social-art{min-height:300px;padding:24px;background-position:center 58%}.social-art .social-headline{font-size:clamp(38px,4vw,62px);margin-top:18px}.social-art .social-caption{margin-top:14px}.campaign-button{margin-top:10px}.landing-shell{padding:20px 24px 24px}.landing-shell>.sample-label{margin-bottom:15px}.landing-nav{padding:15px 5%}.landing-body{padding-top:26px;padding-bottom:26px}.landing-product{min-height:230px}.campaign-footer{padding-top:18px;padding-bottom:18px}.campaign-footer p{font-size:12px}.work-section .work-note{margin-top:30px}@media(max-width:700px){.campaign-intro h3{font-size:30px}.campaign-board{grid-template-columns:1fr}.identity-sample{min-height:0;padding:22px}.identity-sample .campaign-logo{margin-top:20px}.identity-tagline{margin-top:20px}.social-sample{padding:22px}.social-art{min-height:300px;padding:22px}.landing-shell{padding:20px}.landing-product{min-width:0}.campaign-controls{gap:15px;flex-wrap:wrap}.direction-options{gap:16px;flex-wrap:wrap}}

@media(max-width:600px){.real-work{gap:24px}}

/* Improve pricing introduction legibility. */
.offer-heading>p{font-size:17px;line-height:1.65;font-weight:500;color:#172638;max-width:390px}@media(max-width:700px){.offer-heading>p{font-size:16px}}

/* Clear navigation and restrained scroll-responsive details. */
html{scroll-padding-top:105px}.site-header{position:sticky;top:0;z-index:50;background:#f7f9fcf5;border-bottom:1px solid #7b8da4;backdrop-filter:blur(14px)}.site-header nav{gap:4px;margin-left:0}.site-header nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 15px;color:#172638;font-size:15px;font-weight:600;border-bottom:2px solid transparent;transition:background .2s,color .2s,border-color .2s}.site-header nav a:hover,.site-header nav a[aria-current]{color:#1d4ed8;background:#e5edf80a;border-bottom-color:#1d4ed8}.nav-contact{font-size:14px;font-weight:600;color:#172638;min-height:48px}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;pointer-events:none}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,#dbe7ff,#dbe7ff);transform:scaleX(var(--reading-progress,0));transform-origin:left}.campaign-hint{font-size:10px;letter-spacing:1.4px;color:#1d4ed8;margin-top:20px}.campaign-controls button{font-size:13px;color:#172638;padding:12px 6px}.campaign-controls button[aria-pressed=true]{color:#1d4ed8;border-bottom-width:2px}.project .feature-art,.workflow-showcase,.real-work{transition:border-color .3s,box-shadow .3s}.project:hover .feature-art,.project:focus-visible .feature-art,.flow-project:hover .workflow-showcase,.flow-project:focus-visible .workflow-showcase{box-shadow:0 16px 50px #1726382a,0 0 0 1px #1726383b}.service-intro-grid article{transition:border-color .25s,transform .25s}.service-intro-grid article:hover{border-color:#1d4ed8;transform:translateY(-3px)}@supports(animation-timeline: view()){.jeffers-shot-frame{animation:showcase-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes showcase-drift{from{translate:0 12px}to{translate:0 -12px}}}.menu-toggle b{display:none}@media(max-width:700px){html{scroll-padding-top:88px}.site-header{height:76px}.site-header nav{top:76px;padding:12px 6% 20px;gap:4px!important;flex-direction:column;align-items:stretch;box-shadow:0 18px 35px #17263830}.site-header nav a{font-size:16px;min-height:50px;padding:0 12px;border-bottom:1px solid #7b8da4}.site-header nav a[aria-current]{border-bottom-color:#1d4ed8}.menu-toggle{width:54px;min-height:48px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{width:22px;margin:0}.menu-toggle b{display:block;font:10px var(--font);color:#172638;letter-spacing:.5px}.nav-contact{margin-right:10px}.reading-progress{bottom:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jeffers-shot-frame{animation:none!important;translate:none!important}.service-intro-grid article,.project .feature-art,.workflow-showcase,.real-work{transition:none!important}.service-intro-grid article:hover{transform:none}}

/* Translucent navigation with readable foreground. */
.site-header{background:rgba(9,14,22,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* Navigation uses an underline rather than a filled box. */
.site-header nav a,.site-header nav a:hover,.site-header nav a[aria-current]{background:transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:#1d4ed8}.reading-progress{display:none}

/* Inquiry: an editorial project brief. */
#contact-modal{position:fixed;width:min(920px,calc(100% - 32px));max-width:none;max-height:min(90dvh,900px);padding:clamp(28px,5vw,64px);border:1px solid #7b8da445;border-radius:36px;background:radial-gradient(ellipse at 4% 0%,#e5edf824,transparent 42%),radial-gradient(ellipse at 96% 8%,#dbe7ff24,transparent 46%),linear-gradient(145deg,#eef3fae8,#f7f9fceb 72%);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px 0 #17263820,inset 1px 0 0 #1726380b,inset 0 -1px 0 #1726380f,0 30px 100px #17263836,0 0 45px #17263806;color:#172638;overflow-y:auto;overscroll-behavior:contain}
#contact-modal::backdrop{background:#f7f9fc99;backdrop-filter:blur(7px) saturate(80%);-webkit-backdrop-filter:blur(7px) saturate(80%)}
#contact-modal .close{position:sticky;float:right;top:0;z-index:2;display:grid;place-items:center;width:42px;height:42px;margin:-18px -18px 0 0;border:1px solid #7b8da450;border-radius:50%;box-shadow:inset 0 1px 0 #17263816,0 5px 16px #17263812;background:linear-gradient(145deg,#e5edf824,#f7f9fc80);color:#172638;font-size:26px;line-height:1}
#contact-modal .close:hover{border-color:#1d4ed8;color:#1d4ed8}
.inquiry-eyebrow{display:flex;justify-content:space-between;gap:20px;padding-right:50px;color:#172638;font-size:10px;letter-spacing:.16em}
.inquiry-eyebrow span:last-child{color:#1d4ed8}
.inquiry-headline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:42px}
#contact-modal .section-label{color:#1d4ed8;font-size:10px;letter-spacing:.16em}
#contact-modal h2{margin:16px 0 0;font:500 clamp(38px,5.6vw,64px)/1.05 var(--display);letter-spacing:-.055em}
#contact-modal h2 em{color:#1d4ed8;font-family:Georgia,serif;font-weight:400}
.inquiry-mark{display:flex;align-items:center;justify-content:center;flex:none;width:94px;height:94px;transform:rotate(-6deg);border-radius:38% 62% 56% 44% / 45% 43% 57% 55%;border:1px solid #1d4ed899;background:radial-gradient(ellipse at 25% 10%,#dbe7ffb3,transparent 42%),linear-gradient(135deg,#dbe7ffd9,#dbe7ffd9);box-shadow:inset 0 2px 0 #1726382d,inset 0 -3px 12px #17263824,0 16px 34px #1726381e;color:#172638;font:600 54px/1 var(--display);letter-spacing:-.12em}
.inquiry-mark span{color:#1d4ed8}
#contact-modal .modal-note{max-width:540px;margin:20px 0 0;color:#172638;font-size:15px;line-height:1.65}
.inquiry-divider{display:flex;justify-content:space-between;gap:15px;margin:32px 0 24px;padding-top:14px;border-top:1px solid #7b8da466;color:#1d4ed8;font-size:10px;letter-spacing:.13em}
#inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
#inquiry-form label{display:flex;flex-direction:column;gap:9px;margin:0;color:#172638;font-size:12px;font-weight:600;letter-spacing:.04em}
#inquiry-form label:has(select),#inquiry-form label:has(textarea),#inquiry-form #package-label,#inquiry-form .form-privacy,#inquiry-form #preview-inquiry{grid-column:1 / -1}
#inquiry-form label[hidden]{display:none}
#inquiry-form input:not(.honeypot),#inquiry-form select,#inquiry-form textarea{width:100%;min-height:54px;padding:15px 16px;border:1px solid #7b8da478;border-radius:16px;background:linear-gradient(135deg,#e5edf810,#f7f9fccc);box-shadow:inset 0 1px 0 #17263809,inset 0 2px 10px #1726380c;color:#172638;font-size:15px;line-height:1.4;letter-spacing:0;outline-offset:2px}
#inquiry-form input::placeholder,#inquiry-form textarea::placeholder{color:#526174;opacity:1}
#inquiry-form select{appearance:auto}
#inquiry-form textarea{min-height:118px;resize:vertical}
#inquiry-form input[readonly]{border-color:#1d4ed8;color:#1d4ed8;background:#dbe7ff}
#inquiry-form .form-privacy{margin:0;color:#526174;font-size:12px;line-height:1.65}
#inquiry-form #preview-inquiry,#contact-modal #send-inquiry{min-height:60px;display:flex;align-items:center;justify-content:space-between;margin:0;width:100%;border-radius:999px;padding-inline:26px;font-size:14px;font-weight:600}
#inquiry-result{border-top:1px solid #7b8da466;padding-top:26px;margin-top:28px}
#inquiry-result[hidden]{display:none}
#contact-modal #preview-title{font:500 clamp(28px,4vw,42px)/1.15 var(--display);letter-spacing:-.04em;margin:12px 0 24px}
#inquiry-summary{display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:0;margin:0 0 24px}
#inquiry-summary dt,#inquiry-summary dd{margin:0;padding:14px 0;border-bottom:1px solid #7b8da4;overflow-wrap:anywhere}
#inquiry-summary dt{color:#1d4ed8;font-size:12px}
#inquiry-summary dd{color:#172638;font-size:15px}
#submission-status{margin:0 0 22px;color:#172638}
#contact-modal #edit-inquiry{margin-top:20px;min-height:44px}
@media(max-width:700px){#contact-modal{width:calc(100% - 24px);max-height:92dvh;padding:28px 22px;border-radius:26px}#contact-modal .close{margin:-14px -10px 0 0}.inquiry-eyebrow span:last-child{display:none}.inquiry-headline{padding-top:35px}.inquiry-mark{width:58px;height:58px;font-size:35px;box-shadow:inset 0 1px 8px #1726381b,0 10px 24px #17263824}#contact-modal h2{font-size:clamp(35px,10vw,46px)}.inquiry-divider span:last-child{display:none}#inquiry-form{grid-template-columns:1fr;gap:18px}#inquiry-form label,#inquiry-form label:has(select),#inquiry-form label:has(textarea),#inquiry-form #package-label,#inquiry-form .form-privacy,#inquiry-form #preview-inquiry{grid-column:1}#inquiry-summary{grid-template-columns:1fr;gap:0}#inquiry-summary dt{border:0;padding:12px 0 2px}#inquiry-summary dd{padding:2px 0 12px}}

/* Glass highlights stay still to preserve a calm, readable inquiry. */
#contact-modal .solid-button{background:linear-gradient(175deg,#dbe7ff 0%,#dbe7ff 35%,#dbe7ff 75%,#dbe7ff 100%);border:1px solid #1d4ed899;box-shadow:inset 0 2px 0 #1726383a,inset 0 -2px 0 #17263815,0 8px 24px #17263812;color:#1d4ed8}
#contact-modal .solid-button:hover{filter:brightness(1.06);box-shadow:inset 0 2px 0 #1726383f,0 10px 28px #1726380b}
#inquiry-form input:not(.honeypot):focus,#inquiry-form select:focus,#inquiry-form textarea:focus{border-color:#1d4ed8;background:linear-gradient(135deg,#e5edf81a,#f7f9fce6)}
@supports not (backdrop-filter:blur(1px)){#contact-modal{background:linear-gradient(145deg,#eef3fa,#f7f9fc)} }
@media(prefers-reduced-transparency:reduce){#contact-modal{background:#eef3fa;backdrop-filter:none;-webkit-backdrop-filter:none}#contact-modal::backdrop{background:#f7f9fce6;backdrop-filter:none;-webkit-backdrop-filter:none}}