:root{color-scheme:dark;--bg:#151715;--text:#eeeee7;--muted:#9c9f97;--line:#363932;--accent:#b6c4a4;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1440px,calc(100% - 112px));margin:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:700;letter-spacing:-1.5px}.wordmark svg{width:28px;height:32px}.wordmark-dot{align-self:flex-start;font-size:10px;margin:6px 0 0 -4px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}.nav-contact{margin-left:25px}.nav-contact span{margin-left:28px;font-size:18px}.menu-toggle{display:none}.eyebrow,.small-label,.logic-sequence,.art-caption,.visual-label,.cap-number,.process-number,.placeholder-label,.about-principle{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.15px;font-weight:400;line-height:1.6;text-transform:uppercase}.eyebrow{margin:0;color:var(--text)}.small-label{color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;margin:0 10px 2px 0;background:var(--accent);border-radius:50%}.hero-top{display:flex;justify-content:space-between;padding-top:32px}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:625px;align-items:center}.hero-copy{position:relative;z-index:1;padding:48px 0 62px}h1{font-size:clamp(70px,7.6vw,112px);line-height:.96;letter-spacing:-7px;font-weight:500;margin:0 0 30px}em{font-style:normal;color:var(--accent)}.hero-description{font-size:15px;line-height:1.65;max-width:360px;color:#b7bab2;margin:0 0 29px}.button{min-height:48px;display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:15px 21px;border:1px solid transparent;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button-light{color:#1c201a;background:var(--text)}.button-light:hover{background:var(--accent);transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.hero-art{align-self:stretch;position:relative;display:flex;align-items:center;margin-left:-50px;background-image:linear-gradient(#d6dec506 1px,transparent 1px),linear-gradient(90deg,#d6dec506 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.adaptive-system{position:relative;z-index:1;width:112%;height:auto;max-height:100%;margin-left:-6%;overflow:visible}.art-cross{position:absolute;color:#7f8b73;font-family:monospace;font-size:17px}.cross-top{top:60px;right:5px}.cross-bottom{bottom:77px;left:53px}.art-caption{position:absolute;bottom:37px;left:87px;right:5px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:1.4px}.coordinate{text-align:right}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0}.logic-sequence{display:flex;align-items:center;gap:30px;font-size:9px}.logic-sequence i{font-style:normal;color:#74796d;font-size:17px}.scroll-link{font-size:10px;color:var(--muted)}.scroll-link span{margin-left:32px;font-size:18px}.section{padding-top:104px;padding-bottom:104px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.section-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:48px}h2{font-size:clamp(32px,3.1vw,47px);font-weight:400;line-height:1.12;letter-spacing:-1.8px;margin:0}p{line-height:1.75}.section-intro>p{max-width:350px;color:var(--muted);margin:0;font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-visual{height:340px;position:relative;overflow:hidden;background:#242821}.facade-visual{background:radial-gradient(ellipse at 50% 40%,#353b30,#21251f 80%)}.object-visual{background:radial-gradient(ellipse at 55% 35%,#373931,#24261f 80%)}.study{height:100%;width:100%;transition:transform .8s}.work-card:hover .study{transform:scale(1.035)}.visual-label{position:absolute;bottom:20px;left:22px;color:#bcc3b2;font-size:8px}.work-card-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px}.work-card-caption p{margin:0 0 8px;font-size:8px}h3{font-size:20px;letter-spacing:-.45px;font-weight:400;margin:0}.placeholder-label{font-size:8px;color:var(--muted);letter-spacing:.65px}.work-note{font-size:10px;color:var(--muted);margin:26px 0 0}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability{position:relative;padding:30px 30px 33px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:261px;transition:background .25s}.capability:hover{background:#1d201b}.cap-number{position:absolute;top:27px;right:26px;color:var(--muted)}.capability svg{width:46px;height:46px;stroke:var(--accent);stroke-width:1;fill:none;margin-bottom:33px}.capability h3{font-size:18px;max-width:300px}.capability p{color:var(--muted);font-size:13px;max-width:310px;margin:15px 0 0}.about-section{background:#1e211c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.about-grid h2{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2.5px;margin-bottom:34px}.muted{color:var(--muted)}.about-grid p:not(.eyebrow){max-width:545px;color:var(--muted);font-size:14px}.about-grid p.about-lead{font-size:19px;color:var(--text);line-height:1.6}.about-principle{display:flex;align-items:center;gap:25px;margin-top:44px;font-size:9px}.about-principle i{font-style:normal;color:var(--accent)}.about-symbol{position:relative;width:210px;height:210px;margin:90px auto 0;transform:rotate(-25deg)}.about-symbol span{position:absolute;border:1px solid #89997d;inset:0;transform:skewY(17deg);opacity:.55}.about-symbol span:nth-child(2){inset:22px}.about-symbol span:nth-child(3){inset:44px}.about-symbol span:nth-child(4){inset:66px}.about-symbol span:nth-child(5){inset:88px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:61px}.process-grid article{border-top:1px solid var(--line);padding-top:21px}.process-number{display:flex;justify-content:space-between;margin-bottom:41px;color:var(--accent)}.process-number i{font-style:normal;font-size:18px}.process-grid p{font-size:13px;color:var(--muted);max-width:240px}.founder{border-top:1px solid var(--line);padding-top:55px;padding-bottom:85px}.founder-content{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:37px}.founder-placeholder{margin:0 0 23px;max-width:350px;color:var(--muted);font-size:14px}.contact-section{padding:69px 0 89px;background:#22271f;border-top:1px solid #414837}.contact-section .section-heading{margin-bottom:60px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.contact-grid h2{font-size:clamp(45px,5.9vw,85px);letter-spacing:-4px}.contact-grid>div>p:first-child{max-width:320px;color:#bcc3b5;font-size:15px;margin:0 0 26px}.contact-note{font-size:10px;color:#a7afa0;margin:18px 0 0}.footer{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding-top:39px;padding-bottom:25px}.footer p{font-size:11px;color:var(--muted);margin:0}.footer>a:last-of-type{font-size:10px}.footer>a:last-of-type span{margin-left:20px}.copyright{grid-column:1/-1;font-size:9px;color:var(--muted);padding-top:17px;border-top:1px solid var(--line)}.skip-link{position:absolute;top:-80px;left:20px;background:var(--text);color:var(--bg);padding:16px;z-index:20}.skip-link:focus{top:10px}dialog{width:min(570px,calc(100% - 32px));max-height:90dvh;background:#1d211b;color:var(--text);border:1px solid #5a6352;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-top button{background:none;border:none;color:var(--text);font-size:28px;padding:0 5px}.dialog-description{color:var(--muted);font-size:13px;margin:20px 0}form label{display:block;margin:20px 0 9px;font-size:12px}form input,form select,form textarea{width:100%;padding:13px;background:#151715;border:1px solid #4c5345;border-radius:0;color:var(--text);font-size:14px}form textarea{resize:vertical}form .button{margin-top:24px}#brief-status{font-size:12px;color:var(--accent);margin-bottom:0}body.dialog-open{overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-content{min-height:710px}h1{font-size:123px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-content{min-height:550px}h1{letter-spacing:-4px;font-size:84px}.hero-art{margin-left:-65px}.header nav{gap:22px}.nav-contact{margin-left:0}.hero-index{display:none}.section-intro,.founder-content,.contact-grid{gap:40px}.work-visual{height:280px}.work-card-caption{align-items:flex-start;flex-direction:column;gap:12px}.capability{padding:25px}.about-grid{gap:40px}.process-grid{gap:23px}.art-caption{left:55px}.logic-sequence{gap:20px}.contact-grid h2{letter-spacing:-2.5px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;position:relative;z-index:5}.wordmark{font-size:26px}.wordmark svg{width:24px}.menu-toggle{display:flex;align-items:center;gap:20px;background:none;border:0;color:var(--text);padding:12px 0 12px 12px;font-size:12px}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;top:79px;left:-20px;right:-20px;padding:20px;background:#1e221b;border-bottom:1px solid var(--line);align-items:stretch;gap:0}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:17px 0;border-bottom:1px solid var(--line)}.header nav a:last-child{border:0}.nav-contact span{float:right}.hero-top{padding-top:25px}.hero-top .eyebrow{font-size:8px;letter-spacing:.7px}.hero-content{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:44px 0 0}h1{font-size:clamp(64px,13.5vw,96px);letter-spacing:-4px;line-height:.96;margin-bottom:24px}.hero-description{max-width:315px;font-size:14px}.hero-art{height:370px;margin:-8px -12px 0 0;align-self:auto;mask-image:none}.hero-art svg{height:100%;width:100%;margin:0}.art-caption{bottom:14px;left:0;right:5px;font-size:7px}.cross-top{top:44px;right:13px}.cross-bottom{bottom:57px;left:5px}.hero-bottom{padding:20px 0}.logic-sequence{font-size:7px;letter-spacing:.4px;gap:12px}.logic-sequence i{font-size:12px}.scroll-link{display:none}.section{padding-top:68px;padding-bottom:68px}.section-heading{margin-bottom:30px}.section-heading>.small-label{display:none}.section-intro{grid-template-columns:1fr;gap:23px;margin-bottom:33px}h2{font-size:33px;letter-spacing:-1.3px}.section-intro>p{max-width:420px;font-size:13px}.work-grid{grid-template-columns:1fr;gap:36px}.work-visual{height:280px}.work-card-caption{flex-direction:row;align-items:center;gap:14px}.work-card-caption h3{font-size:18px}.placeholder-label{font-size:7px}.capabilities-grid{grid-template-columns:1fr 1fr}.capability{padding:22px 19px;min-height:255px}.capability svg{width:38px;height:38px;margin-bottom:25px}.capability h3{font-size:17px;line-height:1.25}.capability p{font-size:12px}.cap-number{right:17px;top:20px;font-size:9px}.about-grid{grid-template-columns:1fr;gap:34px}.about-symbol{display:none}.about-grid h2{font-size:43px}.about-grid p.about-lead{font-size:17px}.about-principle{gap:16px;font-size:8px}.process-grid{grid-template-columns:1fr 1fr;gap:29px 24px;margin-top:37px}.process-number{margin-bottom:25px}.process-grid h3{font-size:19px}.process-grid p{font-size:12px}.founder-content{grid-template-columns:1fr;gap:26px;margin-top:30px}.contact-section{padding:49px 0 57px}.contact-section .section-heading{margin-bottom:37px}.contact-grid{grid-template-columns:1fr;gap:31px}.contact-grid h2{font-size:52px;letter-spacing:-2.5px}.footer{grid-template-columns:1fr auto;gap:22px}.footer p{grid-row:2;grid-column:1/-1}.footer .copyright{padding-top:20px}.footer>a:last-of-type{grid-column:2;grid-row:1}dialog{padding:24px}}
@media(max-width:760px){.adaptive-system{width:100%;height:100%;margin:0}.system-frames path:nth-child(even),.system-lines path:nth-child(even){display:none}.hero-art{overflow:hidden}}
@media(max-width:370px){.capabilities-grid{grid-template-columns:1fr}.capability{min-height:220px}.logic-sequence{gap:8px;font-size:6px}.contact-grid h2{font-size:45px}.about-principle{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* MODULA homepage project image only. */
.modula-project-visual{background:#22291f;height:auto}.modula-project-visual img{display:block;width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%);filter:saturate(.9) brightness(.96)}
.modula-project-visual picture{display:block;width:100%;height:100%}.modula-project-visual picture img{height:100%;object-fit:cover}

/* LINEA / Project 02: an editorial card within Selected Work. */
.linea-card{border:0;padding:0}.linea-heading{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:baseline;margin-bottom:23px}.linea-heading>span{grid-row:1/3;color:var(--accent);margin:0}.linea-heading h3{font-size:28px;letter-spacing:1.5px}.linea-heading p{grid-column:2;margin:7px 0 0;font-size:9px}.linea-visual{width:100%;height:auto;aspect-ratio:auto;overflow:hidden;background:#20271e}.linea-visual img{display:block;width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.linea-copy{padding:23px 0 0}.linea-headline{max-width:420px;font-size:22px;line-height:1.3;letter-spacing:-.55px;margin:0 0 15px}.linea-description{max-width:455px;color:var(--muted);font-size:13px;line-height:1.75;margin:0}.linea-project-link{display:flex;align-items:center;gap:32px;margin-top:24px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font:10px 'Courier New',monospace;letter-spacing:1px;text-align:left}.linea-project-link:disabled{cursor:default;opacity:1}.linea-project-link span{font-size:18px}@media(max-width:760px){.linea-heading h3{font-size:26px}.linea-headline{font-size:21px}.linea-description{font-size:12px}.linea-heading{margin-bottom:20px}.linea-visual{height:auto;aspect-ratio:auto;position:relative}.linea-visual img,.modula-project-visual img{position:static;transform:none}}
/* Shared hierarchy for homepage project entries; image compositions remain distinct. */
#work .project-entry{display:flex;flex-direction:column;min-width:0}
#work .project-entry-heading{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:baseline;margin-bottom:23px}
#work .project-entry-heading>span{grid-row:1/3;color:var(--accent);margin:0}
#work .project-entry-heading h3{font-size:28px;letter-spacing:1.5px}
#work .project-entry-heading p{grid-column:2;margin:7px 0 0;font-size:9px}
#work .modula-entry .project-entry-heading{margin-top:23px;margin-bottom:0}
#work .project-entry-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-top:23px}

/* Keep the desktop/tablet project showcase aligned while retaining the mobile rhythm. */
@media(min-width:761px){
  #work .modula-project-visual,#work .linea-card .linea-visual{height:auto;aspect-ratio:1.5;overflow:hidden;position:relative}
  #work .linea-card .linea-visual{order:1}
  #work .linea-card .linea-heading{order:2;margin-top:23px;margin-bottom:0}
  #work .linea-card .linea-copy{order:3}
}
@media(min-width:761px) and (max-width:1100px){
  #work .linea-card .linea-visual{height:auto}
}
#work .project-entry-statement{max-width:420px;font-size:22px;line-height:1.3;letter-spacing:-.55px;margin:0 0 15px}
#work .project-entry-description{max-width:455px;color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 24px}
#work .project-entry-link{display:flex;align-items:center;gap:32px;margin-top:auto;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);font:10px 'Courier New',monospace;letter-spacing:1px;text-align:left}
#work .project-entry-link>span{font-size:18px}
#work .modula-entry:hover .project-entry-link{color:var(--text);border-top-color:var(--accent)}
@media(max-width:760px){#work .project-entry-heading h3{font-size:26px}#work .project-entry-heading{margin-bottom:20px}#work .project-entry-statement{font-size:21px}#work .project-entry-description{font-size:12px}}

/* Cropped Maticdo artwork sized by its visible bounds. */
.brand-logo{display:block;width:auto;height:34px;max-width:100%;object-fit:contain;flex:0 0 auto}
.footer .brand-logo{height:28px}
@media(max-width:760px){.header .brand-logo{height:28px}}

/* Scroll-linked progression between the hero and Selected Work. */
.logic-sequence[data-process-sequence]{position:relative;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(74px,1fr) minmax(max-content,1fr) minmax(74px,1fr) minmax(max-content,1fr);align-items:center;flex:0 1 72%;width:72%;max-width:980px;min-width:0;gap:0}
.logic-sequence .logic-stage{position:relative;z-index:1;width:max-content;max-width:100%;padding:0 4px;background:var(--bg);opacity:.48;transition:color .22s ease,opacity .22s ease,transform .22s ease;white-space:nowrap}
.logic-sequence [data-process-stage]:nth-child(1){grid-column:1;justify-self:start}
.logic-sequence [data-process-stage]:nth-child(3){grid-column:3;justify-self:center}
.logic-sequence [data-process-stage]:nth-child(5){grid-column:5;justify-self:end}
.logic-sequence .logic-stage.is-complete{color:var(--text);opacity:.76}
.logic-sequence .logic-stage.is-active{color:var(--accent);opacity:1;transform:translateY(-2px)}
.logic-sequence .logic-connector{position:relative;display:block;width:100%;height:16px;pointer-events:none}
.logic-sequence .logic-connector:nth-child(2){grid-column:2}
.logic-sequence .logic-connector:nth-child(4){grid-column:4}
.logic-sequence .logic-connector::before,.logic-sequence .logic-connector-fill{position:absolute;left:20px;right:8px;top:50%;height:1px;background:var(--line);content:""}
.logic-sequence .logic-connector-fill{background:var(--accent);transform:scaleX(var(--segment-progress,0));transform-origin:left center}
.logic-sequence .logic-connector::after{position:absolute;right:1px;top:50%;width:6px;height:7px;background:var(--muted);clip-path:polygon(0 0,100% 50%,0 100%,0 76%,57% 50%,0 24%);content:"";transform:translateY(-50%)}
.logic-sequence .logic-connector.is-complete::after{background:var(--accent)}
.logic-sequence[data-reduced-motion="true"] .logic-stage{transition:none;transform:none;color:var(--text);opacity:1}
.logic-sequence[data-reduced-motion="true"] .logic-connector-fill{transform:scaleX(0)}
.hero + #work{padding-top:64px}
@media(max-width:1100px) and (min-width:761px){.logic-sequence[data-process-sequence]{flex-basis:70%;width:70%;grid-template-columns:minmax(max-content,1fr) minmax(45px,1fr) minmax(max-content,1fr) minmax(45px,1fr) minmax(max-content,1fr)}.logic-sequence .logic-connector::before,.logic-sequence .logic-connector-fill{left:16px;right:7px}.logic-sequence .logic-connector::after{right:0}}
@media(max-width:760px){.logic-sequence[data-process-sequence]{display:flex;flex:0 1 auto;width:max-content;max-width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding-left:15px}.logic-sequence .logic-stage{padding:0 4px 0 3px}.logic-sequence .logic-connector{width:9px;height:10px;margin-left:-15px}.logic-sequence .logic-connector::before,.logic-sequence .logic-connector-fill{left:4px;right:auto;top:0;bottom:4px;width:1px;height:auto}.logic-sequence .logic-connector-fill{transform:scaleY(var(--segment-progress,0));transform-origin:top center}.logic-sequence .logic-connector::after{left:1.5px;right:auto;top:auto;bottom:0;width:6px;height:5px;clip-path:polygon(0 0,100% 0,50% 100%);transform:none}.hero + #work{padding-top:54px}}
@media(prefers-reduced-motion:reduce){.logic-sequence .logic-stage{transition:none;transform:none}}

/* Restrained entry cue for the two Selected Work project images. */
#work .project-image-interaction{position:relative;cursor:pointer;isolation:isolate}
#work .project-image-interaction::after{position:absolute;inset:0;border:1px solid var(--accent);content:"";opacity:0;pointer-events:none;transition:opacity 420ms cubic-bezier(.2,.65,.3,1)}
#work .project-image-label{position:absolute;z-index:2;right:14px;bottom:12px;color:var(--text);font:9px 'Courier New',monospace;letter-spacing:1px;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity 420ms cubic-bezier(.2,.65,.3,1),transform 420ms cubic-bezier(.2,.65,.3,1)}
#work .project-image-interaction:hover::after,#work .modula-entry:focus-visible .modula-project-visual::after,#work .linea-visual:focus-visible::after{opacity:1}
#work .project-image-interaction:hover .project-image-label,#work .modula-entry:focus-visible .project-image-label,#work .linea-visual:focus-visible .project-image-label{opacity:.96;transform:translateY(0)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#work .modula-project-visual:hover img,#work .modula-entry:focus-visible .modula-project-visual img,#work .linea-visual:hover img,#work .linea-visual:focus-visible img{transform:translateY(calc(-50% - 3px)) scale(1.02);transition:transform 440ms cubic-bezier(.2,.65,.3,1)}}
@media(hover:none),(pointer:coarse){#work .project-image-label{opacity:.92;transform:none}}
@media(prefers-reduced-motion:reduce){#work .project-image-interaction::after,#work .project-image-label,#work .project-image-interaction img{transition:none!important}}
@media(max-width:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#work .modula-project-visual:hover img,#work .modula-entry:focus-visible .modula-project-visual img,#work .linea-visual:hover img,#work .linea-visual:focus-visible img{transform:none}}

/* Pointer-only micro-interactions for the existing capability grid. */
#capabilities .capability{transition:background .25s,color 440ms cubic-bezier(.2,.65,.3,1)}
#capabilities .capability:hover{background:transparent}
#capabilities .capability::after{position:absolute;inset:0;content:"";border:1px solid var(--accent);opacity:0;pointer-events:none;transition:opacity 440ms cubic-bezier(.2,.65,.3,1)}
#capabilities .capability h3{transition:color 440ms cubic-bezier(.2,.65,.3,1)}
#capabilities .capability svg{transition:filter 440ms cubic-bezier(.2,.65,.3,1)}
@media(hover:hover) and (pointer:fine){
  #capabilities .capability:hover::after{opacity:.58}
  #capabilities .capability:hover h3{color:var(--accent)}
  #capabilities .capability:hover svg{filter:brightness(1.12)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #capabilities .capability svg>path{transform-box:view-box;transform-origin:32px 32px;transition:transform 460ms cubic-bezier(.2,.65,.3,1)}
  #capabilities .capability:nth-child(1):hover svg>path:nth-child(2){transform:rotate(1.5deg)}
  #capabilities .capability:nth-child(1):hover svg>path:nth-child(3){transform:rotate(-1.25deg)}
  #capabilities .capability:nth-child(2):hover svg>path:nth-child(2){transform:translateX(2.5px)}
  #capabilities .capability:nth-child(2):hover svg>path:nth-child(3){transform:translateX(-2.5px)}
  #capabilities .capability:nth-child(2):hover svg>path:nth-child(4){transform:translateX(2px)}
  #capabilities .capability:nth-child(3):hover svg>path:nth-child(3){transform:translate(2px,1px)}
  #capabilities .capability:nth-child(3):hover svg>path:nth-child(4){transform:translate(-2px,-1px)}
  #capabilities .capability:nth-child(3):hover svg>path:nth-child(5){transform:translateX(2px)}
  #capabilities .capability:nth-child(4):hover svg>path:nth-child(2){transform:translateY(-2px)}
  #capabilities .capability:nth-child(4):hover svg>path:nth-child(3){transform:translateX(2px)}
  #capabilities .capability:nth-child(4):hover svg>path:nth-child(4){transform:translate(-1.5px,1px)}
  #capabilities .capability:nth-child(4):hover svg>path:nth-child(5){transform:translate(1.5px,1px)}
  #capabilities .capability:nth-child(5):hover svg>path:nth-child(2){transform:translateY(2px)}
  #capabilities .capability:nth-child(5):hover svg>path:nth-child(3){transform:translateY(4px)}
  #capabilities .capability:nth-child(6):hover svg>path:nth-child(3){transform:translateX(-2.5px)}
  #capabilities .capability:nth-child(6):hover svg>path:nth-child(4){transform:translateX(2.5px)}
  #capabilities .capability:nth-child(6):hover svg>path:nth-child(5){transform:rotate(1deg)}
}

/* Ambient system motion for the existing About Maticdo nested-square graphic. */
.about-symbol span{transform-origin:center;will-change:transform,inset}
.about-symbol span:nth-child(1){animation:about-layer-outer 8s cubic-bezier(.45,0,.55,1) infinite}
.about-symbol span:nth-child(2){animation:about-layer-2 8s cubic-bezier(.45,0,.55,1) infinite}
.about-symbol span:nth-child(3){animation:about-layer-3 8s cubic-bezier(.45,0,.55,1) infinite}
.about-symbol span:nth-child(4){animation:about-layer-4 8s cubic-bezier(.45,0,.55,1) infinite}
.about-symbol span:nth-child(5){animation:about-layer-inner 8s cubic-bezier(.45,0,.55,1) infinite}

@keyframes about-layer-outer{
  0%,100%{inset:0;transform:translate(0,0) rotate(0deg) skewY(17deg)}
  18%{inset:-1px 1px 1px -1px;transform:translate(-.5px,.5px) rotate(.3deg) skewY(17.4deg)}
  50%{inset:-3px 2px 2px -2px;transform:translate(1.5px,-1px) rotate(-.7deg) skewY(16.5deg)}
  82%{inset:-1px 1px 1px -1px;transform:translate(-.5px,.5px) rotate(.3deg) skewY(17.4deg)}
}
@keyframes about-layer-2{
  0%,100%{inset:22px;transform:translate(0,0) rotate(0deg) skewY(17deg)}
  18%{inset:21px 20px 23px 21px;transform:translate(.3px,-.4px) rotate(-.2deg) skewY(17.2deg)}
  50%{inset:18px 20px 23px 17px;transform:translate(-1.2px,1px) rotate(.55deg) skewY(16.3deg)}
  82%{inset:21px 20px 23px 21px;transform:translate(.3px,-.4px) rotate(-.2deg) skewY(17.2deg)}
}
@keyframes about-layer-3{
  0%,100%{inset:44px;transform:translate(0,0) rotate(0deg) skewY(17deg)}
  18%{inset:43px 42px 45px 43px;transform:translate(-.2px,.3px) rotate(.15deg) skewY(17.1deg)}
  50%{inset:40px 42px 45px 39px;transform:translate(.8px,-.6px) rotate(-.4deg) skewY(17.8deg)}
  82%{inset:43px 42px 45px 43px;transform:translate(-.2px,.3px) rotate(.15deg) skewY(17.1deg)}
}
@keyframes about-layer-4{
  0%,100%{inset:66px;transform:translate(0,0) rotate(0deg) skewY(17deg)}
  18%{inset:65px 65px 67px 65px;transform:translate(.15px,-.2px) rotate(-.1deg) skewY(16.9deg)}
  50%{inset:63px 65px 67px 62px;transform:translate(-.5px,.45px) rotate(.28deg) skewY(17.5deg)}
  82%{inset:65px 65px 67px 65px;transform:translate(.15px,-.2px) rotate(-.1deg) skewY(16.9deg)}
}
@keyframes about-layer-inner{
  0%,100%{inset:88px;transform:translate(0,0) rotate(0deg) skewY(17deg)}
  18%{inset:87px 87px 89px 88px;transform:translate(-.08px,.1px) rotate(.06deg) skewY(17.05deg)}
  50%{inset:86px 87px 89px 85px;transform:translate(.25px,-.2px) rotate(-.14deg) skewY(17.2deg)}
  82%{inset:87px 87px 89px 88px;transform:translate(-.08px,.1px) rotate(.06deg) skewY(17.05deg)}
}
@media(prefers-reduced-motion:reduce){.about-symbol span{animation:none!important;will-change:auto}}

/* Scroll-linked progression for the existing How We Work composition. */
#process .section-intro h2{transform:translateY(var(--process-heading-y,14px));opacity:var(--process-heading-opacity,.90)}
#process .section-intro>p{transform:translateY(var(--process-copy-y,-10px));opacity:var(--process-copy-opacity,.84)}
#process .process-grid article{position:relative}
#process .process-grid article::before{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--accent);content:"";transform:scaleX(var(--stage-progress,0));transform-origin:left center;opacity:.96;will-change:transform;pointer-events:none}
#process .process-grid article .process-number{opacity:var(--stage-opacity,.76);transform:translateY(var(--stage-lift,10px))}
#process .process-grid article h3{opacity:var(--stage-opacity,.76);transform:translateY(var(--stage-lift,10px))}
#process .process-grid article p{opacity:var(--stage-body-opacity,.72);transform:translateY(var(--stage-lift,10px))}
@media(prefers-reduced-motion:reduce){
  #process .section-intro h2,#process .section-intro>p,#process .process-grid article .process-number,#process .process-grid article h3{transform:none!important;opacity:1!important}
  #process .process-grid article p{opacity:1!important}
  #process .process-grid article::before{transform:scaleX(1)}
}

/* Scroll-led origin, question and resolution for The Thinking. */
#founder.thinking-section{position:relative;padding-top:55px;padding-bottom:105px}
#founder .thinking-origin{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;margin-top:37px}
#founder .thinking-origin h2{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2.5px;margin:0;transform:translateY(var(--thinking-y,12px));opacity:var(--thinking-opacity,.88)}
#founder .thinking-origin-copy{max-width:590px}
#founder .thinking-origin-copy p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 25px;transform:translateY(var(--thinking-y,10px));opacity:var(--thinking-opacity,.78)}
#founder .thinking-origin-copy p:last-child{margin-bottom:0}
#founder .thinking-origin-copy .thinking-origin-lead{color:var(--text);font-size:16px;line-height:1.7}
#founder .thinking-question{position:relative;max-width:1110px;margin-top:108px;padding-top:22px;border-top:1px solid var(--line)}
#founder .thinking-question::before{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--accent);content:"";transform:scaleX(var(--thinking-question-progress,0));transform-origin:left center;opacity:.95;will-change:transform;pointer-events:none}
#founder .thinking-kicker{font:10px/1.6 'Courier New',monospace;letter-spacing:1.15px;text-transform:uppercase;color:var(--muted);margin:0 0 27px;transform:translateY(var(--thinking-y,8px));opacity:var(--thinking-opacity,.58)}
#founder .thinking-question h3{max-width:1040px;font-size:clamp(34px,4.4vw,64px);font-weight:400;line-height:1.1;letter-spacing:-2px;margin:0;transform:translateY(var(--thinking-y,20px));opacity:var(--thinking-opacity,.74)}
#founder .thinking-resolution{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:end;max-width:1000px;margin-top:108px;padding-top:22px;border-top:1px solid var(--line)}
#founder .thinking-resolution::before{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--accent);content:"";transform:scaleX(var(--thinking-resolution-progress,0));transform-origin:left center;opacity:.8;will-change:transform;pointer-events:none}
#founder .thinking-resolution>p:first-child{max-width:500px;color:var(--text);font-size:19px;line-height:1.6;margin:0;transform:translateY(var(--thinking-y,10px));opacity:var(--thinking-opacity,.68)}
#founder .thinking-closer{font:9px/1.6 'Courier New',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:0 0 2px;transform:translateY(var(--thinking-y,8px));opacity:var(--thinking-opacity,.62)}
@media(prefers-reduced-motion:reduce){
  #founder .thinking-origin h2,#founder .thinking-origin-copy p,#founder .thinking-kicker,#founder .thinking-question h3,#founder .thinking-resolution>p:first-child,#founder .thinking-closer{transform:none!important;opacity:1!important}
  #founder .thinking-question::before,#founder .thinking-resolution::before{transform:scaleX(1)}
}
@media(max-width:760px){
  #founder.thinking-section{padding-top:55px;padding-bottom:78px}
  #founder .thinking-origin{grid-template-columns:1fr;gap:34px;margin-top:30px}
  #founder .thinking-origin h2{font-size:43px;letter-spacing:-1.8px}
  #founder .thinking-origin-copy{max-width:none}
  #founder .thinking-origin-copy p{max-width:none;font-size:13px;line-height:1.75;margin-bottom:21px}
  #founder .thinking-origin-copy .thinking-origin-lead{font-size:16px;line-height:1.65}
  #founder .thinking-question{margin-top:76px;padding-top:19px}
  #founder .thinking-kicker{font-size:8px;letter-spacing:.8px;margin-bottom:22px}
  #founder .thinking-question h3{font-size:35px;letter-spacing:-1.2px;line-height:1.12}
  #founder .thinking-resolution{grid-template-columns:1fr;gap:25px;margin-top:76px;padding-top:19px}
  #founder .thinking-resolution>p:first-child{font-size:17px}
  #founder .thinking-closer{font-size:8px;letter-spacing:1px}
}

/* Restrained scroll entrance for the final project CTA. */
#contact .contact-grid h2{transform:translateY(var(--contact-question-y,14px));opacity:var(--contact-question-opacity,.88)}
#contact .contact-grid>div>p:first-child{transform:translateY(var(--contact-copy-y,9px));opacity:var(--contact-copy-opacity,.80)}
#contact #open-brief{transform:translateY(var(--contact-action-y,6px));opacity:var(--contact-action-opacity,.74)}
#contact #open-brief:hover{transform:translateY(calc(var(--contact-action-y,6px) - 2px))}
#contact #open-brief>span{display:inline-block;transition:transform .2s ease}
#contact #open-brief:hover>span{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){
  #contact .contact-grid h2,#contact .contact-grid>div>p:first-child,#contact #open-brief{transform:none!important;opacity:1!important}
  #contact #open-brief>span{transition:none}
}

/* Keep the internal entry point discoverable without putting it in client navigation. */
.footer{grid-template-columns:auto 1fr auto auto}
.footer .admin-login-link{font:9px 'Courier New',monospace;letter-spacing:.7px;color:var(--muted);white-space:nowrap}
.footer .admin-login-link:hover,.footer .admin-login-link:focus-visible{color:var(--accent)}
.footer .admin-login-link span{margin-left:9px}
.footer .footer-nav-link{font-size:10px}
@media(max-width:760px){
  .footer{grid-template-columns:1fr auto}
  .footer .admin-login-link{grid-column:1;grid-row:1}
  .footer .footer-nav-link{grid-column:2;grid-row:1}
}