/* ROMARC — architectural editorial edition, 2026.
   Progressive enhancement: content stays visible without JavaScript. */
@font-face{font-family:'Romarc Display';src:url('romarc-display-italic.ttf') format('truetype');font-style:italic;font-weight:400 700;font-display:swap}
:root{--romarc-ease:cubic-bezier(.2,.65,.25,1);--romarc-warm:#eee8df;--romarc-hairline:rgba(25,26,24,.18)}
body.romarc-page{--pad:clamp(24px,5.5vw,106px);--max:1720px;background:#fdfbf8;color:#191a18;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:clip}
body.romarc-page h1,body.romarc-page h2,body.romarc-page h3{font-family:Manrope,Arial,sans-serif;color:inherit;font-weight:600;letter-spacing:-.055em;text-wrap:balance}
body.romarc-page h2{font-size:clamp(42px,4.65vw,76px);line-height:1.09}
body.romarc-page h3{font-size:27px;line-height:1.2}
body.romarc-page p{line-height:inherit}
body.romarc-page h1:has(.reveal-line)>br,body.romarc-page h2:has(.reveal-line)>br{display:none}
body.romarc-page h1>.reveal-line,body.romarc-page h2>.reveal-line{display:block}
body.romarc-page .body-copy{font-size:17px;line-height:1.95;color:#5d5b56}
body.romarc-page .section{padding-block:124px}
body.romarc-page .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.18em;font-weight:700;color:#786449}
body.romarc-page .eyebrow::before{width:30px;margin-right:17px}
body.romarc-page .section-heading{margin-bottom:64px;gap:40px}
body.romarc-page .section-heading .eyebrow{margin-bottom:24px}
body.romarc-page .display-accent,body.romarc-page h2 .reveal-line:last-child:not(:first-child){font-family:'Romarc Display',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.04em;font-size:1.18em}
body.romarc-page a:focus-visible,body.romarc-page button:focus-visible{outline:3px solid #9e7143;outline-offset:6px}
body.romarc-page .button{position:relative;min-height:62px;padding:18px 25px;gap:36px;border-radius:0;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.5;transition:background .25s,color .25s,box-shadow .25s}
body.romarc-page .button svg,body.romarc-page .text-link svg{transition:transform .4s var(--romarc-ease)}
body.romarc-page .button:hover svg,body.romarc-page .text-link:hover svg{transform:translateX(5px)}
body.romarc-page .button-sand{background:#ba9975;color:#151714}
body.romarc-page .button-sand:hover{background:#d2b695;box-shadow:0 10px 30px #00000016}
body.romarc-page .button-dark{background:#191a18;color:#fdfbf8}
body.romarc-page .button-dark:hover{background:#34362f}
body.romarc-page .button-outline{border-color:#aca395;background:transparent;color:#191a18}
body.romarc-page .text-link{font-size:14px;line-height:1.5;gap:42px;padding-block:14px;border-bottom-color:#9c8f7f}
body.romarc-page .number{font-size:13px;font-weight:600;letter-spacing:.04em}
/* The quiet frame around the moving architectural image. */
body.romarc-page .site-header{height:92px;background:#fdfbf8;border-bottom:1px solid #ded7cb;transition:background .35s,box-shadow .35s,height .35s}
body.romarc-page .site-header.is-scrolled{box-shadow:0 5px 28px #191a180d}
body.romarc-page .header-inner{gap:27px}
body.romarc-page .brand{flex:0 0 215px;width:215px}
body.romarc-page .brand img{width:100%;height:72px;object-fit:contain}
body.romarc-page .desktop-nav{gap:25px}
body.romarc-page .desktop-nav>a,body.romarc-page .nav-group>a{font-size:13px;font-weight:600;letter-spacing:-.02em}
body.romarc-page .header-actions{gap:23px}
body.romarc-page .header-cta{min-height:45px;font-size:12px;line-height:1.4;padding:14px 18px;gap:18px;transition:background .25s}
body.romarc-page .header-cta:hover{background:#765b3e}
body.romarc-page .languages{gap:8px}
body.romarc-page .languages a{font-size:12px;min-width:26px;opacity:1;color:#777168}
body.romarc-page .languages a[aria-current=true]{color:inherit;border-bottom:1px solid #96734c}
body.romarc-page .dropdown{min-width:350px;max-width:420px;padding:21px 28px 24px;border-top:2px solid #ba9975;box-shadow:0 20px 35px #191a1826;background:#fdfbf8}
body.romarc-page .dropdown a{font-size:13px;line-height:1.5;padding:12px 0}
body.romarc-page:has(.hero) .site-header{position:absolute;top:24px;left:24px;right:24px;height:88px;border:0;background:#fdfbf8;box-shadow:0 10px 35px #00000012}
body.romarc-page:has(.hero) .site-header .header-inner{max-width:none;padding-inline:32px}
body.romarc-page:has(.hero) .site-header.is-scrolled{position:fixed;inset:0 0 auto;height:84px;box-shadow:0 5px 30px #00000012}
body.romarc-page:has(.hero) .site-header.is-scrolled .header-inner{max-width:var(--max);padding-inline:var(--pad)}
body.romarc-page .hero{min-height:760px;height:100svh;max-height:1080px;background:#34372f;overflow:hidden}
body.romarc-page .hero-backdrop,body.romarc-page .hero video{object-fit:cover;object-position:center;filter:none!important;transform:none!important;opacity:1;image-rendering:auto}
body.romarc-page .hero video{visibility:hidden}
body.romarc-page .hero.is-video-ready video{visibility:visible}
body.romarc-page .hero::after{background:linear-gradient(90deg,rgba(12,16,12,.64) 0%,rgba(12,16,12,.3) 43%,rgba(12,16,12,.05) 80%),linear-gradient(0deg,rgba(12,16,12,.44) 0%,transparent 25%);pointer-events:none}
body.romarc-page .hero::before{content:'';position:absolute;inset:112px 24px 0;border-inline:1px solid #ffffff1f;z-index:1;pointer-events:none}
body.romarc-page .hero-inner{padding-top:155px;padding-bottom:125px;justify-content:center;min-height:100%;max-width:var(--max);z-index:2}
body.romarc-page .hero .eyebrow{font-size:12px;font-weight:600;letter-spacing:.23em;color:#f4e6d5;margin-bottom:31px;text-shadow:0 1px 8px #0004}
body.romarc-page .hero .eyebrow::before{background:#d8b88f;width:36px}
body.romarc-page .hero h1{font-size:clamp(68px,6.75vw,118px);max-width:1180px;letter-spacing:-.064em;line-height:1.05;font-weight:600;text-shadow:0 2px 20px #0000000d;color:#fff}
body.romarc-page .hero h1 .reveal-line{display:block}
body.romarc-page .hero h1 .reveal-line:last-child:not(:first-child),body.romarc-page .hero h1 em,body.romarc-page .hero h1 .display-accent{font-family:'Romarc Display',Georgia,serif;font-size:1.26em;font-style:italic;font-weight:400;letter-spacing:-.052em;line-height:.98;color:#f5e5ce}
body.romarc-page .hero-intro{max-width:480px;font-size:16px;line-height:1.85;margin-top:32px;color:#fff;text-shadow:0 1px 8px #0005}
body.romarc-page .hero .button{margin-top:31px;min-width:247px}
body.romarc-page .hero-bottom{bottom:30px;padding-top:22px;padding-right:76px;border-top-color:#ffffff45;font-size:12px;letter-spacing:.12em}
body.romarc-page .hero-scroll{font-size:11px;gap:17px}
body.romarc-page .hero-scroll svg{height:27px}
body.romarc-page .hero-index{font-size:11px;letter-spacing:.14em;color:#fff}
body.romarc-page .video-toggle{width:47px;height:47px;background:#10160f20;border-color:#ffffff8c;transition:background .2s}
body.romarc-page .video-toggle:hover{background:#ffffff21}
/* Services at the threshold of the portfolio. */
body.romarc-page .service-ribbon{max-width:none;padding-inline:max(var(--pad),calc((100% - var(--max))/2 + var(--pad)));background:#191a18;min-height:100px;gap:26px;padding-block:28px;color:#eae2d8}
body.romarc-page .service-ribbon a{font-size:13px;line-height:1.7;gap:19px;align-items:center;transition:color .3s}
body.romarc-page .service-ribbon a:hover{color:#dcb990}
body.romarc-page .service-ribbon .number{color:#c9a985;font-size:13px;flex-shrink:0}
/* An asymmetric editorial portfolio, rather than repeated product tiles. */
body.romarc-page #selected-projects{padding-top:118px;padding-bottom:130px}
body.romarc-page .project-grid{gap:58px 32px}
body.romarc-page .project-card{min-width:0}
body.romarc-page .project-card>a{display:block;position:relative;isolation:isolate}
body.romarc-page .project-image{aspect-ratio:1.22;overflow:hidden;background:#d9d0c2}
body.romarc-page .project-image img{transition:transform 1s var(--romarc-ease);transform:scale(1);width:100%;height:100%;object-fit:cover}
body.romarc-page .project-card:hover .project-image img{transform:scale(1.045)}
body.romarc-page .project-image::after{inset:40% 0 0;background:linear-gradient(0deg,rgba(10,15,11,.85),rgba(10,15,11,.14) 63%,transparent);z-index:1}
body.romarc-page .project-info{position:absolute;bottom:0;left:0;right:0;padding:30px 30px 32px;color:#fff;z-index:3;pointer-events:none;display:block}
body.romarc-page .project-info h3{font-size:clamp(23px,2vw,34px);line-height:1.17;letter-spacing:-.045em;color:#fff;max-width:85%;text-wrap:balance}
body.romarc-page .project-info p{font-size:13px;color:#e6e1d9;margin-top:12px;line-height:1.6;max-width:85%}
body.romarc-page .project-info>.number{position:absolute;right:28px;bottom:122px;font-size:64px;line-height:1;font-weight:400;color:transparent;-webkit-text-stroke:1px #ffffff6e;letter-spacing:-.08em}
body.romarc-page .project-arrow{bottom:32px;right:28px;width:43px;height:43px;color:#fff;background:transparent;border:1px solid #ffffff94;border-radius:50%;z-index:4;transition:background .3s,color .3s,transform .3s}
body.romarc-page .project-arrow svg{transform:rotate(-35deg);transition:transform .4s}
body.romarc-page .project-card:hover .project-arrow{background:#ba9975;border-color:#ba9975;color:#191a18}
body.romarc-page .project-card:hover .project-arrow svg{transform:rotate(0)}
body.romarc-page .project-image .render-label{bottom:auto;top:20px;left:20px;z-index:3;font-size:11px;line-height:1.5;letter-spacing:.02em;background:#191a18b8;padding:7px 11px}
body.romarc-page .project-grid.featured{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
body.romarc-page .project-grid.featured .project-card:first-child{grid-column:span 6}
body.romarc-page .project-grid.featured .project-card:first-child .project-image{aspect-ratio:.91}
body.romarc-page .project-grid.featured .project-card:nth-child(2){grid-column:span 3;margin-top:108px}
body.romarc-page .project-grid.featured .project-card:nth-child(3){grid-column:span 3;margin-top:198px}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-image{aspect-ratio:.58}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info{padding:25px 20px 27px}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info h3{max-width:100%;font-size:clamp(21px,1.8vw,30px)}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info p{max-width:100%;font-size:12px;padding-right:0}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-arrow{top:21px;bottom:auto;right:18px;width:36px;height:36px}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .render-label{top:70px;left:18px;right:18px;width:fit-content;font-size:10px}
body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info>.number{right:22px;bottom:165px;font-size:58px}
/* Foundation, material, and time. */
body.romarc-page .about-section{position:relative;overflow:hidden;background:#eee8df}
body.romarc-page .about-section::after{content:'ROMARC';position:absolute;right:-18px;bottom:-.2em;font-size:clamp(150px,22vw,390px);font-weight:600;line-height:1;letter-spacing:-.075em;color:#191a1805;pointer-events:none}
body.romarc-page .about-split{position:relative;z-index:1;grid-template-columns:1fr 1.06fr;gap:10vw;align-items:center}
body.romarc-page .about-year{margin-bottom:30px;padding-bottom:28px;border-bottom-color:#c7bbab}
body.romarc-page .about-year strong{font-family:'Romarc Display',Georgia,serif;font-style:italic;letter-spacing:-.085em;font-weight:400;font-size:clamp(150px,17vw,280px);line-height:.86;color:#9e7c55;padding-bottom:23px}
body.romarc-page .about-year span{display:block;font-size:12px;font-weight:600;letter-spacing:.23em;margin-left:9px;margin-top:15px;color:#5d5141}
body.romarc-page .about-image{height:260px;margin-top:34px;position:relative;width:88%;overflow:visible}
body.romarc-page .about-image::after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #b4a38c;z-index:-1}
body.romarc-page .about-image img{object-position:center 53%;height:100%;width:100%;object-fit:cover}
body.romarc-page .about-copy .eyebrow{margin-bottom:29px}
body.romarc-page .about-copy h2{font-size:clamp(39px,4vw,68px)}
body.romarc-page .about-copy p{margin-top:27px}
body.romarc-page .about-copy .text-link{margin-top:28px}
/* Expertise is given its own measured rhythm. */
body.romarc-page .service-list{border-top:1px solid #aea393}
body.romarc-page .service-row{position:relative;grid-template-columns:64px 1.35fr 1fr 48px;gap:32px;min-height:152px;padding:36px 0;border-bottom:1px solid #cfc6b9;transition:background .35s,padding .35s var(--romarc-ease)}
body.romarc-page .service-row>.number{align-self:start;padding-top:5px;font-family:'Romarc Display',Georgia,serif;font-style:italic;font-size:35px;font-weight:400;letter-spacing:-.05em;color:#92724e}
body.romarc-page .service-row h3{font-size:clamp(25px,2.55vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.045em}
body.romarc-page .service-row p{font-size:14px;line-height:1.8;max-width:260px;color:#625d54}
body.romarc-page .service-row>svg{width:45px;height:45px;padding:11px;border:1px solid #c6bba9;border-radius:50%;transform:rotate(-35deg);transition:transform .4s,background .4s,border-color .4s}
body.romarc-page .service-row:hover{padding-inline:23px;background:#eee8df}
body.romarc-page .service-row:hover>svg{transform:rotate(0);background:#ba9975;border-color:#ba9975}
body.romarc-page .process-section{background-color:#1a1e19;background-image:linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:25% 100%;position:relative;color:#fdfbf8;overflow:hidden}
body.romarc-page .process-section::before{content:'';position:absolute;right:8%;top:85px;width:210px;height:210px;border:1px solid #ba997530;transform:rotate(45deg);pointer-events:none}
body.romarc-page .process-section::after{content:'';position:absolute;right:8%;top:85px;width:210px;height:210px;border:1px solid #ba997522;transform:rotate(15deg);pointer-events:none}
body.romarc-page .process-section .eyebrow{color:#d1b38f;margin-bottom:30px}
body.romarc-page .process-section h2{max-width:740px;color:#fdfbf8}
body.romarc-page .process-grid{margin-top:82px;gap:40px;position:relative;z-index:1}
body.romarc-page .process-item{border-top:1px solid #ffffff38;padding-top:26px}
body.romarc-page .process-item>.number{font-family:'Romarc Display',Georgia,serif;font-style:italic;font-size:62px;font-weight:400;letter-spacing:-.04em;color:#b99b78;line-height:1}
body.romarc-page .process-item h3{font-size:26px;margin-top:34px;letter-spacing:-.035em;font-weight:500;color:#fdfbf8}
body.romarc-page .process-item p{font-size:14px;line-height:1.9;color:#cdcfc4;margin-top:19px;max-width:270px}
/* A large but purposeful contact invitation. */
body.romarc-page .cta-section{padding-block:106px;background:#ba9975;border-bottom:1px solid #191a1830}
body.romarc-page .cta-section::after{content:'↗';border:0;border-radius:0;box-shadow:none;width:auto;height:auto;font-family:Manrope,Arial,sans-serif;font-size:370px;line-height:1;right:17%;top:-49px;color:#191a180b;transform:none}
body.romarc-page .cta-inner{gap:60px}
body.romarc-page .cta-inner h2{font-size:clamp(45px,5.2vw,86px);max-width:910px;line-height:1.02}
body.romarc-page .cta-inner p{font-size:16px;line-height:1.8;margin-top:30px;max-width:580px}
body.romarc-page .cta-inner .button{min-width:238px;flex-shrink:0}
body.romarc-page .site-footer{position:relative;padding-top:46px;background:#191a18;color:#fdfbf8;overflow:hidden}
body.romarc-page .site-footer::before{content:'ROMARC';display:block;width:calc(100% - var(--pad)*2);max-width:calc(var(--max) - var(--pad)*2);margin:0 auto 54px;font-size:clamp(100px,20.7vw,352px);font-family:Manrope,Arial,sans-serif;line-height:1.04;font-weight:600;letter-spacing:-.083em;text-align:center;color:transparent;-webkit-text-stroke:1px #ba99755c;pointer-events:none}
body.romarc-page .footer-grid{grid-template-columns:1.15fr .62fr 1.1fr .9fr;gap:52px;padding-bottom:68px}
body.romarc-page .footer-brand{width:230px;max-width:100%;padding:4px 13px;background:#fdfbf8;margin-bottom:23px}
body.romarc-page .footer-brand img{height:65px}
body.romarc-page .footer-about p{font-size:14px;line-height:1.9;color:#c9c6bd;max-width:270px}
body.romarc-page .footer-col h2{font-size:12px;letter-spacing:.17em;line-height:1.5;color:#c6a581;margin-top:5px;margin-bottom:24px}
body.romarc-page .footer-col a,body.romarc-page .footer-col p{font-size:14px;line-height:1.8;color:#e3ded4}
body.romarc-page .footer-col a{padding-block:7px}
body.romarc-page .footer-col a[href^='tel:']{font-size:22px;letter-spacing:-.04em;color:#fdfbf8;padding-top:0}
body.romarc-page .footer-col a[href^='mailto:']{font-size:13px}
body.romarc-page .footer-col a:hover{color:#d4b38f}
body.romarc-page .footer-bottom{font-size:12px;line-height:1.7;align-items:center;color:#bdb8ae;padding-top:26px;padding-bottom:29px;border-top-color:#ffffff22}
body.romarc-page .footer-bottom .languages a{font-size:12px;color:#c7c3ba}
/* The recognizable WhatsApp mark always remains white on WhatsApp green. */
body.romarc-page .whatsapp-link{bottom:25px;right:25px;z-index:90;width:60px;height:60px;display:flex;align-items:center;justify-content:center;gap:11px;border:2px solid #ffffffeb;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 7px 26px #102a1840;transition:background .25s,transform .25s,box-shadow .25s;text-decoration:none}
body.romarc-page .whatsapp-link:hover{background:#1dbf5a;transform:translateY(-3px);color:#fff;box-shadow:0 10px 30px #102a1855}
body.romarc-page .whatsapp-link svg{width:31px;height:31px;fill:currentColor;stroke:none;display:block}
body.romarc-page .whatsapp-label{position:absolute;right:calc(100% + 13px);top:50%;transform:translate(6px,-50%);padding:9px 15px;background:#191a18;color:#fff;border-radius:2px;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
body.romarc-page .whatsapp-link:hover .whatsapp-label,body.romarc-page .whatsapp-link:focus-visible .whatsapp-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
/* Interior pages share the same language without copying the home composition. */
body.romarc-page .page-intro{padding-top:92px;padding-bottom:68px}
body.romarc-page .page-intro h1{font-size:clamp(53px,5.7vw,94px);letter-spacing:-.06em;line-height:1.06;max-width:1280px}
body.romarc-page .page-intro .eyebrow{margin-bottom:30px}
body.romarc-page .page-intro .lead{font-size:18px;line-height:1.85;max-width:760px;margin-top:31px;color:#625d55}
body.romarc-page .page-intro .crumb{font-size:12px;line-height:1.7;margin-bottom:32px;gap:13px;flex-wrap:wrap;color:#7a7163}
body.romarc-page .project-hero{max-width:none;background:#1a1e19;color:#fdfbf8;padding-inline:max(var(--pad),calc((100% - var(--max))/2 + var(--pad)));padding-top:43px;padding-bottom:57px;border-bottom:1px solid #ba99751f;position:relative}
body.romarc-page .project-hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.08;max-width:1280px;color:#fdfbf8;letter-spacing:-.06em}
body.romarc-page .project-hero .crumb{font-size:12px;color:#d4c9b9;margin-bottom:31px}
body.romarc-page .project-hero .crumb a{border-bottom-color:#ab9275}
body.romarc-page .project-hero .subtitle{font-size:13px;letter-spacing:.035em;color:#c8a783;line-height:1.7;margin-bottom:21px}
body.romarc-page .project-hero .lead{font-size:16px;line-height:1.9;max-width:850px;color:#d7d4cb;margin-top:28px}
body.romarc-page .project-cover{max-width:none;width:100%;max-height:780px;aspect-ratio:2.28;margin:0 auto 102px;background:#dcd4c8}
body.romarc-page .project-cover img{width:100%;height:100%;object-fit:cover;object-position:center}
body.romarc-page .project-cover figcaption{right:var(--pad);bottom:25px;font-size:12px;line-height:1.5;padding:10px 14px;background:#191a18ca}
body.romarc-page .project-story{grid-template-columns:.7fr 1.8fr;gap:10vw;margin-bottom:111px;align-items:start}
body.romarc-page .project-meta{position:sticky;top:130px;margin:0;border-top:2px solid #b49470;padding-top:25px}
body.romarc-page .project-meta div+div{margin-top:27px;padding-top:25px;border-top-color:#d0c6b7}
body.romarc-page .project-meta dt{font-size:12px;letter-spacing:.14em;font-weight:600;line-height:1.5;color:#7b674e}
body.romarc-page .project-meta dd{font-size:16px;line-height:1.6;margin-top:10px}
body.romarc-page .story-body p{font-size:17px;line-height:1.95;color:#59584f}
body.romarc-page .story-body p:first-child{font-size:22px;line-height:1.7;color:#292b25;letter-spacing:-.015em}
body.romarc-page .story-body p+p{margin-top:1.55em}
body.romarc-page .gallery-top{padding-top:39px;margin-bottom:38px;border-top-color:#b4a48d}
body.romarc-page .gallery-top h2{font-size:clamp(35px,3.6vw,57px)}
body.romarc-page .project-filters{gap:9px;padding-bottom:29px;margin-bottom:39px;border-bottom-color:#c9beac}
body.romarc-page .project-filters button,body.romarc-page .gallery-tabs button{font-size:13px;line-height:1.5;min-height:47px;padding:12px 19px;border-color:#c4b8a5;background:transparent;color:#191a18;transition:background .2s,color .2s,border-color .2s}
body.romarc-page .project-filters button:hover,body.romarc-page .gallery-tabs button:hover{background:#eee8df}
body.romarc-page .project-filters button[aria-pressed=true],body.romarc-page .gallery-tabs button[aria-selected=true]{background:#191a18;border-color:#191a18;color:#fdfbf8}
body.romarc-page .gallery-grid{gap:27px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
body.romarc-page .gallery-grid:not(.videos-grid) figure{background:transparent}
body.romarc-page .gallery-grid:not(.videos-grid) figure>a{aspect-ratio:1.08}
body.romarc-page .gallery-grid:not(.videos-grid) figure:nth-child(6n+1){grid-column:span 2}
body.romarc-page .gallery-grid:not(.videos-grid) figure:nth-child(6n+1)>a{aspect-ratio:2.22}
body.romarc-page .gallery-grid figcaption{font-size:12px;line-height:1.6;padding:14px 0;color:#696153}
body.romarc-page .gallery-grid figure img{transition:transform .85s var(--romarc-ease)}
body.romarc-page .gallery-grid figure a:hover img{transform:scale(1.035)}
body.romarc-page .video-card{background:#eee8df}
body.romarc-page .video-card .video-trigger{aspect-ratio:1.45}
body.romarc-page .video-trigger img{opacity:.67;transition:transform .7s var(--romarc-ease)}
body.romarc-page .video-trigger:hover img{transform:scale(1.03)}
body.romarc-page .video-trigger .play-symbol{width:63px;height:63px;background:#191a1830;border-color:#fff}
body.romarc-page .video-caption{padding:18px 20px;font-size:13px;line-height:1.7}
body.romarc-page .video-caption a{font-size:12px;line-height:1.6}
body.romarc-page .dialog-top p,body.romarc-page .dialog-caption,body.romarc-page .dialog-counter{font-size:13px}
body.romarc-page .about-page-layout{grid-template-columns:1fr 1.05fr;gap:8vw}
body.romarc-page .about-page-layout figure{top:124px}
body.romarc-page .about-page-layout figure img{aspect-ratio:.88}
body.romarc-page .about-page-layout .body-copy p:first-child,body.romarc-page .service-detail .body-copy p:first-child{font-size:23px;line-height:1.7;color:#292b25;letter-spacing:-.02em}
body.romarc-page .service-detail{grid-template-columns:1.1fr 1fr;gap:8vw}
body.romarc-page .service-detail img{aspect-ratio:.94}
body.romarc-page .service-detail .button{margin-top:38px}
body.romarc-page .contact-layout{grid-template-columns:1.12fr 1fr;gap:8vw}
body.romarc-page .contact-info{background:#eee8df;padding:48px;border-top:2px solid #b69570}
body.romarc-page .contact-item+.contact-item{padding-top:30px;margin-top:32px}
body.romarc-page .contact-item h2{font-size:12px;line-height:1.5;letter-spacing:.15em;margin-bottom:15px;color:#786247}
body.romarc-page .contact-item a,body.romarc-page .contact-item p{font-size:18px;line-height:1.8}
body.romarc-page .contact-item a[href^='tel:']{font-size:32px;letter-spacing:-.04em}
body.romarc-page .contact-item .text-link{font-size:13px}
body.romarc-page .contact-aside h2{font-size:clamp(37px,3.5vw,57px);line-height:1.13}
body.romarc-page .contact-aside p{font-size:16px;line-height:1.9}
body.romarc-page .projects-section,body.romarc-page .gallery-section,body.romarc-page .about-page-layout,body.romarc-page .service-detail,body.romarc-page .contact-layout{padding-top:0}
/* Motion is opt-in only after the controller has initialized. */
html.romarc-motion-ready body.romarc-page .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--romarc-ease),transform 1s var(--romarc-ease);transition-delay:var(--reveal-delay,0ms)}
html.romarc-motion-ready body.romarc-page .reveal.is-visible{opacity:1;transform:none}
html.romarc-motion-ready body.romarc-page .reveal-line{display:block;animation:romarc-line-in 1.2s var(--romarc-ease) both;animation-delay:calc(var(--line-index,0)*120ms + 100ms)}
@keyframes romarc-line-in{from{opacity:0;transform:translateY(25px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@media(min-width:1800px){body.romarc-page:has(.hero) .site-header .header-inner{padding-inline:60px}body.romarc-page .hero-inner{padding-bottom:140px}body.romarc-page .hero h1{font-size:116px}}
@media(max-width:1350px){body.romarc-page .brand{width:185px;flex-basis:185px}body.romarc-page .header-inner{gap:22px}body.romarc-page .desktop-nav{gap:20px}body.romarc-page .header-actions{gap:16px}body.romarc-page .header-cta{display:none}body.romarc-page .footer-grid{gap:33px}body.romarc-page .footer-col a[href^='tel:']{font-size:20px}body.romarc-page .service-row{grid-template-columns:56px 1.25fr 1fr 45px;gap:25px}}
@media(max-width:1100px){body.romarc-page .project-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}body.romarc-page .project-grid.featured .project-card:first-child{grid-column:1/-1}body.romarc-page .project-grid.featured .project-card:first-child .project-image{aspect-ratio:1.8}body.romarc-page .project-grid.featured .project-card:nth-child(2),body.romarc-page .project-grid.featured .project-card:nth-child(3){grid-column:auto;margin-top:0}body.romarc-page .project-grid.featured .project-card:nth-child(3){margin-top:58px}body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-image{aspect-ratio:.97}body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info h3{font-size:28px}body.romarc-page .about-split{gap:7vw}body.romarc-page .about-image{height:240px}body.romarc-page .service-row{grid-template-columns:45px 1.4fr .8fr 45px;gap:24px}body.romarc-page .service-row h3{font-size:28px}body.romarc-page .process-grid{gap:26px}body.romarc-page .process-item h3{font-size:23px}body.romarc-page .footer-grid{grid-template-columns:1fr 1fr;gap:42px 60px}body.romarc-page .footer-col a[href^='tel:']{font-size:24px}body.romarc-page .footer-about p{max-width:320px}}
@media(max-width:950px){body.romarc-page .site-header{height:82px}body.romarc-page .brand{width:198px;flex-basis:198px}body.romarc-page .brand img{height:65px}body.romarc-page .desktop-nav{display:none}body.romarc-page .header-actions{gap:20px}body.romarc-page:has(.hero) .site-header{top:16px;left:16px;right:16px;height:80px}body.romarc-page:has(.hero) .site-header .header-inner{padding-inline:22px}body.romarc-page:has(.hero) .site-header.is-scrolled{height:80px}body.romarc-page .mobile-nav{inset:82px 0 0;padding:25px var(--pad) 45px;background:#fdfbf8;z-index:79}body.romarc-page:has(.hero) .mobile-nav{top:96px}body.romarc-page .mobile-nav>a,body.romarc-page .mobile-nav>details{font-size:27px;padding-block:17px}body.romarc-page .mobile-nav details>a{font-size:15px;padding-block:13px;line-height:1.5}body.romarc-page .mobile-nav .mobile-contact{font-size:20px}body.romarc-page .hero{height:100svh;min-height:730px;max-height:1020px}body.romarc-page .hero::before{inset:96px 16px 0}body.romarc-page .hero-inner{padding-top:150px;padding-bottom:125px}body.romarc-page .hero h1{font-size:clamp(64px,8.5vw,86px)}body.romarc-page .hero .eyebrow{font-size:11px;letter-spacing:.2em}body.romarc-page .hero-intro{max-width:455px}body.romarc-page .section{padding-block:90px}body.romarc-page #selected-projects{padding-block:92px}body.romarc-page .section-heading{margin-bottom:47px}body.romarc-page .service-ribbon{grid-template-columns:1fr 1fr;gap:22px 35px;padding-block:29px}body.romarc-page .service-ribbon a{font-size:13px}body.romarc-page .service-ribbon a:nth-child(2){border-right:0}body.romarc-page .about-split{gap:43px}body.romarc-page .about-year strong{font-size:clamp(145px,21vw,220px)}body.romarc-page .about-copy h2{font-size:42px}body.romarc-page .about-image{height:250px;width:93%}body.romarc-page .service-row{grid-template-columns:42px 1fr 45px;min-height:130px;gap:22px;padding-block:30px}body.romarc-page .service-row p{display:none}body.romarc-page .service-row h3{font-size:29px}body.romarc-page .process-grid{grid-template-columns:1fr 1fr;gap:45px 38px;margin-top:64px}body.romarc-page .process-item h3{font-size:27px;margin-top:25px}body.romarc-page .process-item p{max-width:330px;font-size:15px}body.romarc-page .process-section::before,body.romarc-page .process-section::after{width:150px;height:150px;top:70px;right:10%}body.romarc-page .cta-section{padding-block:79px}body.romarc-page .cta-inner{gap:30px}body.romarc-page .cta-inner h2{font-size:52px}body.romarc-page .cta-inner .button{min-width:210px}body.romarc-page .page-intro{padding-top:68px;padding-bottom:53px}body.romarc-page .page-intro h1{font-size:65px}body.romarc-page .page-intro .lead{font-size:17px}body.romarc-page .project-hero{padding-top:38px;padding-bottom:44px}body.romarc-page .project-hero h1{font-size:61px}body.romarc-page .project-cover{aspect-ratio:1.7;margin-bottom:70px}body.romarc-page .project-story{grid-template-columns:.8fr 1.65fr;gap:40px;margin-bottom:79px}body.romarc-page .project-meta{top:110px}body.romarc-page .story-body p{font-size:16px}body.romarc-page .story-body p:first-child{font-size:21px}body.romarc-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}body.romarc-page .gallery-grid:not(.videos-grid) figure:nth-child(6n+1){grid-column:span 2}body.romarc-page .gallery-grid:not(.videos-grid) figure:nth-child(6n+1)>a{aspect-ratio:1.9}body.romarc-page .about-page-layout,body.romarc-page .service-detail,body.romarc-page .contact-layout{gap:39px}body.romarc-page .contact-info{padding:31px}body.romarc-page .contact-item a,body.romarc-page .contact-item p{font-size:16px}body.romarc-page .contact-item a[href^='tel:']{font-size:26px}body.romarc-page .contact-aside h2{font-size:38px}body.romarc-page .projects-section,body.romarc-page .gallery-section,body.romarc-page .about-page-layout,body.romarc-page .service-detail,body.romarc-page .contact-layout{padding-top:0}}
@media(max-width:600px){
body.romarc-page{--pad:24px;font-size:16px;line-height:1.8}
body.romarc-page h2{font-size:42px;line-height:1.1;letter-spacing:-.05em}
body.romarc-page .body-copy{font-size:16px;line-height:1.9}
body.romarc-page .section{padding-block:74px}
body.romarc-page .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.14em}
body.romarc-page .eyebrow::before{width:21px;margin-right:12px}
body.romarc-page .section-heading{display:block;margin-bottom:37px}
body.romarc-page .section-heading .eyebrow{margin-bottom:21px}
body.romarc-page .section-heading .text-link{margin-top:23px}
body.romarc-page .button{min-height:58px;padding:17px 20px;font-size:13px;gap:30px}
body.romarc-page .text-link{font-size:13px;gap:35px}
body.romarc-page .site-header{height:78px}
body.romarc-page .header-inner{gap:5px}
body.romarc-page .brand{width:150px;flex-basis:150px}
body.romarc-page .brand img{height:55px}
body.romarc-page .header-actions{gap:5px}
body.romarc-page .languages{gap:3px}
body.romarc-page .languages a{font-size:11px;min-width:24px;padding:10px 0}
body.romarc-page .menu-toggle{width:39px;height:44px}
body.romarc-page:has(.hero) .site-header{inset:12px 12px auto;height:76px}
body.romarc-page:has(.hero) .site-header .header-inner{padding-inline:13px}
body.romarc-page:has(.hero) .site-header.is-scrolled{height:76px}
body.romarc-page:has(.hero) .site-header.is-scrolled .header-inner{padding-inline:17px}
body.romarc-page .mobile-nav{top:78px}
body.romarc-page:has(.hero) .mobile-nav{top:88px}
body.romarc-page .mobile-nav>a,body.romarc-page .mobile-nav>details{font-size:25px}
body.romarc-page .hero{height:100svh;min-height:710px;max-height:920px}
body.romarc-page .hero::before{inset:88px 12px 0}
body.romarc-page .hero::after{background:linear-gradient(90deg,#101710ad,#1017103d 88%),linear-gradient(0deg,#0d170f73,transparent 35%)}
body.romarc-page .hero-inner{padding-top:136px;padding-bottom:115px;justify-content:center}
body.romarc-page .hero h1{font-size:clamp(43px,11.4vw,67px);line-height:1.13;letter-spacing:-.062em;max-width:100%}
body.romarc-page .hero h1 .reveal-line:last-child:not(:first-child),body.romarc-page .hero h1 em,body.romarc-page .hero h1 .display-accent{font-size:1.29em;line-height:1.02;letter-spacing:-.052em}
body.romarc-page .hero .eyebrow{font-size:10px;line-height:1.9;letter-spacing:.1em;max-width:315px;margin-bottom:27px}
body.romarc-page .hero .eyebrow::before{width:20px;margin-right:11px}
body.romarc-page .hero-intro{font-size:15px;line-height:1.85;margin-top:29px;max-width:340px}
body.romarc-page .hero .button{margin-top:29px;min-width:226px}
body.romarc-page .hero-bottom{bottom:27px;padding-top:20px;padding-right:73px;gap:13px;left:var(--pad);right:var(--pad)}
body.romarc-page .hero-scroll{font-size:10px;letter-spacing:.08em;gap:12px}
body.romarc-page .hero-scroll svg{width:18px;height:22px}
body.romarc-page .hero-index{display:none}
body.romarc-page .video-toggle{width:43px;height:43px}
body.romarc-page .service-ribbon{padding-block:26px;gap:21px 15px}
body.romarc-page .service-ribbon a{font-size:12px;line-height:1.65;gap:10px;padding-right:9px;align-items:flex-start}
body.romarc-page .service-ribbon .number{font-size:11px;padding-top:1px}
body.romarc-page #selected-projects{padding-block:76px}
body.romarc-page .project-grid,body.romarc-page .project-grid.featured{grid-template-columns:1fr;gap:27px}
body.romarc-page .project-grid.featured .project-card:first-child,body.romarc-page .project-grid.featured .project-card:nth-child(2),body.romarc-page .project-grid.featured .project-card:nth-child(3){grid-column:auto;margin-top:0}
body.romarc-page .project-image,body.romarc-page .project-grid.featured .project-card:first-child .project-image,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-image{aspect-ratio:.87}
body.romarc-page .project-info,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info{padding:27px 23px 27px}
body.romarc-page .project-info h3,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info h3{font-size:29px;max-width:100%;padding-right:8px;line-height:1.14}
body.romarc-page .project-info p,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info p{font-size:12px;max-width:100%;margin-top:12px}
body.romarc-page .project-info>.number,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info>.number{font-size:64px;right:23px;bottom:151px}
body.romarc-page .project-arrow,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-arrow{width:39px;height:39px;top:19px;right:19px;bottom:auto}
body.romarc-page .project-image .render-label,body.romarc-page .project-grid.featured .project-card:not(:first-child) .render-label{left:17px;top:21px;right:auto;font-size:10px;max-width:calc(100% - 85px);padding:6px 9px}
body.romarc-page .about-split{grid-template-columns:1fr;gap:51px}
body.romarc-page .about-year{padding-bottom:26px;margin-bottom:0}
body.romarc-page .about-year strong{font-size:clamp(170px,51vw,260px);padding-bottom:12px;line-height:.87}
body.romarc-page .about-year span{font-size:11px;margin-top:13px;margin-left:5px}
body.romarc-page .about-image{display:block;height:235px;margin-top:29px;width:calc(100% - 14px)}
body.romarc-page .about-image::after{inset:14px -14px -14px 14px}
body.romarc-page .about-copy .eyebrow{margin-bottom:21px}
body.romarc-page .about-copy h2{font-size:40px}
body.romarc-page .about-copy p{margin-top:25px}
body.romarc-page .about-copy .text-link{margin-top:24px}
body.romarc-page .about-section::after{font-size:105px;bottom:-10px}
body.romarc-page .service-row{grid-template-columns:29px minmax(0,1fr) 35px;gap:13px;padding-block:29px;min-height:119px}
body.romarc-page .service-row>.number{font-size:29px;padding-top:1px}
body.romarc-page .service-row h3{font-size:24px;line-height:1.27;letter-spacing:-.04em}
body.romarc-page .service-row>svg{height:35px;width:35px;padding:8px}
body.romarc-page .service-row:hover{padding-inline:0;background:transparent}
body.romarc-page .process-section{background-size:50% 100%}
body.romarc-page .process-section h2{font-size:43px;max-width:290px}
body.romarc-page .process-section .eyebrow{margin-bottom:23px}
body.romarc-page .process-section::before,body.romarc-page .process-section::after{width:93px;height:93px;right:-40px;top:72px}
body.romarc-page .process-grid{grid-template-columns:1fr;gap:33px;margin-top:47px}
body.romarc-page .process-item{position:relative;padding-left:62px;padding-top:26px;min-height:150px}
body.romarc-page .process-item>.number{font-size:42px;position:absolute;left:0;top:27px}
body.romarc-page .process-item h3{font-size:27px;margin-top:0}
body.romarc-page .process-item p{font-size:14px;line-height:1.9;max-width:none;margin-top:14px}
body.romarc-page .cta-section{padding-block:67px}
body.romarc-page .cta-inner{display:block}
body.romarc-page .cta-inner h2{font-size:43px;line-height:1.08}
body.romarc-page .cta-inner p{font-size:15px;line-height:1.9;max-width:100%;margin-top:26px}
body.romarc-page .cta-inner .button{margin-top:29px;min-width:230px}
body.romarc-page .cta-section::after{font-size:270px;right:-92px;top:70px;color:#191a180b}
body.romarc-page .site-footer{padding-top:34px}
body.romarc-page .site-footer::before{width:calc(100% - 36px);font-size:21vw;letter-spacing:-.085em;margin-bottom:36px}
body.romarc-page .footer-grid{grid-template-columns:1fr 1fr;gap:33px 25px;padding-bottom:42px}
body.romarc-page .footer-about{grid-column:1/-1}
body.romarc-page .footer-brand{width:220px;padding:2px 12px;margin-bottom:23px}
body.romarc-page .footer-about p{font-size:14px;max-width:335px}
body.romarc-page .footer-col h2{font-size:11px;margin-top:0;margin-bottom:16px}
body.romarc-page .footer-col a,body.romarc-page .footer-col p{font-size:13px;line-height:1.85}
body.romarc-page .footer-col a[href^='tel:']{font-size:18px;white-space:normal;line-height:1.5}
body.romarc-page .footer-col a[href^='mailto:']{font-size:12px;line-height:1.7}
body.romarc-page .footer-col:last-child{grid-column:1/-1;max-width:340px}
body.romarc-page .footer-bottom{font-size:11px;align-items:flex-start;gap:17px;padding-top:24px;padding-bottom:35px}
body.romarc-page .footer-bottom>p{max-width:218px;font-size:11px}
body.romarc-page .footer-bottom .languages a{font-size:11px}
body.romarc-page .whatsapp-link{width:56px;height:56px;bottom:18px;right:18px}
body.romarc-page .whatsapp-link svg{width:29px;height:29px}
body.romarc-page .whatsapp-label{display:none}
body.romarc-page .page-intro{padding-top:52px;padding-bottom:43px}
body.romarc-page .page-intro h1{font-size:46px;line-height:1.08;letter-spacing:-.055em;overflow-wrap:anywhere}
body.romarc-page .page-intro .eyebrow{margin-bottom:23px}
body.romarc-page .page-intro .lead{font-size:16px;line-height:1.9;margin-top:27px}
body.romarc-page .page-intro .crumb{font-size:11px;line-height:1.6;gap:9px;margin-bottom:28px}
body.romarc-page .project-hero{padding-top:29px;padding-bottom:39px}
body.romarc-page .project-hero h1{font-size:42px;line-height:1.12;max-width:100%;overflow-wrap:normal;hyphens:auto}
body.romarc-page .project-hero .subtitle{font-size:12px;letter-spacing:.015em;line-height:1.75;margin-bottom:20px}
body.romarc-page .project-hero .lead{font-size:15px;line-height:1.85;margin-top:23px}
body.romarc-page .project-cover{aspect-ratio:1.05;max-height:none;margin-bottom:49px}
body.romarc-page .project-cover figcaption{font-size:11px;right:18px;bottom:18px;padding:8px 10px}
body.romarc-page .project-story{display:flex;flex-direction:column;gap:37px;margin-bottom:58px}
body.romarc-page .project-meta{position:static;display:grid;grid-template-columns:1fr 1fr;gap:23px;width:100%;padding-top:22px}
body.romarc-page .project-meta div+div{margin:0;padding:0;border:0}
body.romarc-page .project-meta dt{font-size:11px;letter-spacing:.09em}
body.romarc-page .project-meta dd{font-size:14px;line-height:1.7;margin-top:9px}
body.romarc-page .story-body p:first-child{font-size:21px;line-height:1.7}
body.romarc-page .story-body p{font-size:16px;line-height:1.95}
body.romarc-page .gallery-top{padding-top:30px;margin-bottom:29px;gap:25px}
body.romarc-page .gallery-top h2{font-size:38px}
body.romarc-page .gallery-tabs{gap:9px;flex-wrap:wrap}
body.romarc-page .gallery-tabs button{font-size:13px;padding:12px 17px}
body.romarc-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}
body.romarc-page .gallery-grid:not(.videos-grid) figure>a{aspect-ratio:.84}
body.romarc-page .gallery-grid:not(.videos-grid) figure:nth-child(6n+1)>a{aspect-ratio:1.18}
body.romarc-page .gallery-grid figcaption{font-size:11px;line-height:1.65;padding:10px 0}
body.romarc-page .gallery-grid.videos-grid{grid-template-columns:1fr;gap:24px}
body.romarc-page .video-card .video-trigger{aspect-ratio:1.6}
body.romarc-page .video-caption{padding:16px 18px;font-size:13px}
body.romarc-page .project-filters{gap:7px;margin-bottom:29px;padding-bottom:23px}
body.romarc-page .project-filters button{font-size:12px;padding:11px 13px;min-height:45px}
body.romarc-page .about-page-layout,body.romarc-page .service-detail,body.romarc-page .contact-layout{grid-template-columns:1fr;gap:38px}
body.romarc-page .about-page-layout figure{position:static}
body.romarc-page .about-page-layout figure img{aspect-ratio:1.05}
body.romarc-page .about-page-layout .body-copy p:first-child,body.romarc-page .service-detail .body-copy p:first-child{font-size:22px;line-height:1.7}
body.romarc-page .service-detail img{aspect-ratio:1.06}
body.romarc-page .contact-info{padding:29px 25px}
body.romarc-page .contact-item h2{font-size:11px;margin-bottom:13px}
body.romarc-page .contact-item a,body.romarc-page .contact-item p{font-size:16px;line-height:1.85}
body.romarc-page .contact-item a[href^='tel:']{font-size:28px}
body.romarc-page .contact-item+.contact-item{margin-top:28px;padding-top:25px}
body.romarc-page .contact-aside h2{font-size:39px;line-height:1.15}
body.romarc-page .contact-actions{gap:14px;align-items:stretch}
body.romarc-page .contact-actions .button{justify-content:space-between}
body.romarc-page .projects-section,body.romarc-page .gallery-section,body.romarc-page .about-page-layout,body.romarc-page .service-detail,body.romarc-page .contact-layout{padding-top:0}
}
@media(max-width:365px){body.romarc-page{--pad:20px}body.romarc-page .brand{width:133px;flex-basis:133px}body.romarc-page .header-actions{gap:2px}body.romarc-page .languages{gap:1px}body.romarc-page .languages a{min-width:22px;font-size:10px}body.romarc-page .hero h1{font-size:40px}body.romarc-page .hero .eyebrow{font-size:9px}body.romarc-page .project-info h3,body.romarc-page .project-grid.featured .project-card:not(:first-child) .project-info h3{font-size:26px}body.romarc-page .service-row h3{font-size:22px}body.romarc-page .project-hero h1{font-size:38px}body.romarc-page .hero{min-height:690px}}
@media(min-width:783px){body.romarc-page.admin-bar .site-header{top:32px}body.romarc-page.admin-bar:has(.hero) .site-header{top:56px}body.romarc-page.admin-bar:has(.hero) .site-header.is-scrolled{top:32px}}
@media(max-width:782px){body.romarc-page.admin-bar .site-header{top:46px}body.romarc-page.admin-bar:has(.hero) .site-header{top:58px}body.romarc-page.admin-bar:has(.hero) .site-header.is-scrolled{top:46px}body.romarc-page.admin-bar .mobile-nav{top:124px}body.romarc-page.admin-bar:has(.hero) .mobile-nav{top:134px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.romarc-page *,body.romarc-page *::before,body.romarc-page *::after{animation:none!important;transition:none!important}html.romarc-motion-ready body.romarc-page .reveal{opacity:1!important;transform:none!important}body.romarc-page .project-card:hover .project-image img,body.romarc-page .gallery-grid figure a:hover img,body.romarc-page .video-trigger:hover img{transform:none}}