@font-face{font-family:'OPHYC Serif';src:url('./fonts/Baskervville-Regular.0795a81471.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OPHYC Display';src:url('./fonts/Baskervville-Regular.0795a81471.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OPHYC Montserrat';src:url('./fonts/Montserrat-Regular.87bc2a2a9b.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{
 --ophyc-unit:min(calc(100vw / 1024),calc(100svh / 620));
 --ophyc-gutter:6.34765625%;
 --ophyc-title:clamp(36px,min(calc(60 * var(--ophyc-unit)),4.6vw),56px);
 --ophyc-body:clamp(12px,calc(12 * var(--ophyc-unit)),14px);
 --ophyc-section-title:clamp(26px,calc(32 * var(--ophyc-unit)),38px);
 --ophyc-project-title:clamp(23px,calc(26 * var(--ophyc-unit)),31px);
}
.ophyc-page:not(.ophyc-home) h1,
.ophyc-page:not(.ophyc-home) h2,
.ophyc-page:not(.ophyc-home) h3{font-family:'OPHYC Serif','Times New Roman',serif;font-weight:400}
.ophyc-page:not(.ophyc-home) .web-header,
.ophyc-page:not(.ophyc-home) .product-header,
.ophyc-page:not(.ophyc-home) .about-header{
 left:var(--ophyc-gutter);right:auto;top:calc(42 * var(--ophyc-unit));
 width:auto;height:auto;z-index:3
}
.ophyc-page:not(.ophyc-home) header .brand{
 display:flex;align-items:center;gap:calc(24 * var(--ophyc-unit));width:max-content
}
.ophyc-page:not(.ophyc-home) header .brand-image,
.ophyc-page:not(.ophyc-home) header .brand-logo{width:calc(154 * var(--ophyc-unit));flex:none}
.ophyc-page:not(.ophyc-home) header .brand-descriptor{
 font:400 calc(4.7 * var(--ophyc-unit))/1.4 Consolas,'Courier New',monospace;
 letter-spacing:calc(1.1 * var(--ophyc-unit));color:#65695b
}
.ophyc-page:not(.ophyc-home) .hero-description{font-size:var(--ophyc-body);line-height:1.5;letter-spacing:0}

/* All three portfolio categories share one type scale and layout. */
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-copy{
 left:var(--ophyc-gutter);top:27%;width:42%;max-width:560px
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) :is(#web-title,#platform-title,#ai-title){
 font-size:var(--ophyc-title);line-height:1.02;letter-spacing:-.035em;margin:0;white-space:normal
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-breadcrumb{
 font-size:8px;line-height:1.5;letter-spacing:1.2px;margin-bottom:17px
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-description{margin-top:17px;max-width:410px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-cta{margin-top:20px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .cta{
 font-size:8px;line-height:1.4;letter-spacing:1.1px;gap:16px
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .cta .circle{width:40px;height:40px;font-size:24px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) #category-title{
 font-size:var(--ophyc-section-title);line-height:1.08;letter-spacing:-.035em;white-space:normal
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-copy{
 font-size:12px;line-height:1.55;color:#5c6557
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-label{font-size:8px;letter-spacing:1px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-content{
 grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 5.2% 20px 6.1%
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-photo{display:flex;align-items:center;height:auto}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-photograph{height:auto;flex:none}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-summary{align-self:center;min-width:0}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-summary h3{
 font-size:var(--ophyc-project-title);line-height:1.1;letter-spacing:-.025em;margin-top:9px
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .ordinal{font-size:14px;line-height:1.2}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-lead{font-size:13px;line-height:1.5;margin-top:10px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-description{font-size:12px;line-height:1.55;margin-top:12px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-link{font-size:8px;letter-spacing:.6px;margin-top:17px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags{
 display:flex;flex-wrap:wrap;gap:7px 14px;font:400 8px/1.5 Arial,Helvetica,sans-serif;
 letter-spacing:.5px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);overflow-wrap:normal
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags li+li{margin:0}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-heading h2{
 font-size:clamp(26px,calc(28 * var(--ophyc-unit)),34px);line-height:1.08;letter-spacing:-.035em;white-space:normal
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps h3{font-size:20px;line-height:1.2;letter-spacing:-.025em}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps p{font-size:11px;line-height:1.5;margin-top:9px}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) #closing-title{
 font-size:var(--ophyc-section-title);line-height:1.08;letter-spacing:-.035em;white-space:normal
}
:is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-copy>p{font-size:12px;line-height:1.55}

/* About and product follow the same header and homepage serif. */
.ophyc-sobre #about-title{font-size:var(--ophyc-title);line-height:1.06;letter-spacing:-.035em;white-space:normal}
.ophyc-sobre .hero-frame{height:clamp(460px,78svh,640px);padding-top:110px;padding-bottom:54px}
.ophyc-sobre .hero-copy{width:46%;max-width:520px}
.ophyc-sobre .hero-description{max-width:410px;margin-top:22px}
.ophyc-sobre #founder-title{font-size:42px;line-height:1.1}
.ophyc-sobre .founder-role{font-size:28px;line-height:1.15;white-space:normal}
.ophyc-sobre .founder-story{font-size:13px;line-height:1.65}
.ophyc-sobre #vision-title{font-size:var(--ophyc-section-title);line-height:1.1;white-space:normal}
.ophyc-sobre .vision-copy{font-size:13px;line-height:1.65}
.ophyc-contratos #contract-title{font-size:var(--ophyc-title);line-height:.98;letter-spacing:-.035em}
.ophyc-contratos .contract-title-line{letter-spacing:inherit;transform:none}
.ophyc-contratos .ophyc-title{letter-spacing:inherit;transform:none}
.ophyc-contratos .hero-tagline{font-size:clamp(25px,calc(30 * var(--ophyc-unit)),38px);line-height:1.08;letter-spacing:-.035em;transform:none}

@media(min-width:900px){
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-intro{min-height:180px;padding-top:24px;padding-bottom:24px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process{grid-template-columns:27% 73%}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-heading{padding:30px 13% 30px 20%}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps{padding-top:30px;padding-bottom:30px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-closing{min-height:190px;padding-top:28px;padding-bottom:28px}
 .ophyc-contratos #contract-title{left:6.34765625%;top:25%}
 .ophyc-contratos .hero-tagline{left:6.34765625%;top:48%}
 .ophyc-contratos .hero-description{left:6.34765625%;top:67%}
}
@media(max-width:1100px) and (min-width:900px){
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process{grid-template-columns:minmax(0,1fr)}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-heading{padding:26px var(--ophyc-gutter) 37px;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps{padding:25px 24px 29px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-content{grid-template-columns:minmax(0,1fr);padding:24px 28px;gap:15px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags{display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags li+li{margin:0}
}
@media(max-width:899px){
 :root{--ophyc-unit:1px;--ophyc-gutter:24px;--ophyc-title:clamp(34px,6.5vw,46px);--ophyc-section-title:30px;--ophyc-project-title:27px}
 .ophyc-page:not(.ophyc-home) header .brand-image,
 .ophyc-page:not(.ophyc-home) header .brand-logo{width:125px}
 .ophyc-page:not(.ophyc-home) header .brand{gap:14px}
 .ophyc-page:not(.ophyc-home) header .brand-descriptor{font-size:3.6px;letter-spacing:.7px}
 .ophyc-page:not(.ophyc-home) .web-header,
 .ophyc-page:not(.ophyc-home) .product-header,
 .ophyc-page:not(.ophyc-home) .about-header{left:24px;top:28px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .web-frame{--u:1px;container-type:normal}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-frame{aspect-ratio:auto;min-height:0;padding:108px 24px 0;display:flex;flex-direction:column}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-copy{position:relative;left:auto;top:auto;width:100%;max-width:560px;order:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-description{font-size:13px;max-width:490px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-description br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-visual{position:relative;inset:auto;order:1;margin:28px -24px 0;width:calc(100% + 48px);aspect-ratio:1.8;z-index:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .hero-visual>img{position:absolute;width:140%;max-width:none;height:auto;left:-38%;top:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-intro{grid-template-columns:minmax(0,1fr);padding:30px 24px;gap:18px;min-height:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-label{display:block}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-label br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) #category-title{padding:2px 0 3px 17px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) #category-title br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-copy{font-size:13px;padding:0;max-width:560px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .category-art{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-row{grid-template-columns:minmax(0,1fr);padding:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-content{grid-template-columns:minmax(0,1fr);padding:26px 24px 32px;gap:18px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-content::after{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-lead{font-size:13px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .work-lead br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags{display:flex;flex-wrap:wrap;gap:7px 14px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);font-size:8px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-tags li+li{margin:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process{grid-template-columns:minmax(0,1fr);min-height:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-heading{padding:28px 24px 39px;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-heading h2{font-size:30px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps{grid-template-columns:minmax(0,1fr);gap:23px;padding:27px 24px 32px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps li{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:14px;padding:0 0 0 16px;min-width:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps .ordinal{grid-column:1;grid-row:1/3;padding-top:2px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps h3{grid-column:2;font-size:23px;margin:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps p{grid-column:2;font-size:12px;margin-top:7px;min-width:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .process-steps p br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .project-closing{grid-template-columns:minmax(0,1fr);gap:20px;padding:30px 24px;min-height:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-label{font-size:8px;padding:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-label br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-copy{padding:0}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-copy>p{font-size:13px}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-copy>p br{display:none}
 :is(.ophyc-websites,.ophyc-plataformas,.ophyc-ia-automacoes) .closing-art{display:none}
 .ophyc-sobre .hero-frame{height:auto;min-height:0;padding:110px 24px 0;display:flex;flex-direction:column;align-items:stretch}
 .ophyc-sobre .hero-copy{width:100%;max-width:560px;order:0}
 .ophyc-sobre .hero-art{position:relative;inset:auto;order:1;z-index:0;margin:30px -24px 0;width:calc(100% + 48px);height:auto;aspect-ratio:1.1;clip-path:polygon(0 0,93% 4%,100% 100%,0 100%)}
 .ophyc-sobre .scroll-cue,.ophyc-sobre .hero-lines{display:none}
 .ophyc-sobre .founder-frame{display:flex;flex-direction:column;min-height:0}
 .ophyc-sobre .founder-photo{width:min(100%,420px);aspect-ratio:.94;min-height:0;align-self:center}
}
@media(max-width:359px){
 .ophyc-page:not(.ophyc-home) header .brand-image,
 .ophyc-page:not(.ophyc-home) header .brand-logo{width:102px}
 .ophyc-page:not(.ophyc-home) header .brand{gap:10px}
 .ophyc-page:not(.ophyc-home) header .brand-descriptor{font-size:3px;letter-spacing:.5px}
}