@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f4f1e9;--ink:#111116;--muted:#74716f;--lime:#d9ff43;--orange:#ff603a;--violet:#7053ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}.header{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:relative;z-index:20;border-bottom:1px solid #dedbd4}.brand{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;letter-spacing:-1.2px}.slash{color:var(--orange);padding:0 2px}.brand-dot{color:var(--orange);font-size:8px;vertical-align:top;margin-left:3px}.nav{display:flex;gap:38px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.nav>a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:14px 19px}.nav-contact span{margin-left:16px}.menu-toggle{display:none;background:none;border:0;font-size:12px;font-weight:700}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:56% 44%;min-height:660px}.hero-copy{padding:90px 6% 50px 9%;display:flex;flex-direction:column}.eyebrow,.section-top,.work-end,.contact-bottom{font-size:10px;font-weight:700;letter-spacing:1.6px}.eyebrow{display:flex;align-items:center;gap:12px}.live-dot{background:var(--orange);height:8px;width:8px;border-radius:50%}.eyebrow-line{width:35px;height:1px;background:#999}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(65px,8.7vw,146px);letter-spacing:-.095em;line-height:.86;margin:65px 0 38px;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em}.outline{color:transparent;-webkit-text-stroke:2px var(--ink)}.period{color:var(--orange)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto}.hero-bottom p{line-height:1.6;font-size:15px}.round-arrow{display:grid;place-items:center;background:var(--lime);height:66px;width:66px;border-radius:50%;font-size:32px;transition:transform .3s}.round-arrow:hover{transform:rotate(45deg)}.hero-art{background:#24232d;position:relative;overflow:hidden;min-height:630px;color:white;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,#5342a6,transparent 46%),radial-gradient(circle at 10% 100%,#e34f42,transparent 40%);opacity:.8}.art-orbit{position:absolute;width:650px;height:650px;border:1px solid #ffffff33;border-radius:50%;top:-25%;left:-20%;transform:rotate(-30deg)}.orbit-two{width:450px;height:450px;top:18%;left:30%;border-width:2px}.art-word{position:absolute;z-index:2;top:18%;left:9%;font-family:'Space Grotesk';font-size:clamp(65px,7vw,110px);font-weight:700;line-height:.9;letter-spacing:-.09em;transform:rotate(-9deg)}.art-word i{font-family:Georgia;font-weight:400;color:var(--lime)}.art-circle{position:absolute;z-index:1;right:-13%;bottom:-17%;width:78%;aspect-ratio:1;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:-25px -25px 0 #ffffff0b}.art-circle span{font-family:'Space Grotesk';font-size:clamp(95px,15vw,260px);font-weight:700;letter-spacing:-.15em;transform:rotate(-20deg)}.art-sticker{position:absolute;z-index:4;top:56%;left:9%;background:var(--lime);color:#141414;padding:20px;transform:rotate(9deg);font-size:12px;font-weight:800;line-height:1.25;letter-spacing:1px}.art-caption{position:absolute;bottom:25px;left:9%;font-size:10px;letter-spacing:2px}.hero-marquee{background:var(--lime);padding:17px 0;white-space:nowrap;overflow:hidden}.hero-marquee div{width:max-content;font-family:'Space Grotesk';font-weight:700;font-size:19px;letter-spacing:2px;animation:marquee 35s linear infinite}.hero-marquee span{padding:0 25px;color:var(--orange)}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:110px 7%}.section-top{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #c9c6bf;color:#777}.section-number{color:var(--ink)}.intro-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:60px 0}.intro-heading h2,.disciplines h2{font-family:'Space Grotesk';font-size:clamp(70px,10vw,145px);line-height:.85;letter-spacing:-.095em;margin:0}.intro-heading h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--orange)}.intro-heading p{max-width:315px;font-size:16px;line-height:1.6}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 32px}.filter{border:1px solid #c6c3bb;background:transparent;padding:12px 20px;border-radius:40px;font-size:12px;font-weight:700}.filter sup{color:#8a8781;margin-left:6px}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 24px}.project[hidden]{display:none}.project-link{display:block;border:0;padding:0;width:100%;text-align:left;background:none}.project-image{height:auto;aspect-ratio:1.35;position:relative;overflow:hidden;isolation:isolate;transition:border-radius .35s}.project-link:hover .project-image{border-radius:16px}.project-image>*{pointer-events:none}.project-image:after{content:'';position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s}.project-link:hover .project-image:after{opacity:.06}.image-index{position:absolute;bottom:20px;left:22px;font-size:10px;font-weight:700;letter-spacing:1px;color:inherit}.project-open{position:absolute;right:20px;bottom:18px;width:44px;height:44px;border-radius:50%;background:white;color:#111;display:grid;place-items:center;font-size:23px;transition:transform .3s;z-index:2}.project-link:hover .project-open{transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:18px 2px;border-bottom:1px solid #d1cec6}.project-meta h3{font-family:'Space Grotesk';font-size:25px;letter-spacing:-1px;margin:0}.project-meta span{color:#777;font-size:12px}.image-north{background:#d8f0ec;display:grid;place-items:center}.north-logo{font-family:'Space Grotesk';font-size:clamp(65px,8vw,125px);font-weight:700;letter-spacing:-.12em;line-height:.8;color:#104f4b;transform:rotate(-7deg)}.north-logo>span:first-child{color:#ff6c42;font-size:.75em}.tiny-star{font-size:15px;vertical-align:top}.image-print{background:#ef9c74;display:grid;place-items:center}.magazine-back{position:absolute;transform:rotate(15deg) translate(50px,10px);width:48%;height:80%;background:#272531;color:#fff;padding:25px;font-weight:700;font-size:36px;line-height:.9}.magazine{width:55%;height:84%;background:#f5e8d0;box-shadow:20px 22px 25px #0003;transform:rotate(-8deg);padding:5%;position:relative;overflow:hidden}.magazine-top,.magazine-bottom{font-size:8px;letter-spacing:1px;font-weight:700;display:flex;justify-content:space-between}.magazine strong{display:block;font-family:'Space Grotesk';font-size:clamp(30px,4.5vw,75px);letter-spacing:-.08em;line-height:.85;margin-top:15%}.magazine strong i{font-family:Georgia;font-weight:400;font-size:.55em;letter-spacing:-.05em}.magazine-shape{position:absolute;background:#ed552e;width:75%;height:65%;border-radius:50%;bottom:-25%;right:-12%;transform:rotate(30deg)}.magazine-bottom{position:absolute;bottom:15px}.image-motion{background:#25144e;color:white;display:grid;place-items:center}.motion-rings{position:absolute;width:70%;aspect-ratio:1;border:50px solid #ff6647;border-radius:50%;box-shadow:0 0 0 28px #7d5afa,0 0 0 56px #4d3189;transform:rotate(-30deg) skew(-12deg);animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(330deg) skew(-12deg)}}.motion-title{font-family:'Space Grotesk';font-weight:700;font-size:clamp(65px,8vw,120px);letter-spacing:-.1em;line-height:.75;z-index:1;transform:rotate(-9deg)}.motion-title span{color:var(--lime)}.motion-title b{color:var(--orange)}.play-icon{position:absolute;right:10%;top:10%;border:1px solid #fff8;border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.image-good{background:#f3eacb;display:flex;justify-content:center;align-items:center;gap:22px}.good-symbol{display:grid;grid-template-columns:repeat(2,65px);grid-template-rows:repeat(2,65px);gap:6px;transform:rotate(-15deg)}.good-symbol span{background:#316b4c;border-radius:100% 0 0 0}.good-symbol span:nth-child(2){transform:rotate(90deg)}.good-symbol span:nth-child(3){transform:rotate(-90deg)}.good-symbol span:nth-child(4){transform:rotate(180deg)}.good-type{font-family:'Space Grotesk';font-size:clamp(60px,8vw,115px);font-weight:700;letter-spacing:-.1em;line-height:.75;color:#316b4c}.good-type i{font-family:Georgia;font-weight:400}.image-unfold{background:#a9a2f4;display:flex;align-items:center;justify-content:center}.poster-one{width:48%;height:85%;background:#e8ff7a;transform:rotate(-10deg);padding:23px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:10px 10px 20px #3022644d}.poster-one strong{font-family:'Space Grotesk';font-size:clamp(60px,8vw,115px);line-height:.7;letter-spacing:-.12em}.poster-one strong span{color:#fc603b}.poster-one small{font-size:8px;letter-spacing:1px;font-weight:700}.poster-two{position:absolute;z-index:-1;right:7%;background:#f26549;color:white;padding:35px 20px;font-family:'Space Grotesk';font-weight:700;font-size:30px;line-height:.95;transform:rotate(12deg)}.image-signal{background:#14181c;color:#fff;display:grid;place-items:center}.signal-lines{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 45% 55%,transparent 0 13px,#9e79fc 14px 16px,transparent 17px 27px);transform:rotate(-20deg);opacity:.85}.signal-type{font-family:'Space Grotesk';font-weight:700;font-size:clamp(80px,10vw,150px);letter-spacing:-.12em;z-index:1}.signal-type span{color:var(--lime)}.signal-dot{color:var(--orange);font-size:.25em;vertical-align:top;letter-spacing:0}.signal-sub{position:absolute;bottom:35px;font-size:10px;letter-spacing:2px}.work-end{display:flex;justify-content:space-between;gap:20px;margin-top:70px}.work-end a{text-decoration:underline;text-underline-offset:5px}.disciplines{background:#15151a;color:white}.disciplines .section-top{border-color:#48484c;color:#a7a7a7}.disciplines .section-number{color:white}.disciplines h2{margin:75px 0 70px}.disciplines h2 em{font-family:Georgia;font-weight:400;color:var(--lime)}.discipline{display:grid;grid-template-columns:45px 1fr 300px 30px;align-items:center;gap:15px;border-top:1px solid #555;padding:36px 0;transition:color .2s}.discipline:last-child{border-bottom:1px solid #555}.discipline>span{font-size:12px;color:#aaa}.discipline strong{font-family:'Space Grotesk';font-size:clamp(27px,4vw,56px);letter-spacing:-.06em}.discipline b{font-size:28px}.discipline:hover{color:var(--lime)}.about{background:#e9e4d9}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end;padding:80px 0 15px}.about h2{font-family:'Space Grotesk';font-size:clamp(60px,7.2vw,110px);line-height:.9;letter-spacing:-.085em;margin:0}.about h2 em{font-family:Georgia;font-weight:400}.about h2 span{color:var(--orange)}.about-grid>div{padding-bottom:10px}.about-lead{font-size:25px!important;line-height:1.3!important;color:#111!important}.about-grid p{font-size:15px;line-height:1.7;color:#777}.text-link{display:inline-block;margin-top:25px;font-size:11px;font-weight:700;letter-spacing:1px;border-bottom:1px solid;padding-bottom:10px}.text-link span{margin-left:25px}.contact{background:var(--orange);color:#111}.contact .section-top{border-color:#a43d28;color:#52271e}.contact>p{font-size:12px;font-weight:700;letter-spacing:2px;margin:80px 0 30px}.contact-title{font-family:'Space Grotesk';font-size:clamp(95px,17vw,250px);font-weight:700;letter-spacing:-.12em;line-height:.78;display:block}.contact-title i{font-family:Georgia;font-weight:400;letter-spacing:-.11em}.contact-title span{font-size:.45em;vertical-align:top;margin-left:20px;display:inline-block;transition:transform .3s}.contact-title:hover span{transform:translate(20px,-20px)}.contact-bottom{border-top:1px solid #a43d28;display:flex;justify-content:space-between;margin-top:100px;padding-top:25px}footer{background:#111116;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 7%}footer>span,footer>a:last-child{font-size:10px;letter-spacing:1px}dialog{border:0;max-width:620px;width:calc(100% - 30px);padding:60px;background:var(--bg);color:var(--ink);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08080bd9}.dialog-close{position:absolute;top:18px;right:18px;background:none;border:0;font-size:25px}.dialog-tag{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--orange);font-weight:700}dialog h2{font-family:'Space Grotesk';font-size:clamp(45px,7vw,75px);letter-spacing:-.07em;line-height:1;margin:20px 0}dialog p{font-size:19px;line-height:1.5}.dialog-note{background:#e9e4d9;padding:20px;font-size:13px;line-height:1.6;margin:35px 0}dialog>a{font-size:12px;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.cursor-glow{position:fixed;width:350px;height:350px;pointer-events:none;z-index:30;background:radial-gradient(circle,#e5ff6b1c,transparent 70%);transform:translate(-50%,-50%);opacity:0}body:hover .cursor-glow{opacity:1}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{min-height:600px}.hero-art{min-height:520px}.hero h1{font-size:clamp(80px,13vw,140px)}.art-word{font-size:100px}.intro-heading{align-items:start;flex-direction:column}.discipline{grid-template-columns:30px 1fr 30px}.discipline>span:nth-of-type(2){display:none}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid>div{max-width:550px}.project-meta{flex-direction:column;gap:4px}.contact-title{font-size:clamp(75px,15vw,170px)}}@media(max-width:600px){.header{height:70px;padding:0 6%}.brand{font-size:16px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:25px 6%;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 20px 30px #0002}.nav.open{display:flex}.hero-copy{padding:60px 6% 35px;min-height:510px}.hero h1{font-size:clamp(64px,14vw,100px);margin:60px 0 20px}.hero-art{min-height:430px}.art-word{font-size:75px}.art-sticker{top:62%;font-size:10px}.hero-bottom p{font-size:13px}.round-arrow{width:54px;height:54px}.section-pad{padding:75px 6%}.section-top>span:last-child{display:none}.intro-heading{margin:45px 0}.intro-heading h2,.disciplines h2{font-size:clamp(65px,14vw,95px)}.project-grid{grid-template-columns:1fr;gap:30px}.project-meta{flex-direction:row;align-items:baseline}.project-meta h3{font-size:21px}.project-meta span{font-size:10px}.north-logo{font-size:80px}.magazine strong{font-size:45px}.motion-title{font-size:85px}.good-type{font-size:75px}.good-symbol{grid-template-columns:repeat(2,42px);grid-template-rows:repeat(2,42px)}.poster-one strong{font-size:70px}.signal-type{font-size:90px}.work-end{flex-direction:column;line-height:1.7}.disciplines h2{margin:55px 0}.discipline{padding:27px 0}.discipline strong{font-size:29px}.about h2{font-size:clamp(54px,11vw,80px)}.about-lead{font-size:21px!important}.contact-title{font-size:clamp(65px,15vw,110px)}.contact-title span{margin-left:7px}.contact-bottom{flex-direction:column;gap:20px;margin-top:75px}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%}dialog{padding:40px 25px}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V2: quiet section transitions in place of the high-contrast scrolling marquee */
.hero-marquee{display:none!important}
.hero{position:relative}
.hero::after{content:"";display:block;height:12px;background:linear-gradient(90deg,var(--orange) 0 28%,var(--violet) 28% 55%,#d8f0ec 55% 78%,#15151a 78%);}
.intro,.disciplines,.about,.contact{position:relative}
.intro::before,.disciplines::before,.about::before,.contact::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;pointer-events:none}
.intro::before{background:linear-gradient(90deg,#e7ded0 0%,#f7b9a7 52%,#e7ded0 100%)}
.disciplines::before{background:linear-gradient(90deg,var(--violet),var(--orange) 65%,transparent)}
.about::before{background:linear-gradient(90deg,#7053ed 0%,#d9c9ed 48%,transparent 100%)}
.contact::before{background:linear-gradient(90deg,#111116 0%,#7053ed 50%,transparent 100%)}
@media(prefers-reduced-motion:no-preference){.intro,.disciplines,.about,.contact{animation:section-enter .65s ease both;animation-timeline:view();animation-range:entry 0% entry 20%}@keyframes section-enter{from{opacity:.92}to{opacity:1}}}

/* Portfolio images and video */
.actual-image{background:#e7e3db}.actual-image img,.actual-image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.actual-image video{background:#17171a}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fffdf0e8;color:#161616;font-size:22px;z-index:2}.actual-image .image-index,.actual-image .project-open{z-index:3}#dialog-media{margin:25px 0}#dialog-media img,#dialog-media video{width:100%;max-height:65vh;object-fit:contain;background:#eae7e0}dialog{max-width:920px;max-height:90vh;overflow:auto}.project[hidden]{display:none!important}

/* Home section: user-supplied print design collage, 20% opacity.
   Change the 0.20 value to adjust image visibility. */
#home.hero{position:relative;isolation:isolate;}
#home.hero::before{content:"";position:absolute;inset:0;background-image:url("media/home-background.jpg");background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0.20;pointer-events:none;z-index:-1;}
#home .hero-grid{position:relative;}
#home .hero-copy{background:transparent;}

/* Hero artwork: uploaded LB logo replaces original graphic elements. */
.hero-art{background:#fff;display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,52px);min-height:630px;}
.hero-art::before{display:none;}
.hero-logo{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;}
@media(max-width:900px){.hero-art{min-height:350px;}}
@media(max-width:600px){.hero-art{min-height:240px;padding:16px;}}

/* Work section background */
#work { background-color: #ffffff; }

/* Portfolio refinements — November 2026 */
.hero-art{background:transparent;}
.round-arrow{background:#888888;color:#fff;}
.brand{display:inline-flex;align-items:center;flex-shrink:0;}
.brand-logo{display:block;width:clamp(125px,14vw,180px);height:auto;max-height:64px;object-fit:contain;}
footer .brand-logo{width:clamp(125px,13vw,165px);max-height:58px;background:#fff;border-radius:2px;}
@media(max-width:600px){.header .brand-logo{width:130px;max-height:50px;}footer .brand-logo{width:130px;max-height:50px;}}

/* Video playback feedback and direct-file fallback */
#dialog-media video{display:block;width:100%;max-height:70vh;background:#111;object-fit:contain}
.video-status{font-size:.85rem;line-height:1.5;color:#555;margin:.5rem 0}
.video-status:empty{display:none}
.video-direct-link{display:inline-block;margin:.5rem 0 0;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;color:inherit}