
:root{--ink:#17251f;--muted:#6c756e;--paper:#f4f1e9;--white:#fffdf8;--green:#183c32;--green2:#245347;--accent:#ffef00;--coral:#dd725c;--line:rgba(23,37,31,.15);--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 56px));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.eyebrow:before{content:'';width:27px;height:1px;background:currentColor}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid var(--ink);border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.pill:hover{background:var(--ink);color:var(--white);transform:translateY(-2px)}.pill.light{border-color:rgba(255,255,255,.6);color:white}.pill.light:hover{background:white;color:var(--green)}.pill .arrow{font-size:16px;line-height:0}
header{position:absolute;inset:0 0 auto;z-index:5;color:white}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22)}.brand{font-size:15px;font-weight:700;letter-spacing:.035em}.brand span{display:block;font-size:9px;opacity:.7;letter-spacing:.23em;text-transform:uppercase;margin-top:1px}.nav-links{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.nav-links a:not(.pill){opacity:.83;transition:opacity .2s}.nav-links a:not(.pill):hover{opacity:1}.nav .pill{font-size:10px;padding:11px 15px}.menu-toggle{display:none;color:white;border:0;background:none;font-size:26px;cursor:pointer}
.hero{min-height:750px;height:min(850px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#173d40;color:white}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(14,35,32,.86) 0%,rgba(14,35,32,.57) 48%,rgba(14,35,32,.12) 100%),linear-gradient(0deg,rgba(11,27,26,.45),transparent 55%),url('/assets/keith-umbrella.jpeg');background-position:center;background-size:cover;transform:scale(1.02)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--paper))}.hero-content{position:relative;z-index:1;padding-top:66px;max-width:740px}.hero .eyebrow{color:var(--accent);margin-bottom:24px}.hero h1{font-size:clamp(54px,8vw,104px);line-height:.94;margin:0 0 25px;max-width:800px}.hero h1 em{color:var(--accent);font-style:normal}.hero-intro{font-size:17px;max-width:530px;color:rgba(255,255,255,.86);margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{position:absolute;z-index:1;right:max(28px,calc((100vw - var(--wrap))/2));bottom:130px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:rgba(255,255,255,.8)}.hero-stamp{position:absolute;z-index:1;right:12%;top:29%;width:112px;height:112px;border:1px solid rgba(255,255,255,.52);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;transform:rotate(12deg)}.hero-stamp b{font-family:var(--serif);font-size:21px;letter-spacing:0;display:block;color:var(--accent);font-weight:400}
.intro-band{padding:24px 0 85px}.intro-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start;border-top:1px solid var(--line);padding-top:28px}.intro-grid .eyebrow{color:var(--green2)}.intro-grid p{margin:0;font-size:18px;max-width:690px;line-height:1.7}.intro-grid strong{font-weight:700;color:var(--green)}
.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:52px}.section-head h2{font-size:clamp(42px,6vw,76px);line-height:1;margin:14px 0 0}.section-head p{max-width:390px;color:var(--muted);margin:0 0 4px}.about{background:var(--green);color:var(--white);position:relative;overflow:hidden}.about:after{content:'KB';font-family:var(--serif);position:absolute;font-size:42vw;line-height:.7;color:rgba(255,255,255,.025);right:-2vw;bottom:-4vw;pointer-events:none}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:9%;align-items:center;position:relative;z-index:1}.about-visual{min-height:510px;position:relative;background:linear-gradient(0deg,rgba(9,42,36,.85),rgba(9,42,36,0) 45%),url('/assets/keith-bryan-bio.jpeg') 50% 35%/cover}.about-visual:before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35)}.about-visual-caption{position:absolute;bottom:38px;left:38px;right:38px;color:white}.about-visual-caption p{font-family:var(--serif);font-size:29px;line-height:1.1;margin:0}.about-visual-roles{color:var(--accent);font-size:14px;line-height:1.5;margin-top:8px}.about-copy .eyebrow{color:var(--accent)}.about-copy h2{font-size:clamp(42px,5.5vw,70px);line-height:.98;margin:17px 0 25px}.about-copy>p{color:rgba(255,255,255,.78);max-width:550px}.about-copy p.lead{font-size:19px;color:white}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;border-top:1px solid rgba(255,255,255,.2);margin-top:37px;padding-top:26px}.fact b{display:block;color:var(--accent);font-family:var(--serif);font-size:25px;font-weight:400}.fact span{display:block;font-size:12px;color:rgba(255,255,255,.69);line-height:1.45;margin-top:3px}
.speaking{background:var(--paper)}.speak-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:10%}.speak-aside h3{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.1;margin:0 0 17px}.speak-aside p{color:var(--muted);max-width:360px}.speak-aside .pill{margin-top:16px}.topics{border-top:1px solid var(--line)}.topic{display:grid;grid-template-columns:54px 1fr 24px;gap:17px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.topic-num{font-size:11px;color:var(--coral);font-weight:700}.topic h3{margin:0;font-family:var(--serif);font-size:27px;line-height:1.15;font-weight:400}.topic p{font-size:13px;color:var(--muted);margin:6px 0 0}.topic-arrow{color:var(--green2);font-size:19px}
.work{background:#e9e6dc}.work .section-head{align-items:end}.work-grid{display:grid;grid-template-columns:1.14fr .86fr .86fr;gap:18px}.work-card{position:relative;min-height:410px;background:var(--green);color:white;display:flex;flex-direction:column;justify-content:end;overflow:hidden;padding:27px}.work-card:first-child{min-height:500px}.work-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,25,24,.94) 0%,rgba(10,25,24,.35) 55%,rgba(10,25,24,.05) 100%);z-index:1;transition:.35s}.work-card:hover:before{background:linear-gradient(0deg,rgba(10,25,24,.95),rgba(10,25,24,.18))}.work-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s}.work-card:hover .work-bg{transform:scale(1.05)}.work-card:nth-child(1) .work-bg{background-image:url('https://images.unsplash.com/photo-1506157786151-b8491531f063?auto=format&fit=crop&w=1200&q=85')}.work-card:nth-child(2) .work-bg{background-image:url('https://images.unsplash.com/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=900&q=85')}.work-card:nth-child(3) .work-bg{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=85')}.work-content{position:relative;z-index:2}.work-category{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:700}.work-card h3{font-family:var(--serif);font-size:32px;line-height:1.04;font-weight:400;margin:9px 0}.work-card p{font-size:13px;color:rgba(255,255,255,.78);max-width:320px;margin:0}.work-caption{font-size:10px;color:var(--muted);margin:14px 0 0}
.approach{background:var(--white)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.approach-quote{font-family:var(--serif);font-size:clamp(35px,5vw,62px);line-height:1.08;margin:0;color:var(--green)}.approach-copy p{color:var(--muted);max-width:470px}.approach-copy .eyebrow{color:var(--coral);margin-bottom:20px}.approach-copy .pill{margin-top:14px}
.contact{background:#eee3a5;padding:90px 0;--accent:#eee3a5}.contact-grid{display:flex;justify-content:space-between;gap:42px;align-items:center}.contact h2{font-family:var(--serif);font-size:clamp(45px,6vw,76px);line-height:.98;margin:14px 0}.contact p{max-width:480px;margin:0;color:rgba(23,37,31,.76)}.contact-card{min-width:300px;background:var(--green);color:white;padding:28px}.contact-card span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.contact-card p{color:rgba(255,255,255,.75);font-size:13px;margin:10px 0 0}.contact-card a{display:flex;margin-top:15px;color:var(--accent);font-size:12px;font-weight:700;overflow-wrap:anywhere}.contact-card a:hover{text-decoration:underline}.contact-card a:after{content:'';margin-left:0}
footer{background:#14241e;color:white;padding:23px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:rgba(255,255,255,.65)}.footer-brand{font-size:13px;color:white;font-weight:700}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--accent)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.wrap{width:min(var(--wrap),calc(100% - 38px))}.nav-links{gap:18px}.nav-links>a:not(.pill){display:none}.hero{min-height:700px}.hero-content{max-width:650px}.hero-stamp{right:9%;top:22%;width:90px;height:90px}.intro-grid{grid-template-columns:1fr;gap:18px}.section{padding:78px 0}.section-head{display:block;margin-bottom:37px}.section-head p{margin-top:17px}.about-grid{grid-template-columns:1fr 1fr;gap:6%}.about-visual{min-height:450px}.about-facts{gap:18px}.speak-layout{gap:6%}.work-grid{grid-template-columns:1fr 1fr}.work-card:first-child{grid-column:span 2;min-height:430px}.work-card{min-height:350px}.approach-grid{gap:7%}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}.nav{height:72px;position:relative}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:-17px;right:-17px;padding:18px;background:var(--green);flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 12px 24px rgba(0,0,0,.2)}.nav-links.open{display:flex}.nav-links>a:not(.pill){display:block}.nav-links .pill{align-self:flex-start}.brand{font-size:13px}.brand span{font-size:8px}.nav .pill{padding:10px 12px;font-size:9px}.menu-toggle{display:none}.hero{height:88svh;min-height:650px;max-height:820px}.hero-image{background-position:58% center;background-image:linear-gradient(90deg,rgba(14,35,32,.83),rgba(14,35,32,.43)),linear-gradient(0deg,rgba(11,27,26,.35),transparent 55%),url('/assets/keith-umbrella.jpeg')}.hero-content{padding-top:34px}.hero h1{font-size:clamp(55px,15vw,78px)}.hero-intro{font-size:15px;max-width:430px}.hero-stamp{width:72px;height:72px;top:auto;right:24px;bottom:160px;font-size:7px}.hero-stamp b{font-size:16px}.hero-note{display:none}.intro-band{padding:7px 0 56px}.intro-grid p{font-size:16px}.section{padding:66px 0}.section-head h2{font-size:48px}.section-head p{font-size:14px}.about-grid{grid-template-columns:1fr;gap:32px}.about-visual{min-height:390px}.about-copy h2{font-size:55px}.about-copy p{font-size:14px}.about-copy p.lead{font-size:17px}.about-facts{margin-top:26px}.fact b{font-size:21px}.speak-layout{grid-template-columns:1fr;gap:38px}.speak-aside h3{font-size:30px}.topic{grid-template-columns:35px 1fr 18px;gap:10px;padding:18px 0}.topic h3{font-size:23px}.topic p{font-size:12px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card:first-child{grid-column:auto;min-height:400px}.work-card{min-height:330px;padding:24px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-quote{font-size:43px}.contact{padding:68px 0}.contact-grid{display:block}.contact h2{font-size:55px}.contact p{font-size:14px}.contact-card{min-width:0;margin-top:28px;padding:23px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:14px}.pill{padding:13px 16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}
/* Keep the portrait clear of the headline across screen sizes. */
.hero-image{left:50%;background-image:linear-gradient(90deg,#173d40 0%,rgba(23,61,64,0) 22%),url('/assets/keith-umbrella.jpeg');background-position:center;transform:none}
.hero-content{max-width:var(--wrap);padding-right:51%}
.hero h1{font-size:clamp(54px,6.3vw,86px)}
.hero-stamp{right:9%;top:auto;bottom:145px;background:rgba(23,61,64,.88)}
@media(max-width:850px) and (min-width:601px){.hero-content{padding-right:48%}.hero h1{font-size:60px}.hero-intro{font-size:15px}}
@media(max-width:600px){.hero{height:auto;min-height:0;max-height:none;flex-direction:column;align-items:stretch}.hero-content{order:0;padding:118px 0 38px;max-width:none}.hero h1{font-size:clamp(55px,15vw,78px)}.hero-image{order:1;position:relative;inset:auto;width:100%;aspect-ratio:3/4;background-image:url('/assets/keith-umbrella.jpeg');background-position:center;background-size:cover}.hero-stamp{bottom:125px;right:20px}.hero:after{height:70px}.hero-intro{max-width:430px}}
.social-profiles{margin-top:30px}.social-profiles h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 14px;border:1px solid rgba(23,37,31,.35);font-size:13px;font-weight:600;border-radius:2px}.social-links a:hover,.social-links a:focus-visible{background:var(--green);color:var(--white)}

/* Animated opening and portfolio previews */
.hero{height:auto;min-height:800px;padding:150px 0 110px;background:#173d40}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hero .hero-content{width:auto;max-width:none;padding:0;margin:0}.hero h1{font-size:clamp(54px,6vw,82px)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-actions .pill{padding:20px 12px;min-height:68px;font-size:12px;letter-spacing:.04em;justify-content:space-between}.feature-switch{border:1px solid rgba(255,255,255,.25);background:#102e2e;position:relative;z-index:1}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.25)}.feature-tabs button{padding:19px 8px;border:0;background:none;color:#c3ceca;font-size:12px;font-weight:700;cursor:pointer}.feature-tabs button[aria-selected=true]{background:#eee3a5;color:var(--ink)}.feature-tabs button:focus-visible{outline:3px solid white;outline-offset:-5px}.feature-panel[hidden]{display:none}.motion-art{height:265px;position:relative;overflow:hidden;display:flex;align-items:center;padding:30px;background:#245347}.art-word{font-family:var(--serif);font-size:49px;line-height:.98;position:relative;z-index:1;color:#eee3a5}.art-tag{position:absolute;bottom:18px;left:30px;font-size:8px;letter-spacing:.2em}.orbit{position:absolute;width:240px;height:240px;border:1px solid #eee3a570;border-radius:50%;right:-30px;top:-40px;animation:orbit 12s ease-in-out infinite alternate}.orbit-two{width:180px;height:180px;top:100px;right:15px;animation-delay:-6s;background:#eee3a50c}.portfolio-art{background:#284248}.frame{position:absolute;border:1px solid #eee3a57a;width:210px;height:160px;right:-20px;top:25px;transform:rotate(-12deg);animation:frames 10s ease-in-out infinite alternate}.frame-two{top:90px;right:15px;animation-delay:-5s}.feature-copy{padding:26px 30px 30px}.feature-copy h2{font-family:var(--serif);font-size:32px;line-height:1.1;font-weight:400;margin:10px 0}.feature-copy p{color:#c3ceca;font-size:14px;margin:0 0 20px}.feature-copy a{color:#eee3a5;font-weight:700;font-size:13px}.feature-copy .work-category{color:#eee3a5}.speaking{padding-bottom:60px}.speaking-events{background:var(--paper);padding:0 0 100px}.speaking-events .section-head{border-top:1px solid var(--line);padding-top:50px}.speaking-events h2{font-size:clamp(36px,4.5vw,58px)}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.events-grid article{background:var(--green);color:var(--white)}.events-grid h3{font-family:var(--serif);font-size:42px;font-weight:400;margin:10px 0}.events-grid p{color:#d0d8d3;font-size:15px}.events-grid .work-category{color:#eee3a5}.event-status{display:block;border-top:1px solid #ffffff30;padding-top:18px;margin-top:24px;color:#eee3a5;font-size:12px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-card{background:var(--white)}.portfolio-illustration{height:230px;position:relative;overflow:hidden;background:#d2d9d0;padding:20px}.portfolio-illustration span{font-size:12px;letter-spacing:.1em;color:var(--green)}.portfolio-illustration div{position:absolute;inset:65px 55px 0;border:2px solid #24534760;border-bottom:none}.property div:before{content:'';position:absolute;width:60%;height:65%;bottom:0;right:15%;border:2px solid #24534760}.projects{background:#ded5bf}.projects div{inset:55px 40px;border:2px solid #635b4560;transform:rotate(-8deg)}.projects div:after{content:'';position:absolute;inset:15px;border:2px solid #635b4560;transform:rotate(15deg)}.corporate{background:#c9d6d7}.corporate div{inset:50px 60px;border-radius:50%;border:2px solid #24534760}.corporate div:after{content:'';position:absolute;inset:20px -25px;border:2px solid #24534760;border-radius:50%}.portfolio-card-copy{padding:26px}.portfolio-card h3{font-family:var(--serif);font-size:28px;line-height:1.15;font-weight:400;margin:0 0 12px}.portfolio-card p{font-size:14px;color:var(--muted)}.gallery-status{display:block;font-size:11px;color:var(--green2);border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.portfolio-inquiry{margin-top:30px}@keyframes orbit{to{transform:translate(-40px,25px) scale(.8)}}@keyframes frames{to{transform:translate(-25px,15px) rotate(12deg)}}
@media(max-width:1000px){.hero-layout{gap:30px}.hero-actions .pill{font-size:10px}.portfolio-card-copy{padding:20px}}
@media(max-width:700px){.hero{padding:115px 0 75px;min-height:0}.hero-layout{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(55px,14vw,78px)}.hero-actions .pill{font-size:11px;min-height:64px;padding:16px 12px}.motion-art{height:240px}.feature-copy{padding:24px}.events-grid,.portfolio-grid{grid-template-columns:1fr}.speaking-events{padding-bottom:65px}.portfolio-illustration{height:200px}}
@media(prefers-reduced-motion:reduce){.orbit,.frame{animation:none}}

/* Minimal palette and expressive editorial motion */
:root{--ink:#202020;--muted:#686761;--paper:#f5f4f0;--white:#fffefa;--green:#222222;--green2:#55524b;--accent:#d9c58e;--coral:#76643a;--line:rgba(32,32,32,.17);--serif:'DM Sans',Arial,sans-serif}
::selection{background:var(--accent);color:var(--ink)}
.serif,.contact h2,.approach-quote,.topic h3,.speak-aside h3,.events-grid h3,.portfolio-card h3{font-weight:500;letter-spacing:-.055em}
header{color:var(--ink)}.nav{border-color:var(--line)}.nav .pill.light{color:var(--ink);border-color:var(--ink)}.nav .pill.light:hover{color:var(--white);background:var(--ink)}
.hero{background:var(--paper);color:var(--ink);padding-top:165px;padding-bottom:90px;min-height:780px}.hero:after{display:none}.hero .eyebrow{color:var(--muted)}.hero-intro{color:var(--muted);font-size:16px}.hero h1{font-size:clamp(55px,6.5vw,88px);letter-spacing:-.075em;line-height:1.02}.hero h1 em{color:var(--ink);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--accent);transform-origin:left;animation:underline-in 1.4s .4s both}.hero h1 .headline-line{display:block;overflow:hidden}.headline-line>span{display:block;animation:headline-in 1s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>span{animation-delay:.12s}.headline-line:nth-child(3)>span{animation-delay:.24s}.hero-actions .pill.light{border-color:var(--ink);color:var(--ink);border-radius:40px}.hero-actions .pill.light:hover{background:var(--ink);color:var(--white)}.pill{border-radius:40px}.pill span{display:inline-block;transition:transform .3s}.pill:hover span{transform:translate(3px,-3px)}
.feature-switch{background:#242424;border-color:#ddd9ce;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #2020200c}.feature-tabs{border-color:#ffffff25;background:#e9e7e0}.feature-tabs button{color:#686761;transition:background .3s,color .3s}.feature-tabs button[aria-selected=true]{background:var(--ink);color:var(--white)}.feature-tabs button:focus-visible{outline-color:#a18a51}.motion-art,.portfolio-art{background:#e9e7e0;color:var(--ink);height:280px}.art-word{color:var(--ink);font-weight:600;letter-spacing:-.065em;font-size:53px}.art-tag{color:var(--muted)}.orbit{border-color:#99835085;background:#d9c58e20}.orbit-two{background:#d9c58e40}.frame{border-color:#99835085}.feature-copy h2{font-weight:500;letter-spacing:-.045em;color:var(--white)}.feature-copy p{color:#c6c4bd}.feature-copy a,.feature-copy .work-category{color:var(--accent)}.feature-panel:not([hidden]){animation:panel-in .5s ease both}
.motion-band{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;margin-bottom:58px;position:relative}.motion-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.motion-track>span{flex-shrink:0;font-size:clamp(30px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.15;padding-right:35px}.motion-track i{font-style:normal;color:#9b8753;padding:0 30px}.motion-control{position:absolute;right:12px;bottom:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;font-size:10px;padding:4px 10px;cursor:pointer}.motion-band:hover .motion-track,.motion-band:focus-within .motion-track{animation-play-state:paused}body.motion-paused *{animation-play-state:paused!important}
.about{background:#242424}.about-visual{border-radius:8px;background-image:linear-gradient(0deg,#202020df,transparent 65%),url('/assets/keith-bryan-bio.jpeg')}.about-visual:before{border-radius:4px}.about-copy h2{line-height:1.07}.fact b{font-weight:500}.work{background:#eae8e1}.portfolio-card{border-radius:12px;overflow:hidden;transition:transform .5s,box-shadow .5s}.portfolio-card:hover{transform:translateY(-9px);box-shadow:0 22px 40px #20202012}.portfolio-illustration,.projects,.corporate{background:#dedbd2}.portfolio-illustration div,.property div:before,.projects div:after,.corporate div:after{border-color:#8b826c}.portfolio-illustration div{transition:transform .8s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .portfolio-illustration>div{transform:translateY(-8px) rotate(5deg)}.events-grid article{border-radius:10px;background:#e9e7df;color:var(--ink);transition:transform .4s}.events-grid article:hover{transform:translateY(-5px)}.events-grid p{color:var(--muted)}.events-grid .work-category,.event-status{color:#76643a}.event-status{border-color:var(--line)}.topic{transition:padding .35s,background .35s}.topic:hover{padding-left:12px;background:#e9e7df}.topic-arrow{transition:transform .35s}.topic:hover .topic-arrow{transform:translate(3px,-3px)}.approach{background:var(--white)}.contact{background:#e9e7df;--accent:#d9c58e}.contact h2{line-height:1.05}.contact p{color:var(--muted)}.contact-card{border-radius:12px}.contact-card p{color:#c6c4bd}.social-links a{border-radius:30px}footer{background:#202020}.reveal{transform:translateY(35px);transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}
@keyframes headline-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes underline-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes panel-in{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:850px){.hero-layout{gap:28px}.hero h1{font-size:65px}.hero-actions{grid-template-columns:1fr}.hero-actions .pill{min-height:54px}.nav-links>a:not(.pill){display:block}.nav-links{gap:14px}}
@media(max-width:700px){.hero{padding:120px 0 55px}.hero-layout{gap:34px}.hero h1{font-size:clamp(55px,13vw,80px)}.hero-actions{grid-template-columns:1fr 1fr}.hero-actions .pill{font-size:10px}.motion-band{margin-bottom:40px;padding:24px 0}.section-head h2{font-size:43px}.about-copy h2{font-size:49px}.art-word{font-size:49px}}
@media(max-width:600px){.menu-toggle{display:block;color:var(--ink)}.nav-links{background:var(--paper)}.nav-links>a:not(.pill){display:block}.feature-tabs button{min-height:52px}.contact h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.motion-track{width:auto}.motion-track>span{font-size:22px;white-space:normal;padding:0 20px}.motion-track>span[aria-hidden]{display:none}.motion-control{display:none}.hero h1 em:after{transform:none}}


.hero-reel{position:relative;margin:0;isolation:isolate;aspect-ratio:4/5;max-height:630px;width:100%;background:#222;overflow:hidden;border-radius:14px;color:#fffefa;box-shadow:0 24px 60px #20202014}.hero-reel video{display:block;width:100%;height:100%;object-fit:cover}.reel-topline{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.14em}.reel-topline>span:last-child{border:1px solid #ffffff50;border-radius:20px;padding:3px 8px}.reel-caption{position:absolute;inset:auto 0 0;padding:60px 28px 28px;background:linear-gradient(transparent,#161616f5);display:flex;align-items:end;justify-content:space-between;gap:16px}.reel-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.reel-caption h2{font-size:25px;line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:8px 0}.reel-caption p{font-size:10px;color:#c6c4bd;margin:0}.reel-play{flex-shrink:0;background:var(--white);color:var(--ink);border:0;border-radius:30px;padding:13px 16px;font-size:11px;cursor:pointer;transition:transform .2s}.reel-play:hover{transform:scale(1.04)}.reel-play:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.reel-caption{display:block}.reel-play{margin-top:16px}}@media(max-width:700px){.hero-reel{max-height:560px}.reel-caption{display:flex}.reel-play{margin-top:0}}@media(max-width:380px){.reel-caption{display:block}.reel-play{margin-top:14px}}

/* Connected speaking and studio experiences */
body{overflow-x:clip}.skip-link{position:fixed;top:-70px;left:20px;z-index:99;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #a18a51;outline-offset:5px}.nav-links a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:7px}.page-head{padding:155px 0 64px}.page-head h1,.studio-hero h1{font-size:clamp(55px,7.8vw,104px);line-height:1.02;letter-spacing:-.075em;font-weight:500;margin:22px 0}.page-head p,.studio-hero p{color:var(--muted);max-width:600px;font-size:18px}.page-head .pill{margin-top:20px}.studio-header .brand{font-size:13px}.studio-header .brand span{font-size:8px}.studio-nav{display:flex;gap:25px;border-block:1px solid var(--line);padding:20px 0;flex-wrap:wrap;font-size:12px}.studio-nav a{padding:3px 0}.studio-nav a[aria-current=page]{border-bottom:2px solid var(--ink);font-weight:700}.studio-hero{padding:145px 0 75px;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.studio-hero .hero-reel{max-height:530px}.studio-hero h1{font-size:clamp(54px,6.8vw,88px)}.studio-hero .studio-note{font-size:12px;margin-top:20px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.studio-card{display:block}.studio-card-art{height:320px;overflow:hidden;position:relative;background:#e7e3d9;border-radius:8px}.studio-card-art:before,.studio-card-art:after{content:'';position:absolute;transition:transform 1s cubic-bezier(.16,1,.3,1)}.studio-card:hover .studio-card-art:before{transform:translateY(-12px) rotate(5deg)}.studio-card:hover .studio-card-art:after{transform:translateY(8px) rotate(-5deg)}.studio-card-art .art-index{position:absolute;top:20px;left:23px;font-size:11px;letter-spacing:.1em}.studio-card-art .art-label{position:absolute;bottom:20px;left:23px;font-size:9px;letter-spacing:.17em;color:#6b6659}.studio-card-art.fashion{background:#dcd6ca}.studio-card-art.fashion:before{height:440px;width:180px;background:linear-gradient(100deg,#5a554c,#d7d0bf 45%,#8e8370);left:25%;top:-50px;transform:rotate(28deg);border-radius:50%}.studio-card-art.fashion:after{height:430px;width:140px;background:linear-gradient(100deg,#bdb3a0,#e8e0cf 45%,#7f7564);right:18%;top:-80px;transform:rotate(28deg);border-radius:50%}.studio-card-art.property:before{width:44%;height:65%;border:1px solid #776d59;left:21%;bottom:0;transform:skewY(-8deg)}.studio-card-art.property:after{width:32%;height:44%;border:1px solid #776d59;left:48%;bottom:0;transform:skewY(8deg);background:repeating-linear-gradient(90deg,transparent 0 30px,#776d5950 31px 32px)}.studio-card-art.corporate{background:#292929;color:#eee}.studio-card-art.corporate:before{width:200px;height:200px;left:20%;top:40px;border-radius:50%;background:radial-gradient(circle,#d9c58e66,transparent 70%);border:1px solid #d9c58e65}.studio-card-art.corporate:after{width:200px;height:200px;right:18%;top:80px;border:1px solid #d9c58e65;border-radius:50%}.studio-card-art.corporate .art-label{color:#bdb5a1}.studio-card-art.portrait{background:#e0ddd4}.studio-card-art.portrait:before{width:100px;height:120px;border:1px solid #8e8065;left:calc(50% - 50px);top:45px;border-radius:50%}.studio-card-art.portrait:after{width:240px;height:200px;left:calc(50% - 120px);top:190px;border:1px solid #8e8065;border-radius:50% 50% 0 0}.studio-card h3{font-size:32px;font-weight:500;letter-spacing:-.05em;display:flex;justify-content:space-between;margin:19px 0 5px}.studio-card p{color:var(--muted);margin:0;font-size:14px}.studio-card h3 span{transition:transform .3s}.studio-card:hover h3 span{transform:translateX(8px)}.studio-intro{max-width:650px;font-size:16px;color:var(--muted);margin:0 0 32px}.studio-cta{padding:75px 0;background:#242424;color:var(--white)}.studio-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-cta h2{font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.06em;font-weight:500;margin:12px 0}.studio-cta p{color:#c6c4bd;max-width:560px}.studio-cta .pill{flex-shrink:0;background:var(--accent);border-color:var(--accent);color:var(--ink)}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:38px}.category-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.category-hero .studio-card-art{height:390px}.category-services{font-size:12px!important;line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.gallery-empty{padding:50px;border:1px solid var(--line);border-radius:8px;max-width:850px}.gallery-empty h3{font-size:28px;letter-spacing:-.045em;font-weight:500;margin:0 0 12px}.gallery-empty p{color:var(--muted);max-width:570px}.gallery-empty .pill{margin-top:12px}.next-categories{padding:35px 0 65px}.home-speaking{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.home-speaking h2{font-size:clamp(42px,5.5vw,70px);line-height:1.05;margin:16px 0 25px;letter-spacing:-.06em;font-weight:500}.home-speaking p{color:var(--muted)}.home-events{border-top:1px solid var(--line)}.home-events>div{border-bottom:1px solid var(--line)}.home-events h3{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:0}.home-events p{font-size:14px;margin:5px 0}.booking{background:#e9e7df;padding:70px 0}.booking h2{font-size:50px;letter-spacing:-.06em;line-height:1.05;font-weight:500;margin:15px 0}.booking p{max-width:620px;color:var(--muted)}.booking .pill{margin-top:15px}.speaking-page .speaking{padding-top:30px}.speaking-page .speaking .section-head{display:none}.media-page footer .footer-brand{max-width:230px}.media-preview{padding:75px 0}.media-preview .studio-grid{grid-template-columns:repeat(4,1fr);gap:20px}.media-preview .studio-card-art{height:210px}.media-preview .studio-card h3{font-size:23px}.media-preview .studio-card p{font-size:12px}.media-preview .studio-card-art:before,.media-preview .studio-card-art:after{scale:.75}.section-head .pill{flex-shrink:0}.reveal{opacity:1;transform:none}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(30px)}
@media(max-width:1000px){.nav-links{gap:17px}.studio-hero,.category-hero{gap:35px}.media-preview .studio-grid{grid-template-columns:1fr 1fr}.media-preview .studio-card-art{height:260px}.studio-cta .wrap{display:block}.studio-cta .pill{margin-top:18px}}
@media(max-width:850px){.nav-links{display:none;position:absolute;top:85px;left:0;right:0;padding:24px;background:var(--paper);flex-direction:column;align-items:stretch;z-index:9;box-shadow:0 20px 24px #20202012}.nav-links.open{display:flex}.menu-toggle{display:block;color:var(--ink)}.nav{position:relative}.studio-nav{gap:16px}.studio-hero{grid-template-columns:1fr 1fr}.studio-hero h1{font-size:55px}.category-hero{grid-template-columns:1fr 1fr}.home-speaking{gap:35px}.studio-card-art{height:270px}}
@media(max-width:700px){.studio-hero,.category-hero,.home-speaking{grid-template-columns:1fr}.studio-hero{padding:115px 0 45px}.studio-hero .hero-reel{max-height:520px}.page-head{padding:115px 0 45px}.page-head h1{font-size:58px}.page-head p,.studio-hero p{font-size:16px}.studio-grid{gap:30px 18px}.studio-card h3{font-size:26px}.studio-card-art{height:240px}.category-hero .studio-card-art{height:300px}.gallery-empty{padding:28px}.booking h2{font-size:42px}.section-head .pill{margin-top:22px}.reel-caption{display:block}.reel-play{margin-top:15px}}
@media(max-width:600px){.nav-links{top:71px}.studio-header .brand{font-size:11px}.studio-nav{font-size:11px;gap:12px 18px}.studio-grid,.media-preview .studio-grid{grid-template-columns:1fr}.studio-card-art,.media-preview .studio-card-art{height:300px}.studio-card h3,.media-preview .studio-card h3{font-size:30px}.media-preview .studio-card p{font-size:14px}.studio-hero h1{font-size:60px}.footer-inner{gap:18px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal:not(.visible){opacity:1;transform:none}}
.studio-hero .reel-caption p{font-size:10px;line-height:1.6;color:#c6c4bd;margin:0;max-width:none}.studio-hero .reel-caption{display:block}.studio-hero .reel-play{margin-top:16px}
