:root{--paper:#f4f4ef;--ink:#171a18;--muted:#66706a;--line:#d9ddd5;--lime:#d2f36b;--deep:#202923;--white:#fff;--font:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;--wrap:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:16px;top:-60px;padding:10px 14px;background:var(--lime);z-index:20}.skip-link:focus{top:12px}.site-header{height:78px;max-width:1440px;margin:auto;padding:0 6.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,26,24,.11);position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:11px}.monogram{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:12px;font-weight:800;letter-spacing:-.06em}.wordmark-copy{display:flex;flex-direction:column;line-height:1.15}.wordmark-copy strong{font-size:11px;letter-spacing:.11em}.wordmark-copy small{margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.16em}.top-nav{display:flex;align-items:center;gap:32px;font-size:12px}.top-nav a{transition:opacity .2s}.top-nav a:hover{opacity:.55}.top-nav .nav-contact{border:1px solid var(--ink);padding:9px 14px;border-radius:99px}.nav-contact span{margin-left:9px}.menu-toggle,.mobile-nav{display:none}.section-wrap{max-width:var(--wrap);margin:0 auto;padding-left:44px;padding-right:44px}.hero{min-height:610px;padding-top:89px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr auto;column-gap:42px;position:relative}.hero-copy{align-self:center;padding:0 0 60px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--muted);margin:0 0 19px}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:#9acd32;border-radius:50%;margin-right:8px;vertical-align:1px}.hero h1{font-size:clamp(48px,6.1vw,79px);letter-spacing:-.078em;line-height:.96;margin:0;font-weight:650}.hero h1 span{color:#8f9b8e}.hero-intro{font-size:16px;line-height:1.7;max-width:490px;color:#535c56;margin:26px 0 24px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;gap:21px;padding:13px 17px;border-radius:99px;font-size:12px;font-weight:650;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark span{font-size:17px;color:var(--lime)}.text-link{font-size:12px;font-weight:650}.text-link span{margin-left:7px}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:36px}.hero-tags span{font-size:10px;border:1px solid var(--line);padding:7px 10px;border-radius:30px;color:#515a54}.hero-art{height:410px;max-width:460px;width:100%;justify-self:center;align-self:center;position:relative;display:grid;place-items:center;background:#e8ebe3;overflow:hidden;border-radius:48% 48% 48% 8%;transform:rotate(1deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;background:var(--lime);border-radius:50%;filter:blur(.3px)}.hero-art:before{width:200px;height:200px;right:-65px;top:25px;opacity:.9}.hero-art:after{width:115px;height:115px;left:-35px;bottom:40px;opacity:.75}.art-orbit{position:absolute;border:1px solid rgba(32,41,35,.25);border-radius:50%;transform:rotate(-31deg)}.orbit-one{width:320px;height:195px}.orbit-two{width:220px;height:340px;transform:rotate(53deg)}.art-core{height:175px;width:175px;border-radius:50%;background:var(--deep);color:white;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 18px 48px #28312a30}.art-core>span{font-size:47px;font-weight:650;letter-spacing:-.12em;color:var(--lime)}.art-core i{font-size:10px;line-height:1.25;font-style:normal;text-transform:uppercase;letter-spacing:.09em;color:#d8dfd8}.art-label{position:absolute;z-index:2;font-size:9px;font-weight:700;letter-spacing:.15em}.label-top{top:50px;left:49px}.label-bottom{bottom:40px;right:37px}.art-star{position:absolute;z-index:2;right:48px;bottom:91px;font-size:37px;color:var(--ink)}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 0 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#667069}.hero-bottom>span:first-child{color:var(--ink);font-weight:700}.scroll-note b{margin-left:8px;font-size:14px;color:var(--ink)}
.work-section{padding-top:110px;padding-bottom:112px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px}.section-heading h2,.contact-left h2{font-size:clamp(33px,4vw,52px);line-height:1.02;letter-spacing:-.065em;margin:0;font-weight:620}.section-intro{max-width:385px;color:#626b65;font-size:13px;line-height:1.65;margin:0 0 3px}.filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:23px;margin-bottom:25px}.filter-label{font-size:9px;letter-spacing:.14em;color:var(--muted);white-space:nowrap}.filter-options{display:flex;gap:7px;flex-wrap:wrap}.filter-button{background:transparent;border:1px solid transparent;padding:7px 12px;border-radius:99px;color:#606963;font-size:10px;cursor:pointer;transition:all .2s}.filter-button:hover{border-color:#aeb6ad;color:var(--ink)}.filter-button.is-active{background:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{background:#fff;border:1px solid #e3e6df;border-radius:7px;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:0 12px 32px #2029230d;transform:translateY(-2px)}.project-card[hidden]{display:none}.project-card summary{list-style:none;cursor:pointer}.project-card summary::-webkit-details-marker{display:none}.project-visual{height:250px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.placeholder-label{position:absolute;top:14px;left:15px;z-index:2;background:#ffffffbd;border:1px solid #fff;padding:5px 8px;border-radius:3px;color:#5c655f;font-size:8px;letter-spacing:.12em;font-weight:700}.visual-foot{position:absolute;bottom:13px;left:15px;z-index:2;font-size:8px;font-weight:700;letter-spacing:.15em;color:#313932}.visual-yellow{background:#e3f15e}.visual-frame{width:77%;height:73%;border:1px solid #172019;position:relative;display:flex;align-items:center;justify-content:center}.visual-frame:before{content:"";width:107px;height:107px;border:1px solid #172019;border-radius:50%;position:absolute;right:8%;top:10%;opacity:.48}.visual-word{font-weight:800;letter-spacing:-.1em;font-size:clamp(37px,5vw,62px);line-height:.82;position:relative;z-index:1}.visual-spark{display:inline-block;color:white;font-size:.45em;vertical-align:top;margin-left:8px}.visual-frame .visual-foot{bottom:12px;left:12px}.visual-terminal{background:#cfd9ce}.terminal-shape{position:absolute;border:1px solid #43574b;background:linear-gradient(145deg,#edf0e9,#aebcaf);box-shadow:14px 18px 30px #303e3220}.shape-a{width:37%;height:48%;left:11%;top:27%;transform:skewY(-6deg)}.shape-b{width:25%;height:30%;left:49%;top:38%;transform:skewY(-6deg)}.shape-c{width:17%;height:60%;right:9%;top:18%;border-radius:4px 4px 0 0}.visual-terminal .visual-foot{color:#344137}.visual-tovias{background:#eadfce}.visual-tovias .visual-foot{color:#594636}.phone-outline{position:absolute;right:24%;height:180px;width:98px;border:4px solid #272921;border-radius:18px;background:#f7f2e9;transform:rotate(8deg);box-shadow:10px 15px 24px #36302220}.phone-dot{width:22px;height:4px;background:#282b23;position:absolute;top:7px;left:34px;border-radius:5px}.phone-lines{position:absolute;top:30px;left:13px;width:65px;height:83px;background:linear-gradient(#c4da8c 0 12px,transparent 12px 20px,#c9c2ad 20px 25px,transparent 25px 34px,#c9c2ad 34px 39px,transparent 39px 47px,#d7c9b7 47px 52px,transparent 52px)}.phone-mark{position:absolute;bottom:16px;left:28px;font-size:28px;font-weight:800;color:#526442}.visual-tovias .visual-word{position:absolute;left:9%;top:42%;font-size:46px}.visual-factucore{background:#d8e4e1}.f-symbol{font-size:105px;font-weight:700;letter-spacing:-.13em;color:#25473f;position:relative}.f-symbol span{font-size:30px;vertical-align:top;color:#a6c95a}.visual-factucore .visual-word{position:absolute;font-size:26px;right:10%;bottom:48px;letter-spacing:.01em;color:#25473f}.visual-ux{background:#e8e9e3}.browser-window{height:168px;width:60%;background:#f8f9f5;border:1px solid #acb3a9;box-shadow:10px 13px 25px #333a331b;transform:rotate(-3deg)}.browser-top{height:19px;border-bottom:1px solid #d4d8d1;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-top i{height:4px;width:4px;background:#a8b0a7;border-radius:50%}.browser-content{padding:19px}.browser-content b{font-size:19px;line-height:.95;letter-spacing:-.07em}.browser-content span{display:block;width:75%;height:3px;margin-top:9px;background:#c8cdc5}.browser-content .browser-cta{width:43px;height:12px;background:var(--lime);margin-top:12px}.visual-ai{background:#dce8c5}.ai-orb{width:132px;height:132px;border-radius:50%;position:absolute;right:18%;top:18%;background:radial-gradient(circle at 35% 29%,#f8ffd8,#c9ed73 32%,#71883f 72%,#333e29);box-shadow:inset -14px -20px 35px #3441243a,0 14px 25px #48553325}.ai-orb span{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:27px;letter-spacing:-.1em;color:#27311d}.visual-ai .visual-word{position:absolute;left:8%;bottom:43px;font-size:27px;letter-spacing:-.06em;line-height:.92}.visual-ai .visual-foot{color:#414a34}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 3px}.project-type{font-size:8px;letter-spacing:.14em;font-weight:700;color:#68736b}.expand-icon{height:25px;width:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15px;transition:transform .22s,background .22s}.project-card[open] .expand-icon{transform:rotate(45deg);background:var(--lime);border-color:var(--lime)}.project-card h3{font-size:22px;letter-spacing:-.045em;margin:6px 20px 4px;font-weight:620}.project-card summary>p{margin:0 20px 19px;color:#68716b;font-size:12px}.project-detail{border-top:1px solid #e8eae5;padding:15px 20px 19px;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;background:#fcfcfa}.project-detail p{margin:5px 0 0;font-size:11px;line-height:1.6;color:#545e56}.detail-label{font-size:8px;letter-spacing:.14em;color:#89928b;font-weight:700}.detail-wide{grid-column:1/-1;padding-top:3px}.empty-state{margin:15px 0;color:var(--muted);font-size:13px}.work-note{font-size:10px;color:#747d76;margin:19px 0 0}.work-note span{color:#748a44;margin-right:6px;font-weight:700}
.capabilities-section{background:var(--deep);color:#f4f5ef;padding:103px 0 83px}.cap-heading{align-items:end;margin-bottom:44px}.cap-heading .eyebrow{color:#aeb9ae}.cap-heading .section-intro{color:#b7c0b7}.capability-table-wrap{overflow-x:auto;border-top:1px solid #ffffff31;border-bottom:1px solid #ffffff31}.capability-table{width:100%;border-collapse:collapse;min-width:740px}.capability-table th,.capability-table td{text-align:left;padding:18px 13px;border-bottom:1px solid #ffffff20;font-size:11px;font-weight:400}.capability-table thead th{color:#aeb9ae;font-size:8px;letter-spacing:.16em;padding-top:16px;padding-bottom:14px}.capability-table tbody tr:last-child th,.capability-table tbody tr:last-child td{border-bottom:0}.capability-table tbody th{font-size:12px;font-weight:600;white-space:nowrap}.discipline-number{font-size:9px;color:var(--lime);display:inline-block;width:31px;font-weight:500}.capability-table tbody td{color:#c6cec6}.status{display:inline-block;border-radius:99px;padding:5px 9px;font-size:9px;white-space:nowrap}.status-ready{background:#ffffff12;color:#e2e9df}.status-pending{background:#d2f36b;color:#202923}.capability-foot{display:flex;justify-content:space-between;padding-top:15px;color:#94a097;font-size:8px;letter-spacing:.15em}.contact-section{padding-top:94px;padding-bottom:23px;display:grid;grid-template-columns:1fr .7fr;gap:40px 90px}.contact-left .eyebrow{margin-bottom:17px}.contact-left h2{font-size:clamp(38px,5vw,60px)}.contact-left>p:last-child{color:#646e67;font-size:13px;max-width:430px;margin-top:19px}.contact-right{align-self:end;padding-bottom:7px}.contact-field{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.contact-field span{font-size:8px;letter-spacing:.14em;color:#8a938c;font-weight:700}.contact-field strong{font-size:11px;font-weight:550;color:#646e67}.contact-right>p{font-size:9px;color:#929a93;text-align:right;margin:8px 0 0}.footer-line{grid-column:1/-1;margin-top:40px;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#707972}.footer-wordmark .monogram{width:27px;height:27px;font-size:9px}.footer-wordmark .wordmark-copy strong{font-size:9px}.footer-wordmark .wordmark-copy small{font-size:7px;margin-top:3px}.footer-line>a:last-child{font-weight:700}.footer-line a:hover{color:#384738}
@media(max-width:900px){.site-header{padding:0 5%}.section-wrap{padding-left:34px;padding-right:34px}.hero{column-gap:18px;min-height:570px;padding-top:70px}.hero-art{height:345px}.hero-intro{font-size:14px}.hero h1{font-size:clamp(47px,7.5vw,68px)}.filter-bar{align-items:flex-start;flex-direction:column;gap:7px}.project-visual{height:220px}.contact-section{gap:35px 45px}}
@media(max-width:640px){html{scroll-padding-top:72px}.site-header{height:66px;padding:0 21px}.top-nav{display:none}.menu-toggle{height:38px;width:38px;border:1px solid var(--line);background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:14px;height:1px;background:var(--ink)}.mobile-nav{position:absolute;z-index:9;top:66px;left:0;right:0;padding:10px 21px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-nav:not([hidden]){display:grid;gap:0}.mobile-nav a{padding:12px 2px;border-bottom:1px solid var(--line);font-size:13px}.section-wrap{padding-left:21px;padding-right:21px}.hero{min-height:auto;padding-top:58px;grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:24px}.hero-copy{padding:0}.hero h1{font-size:clamp(47px,14.5vw,68px)}.hero-intro{font-size:14px;line-height:1.65;margin-top:20px}.hero-actions{gap:16px}.hero-tags{margin-top:24px}.hero-art{height:290px;width:min(100%,390px);margin:6px auto 0;border-radius:48% 48% 48% 8%}.art-core{height:140px;width:140px}.art-core>span{font-size:37px}.art-orbit.orbit-one{width:260px;height:160px}.art-orbit.orbit-two{height:270px;width:178px}.label-top{left:31px;top:34px}.label-bottom{right:23px;bottom:28px}.art-star{right:31px;bottom:65px}.hero-bottom{margin-top:7px;padding:12px 0 14px}.hero-bottom>span:nth-child(2){display:none}.scroll-note{font-size:8px}.work-section{padding-top:73px;padding-bottom:77px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.contact-left h2{font-size:39px}.section-intro{font-size:12px;margin-top:14px}.filter-bar{padding:12px 0;margin-bottom:17px}.filter-options{gap:5px}.filter-button{padding:7px 9px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:14px}.project-visual{height:220px}.project-card h3{font-size:21px}.project-detail{gap:12px;padding:14px 16px 17px}.project-detail p{font-size:10px}.project-meta{padding-left:16px;padding-right:16px}.project-card h3,.project-card summary>p{margin-left:16px;margin-right:16px}.work-note{line-height:1.6}.capabilities-section{padding:72px 0 57px}.cap-heading{margin-bottom:26px}.cap-heading .section-intro{margin-top:12px}.capability-table{min-width:690px}.capability-table th,.capability-table td{padding:15px 10px}.capability-foot{font-size:7px}.contact-section{padding-top:68px;grid-template-columns:1fr;gap:22px}.contact-left h2{font-size:46px}.contact-right{padding:0}.contact-field{align-items:flex-start;flex-direction:column;gap:4px}.contact-right>p{text-align:left}.footer-line{margin-top:26px;gap:10px}.footer-line>span{font-size:7px}.footer-line>a:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Dark portfolio and project media */
:root{color-scheme:dark;--paper:#101311;--ink:#f1f4ed;--muted:#a4b0a6;--line:#333d35;--deep:#171e19;--white:#1b221d;--lime:#d2f36b}
.site-header{border-color:var(--line)}.monogram{color:#172019}.hero h1 span{color:#aab99c}.hero-intro,.section-intro,.contact-left>p:last-child{color:#b8c2b9}.hero-tags span{color:#bdc8bf}.hero-bottom{color:#a4b0a6}.button-dark{background:var(--lime);color:#172019}.button-dark span{color:#172019}.hero-art{background:#232c25}.art-orbit{border-color:#a1b48a55}.art-label,.art-star{color:#e3ebdd}.art-core{background:#101711}.label-top{left:85px;top:75px}.label-bottom{right:70px;bottom:55px}.filter-button{color:#bec8bf}.filter-button.is-active{background:var(--lime);color:#172019}.filter-button:hover{border-color:#d2f36b}.project-grid{align-items:start}.project-card{background:#1a211c;border-color:#343e36}.project-card:hover{box-shadow:0 12px 32px #0005}.project-type{color:#c0cfb7}.project-card summary>p{color:#b7c2b9}.expand-icon{color:var(--lime)}.project-card[open] .expand-icon{color:#172019}.project-detail{background:#151c17;border-color:#343e36}.project-detail p{color:#bbc6bd}.detail-label{color:#a9bc98}.work-note{color:#aab6ac}.contact-field strong{color:#bdc9bf}.contact-field span,.contact-right>p,.footer-line{color:#a2b0a5}.footer-line a:hover{color:var(--lime)}.skip-link{color:#172019}.menu-toggle span{background:var(--ink)}
.visual-tovias .visual-word,.visual-ux .browser-content{color:#202923}.visual-yellow .visual-word{color:#172019}.featured-card{grid-column:1/-1}.real-visual{background:#252925}.real-visual img{display:block;width:100%;height:100%;object-fit:contain}.campaign-cover{height:auto;aspect-ratio:16/9;max-height:440px;background:#101311}.campaign-cover img{object-fit:cover}.stand-cover{height:350px;background:#383838}.featured-card h3{font-size:27px}.campaign-layout{padding:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px}.campaign-strategy h4,.stands-intro h4{font-size:30px;letter-spacing:-.05em;line-height:1.12;margin:12px 0 18px}.campaign-strategy>p,.strategy-step p,.measurement p,.stands-intro p{font-size:13px;line-height:1.75;color:#bec9bf}.strategy-step{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.strategy-step>span{color:var(--lime);font-size:12px}.strategy-step h5,.measurement h5{font-size:14px;margin:0 0 6px}.strategy-step p,.measurement p{margin:0}.measurement{background:#242e24;padding:18px;border-radius:6px;margin-bottom:22px}.measurement small{display:block;margin-top:10px;font-size:11px;color:#b0bfa9}.asset-link{font-size:12px}.campaign-video{margin:0;align-self:start}.campaign-video video{display:block;width:100%;height:auto;aspect-ratio:512/910;border-radius:8px;background:#090b0a;max-height:570px}.campaign-video figcaption{font-size:12px;padding-top:12px;color:#eef3e8}.campaign-video figcaption span{font-size:11px;color:#abb9ad}.stands-detail{padding:24px;border-top:1px solid var(--line)}.stands-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-bottom:20px}.stands-intro p{margin:0}.stand-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{display:block;padding:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;text-align:left;background:#232b25;color:#d8e3d7;cursor:pointer}.gallery-item img{display:block;width:100%;height:180px;object-fit:contain;background:#383838}.gallery-item>span{display:block;padding:12px;font-size:11px;line-height:1.5}.gallery-item b{color:var(--lime)}.gallery-item:hover{border-color:var(--lime)}.image-dialog{max-width:min(1100px,96vw);max-height:95dvh;padding:16px;background:#171d18;border:1px solid #61715b;border-radius:8px;color:#edf2e9}.image-dialog::backdrop{background:#000d}.image-dialog img{display:block;max-width:100%;max-height:75dvh;margin:auto;object-fit:contain}.dialog-close{display:block;margin:0 0 12px auto;background:var(--lime);border:0;border-radius:20px;padding:9px 15px;color:#172019;cursor:pointer}.image-dialog p{font-size:13px;margin:12px 0 0}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:700px){.campaign-layout{grid-template-columns:1fr;padding:20px;gap:26px}.campaign-video{width:min(100%,300px);justify-self:center}.stand-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.stands-intro{grid-template-columns:1fr;gap:0}.stand-cover{height:270px}.featured-card h3{font-size:23px}.campaign-cover{aspect-ratio:16/9}.campaign-strategy h4,.stands-intro h4{font-size:27px}.asset-link{gap:12px}.label-top{left:62px;top:55px}.label-bottom{right:55px;bottom:40px}}
@media(max-width:420px){.stand-gallery{grid-template-columns:1fr}.gallery-item img{height:auto;aspect-ratio:3/2}.stands-detail{padding:16px}}

/* Stand film, reel and browser mockup */
.stand-cover{height:auto;aspect-ratio:910/512;max-height:480px;background:#e7e7e7}.stand-cover img{object-fit:contain}.stand-film{margin:0 0 24px}.stand-film video,.reel-player video{display:block;width:100%;height:auto;aspect-ratio:910/512;object-fit:contain;background:#080a08;border-radius:8px}.stand-film figcaption,.reel-player figcaption{font-size:12px;color:#aebcae;margin-top:10px}.demoreel-section{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line)}.reel-player{margin:0}.website-layout{padding:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;align-items:center}.website-copy h4{font-size:30px;line-height:1.1;letter-spacing:-.05em;margin:12px 0 20px}.website-copy p{font-size:13px;color:#bdc8bf;line-height:1.8}.image-trigger{border:0;cursor:pointer;margin-top:12px}.browser-stage{padding:30px 24px 16px;background:radial-gradient(ellipse at top right,#40542c,#202c21 55%,#151c16);border-radius:12px;min-width:0}.web-browser{border:1px solid #607059;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #0008;background:#fff}.web-toolbar{height:37px;background:#283329;color:#c0cbbb;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;font-size:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#819276}.window-dots i:first-child{background:#d2f36b}.web-viewport{max-height:470px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7d9569 #172019;background:#fff}.web-viewport img{display:block;width:100%;height:auto}.mockup-caption{text-align:center;font-size:10px;color:#bccab1;margin:13px 0 0}.image-dialog{padding:50px 18px 18px}.dialog-close{position:sticky;top:0;z-index:2;width:36px;height:36px;display:grid;place-items:center;margin:-38px -6px 2px auto;padding:0;border-radius:50%;background:#263327e8;border:1px solid #748568;color:#eef4e8;font-size:26px;line-height:1}.dialog-close:hover{background:var(--lime);color:#172019}.image-dialog.is-page #dialog-image{max-height:none;width:min(680px,78vw);height:auto}.image-dialog.is-page{overflow-y:auto}.website-card summary{padding-top:12px}.website-card summary>p{margin-bottom:20px}
@media(max-width:700px){.website-layout{grid-template-columns:1fr;padding:20px;gap:22px}.website-copy h4{font-size:27px}.browser-stage{padding:20px 14px 12px}.web-viewport{max-height:440px}.demoreel-section{padding-top:52px;padding-bottom:58px}.stand-cover{max-height:none}.stand-film figcaption{font-size:11px}.top-nav{gap:17px}}

/* Professional contact links */
.contact-field a{font-size:13px;color:#e0eadb;overflow-wrap:anywhere;padding:5px 0;min-height:32px;display:inline-flex;align-items:center;gap:10px}.contact-field a:hover{color:var(--lime)}.contact-field a>span{color:var(--lime);font-size:15px}.cv-download{margin-top:20px}.contact-right{min-width:0}@media(max-width:640px){.contact-field a{min-height:40px}.cv-download{min-height:44px}}